/* Jornada de escritorio: mismas superficies y figuras que los comprobantes móviles. */
.schedule-figure{display:none}
.clock-finish-icon,.clock-finish-time,.hours-ring-visual{display:none}
.journey-figure{display:none}
.schedule-details{display:contents}
.timeline-caption{display:none}
@media(min-width:901px){
  /* El contenido determina la altura; el contenedor decide cuantas columnas caben. */
  #portal:not(.admin-wide)[data-view="inicio"] > .workspace{
    padding-block:clamp(16px,2.4dvh,24px) 16px;padding-inline:clamp(16px,1.8vw,32px);
  }
  #portal:not(.admin-wide)[data-view="inicio"] #view-inicio{
    --jornada-inset:linear-gradient(145deg,rgba(255,255,255,.6),rgba(235,242,247,.52));
    --jornada-inset-edge:rgba(151,170,186,.34);
    container: jornada-home / inline-size;min-width:0;
    width:100%;max-width:1800px;
  }
  #portal:not(.admin-wide)[data-view="inicio"] #view-inicio:has(.day-card.has-daily-close){
    display:flex;flex-direction:column;min-height:100%;
  }
  #portal:not(.admin-wide) #view-inicio > .view-head{
    grid-template-columns:minmax(160px,.65fr) minmax(0,1.35fr) auto;
    min-height:64px;gap:clamp(12px,1.2vw,20px);
  }
  #portal:not(.admin-wide) #view-inicio .today-layout{
    display:block;min-width:0;
  }
  #portal:not(.admin-wide) #view-inicio:has(.day-card.has-daily-close) .today-layout{
    display:flex;flex:1 0 auto;
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close{
    flex:1;
    align-items:stretch;align-content:stretch;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    grid-template-areas:"schedule close" "progress close";
    grid-template-rows:minmax(min-content,1fr) auto;
    gap:clamp(12px,1.6dvh,18px);
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .day-schedule{
    align-self:stretch;
    justify-content:space-between!important;
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .schedule-welcome{
    flex:none;align-content:start;
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .progress-card{
    align-self:stretch;align-content:center;
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close #day-close{
    align-self:stretch;grid-template-rows:auto 1fr;
    padding:clamp(14px,1.8dvh,20px)!important;min-width:0;
  }
  #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .day-close-layout{
    grid-template-rows:auto minmax(min-content,1fr) auto;align-content:stretch;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-checklist{
    max-height:none;overflow:visible;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide{
    --journey-figure-height:clamp(72px,12dvh,116px);
    display:flex;flex-direction:column;justify-content:center;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey-step{
    min-width:0;gap:8px;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .journey-figure{
    display:block;width:100%;max-width:148px;height:var(--journey-figure-height);
    object-fit:contain;object-position:center bottom;transform-origin:center bottom;
    opacity:.55;transition:opacity 220ms ease-out;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey::before,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey::after{
    top:calc(var(--journey-figure-height) + 25px)!important;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey::after{
    animation:journey-connect 850ms cubic-bezier(.16,1,.3,1) both;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide[data-stage] [data-journey-step="entry"] .journey-figure,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide:is([data-stage="evidence"],[data-stage="ready"],[data-stage="exit"],[data-stage="complete"]) [data-journey-step="evidence"] .journey-figure,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide:is([data-stage="exit"],[data-stage="complete"]) [data-journey-step="exit"] .journey-figure{
    opacity:1;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide[data-stage="evidence"] [data-journey-step="evidence"] i::after,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide:is([data-stage="ready"],[data-stage="exit"]) [data-journey-step="exit"] i::after{
    content:"";position:absolute;inset:-6px;border:2px solid transparent;
    border-top-color:#e11d5f;border-right-color:#e11d5f;border-radius:50%;
    animation:journey-loading 1.4s linear 3;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide[data-stage="complete"] .journey-figure{
    animation:journey-confirm 600ms cubic-bezier(.16,1,.3,1) both;
  }
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide[data-stage="complete"] [data-journey-step="evidence"] .journey-figure{animation-delay:100ms}
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide[data-stage="complete"] [data-journey-step="exit"] .journey-figure{animation-delay:200ms}
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-guide > strong{
    font-family:Inter,system-ui,sans-serif!important;font-size:16px!important;color:#346b55!important;
    margin-top:12px!important;
  }
  #portal:not(.admin-wide) #view-inicio .day-schedule{
    padding:clamp(14px,1.8dvh,20px);gap:clamp(10px,1.6dvh,16px);border:1px solid var(--user-glass-edge)!important;border-radius:24px;background:var(--user-glass)!important;
    box-shadow:var(--user-glass-shadow)!important;-webkit-backdrop-filter:var(--user-glass-blur);backdrop-filter:var(--user-glass-blur);
    color:#203248;min-width:0;
  }
  #portal:not(.admin-wide) #view-inicio .schedule-welcome{
    display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);
    grid-template-rows:auto;column-gap:16px;align-items:center;flex:none;
    padding:16px 20px 0 8px;background:var(--jornada-inset);border:1px solid var(--jornada-inset-edge);border-radius:18px;overflow:hidden;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  }
  #portal:not(.admin-wide) #view-inicio .schedule-details{
    display:flex;flex-direction:column;gap:14px;min-width:0;padding-block:4px 16px;
  }
  #portal:not(.admin-wide) #view-inicio .schedule-figure{
    display:block;grid-column:1;grid-row:1;align-self:end;width:100%;height:clamp(180px,24dvh,230px);
    object-fit:contain;object-position:center bottom;
  }
  #portal:not(.admin-wide) #view-inicio .day-section-heading{margin:0;padding:0;align-self:stretch;min-width:0;text-align:left}
  #portal:not(.admin-wide) #view-inicio .day-section-heading .day-section-icon,
  #portal:not(.admin-wide) #view-inicio .day-section-heading small{display:none}
  #portal:not(.admin-wide) #view-inicio #day-schedule-title{
    color:#203248;font:700 clamp(20px,1.7vw,25px)/1.2 Inter,system-ui,sans-serif;letter-spacing:-.025em;
  }
  #portal:not(.admin-wide) #view-inicio .day-schedule .day-timeline{
    grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:4px 0!important;
    min-height:0;height:auto;padding:12px 0 0;margin:0!important;
    border-top:1px solid #d7e1e8;align-items:start;
  }
  #portal:not(.admin-wide) #view-inicio .time-label{position:static;text-align:left;min-width:0}
  #portal:not(.admin-wide) #view-inicio .time-label.start{grid-column:1;grid-row:1;justify-self:start}
  #portal:not(.admin-wide) #view-inicio .time-label.end{grid-column:2;grid-row:1;justify-self:end;text-align:right}
  #portal:not(.admin-wide) #view-inicio .rail-arc{display:block;grid-column:1/-1;grid-row:2;width:100%;height:auto;aspect-ratio:400/110;min-height:0;min-width:0;margin:0 0 20px;position:relative}
  #portal:not(.admin-wide) #view-inicio .arc-svg{display:block;width:100%;height:auto;overflow:visible}
  #portal:not(.admin-wide) #view-inicio .arc-track{stroke:#d7e1e8;stroke-width:5}
  #portal:not(.admin-wide) #view-inicio .arc-progress{stroke:#579b7d;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 650ms ease-out;animation:schedule-draw 850ms cubic-bezier(.16,1,.3,1) backwards}
  #portal:not(.admin-wide) #view-inicio .arc-terminal{fill:#83b59d;filter:none}
  #portal:not(.admin-wide) #view-inicio .arc-now-dot{fill:#346b55;filter:drop-shadow(0 2px 3px rgba(52,107,85,.16))}
  #portal:not(.admin-wide) #view-inicio .arc-now-glow{stroke:#579b7d;animation:none}
  #portal:not(.admin-wide) #view-inicio .day-schedule:has(.shift-clock:not(.ended)) .arc-now-glow{animation:schedule-beacon 2s ease-in-out 3}
  #portal:not(.admin-wide) #view-inicio #arc-now-label rect{fill:#fff;stroke:#d7e1e8}
  #portal:not(.admin-wide) #view-inicio #arc-now-label text{fill:#346b55;font-size:12px;letter-spacing:0}
  #portal:not(.admin-wide) #view-inicio #arc-now-label{display:none}
  #portal:not(.admin-wide) #view-inicio .timeline-caption{
    display:block;position:absolute;left:clamp(22px,var(--marker-x,50%),calc(100% - 22px));
    top:calc(var(--marker-y,38%) + 10px);transform:translateX(-50%);
    padding:3px 7px;border-radius:6px;background:#dcebe3;color:#346b55;
    font:600 11px/1.2 Inter,system-ui,sans-serif;white-space:nowrap;
    transition:left 650ms ease-out,top 650ms ease-out;
  }
  #portal:not(.admin-wide) #view-inicio .time-label small{color:#627586;font-size:10px;letter-spacing:.04em}
  #portal:not(.admin-wide) #view-inicio .time-label b{margin-top:5px;color:#203248;font:700 clamp(21px,2vw,29px)/1.1 Inter,system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
  #portal:not(.admin-wide) #view-inicio .day-schedule .today-mode-choice{
    display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:0 6px;
    background:transparent;border:0;border-radius:0;box-shadow:none;
  }
  #portal:not(.admin-wide) #view-inicio .today-mode-copy{flex:1 1 130px}
  #portal:not(.admin-wide) #view-inicio .today-mode-copy small{font-size:10px;color:#627586;letter-spacing:.035em}
  #portal:not(.admin-wide) #view-inicio .today-mode-copy>b{color:#203248;font-size:14px}
  #portal:not(.admin-wide) #view-inicio #today-mode-help{color:#647587;font-size:11px;line-height:1.5;margin-top:5px}
  #portal:not(.admin-wide) #view-inicio .today-mode-switch{background:#f1f4f7;border:0;padding:4px;border-radius:12px;box-shadow:none;max-width:100%}
  #portal:not(.admin-wide) #view-inicio .today-mode-switch button{min-height:44px;color:#536b80;border-radius:9px;box-shadow:none}
  #portal:not(.admin-wide) #view-inicio .today-mode-switch button[aria-checked="true"]{background:#e2eef6;color:#285b77;box-shadow:none}
  #portal:not(.admin-wide) #view-inicio .today-mode-switch button:focus-visible{outline:2px solid #e11d5f;outline-offset:2px}
  #portal:not(.admin-wide) #view-inicio .day-schedule .shift-clock{
    padding:16px 18px;margin:0;background:var(--jornada-inset);border:1px solid var(--jornada-inset-edge);border-radius:14px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
  }
  #portal:not(.admin-wide) #view-inicio .clock-label{margin:0 0 10px;font-size:11px;letter-spacing:.025em;color:#516477}
  #portal:not(.admin-wide) #view-inicio .clock-digits{gap:10px}
  #portal:not(.admin-wide) #view-inicio .clock-digit{height:auto;width:auto;min-width:38px;padding:0;border:0;background:transparent;box-shadow:none}
  #portal:not(.admin-wide) #view-inicio .clock-digit span{font-size:30px;line-height:1.2;color:#203248;font-variant-numeric:tabular-nums;animation:none}
  #portal:not(.admin-wide) #view-inicio .clock-digit.tick span{animation:schedule-digit 180ms ease-out both}
  #portal:not(.admin-wide) #view-inicio .clock-digit-group small{color:#617486;font-size:9px;margin-top:4px}
  #portal:not(.admin-wide) #view-inicio .clock-sep{color:#91a1ad;font-size:20px}
  #portal:not(.admin-wide) #view-inicio .clock-caption{color:#516477;margin:10px 0 0;font-size:11px;line-height:1.5}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 16px;align-items:center;text-align:left;background:var(--jornada-inset);padding:20px;border-radius:16px}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended .clock-digits{display:none}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended .clock-label{grid-column:2;grid-row:1;color:#284b3d;margin:0;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.02em;text-transform:none}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended .clock-caption{grid-column:2;grid-row:3;color:#537161;margin:4px 0 0;max-width:48ch;font-size:12px;line-height:1.6}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended .clock-finish-icon{display:grid;place-items:center;grid-column:1;grid-row:1/3;align-self:center;width:44px;height:44px;border-radius:50%;background:#dcebe3;color:#346b55}
  #portal:not(.admin-wide) #view-inicio .clock-finish-icon svg{width:25px;height:25px;stroke-width:1.5}
  #portal:not(.admin-wide) #view-inicio .shift-clock.ended .clock-finish-time:not(:empty){display:block;grid-column:2;grid-row:2;color:#537161;font-size:12px;font-weight:500}
  #portal:not(.admin-wide) #view-inicio .day-context{border:0;padding:0 6px;margin:0;justify-content:flex-end}
  #portal:not(.admin-wide) #view-inicio .day-context>span{background:transparent;border:0;padding:0;color:#647587;font-size:10px}
  #portal:not(.admin-wide) #view-inicio .progress-card{
    --hours-ring-size:clamp(108px,13dvh,124px);
    display:grid;grid-template-columns:var(--hours-ring-size) minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:8px 20px;
    min-height:168px;padding:18px 22px;border:1px solid var(--user-glass-edge)!important;border-radius:24px;background:var(--user-glass)!important;
    -webkit-backdrop-filter:var(--user-glass-blur);backdrop-filter:var(--user-glass-blur);
    box-shadow:var(--user-glass-shadow)!important;color:#203248;
  }
  #portal:not(.admin-wide) #view-inicio .progress-card .hours-ring{
    width:var(--hours-ring-size);height:var(--hours-ring-size);min-height:0;border:0;border-radius:50%;background:none;box-shadow:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;
  }
  #portal:not(.admin-wide) #view-inicio .hours-ring::before,
  #portal:not(.admin-wide) #view-inicio .hours-ring::after{display:none}
  #portal:not(.admin-wide) #view-inicio .hours-ring-visual{display:block;position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:7}
  #portal:not(.admin-wide) #view-inicio .hours-ring-track{stroke:#e6efe9}
  #portal:not(.admin-wide) #view-inicio .hours-ring-fill{stroke:#579b7d;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--hours-percent,0));transition:stroke-dashoffset 900ms cubic-bezier(.16,1,.3,1);animation:hours-fill-in 900ms cubic-bezier(.16,1,.3,1) both}
  #portal:not(.admin-wide) #view-inicio .hours-ring>span{position:static;display:flex;align-items:baseline;justify-content:center;gap:2px;width:max-content;max-width:none;white-space:nowrap;color:#346b55;font:700 clamp(16px,1.3vw,21px)/1.1 Inter,system-ui,sans-serif;letter-spacing:-.035em}
  #portal:not(.admin-wide) #view-inicio .hours-ring strong{font:inherit}
  #portal:not(.admin-wide) #view-inicio .hours-ring>span>b{font-size:.68em;margin-left:0}
  #portal:not(.admin-wide) #view-inicio .hours-ring>small{position:static;margin-top:5px;font-size:9px;color:#647587}
  #portal:not(.admin-wide) #view-inicio .summary-copy{align-self:center}
  #portal:not(.admin-wide) #view-inicio .summary-copy .eyebrow{font-size:14px;letter-spacing:0;color:#203248;text-transform:none;margin:0 0 6px}
  #portal:not(.admin-wide) #view-inicio .hours-rate{font-size:12px;color:#647587;font-weight:500}
  #portal:not(.admin-wide) #view-inicio .hours-progress-map{grid-column:2;grid-row:2;padding:0;align-self:start}
  #portal:not(.admin-wide) #view-inicio .progress-card .hours-ring{grid-column:1;grid-row:1/3;align-self:center}
  #portal:not(.admin-wide) #view-inicio .progress-card .summary-copy{grid-column:2;grid-row:1;align-self:end}
  #portal:not(.admin-wide) #view-inicio .hours-progress-map header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
  #portal:not(.admin-wide) #view-inicio .hours-progress-map header span{display:grid;gap:2px;min-width:0}
  #portal:not(.admin-wide) #view-inicio .hours-progress-map header small{color:#718596;font-size:9px;font-weight:700;letter-spacing:.06em}
  #portal:not(.admin-wide) #view-inicio .hours-progress-map header b{overflow-wrap:anywhere;color:#346b55;font-size:13px;font-weight:700}
  #portal:not(.admin-wide) #view-inicio .progress-track{height:5px;margin-top:0;background:#edf2ef;border:0;border-radius:8px;overflow:hidden}
  #portal:not(.admin-wide) #view-inicio .progress-track i{background:#7fac99;box-shadow:none;border-radius:8px}
  #portal:not(.admin-wide) #view-inicio #hours-note{font-size:11px;line-height:1.5;color:#647587;margin:9px 0 0}
}
/* La ventana disponible determina la distribucion, incluso al cambiar el zoom.
   El espacio liberado por el menu pertenece a la jornada, no al panel personal. */
@media(min-width:1281px){
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide){
    grid-template-columns:calc(var(--sidebar-width,220px) + 16px) minmax(0,1fr) clamp(320px,23vw,440px);
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .workspace{
    height:100%;min-height:0;
  }
  #portal[data-personal="true"][data-view="inicio"][data-sidebar-collapsed="true"]:not(.admin-wide) #rail-pausa-open{
    grid-template-columns:minmax(0,1fr) auto;
  }
  #portal[data-personal="true"][data-view="inicio"][data-sidebar-collapsed="true"]:not(.admin-wide) .rail-pausa-figure{
    width:clamp(100px,9vw,156px);gap:2px;
  }
  #portal[data-personal="true"][data-view="inicio"][data-sidebar-collapsed="true"]:not(.admin-wide) .rail-pausa-character{
    width:calc((100% - 4px)/3);height:74px;
  }
}
/* En portatiles compactos, el apoyo pasa debajo de la jornada.
   Un unico desplazamiento mantiene accesibles todos los bloques. */
@media(min-width:901px) and (max-width:1280px){
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide){
    height:100dvh;overflow-y:auto;
    grid-template-columns:clamp(190px,20vw,224px) minmax(0,1fr);
    grid-template-rows:max-content max-content;align-content:start;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .sidebar{
    grid-column:1;grid-row:1 / 3;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .workspace{
    grid-column:2;grid-row:1;height:auto;min-height:min-content;overflow:visible;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) #view-inicio:has(.day-card){
    display:block;min-height:0;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) #view-inicio:has(.day-card) .today-layout{
    display:block;flex:none;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .portal-rail{
    grid-column:2;grid-row:2;position:static;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto;align-content:start;align-items:start;
    height:auto;min-height:0;max-height:none;overflow:visible;
    margin:0 clamp(16px,2vw,26px) 24px;padding:20px 20px 88px;gap:20px;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .portal-rail > :is(.rail-profile,.rail-pausa-activa){
    grid-row:1;min-width:0;
  }
  #portal[data-personal="true"][data-view="inicio"]:not(.admin-wide) > .portal-rail > .rail-announcement{
    grid-column:1 / -1;grid-row:2;
  }
}
@media(min-width:901px){
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-item{padding:10px 12px!important;gap:10px!important}
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-head{flex-wrap:wrap;gap:8px}
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-head > span:first-child{flex:1 1 180px;min-width:0}
  @container jornada-home (max-width:760px){
    #portal:not(.admin-wide) #view-inicio .day-card,
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close{
      grid-template-columns:minmax(0,1fr);grid-template-rows:auto;
      grid-template-areas:"schedule" "action" "close" "progress";
      align-items:start;min-height:0;
    }
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close{grid-template-areas:"schedule" "close" "progress"}
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .day-schedule{justify-content:flex-start!important}
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .schedule-welcome{flex:none}
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close .day-close-layout{grid-template-rows:auto auto auto}
    #portal:not(.admin-wide) #view-inicio .day-card.has-daily-close #day-close{grid-template-rows:auto auto}
    #portal:not(.admin-wide) #view-inicio .schedule-welcome{grid-template-columns:minmax(100px,.65fr) minmax(0,1.35fr)}
  }
  @container jornada-home (max-width:500px){
    #portal:not(.admin-wide) #view-inicio > .view-head{grid-template-columns:minmax(0,1fr) auto}
    #portal:not(.admin-wide) #view-inicio > .view-head .dashboard-month-progress{grid-column:1/-1;grid-row:2}
    #portal:not(.admin-wide) #view-inicio > .view-head .header-tools{grid-column:2;grid-row:1}
    #portal:not(.admin-wide) #view-inicio #day-close .day-close-action{grid-template-columns:minmax(0,1fr)}
    #portal:not(.admin-wide) #view-inicio .hours-ring>span{font-size:21px}
  }
}
@keyframes hours-fill-in{from{stroke-dashoffset:100}}
@keyframes schedule-beacon{0%,100%{opacity:.2}50%{opacity:.65}}
@keyframes schedule-digit{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes schedule-draw{from{stroke-dashoffset:var(--arc-length,400)}}
@keyframes journey-connect{from{transform:scaleX(0)}to{transform:scaleX(var(--journey-progress,.5))}}
@keyframes journey-loading{to{transform:rotate(360deg)}}
@keyframes journey-confirm{from{transform:scale(.94);opacity:.65}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){
  #portal:not(.admin-wide) #view-inicio #day-close .journey-figure,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey::after,
  #portal:not(.admin-wide) #view-inicio #day-close .day-close-journey-step i::after{animation:none!important;transition:none!important}
  #portal:not(.admin-wide) #view-inicio :is(.hours-ring-fill,.arc-progress,.arc-now-dot,.arc-now-glow,#arc-now-label rect,#arc-now-label text,.timeline-caption,.clock-digit.tick span){animation:none!important;transition:none!important}
}