:root{--tinta:#1b2140;--bruma:#eaedf2;--ambar:#e2a33d;--musgo:#6b8f71;--musgo-boton:#4f7056;--piedra:#c9ccd6;--blanco:#fff;--fuente-titulos:Georgia, "Times New Roman", serif;--fuente-texto:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color:var(--tinta);background:var(--bruma);font-family:var(--fuente-texto);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-height:100dvh;margin:0}.app{max-width:72rem;margin:0 auto;padding:0 1rem 3rem}.app-vacia{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:48rem;min-height:100dvh;display:flex}.cabecera{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.marca{font-family:var(--fuente-titulos);letter-spacing:-.01em;align-items:center;gap:.6em;margin:0;font-size:clamp(2.5rem,10vw,4rem);font-weight:700;display:flex}.marca-logo{height:.75em}.marca-compacta{font-size:1.5rem}.lema{opacity:.85;max-width:22ch;margin:0;font-size:1.25rem;line-height:1.5}.barra{z-index:10;background:color-mix(in srgb, var(--bruma) 90%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--piedra);grid-template-columns:auto 1fr auto;grid-template-areas:"marca controles importar";align-items:center;gap:.75rem 1.5rem;margin:0 -1rem;padding:.75rem 1rem;display:grid;position:sticky;top:0}.barra .marca{grid-area:marca}.barra .controles{flex-wrap:wrap;grid-area:controles;justify-content:center;justify-self:center;gap:.5rem 1rem;display:flex}.barra-acciones{grid-area:importar;align-items:flex-start;gap:.5rem;display:flex}.boton-icono{width:2.75rem;height:2.75rem;color:var(--tinta);background:var(--blanco);cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.boton-icono:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}.boton-icono-principal{color:var(--blanco);background:var(--musgo-boton)}.boton-icono:disabled{opacity:.5;cursor:progress}.boton-icono-punto{background:var(--ambar);border:2px solid var(--blanco);border-radius:999px;width:.6rem;height:.6rem;position:absolute;top:.45rem;right:.45rem}.menu{position:relative}.menu-lista{z-index:20;background:var(--blanco);border-radius:.75rem;flex-direction:column;min-width:12rem;padding:.375rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #1b214033}.menu-opcion{min-height:2.75rem;font:inherit;text-align:left;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;padding:0 .75rem;display:flex}.menu-opcion:disabled{opacity:.4;cursor:default}.menu-opcion:focus-visible{outline:3px solid var(--ambar);outline-offset:-3px}.menu-opcion[aria-checked=true]{color:var(--blanco);background:var(--tinta);font-weight:600}.menu-cuenta{opacity:.7;font-size:.85rem}.filtro-activo{background:var(--blanco);border-radius:999px;grid-area:chip;justify-self:start;align-items:center;gap:.25rem;margin:.375rem 0 .125rem;padding:0 0 0 .75rem;font-size:.85rem}.filtro-activo.solo-movil{display:none}.filtro-quitar{width:2.25rem;height:2.25rem;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.filtro-quitar svg{width:1rem;height:1rem}.progreso{height:3px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.progreso-barra{background:var(--musgo-boton);transform-origin:0;height:100%;transition:transform .2s}.aviso-flotante{left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:15;text-align:center;width:fit-content;color:var(--blanco);background:var(--tinta);border-radius:999px;margin:0 auto;padding:.6rem 1rem;font-size:.9rem;position:fixed;box-shadow:0 6px 20px #1b214040}.aviso-flotante:empty{display:none}.boton{font:inherit;cursor:pointer;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600}.boton-principal{color:var(--blanco);background:var(--musgo-boton);border:2px solid var(--musgo-boton)}.boton-secundario{color:var(--tinta);border:2px solid var(--tinta);background:0 0}.boton:disabled{opacity:.5;cursor:progress}.boton:focus-visible,.segmento:focus-visible,.grupo-boton:focus-visible,.tarjeta-mes:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}.segmentos{background:var(--blanco);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.segmento{font:inherit;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.4rem 1rem;font-weight:600}.segmento[aria-pressed=true]{color:var(--blanco);background:var(--tinta)}.segmento:disabled{opacity:.4;cursor:default}.segmento-cuenta{opacity:.75;font-size:.75em;font-weight:400}.importador{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.importador-botones{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.importador-estado{min-height:1.5em;margin:.25rem 0 0}.importador-privacidad{opacity:.7;margin:0;font-size:.875rem}.importador-compacto{align-items:flex-end;gap:.25rem}.importador-compacto .importador-botones{gap:.5rem}.importador-compacto .boton{border-radius:999px;padding:.4rem .9rem;font-size:.9rem}.timeline{width:100%;position:relative}.timeline-fila{width:100%;position:absolute;top:0;left:0}.grupo-titulo{height:100%;font-family:var(--fuente-titulos);white-space:nowrap;align-items:flex-end;gap:.5rem;margin:0;padding-bottom:.6rem;font-size:1.15rem;display:flex}.grupo-titulo-year{font-size:1.75rem}.grupo-titulo-texto{text-overflow:ellipsis;min-width:0;overflow:hidden}.grupo-cuenta{flex:none}.grupo-boton{max-width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:.25rem;align-items:baseline;gap:.5rem;padding:0;display:inline-flex}.grupo-cuenta{font-family:var(--fuente-texto);opacity:.7;font-size:.85rem;font-weight:400}.fila{align-items:start;display:grid}.tesela-boton{cursor:zoom-in;background:0 0;border:0;border-radius:4px;width:100%;padding:0;display:block}.tesela-boton:focus-visible{outline:3px solid var(--ambar);outline-offset:1px}.tesela{object-fit:cover;background:var(--piedra);border-radius:4px;width:100%;height:100%;display:block}.tesela-sin-vista{text-align:center;background:var(--piedra);justify-content:center;align-items:center;padding:.25rem;font-size:.7rem;display:flex}.tarjeta-mes{font:inherit;color:inherit;text-align:left;background:var(--blanco);cursor:pointer;border:0;border-radius:.75rem;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.tarjeta-portada{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.tarjeta-texto{justify-content:space-between;align-items:center;gap:.5rem;height:48px;padding:0 .75rem;display:flex}.tarjeta-mes-nombre{font-weight:600}.boton-peligro{color:#9b2c2c;border-color:#9b2c2c;padding:.5rem 1.1rem;font-size:.9rem}.ajustes{width:calc(100% - 2rem);max-width:36rem;max-height:calc(100dvh - 4rem);color:var(--tinta);background:var(--bruma);border:0;border-radius:1rem;padding:0;box-shadow:0 20px 60px #1b21404d}.ajustes::backdrop{background:#1b214073}.ajustes-cabecera{background:var(--bruma);border-bottom:1px solid var(--piedra);grid-template-columns:1fr auto 1fr;align-items:center;padding:.5rem .75rem;display:grid;position:sticky;top:0}.ajustes-cabecera h2{font-family:var(--fuente-titulos);grid-column:2;margin:0;font-size:1.25rem}.ajustes-volver{min-height:2.75rem;font:inherit;color:var(--tinta);cursor:pointer;background:0 0;border:0;border-radius:.5rem;grid-column:1;justify-self:start;align-items:center;gap:.15rem;padding:0 .5rem 0 .15rem;font-weight:600;display:inline-flex}.ajustes-volver:focus-visible{outline:3px solid var(--ambar)}.ajustes-contenido{padding:.5rem 1rem 1.5rem}.ajustes-seccion{background:var(--blanco);border-radius:.75rem;margin-top:1rem;padding:1rem}.ajustes-seccion h3{letter-spacing:.06em;text-transform:uppercase;opacity:.75;margin:0 0 .5rem;font-size:.8rem}.ajustes-seccion p{margin:0 0 .75rem;line-height:1.5}.ajustes-seccion p:last-child{margin-bottom:0}.ajustes-fila{justify-content:space-between;gap:1rem;display:flex}.ajustes-nota{background:var(--bruma);border-left:3px solid var(--ambar);border-radius:.25rem;padding:.6rem .75rem;font-size:.9rem}.ajustes-nota-ok{border-left-color:var(--musgo-boton)}.confirmacion{width:calc(100% - 2rem);max-width:26rem;color:var(--tinta);background:var(--blanco);border:0;border-radius:1rem;padding:1.5rem}.confirmacion::backdrop{background:#1b214080}.confirmacion h2{font-family:var(--fuente-titulos);margin:0 0 .75rem;font-size:1.25rem}.confirmacion p{margin:0 0 .75rem;line-height:1.5}.confirmacion-botones{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.25rem;display:flex}.confirmacion-botones .boton{padding:.6rem 1.1rem}.boton-peligro-lleno{color:var(--blanco);background:#9b2c2c;border:2px solid #9b2c2c}html:has(dialog[open]){overflow:hidden}.visor{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--blanco);background:#0f1223f5;border:0;margin:0;padding:0}.visor[open]{grid-template-rows:1fr auto;display:grid}.visor::backdrop{background:0 0}.visor-cerrar{z-index:1;width:2.75rem;height:2.75rem;color:var(--blanco);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.visor-cerrar:focus-visible,.visor-flecha:focus-visible,.visor-permiso:focus-visible{outline:3px solid var(--ambar);outline-offset:2px}.visor-contador{z-index:1;opacity:.75;margin:0;font-size:.9rem;position:absolute;top:1.4rem;left:1rem}.visor-flecha{z-index:1;width:3rem;height:3rem;color:var(--blanco);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.visor-flecha-anterior{left:1rem}.visor-flecha-siguiente{right:1rem}@media (hover:none){.visor-flecha{display:none}}@media (hover:hover){.visor-imagen{padding-left:5rem;padding-right:5rem}}.visor-aviso-cargando{animation:.2s .5s both aparecer-tarde}@keyframes aparecer-tarde{0%{opacity:0}to{opacity:1}}.visor-imagen{touch-action:none;will-change:transform;justify-content:center;align-items:center;min-height:0;padding:3.75rem 1rem 1rem;display:flex}.visor-imagen img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%}.visor-imagen img.visor-provisional{filter:blur(2px);opacity:.85;width:min(100%,48rem)}.visor-pie{text-align:center;padding:.75rem 1rem 1.25rem}.visor-pie p{margin:.25rem 0}.visor-nombre{font-weight:600}.visor-fecha{opacity:.8;font-size:.9rem}.visor-aviso{border-left:3px solid var(--ambar);text-align:left;background:#ffffff14;border-radius:.25rem;max-width:40rem;padding:.6rem .9rem;font-size:.9rem;margin:.75rem auto 0!important}.visor-permiso{margin-top:.5rem;padding:.4rem 1rem;font-size:.9rem}@media (hover:hover){.boton-principal:hover:not(:disabled){background:var(--tinta);border-color:var(--tinta)}.boton-secundario:hover:not(:disabled){background:var(--blanco)}.segmento:hover:not(:disabled):not([aria-pressed=true]){background:var(--bruma)}.grupo-boton:hover{text-decoration:underline;-webkit-text-decoration-color:var(--ambar);text-decoration-color:var(--ambar);text-underline-offset:.2em}.tarjeta-mes:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1b21401f}.visor-cerrar:hover,.visor-flecha:hover{background:#ffffff40}}.solo-escritorio{display:contents}.solo-movil{display:none}@media (width<=640px){.solo-escritorio{display:none}.solo-movil{display:contents}.filtro-activo.solo-movil{display:inline-flex}.ajustes{border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}.barra{grid-template-columns:auto 1fr auto;grid-template-areas:"marca controles importar""chip chip chip";gap:0 .375rem;padding:.375rem 1rem}.marca-texto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.marca-compacta{font-size:1.75rem}.barra .controles{justify-self:center}.barra-acciones{align-items:center;gap:.375rem}.segmento{min-height:2.75rem;padding:0 .65rem;font-size:.9rem}.tarjeta-texto{padding:0 .5rem;font-size:.85rem}.grupo-titulo{font-size:1rem}.grupo-titulo-year{font-size:1.5rem}}@media (width<=360px){.barra .marca{display:none}.barra{grid-template-columns:1fr auto;grid-template-areas:"controles importar""chip chip"}.barra .controles{justify-self:start}.boton-icono{width:2.5rem;height:2.5rem}.segmento{padding:0 .5rem;font-size:.85rem}}