/* Fecha y progreso anual como una unidad, centrada verticalmente respecto al logo. */
.header-calendar{min-width:0;text-align:center;color:var(--muted);font-size:10.5px;line-height:1.4;font-weight:400}
.header-calendar .header-date{position:static;max-width:none;white-space:normal;text-align:center;font:inherit}
.header-year-progress{margin-top:3px;font:inherit;white-space:normal}
.header-year-progress strong{font-weight:750}
@media(max-width:1180px) and (min-width:851px){.header-calendar{max-width:260px;font-size:10px}}
@media(max-width:850px){
  .header-inner--centered{height:auto;grid-template-rows:auto auto;row-gap:12px;padding:14px 0 10px}
  .header-nav-slot{grid-column:1;grid-row:1}
  .brand--centered{grid-column:2;grid-row:1}
  .header-actions--right{display:contents}
  .header-actions--right .theme-toggle{grid-column:3;grid-row:1;justify-self:end}
  .header-calendar{position:static;grid-column:1 / -1;grid-row:2;justify-self:stretch;font-size:10.5px}
  .header-calendar .header-date{position:static}
}
@media(max-width:600px){.header-calendar{font-size:10px}}
.header-year-progress[hidden]{display:none}