@charset "UTF-8";
/* alimmenta-cabecera-fija-css */


/* El alto de la cabecera ya compactada. Un solo número para todo el sitio. */
:root{--al-cabecera:70px}
@media (max-width:47.99em){:root{--al-cabecera:65px}}

/* ANCLAS. Con la cabecera fija, un salto a un apartado dejaba el titular
   debajo de la barra. Vale para los índices de las guías, para las migas y
   para cualquier enlace con almohadilla. */
/* T-296: UNA sola declaración. `scroll-margin-top` en los encabezados y
   `scroll-padding-top` en el `html` SE SUMAN (medido: 184 px en escritorio,
   160 en móvil). Queda la del `html`, que es la que vale también para
   `scrollIntoView()` y para el índice pegajoso. */
html{scroll-padding-top:calc(var(--al-cabecera) + 12px)}

/* VOLVER ARRIBA */
.al-arriba{
  position:fixed;right:16px;bottom:24px;z-index:95;
  width:44px;height:44px;border-radius:0;
  display:none;align-items:center;justify-content:center;
  background:var(--blanco,#fff);color:var(--tinta,#111);
  border:1px solid var(--borde-fuerte,#D8DDE3);
  box-shadow:none; /* T-622 D1 (26/09): recto y sin sombra, lenguaje T-441 */
  cursor:pointer;padding:0;line-height:0;
  transition:opacity .18s ease,transform .18s ease,background-color .15s ease
}
.al-arriba.esta-visible{display:flex}
.al-arriba:hover{background:var(--perla-2,#F0F2F5)}
.al-arriba:focus-visible{outline:3px solid var(--verde-oscuro,#527022);outline-offset:3px}
.al-arriba svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Encima de la barra de reserva móvil (`al-barra`, z-index 90), que solo existe
   por debajo de 64em. ⚠️ Medido el 21/09 en un iPhone emulado: la barra mide
   **84 px** con el área segura incluida, y con 84 aquí el botón la solapaba
   9 px. Con 96 + el área segura quedan ~30 px de aire en los dos casos. */
@media (max-width:63.99em){
  /* T-622 D1 (26/09): 79 px lo dejaba a 12 px de la barra (67 px) y se leían pegados. Con 99 px
     quedan 32 px de aire, también con el área segura del iPhone. */
  .al-arriba{bottom:calc(99px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){
  .al-arriba{transition:none}
}
@media print{.al-arriba{display:none!important}}

/* ── T-622 D1 (26/09/2026, aprobado por Javier) · Remates de marca de sitio ─────────────────
   Van aquí porque son piezas que no pinta Bricks (el aviso de cookies es del plugin GDPR Cookie
   Compliance) o reglas que tienen que valer en todas las plantillas y en los tres idiomas. */

/* Citas y opiniones en Roboto (DESIGN.md: «Las citas de opiniones también van en Roboto»).
   El tema pinta `blockquote` en Georgia; la reseña de cea024 es un blockquote. */
blockquote,blockquote *,.al-resena__cita,.al-resena__cita *{font-family:var(--fuente-texto,Roboto,Arial,sans-serif)!important}

/* Aviso de cookies: desde el 30/09/2026 es una tarjeta flotante; su CSS está en el fragmento «T-408 · Aviso de cookies en tarjeta flotante (opción 2)».
   Aquí ya no hay reglas de la barra inferior (propuesta 1). La ventana de ajustes sigue abajo. */
/* Ventana de ajustes: rótulos legibles (salían a 8 px en móvil) y botones rectos. */
#moove_gdpr_cookie_modal,#moove_gdpr_cookie_modal *{font-family:var(--fuente-texto,Roboto,Arial,sans-serif)!important}
#moove_gdpr_cookie_modal .gdpr-nav-tab-title{font-size:14px!important;line-height:1.3!important}
#moove_gdpr_cookie_modal .moove-gdpr-branding-cnt,#moove_gdpr_cookie_modal .moove-gdpr-branding-cnt *{font-size:12px!important}
#moove_gdpr_cookie_modal *,#moove_gdpr_cookie_modal *::before,#moove_gdpr_cookie_modal *::after{border-radius:0!important}
#moove_gdpr_cookie_modal .moove-gdpr-modal-close span.gdpr-icon{background:var(--tinta,#111)!important;border-color:var(--tinta,#111)!important;color:var(--blanco,#fff)!important;box-shadow:none!important}
#moove_gdpr_cookie_modal .mgbutton{min-height:44px!important;box-shadow:none!important;background:var(--tinta,#111)!important;color:var(--blanco,#fff)!important;border:1.5px solid var(--tinta,#111)!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
#moove_gdpr_cookie_modal .mgbutton.moove-gdpr-modal-save-settings{background:var(--blanco,#fff)!important;color:var(--tinta,#111)!important}

/* alimmenta-t296-css */


/* ── Saltar al contenido ─────────────────────────────────────────────────
   Fuera de pantalla hasta que recibe el foco; nunca `display:none`, que lo
   sacaría del orden de tabulación. */
.al-saltar{
  /* ⚠️ Se esconde con `top`, no con `transform`. Medido el 21/09: con
     `transform:translateY(-120%)` y `:focus{transform:translateY(0)}` el
     enlace **seguía fuera de pantalla al recibir el foco** aunque `:focus`
     casaba y no había ninguna otra regla en juego. Con `top` no hay carrera
     posible y el comportamiento es el mismo. */
  position:fixed;top:-120px;left:8px;z-index:1000;
  display:inline-flex;align-items:center;min-height:44px;
  padding:10px 18px;
  background:var(--blanco,#fff);color:var(--verde-oscuro,#527022);
  border:2px solid var(--verde-oscuro,#527022);border-radius:0;
  font-family:var(--fuente-texto,inherit);font-size:16px;font-weight:600;line-height:1.2;
  text-decoration:none;box-shadow:0 2px 12px rgba(17,17,17,.18);
  transition:top .15s ease
}
.al-saltar:focus{top:8px}
.al-saltar:focus-visible{outline:3px solid var(--tinta,#111);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.al-saltar{transition:none}}

/* ── Foco visible, una sola regla para todo el sitio ─────────────────────
   Añade anillo; no retira ninguno. */
:where(a,button,input,select,textarea,summary,[tabindex],[role="button"]):focus-visible{
  outline:3px solid var(--verde-oscuro,#527022);
  outline-offset:2px
}
/* Sobre fondo verde oscuro el anillo verde no se ve: allí, blanco. */
:where(.al-p3__cierre,.al-inst__cierre,.al-cta,.al-landing__cierre) :where(a,button,[role="button"]):focus-visible{
  outline-color:var(--blanco,#fff)
}

/* ── Texto mínimo de 16 px en móvil y área táctil de 44 ──────────────────
   Solo donde hoy se queda corto; no se toca ningún tamaño que ya cumpla. */
@media (max-width:47.99em){
  /* TEXTO QUE SE LEE: nunca por debajo de 16 px.
     ⚠️ La primera versión usaba `:where(...)`, que **no tiene especificidad**,
     y las clases propias de cada componente (`.al-p3__lead`, `.al-prosa p`…)
     la ganaban: medido, 93 elementos seguían a 13,3 px. Los selectores de
     aquí llevan clase + etiqueta (0,1,1) a propósito.
     No se tocan los tokens `--text-s` (13,3) ni `--text-xs` (11): visten
     rótulos, notas y cifras donde 16 px rompe la maqueta, y subirlos es
     cambiar el diseño de todo el sitio. Está en PENDIENTE-JAVIER. */
  .al-prosa p,.al-prosa li,.al-prosa dd,.al-prosa blockquote,
  .al-respuesta p,.al-respuesta li,
  .al-guia__entradilla,.al-p3__lead,.al-inst__lead,.al-landing__lead,
  .al-sede-pagina p,.al-receta__pasos li,
  .al-resena__extracto,.al-resena__resto,
  .al-inst__acordeon p,.al-inst__acordeon li,
  .al-panel__lead{font-size:max(16px,1em)}

  /* ÁREA TÁCTIL de 44 px en lo que se pulsa. Los enlaces dentro de un
     párrafo quedan fuera a propósito: WCAG 2.5.8 los exceptúa, y estirarlos
     rompería el interlineado de la prosa. */
  .al-indice__enlace,.al-archivo__chip,.al-inst__chip,.al-p3__chip,
  .al-p3__mas,.al-p3__sede-a,.al-confianza__enlace,.al-ayuda__enlace,
  .al-reserva__silo,.al-resenas__fuente,.c-cabecera__logo,
  .c-pie__menu a,.c-pie__zonas a,.c-pie__legal a,
  .al-megamenu__enlace,.c-migas__enlace{
    display:inline-flex;align-items:center;min-height:44px
  }
  /* Controles: 16 px es además lo que evita que Safari amplíe al enfocar. */
  input,select,textarea,button,.brxe-form label{font-size:max(16px,1em)}
  .brxe-form button,.wpforms-submit{min-height:44px}
}

/* ── Los dos enlaces de opiniones (punto 5) ──────────────────────────────── */
.al-resenas__fuentes-enlaces{display:flex;flex-wrap:wrap;align-items:center;gap:.5em;margin:.2em 0 0;font-size:var(--text-s,.95rem);line-height:1.4}
.al-resenas__fuente{display:inline-flex;align-items:center;min-height:44px;color:var(--verde-oscuro,#527022);text-decoration:underline}
.al-resenas__fuente:hover{color:var(--tinta,#111)}
/* El aviso de «pestaña nueva» se lee, no se ve: quien usa un lector de
   pantalla necesita saberlo y quien mira la pantalla ya lo sabe por el icono
   del navegador. */
.al-resenas__fuera{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Contraste del verde hoja ────────────────────────────────────────────
   #8AAC43 con blanco da 2,5 : ni AA grande. Se permite solo donde el
   encargo lo permite —botón de ≥16 px en negrita— y en cualquier otro uso
   el texto va en tinta. */
:where(.al-p3,.al-inst,.al-landing,.al-guia,.al-sede-pagina) :where(.al-chip,.al-etiqueta,.al-distintivo,.al-cifra__rotulo){color:var(--tinta,#111)}

/* ── Índice: sección activa y desplegable ────────────────────────────────── */
.al-indice__caja{width:100%}
.al-indice__caja > summary{display:flex;align-items:center;gap:.5em;min-height:44px;cursor:pointer;list-style:none}
.al-indice__caja > summary::-webkit-details-marker{display:none}
.al-indice__caja > summary::marker{content:""}
.al-indice__caja > summary::after{content:"";width:.55em;height:.55em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .15s ease}
.al-indice__caja[open] > summary::after{transform:rotate(-135deg)}
.al-indice__enlace.es-actual{background:var(--verde-oscuro,#527022);border-color:var(--verde-oscuro,#527022);color:var(--blanco,#fff);font-weight:500}
@media (min-width:64em){
  /* En escritorio el índice es un lateral pegajoso que aterriza justo bajo la
     cabecera compacta, con el mismo número que el `scroll-padding-top`. */
  .al-indice--escritorio{position:sticky;top:calc(var(--al-cabecera,70px) + 12px);max-height:calc(100vh - var(--al-cabecera,70px) - 40px);overflow-y:auto;overscroll-behavior:contain}
  .al-indice--escritorio .al-indice__lista{flex-direction:column;flex-wrap:nowrap;gap:.3em}
  .al-indice--escritorio .al-indice__enlace{display:flex;width:100%;border-radius:0;text-align:left}
  .al-indice--escritorio .al-indice__caja > summary{cursor:default}
  .al-indice--escritorio .al-indice__caja > summary::after{display:none}
  .al-indice--movil{display:none}
}
@media (max-width:63.99em){
  .al-indice--escritorio{display:none}
}

/* ── El panel de reserva no debe dejar la página detrás desplazándose ──── */
body.no-scroll{overflow:hidden}
@media print{.al-saltar,#al-panel-reserva{display:none!important}}

/* alimmenta-cookies-tarjeta-css */


/* Antes de que toque: oculta, sin ocupar sitio ni recibir foco (visibility). */
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar{
  position:fixed!important;top:auto!important;left:0!important;right:0!important;bottom:18px!important;
  width:min(560px,calc(100vw - 28px))!important;max-width:none!important;height:auto!important;max-height:none!important;
  margin:0 auto!important;padding:0!important;overflow:visible!important;transform:none!important;
  background:#fff!important;color:#202020!important;
  border:1px solid #d5dbe1!important;border-radius:12px!important;box-shadow:0 10px 34px rgba(0,0,0,.2)!important;
  font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;z-index:100!important;
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
  transition:opacity .25s ease,visibility 0s linear .25s!important}
html.al-ck-tarjeta.al-ck-on #moove_gdpr_cookie_info_bar{
  visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  transition:opacity .25s ease,visibility 0s!important}
@media (prefers-reduced-motion:reduce){html.al-ck-tarjeta #moove_gdpr_cookie_info_bar{transition:none!important}}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding:20px 22px 18px!important;margin:0!important;max-width:none!important;width:auto!important;background:transparent!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content{display:block!important;padding:0!important;margin:0!important;max-width:none!important;width:auto!important;background:transparent!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice{display:block!important;margin:0 0 14px!important;padding:0!important;width:auto!important;max-width:none!important;flex:none!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p{margin:0!important;padding:0!important;font-family:inherit!important;font-size:15px!important;line-height:1.5!important;font-weight:400!important;color:#404040!important;max-width:none!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p.al-ck-titulo{margin:0 0 6px!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;color:#202020!important}
/* El enlace a la política sale del texto y pasa a la fila de enlaces (lo hace el JS); si el JS no corre, queda debajo del mensaje. */
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p.al-ck-pol{margin:8px 0 0!important;font-size:14px!important}
/* Aceptar y Rechazar: dos columnas iguales, mismo alto, mismo texto, misma posición. */
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;margin:0!important;width:auto!important;max-width:none!important;flex:none!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
  width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;margin:0!important;padding:0 12px!important;
  border:2px solid #8AAC43!important;border-radius:8px!important;box-shadow:none!important;opacity:1!important;
  background:#8AAC43!important;color:#14210a!important;
  font-family:inherit!important;font-size:16px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;
  text-transform:none!important;text-decoration:none!important;cursor:pointer}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-reject-btn{
  background:#fff!important;border-color:#3f5712!important;color:#202020!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-allow-all:hover{background:#7d9d3a!important;border-color:#7d9d3a!important;color:#14210a!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-button-holder button.mgbutton.moove-gdpr-infobar-reject-btn:hover{background:#f1f5e6!important;border-color:#3f5712!important;color:#202020!important}
/* Si el JS no ha movido «Configurar», se ve como enlace igualmente. */
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar button.mgbutton.moove-gdpr-infobar-settings-btn{
  grid-column:1 / -1;justify-self:start;display:inline-block!important;width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;padding:4px 0!important;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;opacity:1!important;
  color:#3f5712!important;font-family:inherit!important;font-size:14px!important;line-height:1.4!important;font-weight:400!important;
  text-decoration:underline!important;text-underline-offset:3px;text-transform:none!important;cursor:pointer}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar button.mgbutton.moove-gdpr-infobar-settings-btn:hover{background:transparent!important;color:#202020!important;box-shadow:none!important;opacity:1!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .al-ck-enlaces button.mgbutton.moove-gdpr-infobar-settings-btn{order:0!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .al-ck-enlaces a{order:1}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .al-ck-enlaces{display:flex;flex-wrap:wrap;gap:2px 18px;margin:10px 0 0;padding:0;align-items:center}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .al-ck-enlaces a,
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice a{color:#3f5712!important;font-size:14px!important;line-height:1.4!important;font-weight:400!important;text-decoration:underline!important;text-underline-offset:3px;padding:4px 0}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .al-ck-enlaces a:hover,
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice a:hover{color:#202020!important}
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar button.mgbutton:focus-visible,
html.al-ck-tarjeta #moove_gdpr_cookie_info_bar a:focus-visible{outline:3px solid #3f5712!important;outline-offset:2px!important}
@media (max-width:640px){
  /* Hoja inferior a todo el ancho, con el área segura. */
  html.al-ck-tarjeta #moove_gdpr_cookie_info_bar{width:auto!important;margin:0!important;bottom:0!important;border-radius:14px 14px 0 0!important;border-bottom:0!important}
  html.al-ck-tarjeta #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px))!important}
}
/* En móvil, por encima de la barra de reserva (al-barra, solo cuando está visible; ~84 px con el área segura), para no tapar «Pedir cita». */
@media (max-width:63.99em){
  html.al-ck-tarjeta body:has(.al-barra.is-visible) #moove_gdpr_cookie_info_bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
  html.al-ck-tarjeta body:has(.al-barra.is-visible) #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding-bottom:16px!important}
}

/* alimmenta-t296b-lateral-estilos-css */


/* Fuera de escritorio el envoltorio no altera la maqueta. */
.al-lateral-etapa,.al-lateral-prioritario,.al-lateral-secundario{display:contents}
html{scroll-padding-top:var(--al-offset-fijo,82px)!important}

@media (min-width:64em){
  /* La columna se estira con el artículo. La etapa ocupa el espacio anterior a
     los módulos secundarios y crea el límite inferior real del sticky. */
  .al-guia__lateral{position:static!important;top:auto!important;align-self:stretch!important}
  .al-lateral-etapa{
    position:relative;display:block;flex:1 1 auto;min-height:0
  }
  .al-lateral-secundario{
    position:relative;z-index:0;display:flex;flex:0 0 auto;
    flex-direction:column;gap:var(--space-xs)
  }
  .al-lateral-prioritario{
    position:sticky;top:var(--al-offset-fijo,82px);z-index:1;
    display:flex;flex-direction:column;gap:var(--space-xs);
    max-height:calc(100vh - var(--al-offset-fijo,82px) - 12px)
  }
  .al-lateral-prioritario > .al-indice--escritorio,
  .al-lateral-prioritario > .al-reserva,
  .al-lateral-prioritario > .al-oferta--tarjeta,
  .al-lateral-prioritario > .al-dc__tarjeta{flex:0 0 auto}

  /* T-298 ya no calcula un segundo sticky. T-296B decide si la tarjeta cabe
     en la zona prioritaria o permanece, visible, en el flujo secundario. */
  .al-lateral-prioritario > .al-dc__tarjeta,
  .al-lateral-secundario > .al-dc__tarjeta,
  .al-lateral-prioritario > .al-oferta--tarjeta,
  .al-lateral-secundario > .al-oferta--tarjeta,
  .al-lateral-prioritario > .al-oferta--tarjeta.al-oferta--sin-sitio,
  .al-lateral-secundario > .al-oferta--tarjeta.al-oferta--sin-sitio{
    position:static!important;top:auto!important;z-index:auto!important;
    display:flex!important;--al-oferta-top:auto
  }

  .al-lateral-prioritario .al-indice--escritorio{
    position:static;top:auto;display:flex;max-height:none;overflow:visible;
    padding:var(--space-xs);background:var(--perla,#F7F8F9);
    border:1px solid var(--borde,#E1E4E8);border-radius:var(--radio-m,12px)
  }
  .al-lateral-prioritario .al-indice__caja > summary{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem .75rem;
    min-height:0;padding:0;color:var(--tinta,#111);cursor:pointer
  }
  .al-lateral-prioritario .al-indice__caja > summary::after{display:none}
  .al-indice__etiqueta{
    grid-column:1/-1;font-size:var(--text-xs);font-weight:700;line-height:1.2;
    letter-spacing:.08em;text-transform:uppercase;color:var(--verde-oscuro,#527022)
  }
  .al-indice__actual{
    grid-column:1/-1;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;
    -webkit-line-clamp:2;font-family:var(--fuente-titular);font-size:var(--text-m);
    font-weight:700;line-height:1.28;color:var(--tinta,#111)
  }
  .al-indice__progreso{
    grid-column:1/-1;display:block;width:100%;height:4px;overflow:hidden;
    border-radius:var(--radio-full,999px);background:var(--borde,#E1E4E8)
  }
  .al-indice__progreso > span{
    display:block;width:10%;height:100%;border-radius:inherit;
    background:var(--verde-oscuro,#527022);transition:width .18s ease-out
  }
  .al-indice__accion{
    grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
    min-height:44px;margin-top:.15rem;padding:.55rem .85rem;
    border:1px solid var(--verde-oscuro,#527022);border-radius:var(--radio-s,6px);
    color:var(--verde-oscuro,#527022);font-size:var(--text-s);font-weight:600;line-height:1.25
  }
  .al-indice__accion::after{
    content:"";width:.5em;height:.5em;margin-left:.75rem;
    border-right:2px solid currentColor;border-bottom:2px solid currentColor;
    transform:rotate(45deg);transition:transform .15s ease-out
  }
  .al-indice__caja[open] .al-indice__accion::after{transform:rotate(-135deg)}
  .al-lateral-prioritario .al-indice__caja > .brxe-shortcode{
    max-height:clamp(8rem,16vh,10rem);margin-top:.65rem;padding-right:.25rem;
    overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable
  }
  .al-lateral-prioritario .al-indice__lista{gap:.25rem}
  .al-lateral-prioritario .al-indice__enlace{min-height:40px;padding:.55rem .7rem;font-size:var(--text-s);line-height:1.25}

  .al-lateral-prioritario .al-reserva{
    position:relative;gap:var(--space-xs);margin:0;padding:var(--space-s);
    overflow:hidden;background:var(--blanco,#FFF);
    border:1px solid #C9D9A8;border-radius:var(--radio-m,12px);
    box-shadow:0 10px 28px rgba(17,17,17,.08)
  }
  .al-lateral-prioritario .al-reserva::before{
    content:"";position:absolute;top:1rem;right:1rem;width:.7rem;height:.7rem;
    border-radius:50%;background:var(--lila,#E8DEFB);
    box-shadow:-.72rem .62rem 0 -.14rem var(--verde,#8AAC43)
  }
  .al-lateral-prioritario .al-reserva__encabezado{gap:.45rem;padding-right:2.25rem}
  .al-reserva__eyebrow{
    margin:0;font-size:var(--text-xs);font-weight:700;line-height:1.2;
    letter-spacing:.08em;text-transform:uppercase;color:var(--verde-oscuro,#527022)
  }
  .al-lateral-prioritario .al-reserva__titulo{
    margin:0;font-size:var(--text-xl);font-weight:700;line-height:1.18;letter-spacing:-.01em
  }
  .al-lateral-prioritario .al-reserva__subtitulo{margin:0;font-size:var(--text-s);line-height:1.45;color:var(--carbon,#404040)}
  .al-lateral-prioritario .al-reserva__datos--compactos{
    gap:.2rem;padding:0;background:transparent;border:0;border-radius:0
  }
  .al-reserva__meta,.al-reserva__precio{margin:0;color:var(--carbon,#404040)}
  .al-reserva__meta{font-size:var(--text-s);line-height:1.35}
  .al-reserva__precio{font-size:var(--text-m);font-weight:600;line-height:1.35;color:var(--tinta,#111)}
  .al-reserva__precio strong{font-weight:700}
  .al-lateral-prioritario .al-reserva__acciones{display:flex;flex-direction:column;gap:.35rem}
  .al-lateral-prioritario .al-boton--primario{
    width:100%;min-height:52px;padding:.7rem 1rem;border-radius:var(--radio-m,12px);
    background:var(--verde-oscuro,#527022);color:var(--blanco,#FFF);font-weight:700
  }
  .al-lateral-prioritario .al-boton--primario:hover{background:var(--tinta,#111);color:var(--blanco,#FFF)}
  .al-reserva__telefono{
    display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;
    color:var(--verde-oscuro,#527022);font-size:var(--text-s);font-weight:500;
    text-decoration:underline;text-underline-offset:3px
  }
  .al-reserva__telefono:hover{color:var(--tinta,#111)}
  .al-reserva__telefono:focus-visible{outline:3px solid var(--verde-oscuro,#527022);outline-offset:2px;border-radius:var(--radio-s,6px)}
  .al-reserva__telefono-icono{flex:0 0 auto}
  .al-lateral-prioritario .al-reserva__nota{margin:0;text-align:center;font-size:var(--text-xs);line-height:1.35;color:var(--gris,#6B6B6B)}
  .al-lateral-prioritario .al-reserva--indice-abierto .al-reserva__nota{display:none}
}

@media (prefers-reduced-motion:reduce){
  .al-indice__progreso > span,.al-indice__accion::after{transition:none}
}