/* Los conmutadores de la demo: fuera del sistema de la web a propósito, como en la maqueta. */
/* En su fila, debajo del aviso de ejemplo, y sin flotar a ningún ancho: flotando tapaban texto, en
   el móvil el de encima de la barra de reservar y en el ordenador el de la columna de la izquierda
   (09-nov-2026). Cada opción es un enlace que vuelve a cargar la página desde arriba, donde están. */
.mandos{position:relative;z-index:50;padding:8px 16px;background:#fff;border-bottom:1px solid #e2e2e2;text-align:center;font:14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1a1a1a}
.mandos summary{list-style:none;display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#fff;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;box-shadow:inset 0 0 0 1px #cfcfcf}
.mandos summary::-webkit-details-marker{display:none}
.mandos .caja{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:min(340px,calc(100vw - 24px));max-height:min(74vh,640px);overflow:auto;padding:14px;background:#fff;border-radius:14px;box-shadow:0 12px 40px rgb(0 0 0 / .3);text-align:left}
.mandos h6{margin:12px 0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#555;font-weight:600}
.mandos h6:first-child{margin-top:0}
.mandos .fila{display:flex;flex-wrap:wrap;gap:5px}
.mandos .fila a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:8px;background:#f1f1f1;color:#1a1a1a;font-size:13px;text-decoration:none}
.mandos .fila a[aria-current]{background:#1a1a1a;color:#fff}
.mandos .nota{margin-top:10px;font-size:12px;color:#555}