/* Franja de idioma de la portada. Arriba y estrecha: no tapa la reserva ni compite con ella,
   y desaparece en cuanto la persona elige. Todo cuelga de .idm-*, sin tocar las seis webs. */

.idm-franja {
    position: fixed;
    left: 0; right: 0; top: 0;
    z-index: 2147482000;                      /* por debajo de «Mi reserva» y del chat */
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 10px 14px;
    padding: 10px max(14px, env(safe-area-inset-left));
    background: var(--idm, #0d3226); color: #fff;
    font: 500 .84rem/1.35 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .6);
    transform: translateY(-110%);
    transition: transform .35s ease;
}
.idm-franja--dentro { transform: none; }
.idm-tx { opacity: .92; }

.idm-btn {
    flex: 0 0 auto;
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .45); border-radius: 999px;
    background: transparent; color: #fff; cursor: pointer;
    font: 600 .72rem/1 inherit; letter-spacing: .08em; text-transform: uppercase;
}
.idm-btn--si { background: #fff; color: var(--idm, #0d3226); border-color: #fff; }
.idm-btn:hover { opacity: .88; }

@media (max-width: 560px) {
    .idm-franja { font-size: .78rem; padding: 9px 12px; }
    .idm-btn { padding: 7px 11px; font-size: .66rem; }
}
@media (prefers-reduced-motion: reduce) {
    .idm-franja { transition: none; transform: none; }
}