/**
 * ==========================================================================
 * LE COMPTOIR DES ESSENCES — CALIBRACIÓN MÓVIL HORIZONTAL (LANDSCAPE)
 * Aislamiento Bipolar Absoluto: Solo activo en smartphones apaisados (max-width: 1024px y max-height: 500px)
 * CERO interferencia con PC (1080p), portátiles ni móvil vertical.
 * ==========================================================================
 */

@media screen and (orientation: landscape) and (max-width: 1024px) and (max-height: 500px) {

  /* BLINDAJE UNIVERSAL DE TAMAÑO DE FRASCOS EN LANDSCAPE (ANULAR min-height HEREDADO DE DESKTOP) */
  .spot-bottle .perfume-bottle,
  .perfume-bottle {
    min-height: 0 !important;
  }

  /* ==========================================================================
     SALA 1: EL MAESTRO BOTICARIO (index.html / el-maestro-boticario.html)
     ========================================================================== */

  /* 1. ESCENARIO ULTRA-PANORÁMICO 20:9 (Preserva el 100% de la altura, cabeza íntegra y libro abierto) */
  body[data-room="el-maestro-boticario"] .scene-background {
    background-image: url('../assets/backgrounds/el-maestro-boticario-bg-landscape.jpg') !important;
    background-position: center 50% !important;
    background-size: cover !important;
  }

  /* 2. LOGO EN TAMAÑO JOYA REFINADO */
  body[data-room="el-maestro-boticario"] .brand-header,
  body[data-room="el-maestro-boticario"] .logo-container,
  body[data-room="el-maestro-boticario"] .main-ui .logo-container {
    position: static !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
  }

  body[data-room="el-maestro-boticario"] .brand-logo,
  body[data-room="el-maestro-boticario"] #brand-logo {
    position: static !important;
    max-width: 44px !important;
    width: 44px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.85)) !important;
    display: block !important;
  }

  /* Título de Marca Centrado en la Cabecera: Más Grande, Solemne y Despegado del Logo */
  body[data-room="el-maestro-boticario"] .mobile-maestro-header-marquee {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: clamp(6px, 2.2vh, 14px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 60 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
    text-align: center !important;
    width: auto !important;
  }

  body[data-room="el-maestro-boticario"] .mobile-maestro-header-title {
    margin: 0 !important;
    font-family: 'Cinzel', serif !important;
    font-size: clamp(0.85rem, 2.4vw, 1.12rem) !important;
    font-weight: 700 !important;
    letter-spacing: clamp(2px, 0.5vw, 3.5px) !important;
    color: #D4AF37 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    background: linear-gradient(120deg, #d8bf8d 0%, #ffffff 30%, #c9a86a 55%, #f4e8c1 80%, #b88d44 100%) !important;
    background-size: 250% auto !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: goldShimmer 7s ease-in-out infinite !important;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 10px rgba(212, 175, 55, 0.45)) !important;
  }

  body[data-room="el-maestro-boticario"] .mobile-maestro-header-title .brand-title-line1,
  body[data-room="el-maestro-boticario"] .mobile-maestro-header-title .brand-title-line2 {
    display: inline !important;
    white-space: nowrap !important;
  }

  body[data-room="el-maestro-boticario"] .mobile-maestro-header-title .brand-title-line1::after {
    content: " " !important;
  }

  /* 3. COLUMNA IZQUIERDA: DESPLEGADA DE ARRIBA A ABAJO */
  body[data-room="el-maestro-boticario"] .main-ui {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    padding-top: max(14px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(16px, calc(env(safe-area-inset-left, 0px) + 8px)) !important;
    padding-right: 14px !important;
    width: 36% !important;
    min-width: 265px !important;
    max-width: 330px !important;
    justify-content: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
    z-index: 30 !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-room="el-maestro-boticario"] .main-ui::-webkit-scrollbar {
    display: none !important;
  }

  /* Bloque Hero: Más Bajo, con Presencia y Lema Claro y Legible */
  body[data-room="el-maestro-boticario"] .hero-section,
  body[data-room="el-maestro-boticario"] .maestro-header-block,
  body[data-room="el-maestro-boticario"] .title-container {
    position: static !important;
    transform: none !important;
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 320px !important;
    padding: 0 !important;
    background: none !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  body[data-room="el-maestro-boticario"] .hero-title,
  body[data-room="el-maestro-boticario"] .maestro-title {
    font-family: 'Cinzel', serif !important;
    font-size: 1.15rem !important;
    line-height: 1.15 !important;
    letter-spacing: 1.2px !important;
    margin: 0 !important;
    max-width: 320px !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.95), 0 0 12px rgba(212, 175, 55, 0.4) !important;
    text-align: left !important;
  }

  body[data-room="el-maestro-boticario"] .hero-title .title-line-1,
  body[data-room="el-maestro-boticario"] .hero-title .title-line-2 {
    display: inline !important;
  }
  body[data-room="el-maestro-boticario"] .hero-title .title-line-1::after {
    content: " " !important;
  }

  body[data-room="el-maestro-boticario"] .hero-subtitle,
  body[data-room="el-maestro-boticario"] .lema-boticario,
  body[data-room="el-maestro-boticario"] .hero-tagline {
    font-family: 'Lato', sans-serif !important;
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
    color: #f0dfb6 !important;
    -webkit-text-fill-color: #f0dfb6 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95) !important;
    opacity: 1 !important;
    font-style: italic !important;
    text-align: left !important;
    width: 100% !important;
    max-width: 320px !important;
  }

  /* 4. MENÚ DE SALAS: DESPLEGADO DE ARRIBA A ABAJO CON ESPACIO PERSONAL CÓMODO */
  body[data-room="el-maestro-boticario"] .gamified-nav {
    margin: 0 !important;
    width: 100% !important;
    flex: 0 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
  }

  body[data-room="el-maestro-boticario"] #nav-grid {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: auto !important;
    flex-grow: 0 !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-room="el-maestro-boticario"] .botica-btn,
  body[data-room="el-maestro-boticario"] .sala-item {
    display: flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    min-height: 24px !important;
    max-width: 280px !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    border-radius: 4px !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;
    transition: all 0.2s ease !important;
  }

  body[data-room="el-maestro-boticario"] .botica-btn:hover,
  body[data-room="el-maestro-boticario"] .botica-btn:active,
  body[data-room="el-maestro-boticario"] .sala-item:hover,
  body[data-room="el-maestro-boticario"] .sala-item:active {
    background: transparent !important;
    border-left-color: #D4AF37 !important;
  }

  body[data-room="el-maestro-boticario"] .botica-btn .btn-text,
  body[data-room="el-maestro-boticario"] .sala-title {
    font-family: 'Cinzel', serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.1px !important;
    line-height: 1.15 !important;
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.95), 0 0 8px rgba(212, 175, 55, 0.3) !important;
    white-space: nowrap !important;
  }

  /* Supresión Total de Descripciones de Salas en Landscape */
  body[data-room="el-maestro-boticario"] .botica-btn .btn-subtext,
  body[data-room="el-maestro-boticario"] .sala-desc {
    display: none !important;
  }

  /* 5. FIRMA INSTITUCIONAL INFERIOR IZQUIERDA */
  body[data-room="el-maestro-boticario"] footer.brand-footer,
  body[data-room="el-maestro-boticario"] .brand-footer,
  body[data-room="el-maestro-boticario"] .frase-institucional-izq,
  body[data-room="el-maestro-boticario"] .brand-footer-motto,
  body[data-room="el-maestro-boticario"] .main-ui .brand-footer,
  body[data-room="el-maestro-boticario"] .main-ui .frase-institucional-izq,
  body[data-room="el-maestro-boticario"] .main-ui .brand-footer-motto {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    padding-bottom: 4px !important;
    display: block !important;
  }

  body[data-room="el-maestro-boticario"] .footer-brand-signature,
  body[data-room="el-maestro-boticario"] .main-ui .footer-brand-signature,
  body[data-room="el-maestro-boticario"] footer .footer-brand-signature {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body[data-room="el-maestro-boticario"] .footer-brand-signature p,
  body[data-room="el-maestro-boticario"] .footer-title,
  body[data-room="el-maestro-boticario"] .footer-subtitle,
  body[data-room="el-maestro-boticario"] .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.2px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  /* 4. EL GRIMORIO SECRETO: HALO COMPACTO ASENTADO EN EL LIBRO Y 100% PULSABLE */
  body[data-room="el-maestro-boticario"] .grimorio-hotspot-container,
  body[data-room="el-maestro-boticario"] #hotspot-grimorio,
  body[data-room="el-maestro-boticario"] #grimorio-hotspot {
    left: 51.5% !important;
    bottom: 15px !important;
    transform: translateX(-50%) !important;
    width: 66px !important;
    height: 23px !important;
    z-index: 60 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }

  /* Exclusivo Chrome en iOS Landscape (Compensación de barra superior fija CriOS ~36px) */
  html.is-crios body[data-room="el-maestro-boticario"] .grimorio-hotspot-container,
  html.is-crios body[data-room="el-maestro-boticario"] #hotspot-grimorio,
  html.is-crios body[data-room="el-maestro-boticario"] #grimorio-hotspot {
    left: 53% !important;
    bottom: 42px !important;
  }

  /* ==========================================================================
     CALIBRACIÓN EXCLUSIVA ANDROID EN LANDSCAPE (IPHONE 100% INTACTO)
     ========================================================================== */
  html.is-android body[data-room="el-maestro-boticario"] .main-ui {
    padding-top: max(14px, env(safe-area-inset-top, 0px)) !important;
    padding-bottom: max(6px, env(safe-area-inset-bottom, 0px)) !important;
    padding-left: max(14px, calc(env(safe-area-inset-left, 0px) + 6px)) !important;
    padding-right: 12px !important;
    width: 38% !important;
    min-width: 260px !important;
    max-width: 340px !important;
    justify-content: flex-start !important;
    overflow-y: auto !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .brand-logo,
  html.is-android body[data-room="el-maestro-boticario"] #brand-logo {
    max-width: 36px !important;
    width: 36px !important;
    height: auto !important;
    margin-bottom: 0 !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .hero-section,
  html.is-android body[data-room="el-maestro-boticario"] .maestro-header-block,
  html.is-android body[data-room="el-maestro-boticario"] .title-container {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 340px !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .hero-title,
  html.is-android body[data-room="el-maestro-boticario"] .maestro-title {
    font-size: 0.92rem !important;
    line-height: 1.1 !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .hero-title .title-line-1,
  html.is-android body[data-room="el-maestro-boticario"] .hero-title .title-line-2 {
    display: inline !important;
    white-space: nowrap !important;
  }

  /* En Android landscape se suprime el lema para liberar la altura completa a las 5 salas sin solapes */
  html.is-android body[data-room="el-maestro-boticario"] .hero-subtitle,
  html.is-android body[data-room="el-maestro-boticario"] .lema-boticario,
  html.is-android body[data-room="el-maestro-boticario"] .hero-tagline {
    display: none !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .gamified-nav {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] #nav-grid {
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .botica-btn,
  html.is-android body[data-room="el-maestro-boticario"] .sala-item {
    padding: 3.5px 9px !important;
    min-height: 22px !important;
    max-width: 275px !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .botica-btn .btn-text,
  html.is-android body[data-room="el-maestro-boticario"] .sala-title {
    font-size: 10px !important;
    letter-spacing: 1px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] footer.brand-footer,
  html.is-android body[data-room="el-maestro-boticario"] .brand-footer,
  html.is-android body[data-room="el-maestro-boticario"] .frase-institucional-izq,
  html.is-android body[data-room="el-maestro-boticario"] .brand-footer-motto,
  html.is-android body[data-room="el-maestro-boticario"] .main-ui .brand-footer,
  html.is-android body[data-room="el-maestro-boticario"] .main-ui .frase-institucional-izq,
  html.is-android body[data-room="el-maestro-boticario"] .main-ui .brand-footer-motto {
    position: static !important;
    bottom: auto !important;
    left: auto !important;
    margin-top: auto !important;
    padding-top: 8px !important;
    padding-bottom: 2px !important;
    display: block !important;
    flex-shrink: 0 !important;
  }

  html.is-android body[data-room="el-maestro-boticario"] .footer-brand-signature p,
  html.is-android body[data-room="el-maestro-boticario"] .footer-title,
  html.is-android body[data-room="el-maestro-boticario"] .footer-subtitle,
  html.is-android body[data-room="el-maestro-boticario"] .footer-tagline {
    font-size: 6.5px !important;
    letter-spacing: 0.8px !important;
    line-height: 1.2 !important;
  }

  body[data-room="el-maestro-boticario"] .grimorio-halo {
    width: 100% !important;
    height: 100% !important;
    pointer-events: none !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(212, 175, 55, 0.70) 0%, rgba(197, 160, 89, 0.25) 55%, transparent 75%) !important;
    animation: haloGrimorioLandscape 5s ease-in-out infinite !important;
  }

  @keyframes haloGrimorioLandscape {
    0%, 15% {
      opacity: 0;
      filter: drop-shadow(0 0 0 transparent);
      box-shadow: none;
      transform: scale(0.96);
    }
    50% {
      opacity: 0.85;
      box-shadow: 0 0 8px 2px rgba(212, 175, 55, 0.45), 0 0 14px 4px rgba(197, 160, 89, 0.20);
      filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.45));
      transform: scale(1.02);
    }
    85%, 100% {
      opacity: 0;
      filter: drop-shadow(0 0 0 transparent);
      box-shadow: none;
      transform: scale(0.96);
    }
  }

  /* 5. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — ORO CANÓNICO #D4AF37) */
  body[data-room="el-maestro-boticario"] .header-utilities {
    top: 10px !important;
    right: max(18px, calc(env(safe-area-inset-right, 0px) + 8px)) !important;
    gap: 12px !important;
    z-index: 70 !important;
  }

  body[data-room="el-maestro-boticario"] .utility-link,
  body[data-room="el-maestro-boticario"] .header-utilities a {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body[data-room="el-maestro-boticario"] .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #D4AF37 !important;
    fill: none !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 6px rgba(212, 175, 55, 0.35)) !important;
  }

  /* 6. BOTÓN CONSULTAR AL BOTICARIO: MICRO-CÁPSULA ÁUREA REFINADA */
  body[data-room="el-maestro-boticario"] .boticario-consult-container,
  body[data-room="el-maestro-boticario"] #boticario-consult-wrapper {
    position: absolute !important;
    top: 36px !important;
    right: max(18px, calc(env(safe-area-inset-right, 0px) + 8px)) !important;
    z-index: 70 !important;
  }

  body[data-room="el-maestro-boticario"] #btn-consultar-boticario,
  body[data-room="el-maestro-boticario"] .btn-consultar-boticario {
    position: static !important;
    height: 26px !important;
    padding: 0 10px !important;
    background: rgba(10, 8, 5, 0.82) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 175, 55, 0.45) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  body[data-room="el-maestro-boticario"] .btn-consultar-boticario svg {
    width: 11px !important;
    height: 11px !important;
    color: #D4AF37 !important;
  }

  body[data-room="el-maestro-boticario"] .btn-consultar-text,
  body[data-room="el-maestro-boticario"] .btn-consultar-line {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    color: #F4F0EC !important;
    white-space: nowrap !important;
  }

  /* 7. ENLACES LEGALES Y DERECHOS CANÓNICOS © 2026 (ORO CANÓNICO #D4AF37) */
  body[data-room="el-maestro-boticario"] .legal-links,
  body[data-room="el-maestro-boticario"] .footer-cookies,
  body[data-room="el-maestro-boticario"] .legal-footer,
  body[data-room="el-maestro-boticario"] .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, calc(env(safe-area-inset-right, 0px) + 8px)) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    z-index: 30 !important;
  }

  body[data-room="el-maestro-boticario"] .legal-links a,
  body[data-room="el-maestro-boticario"] .legal-links .footer-copyright,
  body[data-room="el-maestro-boticario"] .legal-links .footer-legal-sep,
  body[data-room="el-maestro-boticario"] .global-footer-legal a,
  body[data-room="el-maestro-boticario"] .global-footer-legal .footer-copyright,
  body[data-room="el-maestro-boticario"] .global-footer-legal .footer-legal-sep {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body[data-room="el-maestro-boticario"] .global-footer-legal .footer-copyright,
  body[data-room="el-maestro-boticario"] .legal-links .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
  }

  /* ==========================================================================
     SALA 2: PURA ELEGANCIA (pura-elegancia.html)
     ========================================================================== */

  /* 1. ESCENARIO DE FONDO Y ENCUADRE */
  body[data-room="pura-elegancia"] .pure-elegance-stage,
  body[data-room="pura-elegancia"] #pura-elegancia-canvas {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-room="pura-elegancia"] .pure-elegance-stage::before,
  body[data-room="pura-elegancia"] #pura-elegancia-canvas::before {
    background-image: url('../assets/backgrounds/pura-elegancia-bg.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* 2. LOGO EN TAMAÑO JOYA REFINADO */
  body[data-room="pura-elegancia"] .global-logo-left,
  body[data-room="pura-elegancia"] .brand-emblem-left {
    top: 10px !important;
    left: 18px !important;
  }

  body[data-room="pura-elegancia"] .global-logo-left img,
  body[data-room="pura-elegancia"] .brand-logo,
  body[data-room="pura-elegancia"] #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: PURA ELEGANCIA */
  body[data-room="pura-elegancia"] .room-hero-title {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body[data-room="pura-elegancia"] .room-hero-title .room-name {
    font-size: 1.05rem !important;
    letter-spacing: 0.32em !important;
    color: #6b552d !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8), 0 0 12px rgba(212, 175, 55, 0.25) !important;
  }

  body[data-room="pura-elegancia"] .room-hero-title .room-subtitle {
    font-size: 0.55rem !important;
    letter-spacing: 0.24em !important;
    color: #5a4926 !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
  }

  /* 4. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — BRONCE NOBLE #2A2218) */
  body[data-room="pura-elegancia"] .global-header-right {
    top: 10px !important;
    right: 18px !important;
    gap: 12px !important;
    z-index: 70 !important;
  }

  body[data-room="pura-elegancia"] .global-header-right a {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #2A2218 !important;
    font-weight: 700 !important;
    text-shadow: none !important;
    text-decoration: none !important;
  }

  body[data-room="pura-elegancia"] .global-header-right .cart-icon {
    filter: none !important;
    text-shadow: none !important;
  }

  body[data-room="pura-elegancia"] .global-header-right .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #2A2218 !important;
    stroke-width: 2px !important;
    filter: none !important;
  }

  /* 5. BOTÓN CONSULTAR AL BOTICARIO: MICRO-CÁPSULA ÁUREA EN CABECERA */
  body[data-room="pura-elegancia"] #btn-consultar-boticario,
  body[data-room="pura-elegancia"] .global-btn-consultar,
  body[data-room="pura-elegancia"] .btn-consultar-boticario {
    position: absolute !important;
    top: 36px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    background: rgba(12, 11, 14, 0.88) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    z-index: 70 !important;
    cursor: pointer !important;
  }

  body[data-room="pura-elegancia"] #btn-consultar-boticario svg,
  body[data-room="pura-elegancia"] .global-btn-consultar svg,
  body[data-room="pura-elegancia"] .btn-consultar-boticario svg {
    width: 11px !important;
    height: 11px !important;
    color: #D4AF37 !important;
    stroke: #D4AF37 !important;
    margin: 0 !important;
  }

  body[data-room="pura-elegancia"] .btn-consultar-text {
    display: inline-block !important;
    line-height: 1 !important;
  }

  body[data-room="pura-elegancia"] .btn-consultar-text .btn-consultar-line,
  body[data-room="pura-elegancia"] .btn-consultar-line {
    display: inline !important;
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    color: #F4F0EC !important;
    white-space: nowrap !important;
  }

  /* 6. FRASCOS DE AUTOR: APOYO FÍSICO REAL EN PEDESTALES DE MÁRMOL */
  body[data-room="pura-elegancia"] .spot-bottle,
  body[data-room="pura-elegancia"] #spot-left,
  body[data-room="pura-elegancia"] #spot-right {
    display: flex !important;
    position: absolute !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 25 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
  }

  body[data-room="pura-elegancia"] #spot-left {
    left: 27.0% !important;
    bottom: 43.4% !important;
  }

  body[data-room="pura-elegancia"] #spot-right {
    left: 73.0% !important;
    bottom: 43.4% !important;
  }

  body[data-room="pura-elegancia"] .perfume-bottle,
  body[data-room="pura-elegancia"] #spot-left .perfume-bottle,
  body[data-room="pura-elegancia"] #spot-right .perfume-bottle {
    height: 52px !important;
    max-height: 52px !important;
    min-height: 0 !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 3px 8px rgba(0, 0, 0, 0.22)) !important;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), filter 0.35s ease !important;
  }

  body[data-room="pura-elegancia"] #spot-left:active .perfume-bottle,
  body[data-room="pura-elegancia"] #spot-right:active .perfume-bottle {
    transform: scale(1.08) !important;
    filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.85)) brightness(1.06) !important;
  }

  /* Cartelas suprimidas en landscape: pureza del pedestal; el tap navega directo a la PDP */
  body[data-room="pura-elegancia"] .perfume-label {
    display: none !important;
  }

  /* 7. BOTÓN CINCELADO EN EL PEDESTAL CENTRAL: EXPLORAR COLECCIONES */
  body[data-room="pura-elegancia"] #spot-nav {
    position: absolute !important;
    left: 50% !important;
    bottom: 18.5% !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="pura-elegancia"] .btn-cincelado {
    padding: 1px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="pura-elegancia"] .btn-cincelado-text {
    font-size: 0.48rem !important;
    letter-spacing: 1.8px !important;
    line-height: 1.25 !important;
  }

  body[data-room="pura-elegancia"] .btn-cincelado-line {
    margin-top: 3px !important;
    max-width: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 8. MENÚ FLOTANTE DE COLECCIONES (LUMINOSO Y COMPACTO) */
  body[data-room="pura-elegancia"] .boticario-floating-nav,
  body[data-room="pura-elegancia"] .collections-modal {
    position: fixed !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    transform: translateY(12px) !important;
    width: 220px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    background: rgba(255, 255, 255, 0.90) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15) !important;
    z-index: 80 !important;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease !important;
  }

  body[data-room="pura-elegancia"] .boticario-floating-nav.is-open,
  body[data-room="pura-elegancia"] .collections-modal.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-room="pura-elegancia"] .boticario-nav-header {
    display: flex !important;
    padding: 0 2px 6px 2px !important;
    margin-bottom: 6px !important;
  }

  body[data-room="pura-elegancia"] .boticario-eyebrow {
    font-size: 0.68rem !important;
    letter-spacing: 2.5px !important;
  }

  body[data-room="pura-elegancia"] .boticario-nav-item {
    padding: 5px 8px !important;
    margin-bottom: 3px !important;
  }

  body[data-room="pura-elegancia"] .boticario-nav-title {
    font-size: 0.72rem !important;
    letter-spacing: 1.8px !important;
  }

  body[data-room="pura-elegancia"] .boticario-nav-desc {
    font-size: 0.58rem !important;
    line-height: 1.2 !important;
  }

  /* 9. PIE DE PÁGINA DISCRETO: LIBRANDO EL PIE DE LOS PEDESTALES (BRONCE NOBLE #2A2218) */
  body[data-room="pura-elegancia"] .footer-brand-signature {
    position: absolute !important;
    bottom: 6px !important;
    left: max(18px, env(safe-area-inset-left, 18px)) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
  }

  body[data-room="pura-elegancia"] .footer-brand-signature p,
  body[data-room="pura-elegancia"] .footer-title,
  body[data-room="pura-elegancia"] .footer-subtitle,
  body[data-room="pura-elegancia"] .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    color: #2A2218 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9) !important;
  }

  body[data-room="pura-elegancia"] .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body[data-room="pura-elegancia"] .global-footer-legal .footer-copyright,
  body[data-room="pura-elegancia"] .global-footer-legal .footer-legal-sep,
  body[data-room="pura-elegancia"] .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #2A2218 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
  }

  body[data-room="pura-elegancia"] .global-footer-legal .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600 !important;
  }

  /* ==========================================================================
     SALA 3: EL SANTUARIO (el-santuario.html)
     ========================================================================== */

  /* 1. ESCENARIO DE FONDO Y ENCUADRE 16:9 */
  body[data-room="el-santuario"] .santuario-stage,
  body[data-room="el-santuario"] #santuario-canvas,
  body[data-room="el-santuario"] .stage-container {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-room="el-santuario"] .santuario-stage::before,
  body[data-room="el-santuario"] #santuario-canvas::before {
    background-image: url('../assets/backgrounds/el-santuario-bg.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* 2. LOGO SUPERIOR IZQUIERDO (TAMAÑO JOYA 46px) */
  body[data-room="el-santuario"] .global-logo-left,
  body[data-room="el-santuario"] .brand-emblem-left {
    top: 10px !important;
    left: 18px !important;
  }

  body[data-room="el-santuario"] .global-logo-left img,
  body[data-room="el-santuario"] .brand-logo,
  body[data-room="el-santuario"] #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: EL SANTUARIO (ORO CANÓNICO #D4AF37) */
  body[data-room="el-santuario"] .room-hero-title {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    opacity: 1 !important;
  }

  body[data-room="el-santuario"] .room-hero-title .room-name {
    font-size: 1.05rem !important;
    letter-spacing: 0.32em !important;
    color: #D4AF37 !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 12px rgba(212, 175, 55, 0.5) !important;
  }

  body[data-room="el-santuario"] .room-hero-title .room-subtitle {
    font-size: 0.55rem !important;
    letter-spacing: 0.24em !important;
    color: rgba(212, 175, 55, 0.85) !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important;
  }

  /* 4. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — ORO CANÓNICO #D4AF37) */
  body[data-room="el-santuario"] .global-header-right {
    top: 10px !important;
    right: 18px !important;
    gap: 12px !important;
    z-index: 70 !important;
  }

  body[data-room="el-santuario"] .global-header-right a {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body[data-room="el-santuario"] .global-header-right .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #D4AF37 !important;
    fill: none !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 6px rgba(212, 175, 55, 0.35)) !important;
  }

  /* 5. BOTÓN CONSULTAR AL BOTICARIO: MICRO-CÁPSULA ÁUREA EN CABECERA */
  body[data-room="el-santuario"] #btn-consultar-boticario,
  body[data-room="el-santuario"] .global-btn-consultar,
  body[data-room="el-santuario"] .btn-consultar-boticario {
    position: absolute !important;
    top: 36px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    background: rgba(12, 11, 14, 0.88) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    z-index: 70 !important;
    cursor: pointer !important;
    width: auto !important;
  }

  body[data-room="el-santuario"] #btn-consultar-boticario svg,
  body[data-room="el-santuario"] .global-btn-consultar svg,
  body[data-room="el-santuario"] .btn-consultar-boticario svg {
    width: 11px !important;
    height: 11px !important;
    color: #D4AF37 !important;
    stroke: #D4AF37 !important;
    margin: 0 !important;
  }

  body[data-room="el-santuario"] .btn-consultar-text {
    display: inline-block !important;
    line-height: 1 !important;
  }

  body[data-room="el-santuario"] .btn-consultar-text .btn-consultar-line,
  body[data-room="el-santuario"] .btn-consultar-line {
    display: inline !important;
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    color: #F4F0EC !important;
    white-space: nowrap !important;
  }

  /* 6. FRASCOS DE AUTOR: APOYO FÍSICO SOBRE EL MOSTRADOR DE MÁRMOL NEGRO */
  body[data-room="el-santuario"] .spot-bottle,
  body[data-room="el-santuario"] #spot-left,
  body[data-room="el-santuario"] #spot-right {
    display: flex !important;
    position: absolute !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 25 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body[data-room="el-santuario"] #spot-left {
    left: 29.5% !important;
    bottom: 18.5% !important;
  }

  body[data-room="el-santuario"] #spot-right {
    left: 67.5% !important;
    bottom: 18.5% !important;
  }

  /* Calibración Exclusiva Android Landscape: Frascos de autor apoyados sobre el mostrador de mármol negro */
  html.is-android body[data-room="el-santuario"] #spot-left,
  html.is-android body.room-el-santuario #spot-left {
    bottom: 11.5% !important;
  }

  html.is-android body[data-room="el-santuario"] #spot-right,
  html.is-android body.room-el-santuario #spot-right {
    bottom: 11.5% !important;
  }

  body[data-room="el-santuario"] .perfume-bottle,
  body[data-room="el-santuario"] #spot-left .perfume-bottle,
  body[data-room="el-santuario"] #spot-right .perfume-bottle {
    height: 52px !important;
    max-height: 52px !important;
    min-height: 0 !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.75)) !important;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), filter 0.35s ease !important;
  }

  body[data-room="el-santuario"] #spot-left:active .perfume-bottle,
  body[data-room="el-santuario"] #spot-right:active .perfume-bottle {
    transform: scale(1.08) !important;
    filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.95)) brightness(1.08) !important;
  }

  /* Cartelas suprimidas en landscape: pureza visual; el tap navega directo a la PDP */
  body[data-room="el-santuario"] .perfume-label,
  body[data-room="el-santuario"] .spot-caption {
    display: none !important;
  }

  /* 7. BOTÓN CINCELADO EN EL PLANO DE MÁRMOL: EXPLORAR COLECCIONES */
  body[data-room="el-santuario"] #spot-nav,
  body[data-room="el-santuario"] .nav-wrapper {
    position: absolute !important;
    left: 50% !important;
    bottom: 7.8% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="el-santuario"] .btn-cincelado,
  body[data-room="el-santuario"] #btn-explore {
    padding: 1px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="el-santuario"] .btn-cincelado-text {
    font-size: 0.48rem !important;
    letter-spacing: 1.8px !important;
    line-height: 1.25 !important;
  }

  body[data-room="el-santuario"] .btn-cincelado-line {
    margin-top: 3px !important;
    max-width: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 8. MENÚ FLOTANTE DE COLECCIONES (OSCURO Y COMPACTO) */
  body[data-room="el-santuario"] .boticario-floating-nav,
  body[data-room="el-santuario"] .collections-modal {
    position: fixed !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    transform: translateY(12px) !important;
    width: 220px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    background: rgba(12, 11, 14, 0.92) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.75) !important;
    z-index: 80 !important;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease !important;
  }

  body[data-room="el-santuario"] .boticario-floating-nav.is-open,
  body[data-room="el-santuario"] .collections-modal.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-room="el-santuario"] .boticario-nav-header {
    display: flex !important;
    padding: 0 2px 6px 2px !important;
    margin-bottom: 6px !important;
  }

  body[data-room="el-santuario"] .boticario-eyebrow {
    font-size: 0.68rem !important;
    letter-spacing: 2.5px !important;
    color: #D4AF37 !important;
  }

  body[data-room="el-santuario"] .boticario-nav-item {
    padding: 5px 8px !important;
    margin-bottom: 3px !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  body[data-room="el-santuario"] .boticario-nav-title {
    font-size: 0.72rem !important;
    letter-spacing: 1.8px !important;
    color: #F4F0EC !important;
  }

  body[data-room="el-santuario"] .boticario-nav-desc {
    font-size: 0.58rem !important;
    line-height: 1.2 !important;
    color: #A09B93 !important;
  }

  /* 9. PIE DE PÁGINA DISCRETO: LIBRANDO EL PLANO DEL MOSTRADOR (ORO CANÓNICO #D4AF37) */
  body[data-room="el-santuario"] .footer-brand-signature {
    position: absolute !important;
    bottom: 6px !important;
    left: max(18px, env(safe-area-inset-left, 18px)) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
  }

  body[data-room="el-santuario"] .footer-brand-signature p,
  body[data-room="el-santuario"] .footer-title,
  body[data-room="el-santuario"] .footer-subtitle,
  body[data-room="el-santuario"] .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  body[data-room="el-santuario"] .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body[data-room="el-santuario"] .global-footer-legal .footer-copyright,
  body[data-room="el-santuario"] .global-footer-legal .footer-legal-sep,
  body[data-room="el-santuario"] .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body[data-room="el-santuario"] .global-footer-legal .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
  }

  /* ==========================================================================
     SALA 4: LA RESERVA PRIVADA (la-reserva-privada.html)
     ========================================================================== */

  /* 1. ESCENARIO DE FONDO Y ENCUADRE 16:9 */
  body[data-room="la-reserva-privada"] .reserva-privada-stage,
  body[data-room="la-reserva-privada"] #reserva-privada-canvas,
  body[data-room="la-reserva-privada"] .stage-container {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-room="la-reserva-privada"] .reserva-privada-stage::before,
  body[data-room="la-reserva-privada"] #reserva-privada-canvas::before {
    background-image: url('../assets/backgrounds/la-reserva-privada-bg.jpg') !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* 2. LOGO SUPERIOR IZQUIERDO (TAMAÑO JOYA 46px) */
  body[data-room="la-reserva-privada"] .global-logo-left,
  body[data-room="la-reserva-privada"] .brand-emblem-left {
    top: 10px !important;
    left: 18px !important;
  }

  body[data-room="la-reserva-privada"] .global-logo-left img,
  body[data-room="la-reserva-privada"] .brand-logo,
  body[data-room="la-reserva-privada"] #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: LA RESERVA PRIVADA (ORO CANÓNICO #D4AF37) */
  body[data-room="la-reserva-privada"] #spot-logo {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    opacity: 1 !important;
  }

  body[data-room="la-reserva-privada"] .room-title {
    font-size: 1.05rem !important;
    letter-spacing: 0.32em !important;
    color: #D4AF37 !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 12px rgba(212, 175, 55, 0.5) !important;
  }

  body[data-room="la-reserva-privada"] .brand-subtitle {
    font-size: 0.55rem !important;
    letter-spacing: 0.24em !important;
    color: rgba(212, 175, 55, 0.85) !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important;
  }

  /* 4. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — ORO CANÓNICO #D4AF37) */
  body[data-room="la-reserva-privada"] .global-header-right {
    top: 10px !important;
    right: 18px !important;
    gap: 12px !important;
    z-index: 70 !important;
  }

  body[data-room="la-reserva-privada"] .global-header-right a,
  body[data-room="la-reserva-privada"] .nav-contact-link {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body[data-room="la-reserva-privada"] .global-header-right .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #D4AF37 !important;
    fill: none !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 6px rgba(212, 175, 55, 0.35)) !important;
  }

  /* 5. BOTÓN CONSULTAR AL BOTICARIO: MICRO-CÁPSULA ÁUREA EN CABECERA */
  body[data-room="la-reserva-privada"] #btn-consultar-boticario,
  body[data-room="la-reserva-privada"] .global-btn-consultar,
  body[data-room="la-reserva-privada"] .btn-consultar-boticario {
    position: absolute !important;
    top: 36px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 10px !important;
    background: rgba(12, 11, 14, 0.88) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    z-index: 70 !important;
    cursor: pointer !important;
    width: auto !important;
  }

  body[data-room="la-reserva-privada"] #btn-consultar-boticario svg,
  body[data-room="la-reserva-privada"] .global-btn-consultar svg,
  body[data-room="la-reserva-privada"] .btn-consultar-boticario svg {
    width: 11px !important;
    height: 11px !important;
    color: #D4AF37 !important;
    stroke: #D4AF37 !important;
    margin: 0 !important;
  }

  body[data-room="la-reserva-privada"] .btn-consultar-text {
    display: inline-block !important;
    line-height: 1 !important;
  }

  body[data-room="la-reserva-privada"] .btn-consultar-text .btn-consultar-line,
  body[data-room="la-reserva-privada"] .btn-consultar-line {
    display: inline !important;
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    color: #F4F0EC !important;
    white-space: nowrap !important;
  }

  /* Keyframes de Levitación Sincronizada y Reflejo Especular */
  @keyframes bottleLevitateLeftLandscape {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-4px); }
  }
  @keyframes shadowLevitateLeftLandscape {
    0% { transform: scale(1); opacity: 0.85; }
    100% { transform: scale(0.86); opacity: 0.48; }
  }
  @keyframes reflectionLevitateLeftLandscape {
    0% { transform: translateY(0px); }
    100% { transform: translateY(4px); }
  }

  @keyframes bottleLevitateRightLandscape {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-4px); }
  }
  @keyframes shadowLevitateRightLandscape {
    0% { transform: scale(1); opacity: 0.85; }
    100% { transform: scale(0.86); opacity: 0.48; }
  }
  @keyframes reflectionLevitateRightLandscape {
    0% { transform: translateY(0px); }
    100% { transform: translateY(4px); }
  }

  /* 6. FRASCOS DE AUTOR: APOYO FÍSICO SOBRE LOS PEDESTALES */
  body[data-room="la-reserva-privada"] .spot-bottle,
  body[data-room="la-reserva-privada"] #spot-left,
  body[data-room="la-reserva-privada"] #spot-right {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: absolute !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 25 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body[data-room="la-reserva-privada"] .bottle-wrapper {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  body[data-room="la-reserva-privada"] #spot-left {
    left: 21.3% !important;
    bottom: 34.5% !important;
  }

  body[data-room="la-reserva-privada"] #spot-right {
    left: 78.7% !important;
    bottom: 34.5% !important;
  }

  body[data-room="la-reserva-privada"] .perfume-bottle,
  body[data-room="la-reserva-privada"] #spot-left .perfume-bottle,
  body[data-room="la-reserva-privada"] #spot-right .perfume-bottle {
    height: 52px !important;
    max-height: 52px !important;
    min-height: 0 !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.75)) !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), filter 0.35s ease !important;
  }

  body[data-room="la-reserva-privada"] #spot-left .perfume-bottle {
    animation: bottleLevitateLeftLandscape 4.2s ease-in-out infinite alternate !important;
  }

  body[data-room="la-reserva-privada"] #spot-right .perfume-bottle {
    animation: bottleLevitateRightLandscape 4.8s ease-in-out infinite alternate !important;
  }

  /* Sombra de contacto sobre el disco superior del pedestal */
  body[data-room="la-reserva-privada"] .bottle-contact-shadow {
    display: block !important;
    width: 44px !important;
    height: 7px !important;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.55) 45%, transparent 75%) !important;
    border-radius: 50% !important;
    margin-top: -3px !important;
    filter: blur(2px) !important;
    pointer-events: none !important;
    z-index: 1 !important;
    opacity: 0.85 !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease !important;
  }

  body[data-room="la-reserva-privada"] #spot-left .shadow-left {
    animation: shadowLevitateLeftLandscape 4.2s ease-in-out infinite alternate !important;
  }

  body[data-room="la-reserva-privada"] #spot-right .shadow-right {
    animation: shadowLevitateRightLandscape 4.8s ease-in-out infinite alternate !important;
  }

  /* Reflejo especular en el suelo mojado inferior */
  body[data-room="la-reserva-privada"] .spot-reflection {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 24px) !important;
    left: 50% !important;
    transform: translateX(-50%) scaleY(-1) !important;
    width: 42px !important;
    height: auto !important;
    z-index: 4 !important;
    pointer-events: none !important;
    opacity: 0.50 !important;
    transition: opacity 0.4s ease !important;
  }

  body[data-room="la-reserva-privada"] .reflection-bottle {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: blur(2px) brightness(1.35) !important;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%) !important;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.5) 60%, transparent 100%) !important;
  }

  body[data-room="la-reserva-privada"] #spot-left .reflection-img-left {
    filter: blur(2px) brightness(1.35) drop-shadow(0 0 8px rgba(255, 180, 40, 0.45)) !important;
    animation: reflectionLevitateLeftLandscape 4.2s ease-in-out infinite alternate !important;
  }

  body[data-room="la-reserva-privada"] #spot-right .reflection-img-right {
    filter: blur(2px) brightness(1.35) drop-shadow(0 0 8px rgba(0, 180, 255, 0.45)) !important;
    animation: reflectionLevitateRightLandscape 4.8s ease-in-out infinite alternate !important;
  }

  body[data-room="la-reserva-privada"] #spot-left:active .perfume-bottle,
  body[data-room="la-reserva-privada"] #spot-right:active .perfume-bottle {
    transform: scale(1.08) !important;
    filter: drop-shadow(0 0 16px rgba(212, 175, 55, 0.95)) brightness(1.08) !important;
  }

  /* Cartelas suprimidas en landscape: máxima pureza visual */
  body[data-room="la-reserva-privada"] .perfume-label,
  body[data-room="la-reserva-privada"] .spot-caption {
    display: none !important;
  }

  /* 7. BOTÓN CINCELADO: EXPLORAR COLECCIONES */
  body[data-room="la-reserva-privada"] #spot-nav,
  body[data-room="la-reserva-privada"] .nav-wrapper {
    position: absolute !important;
    left: 50% !important;
    bottom: 7.8% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="la-reserva-privada"] .btn-cincelado,
  body[data-room="la-reserva-privada"] #btn-explore {
    padding: 1px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="la-reserva-privada"] .btn-cincelado-text {
    font-size: 0.48rem !important;
    letter-spacing: 1.8px !important;
    line-height: 1.25 !important;
  }

  body[data-room="la-reserva-privada"] .btn-cincelado-line {
    margin-top: 3px !important;
    max-width: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 8. MENÚ FLOTANTE DE COLECCIONES (OSCURO Y COMPACTO) */
  body[data-room="la-reserva-privada"] .boticario-floating-nav,
  body[data-room="la-reserva-privada"] .collections-modal {
    position: fixed !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    transform: translateY(12px) !important;
    width: 220px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    background: rgba(12, 11, 14, 0.92) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.75) !important;
    z-index: 80 !important;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease !important;
  }

  body[data-room="la-reserva-privada"] .boticario-floating-nav.is-open,
  body[data-room="la-reserva-privada"] .collections-modal.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  body[data-room="la-reserva-privada"] .boticario-nav-header {
    display: flex !important;
    padding: 0 2px 6px 2px !important;
    margin-bottom: 6px !important;
  }

  body[data-room="la-reserva-privada"] .boticario-eyebrow {
    font-size: 0.68rem !important;
    letter-spacing: 2.5px !important;
    color: #D4AF37 !important;
  }

  body[data-room="la-reserva-privada"] .boticario-nav-item {
    padding: 5px 8px !important;
    margin-bottom: 3px !important;
    background: rgba(255, 255, 255, 0.08) !important;
  }

  body[data-room="la-reserva-privada"] .boticario-nav-title {
    font-size: 0.72rem !important;
    letter-spacing: 1.8px !important;
    color: #F4F0EC !important;
  }

  body[data-room="la-reserva-privada"] .boticario-nav-desc {
    font-size: 0.58rem !important;
    line-height: 1.2 !important;
    color: #A09B93 !important;
  }

  /* 9. PIE DE PÁGINA DISCRETO (ORO CANÓNICO #D4AF37) */
  body[data-room="la-reserva-privada"] .footer-brand-signature {
    position: absolute !important;
    bottom: 6px !important;
    left: max(18px, env(safe-area-inset-left, 18px)) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
  }

  body[data-room="la-reserva-privada"] .footer-brand-signature p,
  body[data-room="la-reserva-privada"] .footer-title,
  body[data-room="la-reserva-privada"] .footer-subtitle,
  body[data-room="la-reserva-privada"] .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  body[data-room="la-reserva-privada"] .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body[data-room="la-reserva-privada"] .global-footer-legal .footer-copyright,
  body[data-room="la-reserva-privada"] .global-footer-legal .footer-legal-sep,
  body[data-room="la-reserva-privada"] .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body[data-room="la-reserva-privada"] .global-footer-legal .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
  }

  /* ==========================================================================
     SALA 5: LA TRASTIENDA (la-trastienda.html)
     ========================================================================== */

  /* 1. ESCENARIO ULTRA-PANORÁMICO 20:9 (Preserva el 100% de la altura, cabeza íntegra y mostrador completo) */
  body[data-room="la-trastienda"] .scene-trastienda,
  body[data-room="la-trastienda"] .trastienda-bg,
  body[data-room="la-trastienda"] .trastienda-container,
  body.room-trastienda .scene-trastienda,
  body.room-la-trastienda .scene-trastienda {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background-image: url('../assets/backgrounds/la-trastienda-bg-landscape.jpg') !important;
    background-position: center 48% !important;
    background-size: cover !important;
  }

  body[data-room="la-trastienda"] .scene-vignette {
    opacity: 0.75 !important;
  }

  /* 2. LOGO SUPERIOR IZQUIERDO (TAMAÑO JOYA 46px) */
  body[data-room="la-trastienda"] .global-logo-left,
  body[data-room="la-trastienda"] .brand-emblem,
  body[data-room="la-trastienda"] #brand-emblem,
  body.room-trastienda #brand-emblem,
  body.room-la-trastienda #brand-emblem {
    top: 10px !important;
    left: 18px !important;
    position: absolute !important;
    z-index: 60 !important;
  }

  body[data-room="la-trastienda"] .global-logo-left img,
  body[data-room="la-trastienda"] .brand-logo,
  body[data-room="la-trastienda"] #brand-logo,
  body.room-trastienda #brand-logo,
  body.room-la-trastienda #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: LA TRASTIENDA (ORO CANÓNICO #D4AF37) */
  body[data-room="la-trastienda"] .room-hero-title,
  body.room-trastienda .room-hero-title,
  body.room-la-trastienda .room-hero-title {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    pointer-events: none !important;
    z-index: 30 !important;
    opacity: 1 !important;
  }

  body[data-room="la-trastienda"] .room-hero-title .room-name,
  body.room-trastienda .room-hero-title .room-name,
  body.room-la-trastienda .room-hero-title .room-name {
    font-family: 'Cinzel', serif !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.28em !important;
    color: #D4AF37 !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 3px #000000, 0 2px 6px #000000, 0 0 10px rgba(0, 0, 0, 0.95), 0 0 18px rgba(0, 0, 0, 0.9) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  body[data-room="la-trastienda"] .room-hero-title .room-subtitle,
  body.room-trastienda .room-hero-title .room-subtitle,
  body.room-la-trastienda .room-hero-title .room-subtitle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.52rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.20em !important;
    color: #FFFFFF !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 2px #000000, 0 2px 4px #000000, 0 0 8px rgba(0, 0, 0, 1), 0 0 14px rgba(0, 0, 0, 0.95) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) !important;
    white-space: nowrap !important;
    display: block !important;
  }

  /* 4. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — ORO CANÓNICO #D4AF37) */
  body[data-room="la-trastienda"] .global-header-right,
  body.room-trastienda .global-header-right,
  body.room-la-trastienda .global-header-right {
    top: 10px !important;
    right: 18px !important;
    gap: 12px !important;
    z-index: 70 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  body[data-room="la-trastienda"] .global-header-right a,
  body[data-room="la-trastienda"] .nav-contact-link,
  body.room-trastienda .nav-contact-link,
  body.room-la-trastienda .nav-contact-link {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body[data-room="la-trastienda"] .global-header-right .cart-icon svg,
  body.room-trastienda .cart-icon svg,
  body.room-la-trastienda .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #D4AF37 !important;
    fill: none !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 6px rgba(212, 175, 55, 0.35)) !important;
  }

  /* 5. BOTÓN CINCELADO: EXPLORAR COLECCIONES (ASENTADO EN EL MOSTRADOR DE MADERA) */
  body[data-room="la-trastienda"] #spot-nav,
  body[data-room="la-trastienda"] .nav-wrapper,
  body.room-trastienda #spot-nav,
  body.room-la-trastienda #spot-nav {
    position: absolute !important;
    left: 50% !important;
    bottom: 7.8% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="la-trastienda"] .btn-cincelado,
  body[data-room="la-trastienda"] #btn-explore,
  body.room-trastienda #btn-explore,
  body.room-la-trastienda #btn-explore {
    padding: 1px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="la-trastienda"] .btn-cincelado-text {
    font-size: 0.48rem !important;
    letter-spacing: 1.8px !important;
    line-height: 1.25 !important;
  }

  body[data-room="la-trastienda"] .btn-cincelado-line {
    margin-top: 3px !important;
    max-width: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 6. MENÚ FLOTANTE DE COLECCIONES (OSCURO Y COMPACTO) */
  body[data-room="la-trastienda"] .boticario-floating-nav,
  body[data-room="la-trastienda"] .collections-modal {
    position: fixed !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    transform: translateY(12px) !important;
    width: 220px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    background: rgba(12, 11, 14, 0.92) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.75) !important;
    z-index: 80 !important;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease !important;
  }

  body[data-room="la-trastienda"] .boticario-floating-nav.is-open,
  body[data-room="la-trastienda"] .collections-modal.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 7. FIRMA INSTITUCIONAL Y LEGAL INFERIORES A RAS DE SUELO (ORO CANÓNICO #D4AF37) */
  body[data-room="la-trastienda"] .footer-brand-signature {
    position: absolute !important;
    bottom: 6px !important;
    left: max(18px, env(safe-area-inset-left, 18px)) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
  }

  body[data-room="la-trastienda"] .footer-brand-signature p,
  body[data-room="la-trastienda"] .footer-title,
  body[data-room="la-trastienda"] .footer-subtitle,
  body[data-room="la-trastienda"] .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  body[data-room="la-trastienda"] .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body[data-room="la-trastienda"] .global-footer-legal .footer-copyright,
  body[data-room="la-trastienda"] .global-footer-legal .footer-legal-sep,
  body[data-room="la-trastienda"] .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body[data-room="la-trastienda"] .global-footer-legal .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
  }

  /* ==========================================================================
     SALA 6: EL GRIMORIO SECRETO (el-grimorio-secreto.html)
     ========================================================================== */

  /* 1. ESCENARIO DE FONDO Y ENCUADRE 16:9 */
  body[data-room="el-grimorio-secreto"] .scene-grimorio,
  body.room-grimorio-secreto .scene-grimorio {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
    background-image: url('../assets/backgrounds/el-grimorio-secreto-bg.jpg') !important;
    background-position: center 6% !important;
    background-size: cover !important;
  }

  body[data-room="el-grimorio-secreto"] .scene-vignette,
  body.room-grimorio-secreto .scene-vignette {
    opacity: 0.75 !important;
  }

  /* 2. LOGO SUPERIOR IZQUIERDO (TAMAÑO JOYA 46px) */
  body[data-room="el-grimorio-secreto"] .global-logo-left,
  body[data-room="el-grimorio-secreto"] .brand-emblem,
  body[data-room="el-grimorio-secreto"] #brand-emblem,
  body.room-grimorio-secreto #brand-emblem {
    top: 10px !important;
    left: 18px !important;
    position: absolute !important;
    z-index: 60 !important;
  }

  body[data-room="el-grimorio-secreto"] .global-logo-left img,
  body[data-room="el-grimorio-secreto"] .brand-logo,
  body[data-room="el-grimorio-secreto"] #brand-logo,
  body.room-grimorio-secreto #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: EL GRIMORIO SECRETO (ORO CANÓNICO #D4AF37) */
  body[data-room="el-grimorio-secreto"] .room-hero-title,
  body.room-grimorio-secreto .room-hero-title {
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    pointer-events: none !important;
    z-index: 30 !important;
    opacity: 1 !important;
  }

  body[data-room="el-grimorio-secreto"] .room-hero-title .room-name,
  body.room-grimorio-secreto .room-hero-title .room-name {
    font-family: 'Cinzel', serif !important;
    font-size: 1.05rem !important;
    letter-spacing: 0.28em !important;
    color: #D4AF37 !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9), 0 0 12px rgba(212, 175, 55, 0.5) !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  body[data-room="el-grimorio-secreto"] .room-hero-title .room-subtitle,
  body.room-grimorio-secreto .room-hero-title .room-subtitle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.48rem !important;
    letter-spacing: 0.14em !important;
    color: rgba(212, 175, 55, 0.85) !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9) !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  body[data-room="el-grimorio-secreto"] .room-hero-title .room-subtitle .subtitle-line,
  body.room-grimorio-secreto .room-hero-title .room-subtitle .subtitle-line {
    display: inline !important;
    white-space: nowrap !important;
  }

  /* 4. HEADER SUPERIOR DERECHO (CONTACTO Y CESTA — ORO CANÓNICO #D4AF37) */
  body[data-room="el-grimorio-secreto"] .global-header-right,
  body.room-grimorio-secreto .global-header-right {
    top: 10px !important;
    right: 18px !important;
    gap: 12px !important;
    z-index: 70 !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  body[data-room="el-grimorio-secreto"] .global-header-right a,
  body[data-room="el-grimorio-secreto"] .nav-contact-link,
  body.room-grimorio-secreto .nav-contact-link {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    letter-spacing: 1.8px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body[data-room="el-grimorio-secreto"] .global-header-right .cart-icon svg,
  body.room-grimorio-secreto .cart-icon svg {
    width: 17px !important;
    height: 17px !important;
    stroke: #D4AF37 !important;
    fill: none !important;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.95)) drop-shadow(0 0 6px rgba(212, 175, 55, 0.35)) !important;
  }

  /* 5. BOTÓN CINCELADO: EXPLORAR COLECCIONES (ASENTADO EN EL MOSTRADOR DE LA CRIPTA) */
  body[data-room="el-grimorio-secreto"] #spot-nav,
  body[data-room="el-grimorio-secreto"] .nav-wrapper,
  body.room-grimorio-secreto #spot-nav {
    position: absolute !important;
    left: 50% !important;
    bottom: 7.8% !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="el-grimorio-secreto"] .btn-cincelado,
  body[data-room="el-grimorio-secreto"] #btn-explore,
  body.room-grimorio-secreto #btn-explore {
    padding: 1px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="el-grimorio-secreto"] .btn-cincelado-text {
    font-size: 0.48rem !important;
    letter-spacing: 1.8px !important;
    line-height: 1.25 !important;
  }

  body[data-room="el-grimorio-secreto"] .btn-cincelado-line {
    margin-top: 3px !important;
    max-width: 50px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 6. MENÚ FLOTANTE DE COLECCIONES (OSCURO Y COMPACTO) */
  body[data-room="el-grimorio-secreto"] .boticario-floating-nav,
  body[data-room="el-grimorio-secreto"] .collections-modal,
  body.room-grimorio-secreto .boticario-floating-nav,
  body.room-grimorio-secreto .collections-modal {
    position: fixed !important;
    left: 20px !important;
    bottom: 10px !important;
    top: auto !important;
    right: auto !important;
    transform: translateY(12px) !important;
    width: 220px !important;
    max-height: 85vh !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    background: rgba(12, 11, 14, 0.92) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(212, 175, 55, 0.50) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.75) !important;
    z-index: 80 !important;
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease !important;
  }

  body[data-room="el-grimorio-secreto"] .boticario-floating-nav.is-open,
  body[data-room="el-grimorio-secreto"] .collections-modal.is-open,
  body.room-grimorio-secreto .boticario-floating-nav.is-open,
  body.room-grimorio-secreto .collections-modal.is-open {
    transform: translateY(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 7. FIRMA INSTITUCIONAL Y LEGAL INFERIORES A RAS DE SUELO (ORO CANÓNICO #D4AF37) */
  body[data-room="el-grimorio-secreto"] .footer-brand-signature,
  body.room-grimorio-secreto .footer-brand-signature {
    position: absolute !important;
    bottom: 6px !important;
    left: max(18px, env(safe-area-inset-left, 18px)) !important;
    z-index: 30 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
  }

  body[data-room="el-grimorio-secreto"] .footer-brand-signature p,
  body[data-room="el-grimorio-secreto"] .footer-title,
  body[data-room="el-grimorio-secreto"] .footer-subtitle,
  body[data-room="el-grimorio-secreto"] .footer-tagline,
  body.room-grimorio-secreto .footer-title,
  body.room-grimorio-secreto .footer-subtitle,
  body.room-grimorio-secreto .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.25 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  body[data-room="el-grimorio-secreto"] .global-footer-legal,
  body.room-grimorio-secreto .global-footer-legal {
    position: absolute !important;
    bottom: 6px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    opacity: 1 !important;
  }

  body[data-room="el-grimorio-secreto"] .global-footer-legal .footer-copyright,
  body[data-room="el-grimorio-secreto"] .global-footer-legal .footer-legal-sep,
  body[data-room="el-grimorio-secreto"] .global-footer-legal a,
  body.room-grimorio-secreto .global-footer-legal .footer-copyright,
  body.room-grimorio-secreto .global-footer-legal .footer-legal-sep,
  body.room-grimorio-secreto .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-family: 'Cinzel', serif !important;
    font-size: 8px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }

  body[data-room="el-grimorio-secreto"] .global-footer-legal .footer-copyright,
  body.room-grimorio-secreto .global-footer-legal .footer-copyright {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 500 !important;
  }

  /* ==========================================================================
     SALA 7: NOCHES DE ORIENTE (noches-de-oriente.html)
     ========================================================================== */

  /* 1. ESCENARIO Y FONDO MAJLIS ORIENTAL 20:9 */
  body[data-room="noches-de-oriente"] .noches-oriente-stage,
  body[data-room="noches-de-oriente"] #noches-oriente-canvas,
  body[data-room="noches-de-oriente"] .stage-container,
  body.room-noches-de-oriente .noches-oriente-stage,
  body.room-noches-de-oriente #noches-oriente-canvas,
  body.room-noches-de-oriente .stage-container {
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
  }

  body[data-room="noches-de-oriente"] .noches-oriente-stage::before,
  body[data-room="noches-de-oriente"] #noches-oriente-canvas::before,
  body.room-noches-de-oriente .noches-oriente-stage::before,
  body.room-noches-de-oriente #noches-oriente-canvas::before {
    background-image: url('../assets/backgrounds/noches-de-oriente-bg.jpg') !important;
    background-position: center 38% !important;
    background-size: cover !important;
  }

  /* 2. LOGO SUPERIOR IZQUIERDO (TAMAÑO JOYA 46px) */
  body[data-room="noches-de-oriente"] .global-logo-left,
  body[data-room="noches-de-oriente"] .brand-emblem,
  body[data-room="noches-de-oriente"] #brand-emblem,
  body.room-noches-de-oriente .global-logo-left,
  body.room-noches-de-oriente .brand-emblem,
  body.room-noches-de-oriente #brand-emblem {
    top: 10px !important;
    left: max(16px, env(safe-area-inset-left, 16px)) !important;
    position: absolute !important;
    z-index: 60 !important;
  }

  body[data-room="noches-de-oriente"] .global-logo-left img,
  body[data-room="noches-de-oriente"] .brand-logo,
  body[data-room="noches-de-oriente"] #brand-logo,
  body.room-noches-de-oriente .global-logo-left img,
  body.room-noches-de-oriente .brand-logo,
  body.room-noches-de-oriente #brand-logo {
    max-width: 46px !important;
    width: 46px !important;
    height: auto !important;
    filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.75)) !important;
  }

  /* 3. MARQUESINA SUPERIOR: NOCHES DE ORIENTE (COMPACTA Y ELEVADA, DESPEJANDO CABEZA) */
  body[data-room="noches-de-oriente"] #spot-logo,
  body.room-noches-de-oriente #spot-logo {
    position: absolute !important;
    top: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    max-width: 80% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    pointer-events: none !important;
    z-index: 30 !important;
  }

  body[data-room="noches-de-oriente"] #spot-logo .room-title,
  body.room-noches-de-oriente #spot-logo .room-title {
    font-family: 'Cinzel', serif !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.24em !important;
    color: #D4AF37 !important;
    background: none !important;
    -webkit-text-fill-color: initial !important;
    line-height: 1.15 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.95), 0 0 12px rgba(212, 175, 55, 0.5) !important;
    white-space: nowrap !important;
    margin: 0 !important;
  }

  body[data-room="noches-de-oriente"] #spot-logo .brand-subtitle,
  body.room-noches-de-oriente #spot-logo .brand-subtitle {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 0.44rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    color: #FFFFFF !important;
    margin-top: 1px !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 2px #000000, 0 2px 4px #000000, 0 0 8px rgba(0, 0, 0, 1), 0 0 16px rgba(0, 0, 0, 0.95) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) !important;
    white-space: nowrap !important;
    display: block !important;
  }

  /* 4. HEADER FUNCIONAL DERECHO (CONTACTO Y CESTA — ALTO CONTRASTE CON MICRO-CÁPSULA CEREMONIAL) */
  body[data-room="noches-de-oriente"] .global-header-right,
  body.room-noches-de-oriente .global-header-right {
    top: 8px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    position: absolute !important;
    z-index: 60 !important;
    gap: 8px !important;
    display: flex !important;
    align-items: center !important;
  }

  body[data-room="noches-de-oriente"] .global-header-right a.nav-contact-link,
  body[data-room="noches-de-oriente"] .global-header-right a,
  body.room-noches-de-oriente .global-header-right a.nav-contact-link,
  body.room-noches-de-oriente .global-header-right a {
    font-family: 'Cinzel', serif !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
    letter-spacing: 1.8px !important;
    background: rgba(12, 10, 6, 0.82) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 20px !important;
    padding: 3px 11px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    text-shadow: 0 1px 2px #000000, 0 0 6px rgba(0, 0, 0, 0.9) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 24px !important;
    box-sizing: border-box !important;
  }

  body[data-room="noches-de-oriente"] .global-header-right .cart-icon,
  body.room-noches-de-oriente .global-header-right .cart-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 24px !important;
    background: rgba(12, 10, 6, 0.82) !important;
    border: 1px solid rgba(212, 175, 55, 0.5) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.75) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    color: #D4AF37 !important;
  }

  body[data-room="noches-de-oriente"] .global-header-right .cart-icon svg,
  body.room-noches-de-oriente .global-header-right .cart-icon svg {
    width: 14px !important;
    height: 14px !important;
    color: #D4AF37 !important;
    stroke: #D4AF37 !important;
    stroke-width: 1.8px !important;
    fill: none !important;
    display: block !important;
    filter: drop-shadow(0 1px 2px #000000) !important;
  }

  /* 5. BOTÓN CONSULTAR AL BOTICARIO: MICRO-CÁPSULA ÁUREA EN CABECERA */
  body[data-room="noches-de-oriente"] #btn-consultar-boticario,
  body[data-room="noches-de-oriente"] .global-btn-consultar,
  body[data-room="noches-de-oriente"] .btn-consultar-boticario,
  body.room-noches-de-oriente #btn-consultar-boticario,
  body.room-noches-de-oriente .global-btn-consultar,
  body.room-noches-de-oriente .btn-consultar-boticario {
    position: absolute !important;
    top: 34px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    background: rgba(12, 11, 14, 0.88) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 175, 55, 0.55) !important;
    border-radius: 20px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    z-index: 70 !important;
    cursor: pointer !important;
    width: auto !important;
  }

  body[data-room="noches-de-oriente"] #btn-consultar-boticario svg,
  body[data-room="noches-de-oriente"] .global-btn-consultar svg,
  body.room-noches-de-oriente #btn-consultar-boticario svg,
  body.room-noches-de-oriente .global-btn-consultar svg {
    width: 10px !important;
    height: 10px !important;
    color: #D4AF37 !important;
    stroke: #D4AF37 !important;
    margin: 0 !important;
  }

  body[data-room="noches-de-oriente"] .btn-consultar-text,
  body.room-noches-de-oriente .btn-consultar-text {
    display: inline-block !important;
    line-height: 1 !important;
  }

  body[data-room="noches-de-oriente"] .btn-consultar-text .btn-consultar-line,
  body[data-room="noches-de-oriente"] .btn-consultar-line,
  body.room-noches-de-oriente .btn-consultar-text .btn-consultar-line,
  body.room-noches-de-oriente .btn-consultar-line {
    display: inline !important;
    font-family: 'Cinzel', serif !important;
    font-size: 7px !important;
    letter-spacing: 1px !important;
    color: #F4F0EC !important;
    white-space: nowrap !important;
  }

  /* 6. FRASCOS DE AUTOR POSADOS EN LAS MESITAS HEXAGONALES */
  body[data-room="noches-de-oriente"] .spot-bottle,
  body[data-room="noches-de-oriente"] #spot-left,
  body[data-room="noches-de-oriente"] #spot-right,
  body.room-noches-de-oriente .spot-bottle,
  body.room-noches-de-oriente #spot-left,
  body.room-noches-de-oriente #spot-right {
    display: flex !important;
    position: absolute !important;
    z-index: 20 !important;
    cursor: pointer !important;
  }

  body[data-room="noches-de-oriente"] #spot-left,
  body.room-noches-de-oriente #spot-left {
    left: 20.8% !important;
    bottom: 42.5% !important;
  }

  body[data-room="noches-de-oriente"] #spot-right,
  body.room-noches-de-oriente #spot-right {
    left: 78.5% !important;
    bottom: 42.5% !important;
  }

  /* Calibración Exclusiva Android: Micro-elevación quirúrgica (+1%) */
  html.is-android body[data-room="noches-de-oriente"] #spot-left,
  html.is-android body.room-noches-de-oriente #spot-left {
    bottom: 39.0% !important;
  }

  html.is-android body[data-room="noches-de-oriente"] #spot-right,
  html.is-android body.room-noches-de-oriente #spot-right {
    bottom: 39.0% !important;
  }

  body[data-room="noches-de-oriente"] .perfume-bottle,
  body[data-room="noches-de-oriente"] #spot-left .perfume-bottle,
  body[data-room="noches-de-oriente"] #spot-right .perfume-bottle,
  body.room-noches-de-oriente .perfume-bottle,
  body.room-noches-de-oriente #spot-left .perfume-bottle,
  body.room-noches-de-oriente #spot-right .perfume-bottle {
    height: 50px !important;
    max-height: 50px !important;
    min-height: 0 !important;
    width: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.75)) !important;
    position: relative !important;
    z-index: 2 !important;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1), filter 0.35s ease !important;
  }

  body[data-room="noches-de-oriente"] .bottle-contact-shadow,
  body.room-noches-de-oriente .bottle-contact-shadow {
    display: block !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 32px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 85%) !important;
    z-index: 1 !important;
  }

  body[data-room="noches-de-oriente"] .spot-caption,
  body[data-room="noches-de-oriente"] .perfume-label,
  body.room-noches-de-oriente .spot-caption,
  body.room-noches-de-oriente .perfume-label {
    display: none !important;
  }

  /* 7. BOTÓN CINCELADO: EXPLORAR COLECCIONES (ASENTADO EN SUELO ALFOMBRADO LIBRE DEL SERVICIO DE TÉ) */
  body[data-room="noches-de-oriente"] #spot-nav,
  body[data-room="noches-de-oriente"] .nav-wrapper,
  body.room-noches-de-oriente #spot-nav,
  body.room-noches-de-oriente .nav-wrapper {
    position: absolute !important;
    left: 50% !important;
    bottom: max(10px, env(safe-area-inset-bottom, 10px)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    z-index: 35 !important;
    width: auto !important;
    max-width: 90px !important;
  }

  body[data-room="noches-de-oriente"] .btn-cincelado,
  body[data-room="noches-de-oriente"] #btn-explore,
  body.room-noches-de-oriente .btn-cincelado,
  body.room-noches-de-oriente #btn-explore {
    padding: 0px 4px !important;
    max-width: 90px !important;
  }

  body[data-room="noches-de-oriente"] .btn-cincelado .btn-line,
  body[data-room="noches-de-oriente"] .btn-cincelado-text,
  body.room-noches-de-oriente .btn-cincelado .btn-line,
  body.room-noches-de-oriente .btn-cincelado-text {
    font-size: 0.46rem !important;
    letter-spacing: 1.6px !important;
    line-height: 1.2 !important;
  }

  body[data-room="noches-de-oriente"] .btn-cincelado-line,
  body.room-noches-de-oriente .btn-cincelado-line {
    margin-top: 2px !important;
    max-width: 44px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 8. FOOTERS INFERIORES A RAS DE SUELO (ALTO CONTRASTE, NITIDEZ Y ORO CANÓNICO #D4AF37 — TIPOGRAFÍA FLOTANTE PURA SIN CAJAS) */
  body[data-room="noches-de-oriente"] .footer-brand-signature,
  body.room-noches-de-oriente .footer-brand-signature {
    bottom: 8px !important;
    left: max(16px, env(safe-area-inset-left, 16px)) !important;
    position: absolute !important;
    z-index: 30 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-room="noches-de-oriente"] .footer-brand-signature p,
  body[data-room="noches-de-oriente"] .footer-title,
  body[data-room="noches-de-oriente"] .footer-subtitle,
  body[data-room="noches-de-oriente"] .footer-tagline,
  body.room-noches-de-oriente .footer-brand-signature p,
  body.room-noches-de-oriente .footer-title,
  body.room-noches-de-oriente .footer-subtitle,
  body.room-noches-de-oriente .footer-tagline {
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    line-height: 1.3 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px #000, 0 1px 4px #000, 0 2px 6px #000, 0 0 10px rgba(0, 0, 0, 1), 0 0 16px rgba(0, 0, 0, 0.95) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) !important;
    margin: 0 !important;
  }

  body[data-room="noches-de-oriente"] .global-footer-legal,
  body.room-noches-de-oriente .global-footer-legal {
    bottom: 8px !important;
    right: max(18px, env(safe-area-inset-right, 18px)) !important;
    z-index: 30 !important;
    position: absolute !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    white-space: nowrap !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body[data-room="noches-de-oriente"] .global-footer-legal .footer-copyright,
  body[data-room="noches-de-oriente"] .global-footer-legal .footer-legal-sep,
  body[data-room="noches-de-oriente"] .global-footer-legal a,
  body.room-noches-de-oriente .global-footer-legal .footer-copyright,
  body.room-noches-de-oriente .global-footer-legal .footer-legal-sep,
  body.room-noches-de-oriente .global-footer-legal a {
    display: inline !important;
    position: static !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px #000, 0 1px 4px #000, 0 2px 6px #000, 0 0 10px rgba(0, 0, 0, 1), 0 0 16px rgba(0, 0, 0, 0.95) !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.95)) !important;
    text-decoration: none !important;
  }

  /* 10. MODALES EN LANDSCAPE: SCROLL Y VISIBILIDAD GARANTIZADA */
  .contacto-modal-container {
    max-height: 90vh !important;
    max-height: 90dvh !important;
    overflow-y: auto !important;
    padding: 14px 18px !important;
  }

  /* TELÓN DE FONDO DEL BUSCADOR: PERMITE SCROLL SUAVE */
  #search-modal.is-open,
  .search-modal-overlay.is-open {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    overflow-y: auto !important;
  }

  /* DIÁLOGO DEL BUSCADOR: 100% SCROLLEABLE Y COMPACTO */
  .search-modal-dialog,
  .search-modal-container,
  .search-modal-content {
    max-height: calc(100vh - 12px) !important;
    max-height: calc(100dvh - 12px) !important;
    width: 96% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* CABECERA INSTITUCIONAL COMPACTA */
  .search-modal-header {
    padding: 6px 14px 4px !important;
    flex-shrink: 0 !important;
  }

  .search-modal-brand {
    font-size: 8.5px !important;
    letter-spacing: 1.5px !important;
  }

  .search-modal-close-btn {
    width: 26px !important;
    height: 26px !important;
  }

  /* BARRA SUPERIOR DE INPUT */
  .search-modal-top-bar {
    padding: 4px 14px 6px !important;
    flex-shrink: 0 !important;
  }

  .search-modal-input-wrapper {
    padding: 3px 8px 3px 12px !important;
  }

  .search-modal-input {
    font-size: 11.5px !important;
  }

  .search-action-btn {
    padding: 5px 12px !important;
    font-size: 9.5px !important;
    letter-spacing: 1px !important;
  }

  /* BLOQUE DE BIENVENIDA COMPACTO */
  .search-welcome-block {
    padding: 8px 14px 10px !important;
    flex-shrink: 0 !important;
  }

  .search-welcome-title {
    font-size: 14px !important;
    margin: 0 0 3px 0 !important;
    letter-spacing: 1.2px !important;
  }

  .search-welcome-subtext {
    margin: 0 auto 8px auto !important;
    gap: 1px !important;
  }

  .search-subtext-line1,
  .search-subtext-line3 {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }

  .search-subtext-line2 {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  /* CUADRÍCULA DE BOTONES/PILLS OLFATIVOS */
  .search-pills-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 5px 8px !important;
    width: 100% !important;
    max-width: 600px !important;
  }

  .search-pill-btn {
    font-size: 10px !important;
    letter-spacing: 0.6px !important;
    padding: 5px 8px !important;
    border-radius: 16px !important;
    white-space: nowrap !important;
  }

  /* RESULTADOS EN VIVO (SCROLL UNIFICADO EN EL DIÁLOGO) */
  .search-live-results {
    width: 100% !important;
    overflow-y: visible !important;
  }

  .search-live-results.is-expanded {
    max-height: none !important;
    padding: 8px 10px 24px !important;
  }

  .search-results-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 10px !important;
    margin-top: 6px !important;
  }

  .pedestal-product-card.search-product-card,
  .search-product-card {
    padding: 10px 8px 8px !important;
  }

  .pedestal-card-image-wrap {
    height: 95px !important;
    min-height: 95px !important;
    max-height: 95px !important;
    margin-bottom: 6px !important;
  }

  .pedestal-card-image-wrap img {
    max-height: 88px !important;
  }

  .pedestal-card-title {
    font-size: 11px !important;
    min-height: 15px !important;
    margin-bottom: 2px !important;
    line-height: 14px !important;
  }

  .pedestal-card-family,
  .pedestal-card-notes {
    font-size: 9px !important;
    min-height: 12px !important;
    margin-bottom: 2px !important;
    line-height: 13px !important;
  }

  .pedestal-card-action {
    height: 26px !important;
    line-height: 24px !important;
    font-size: 9.5px !important;
  }

  /* ==========================================================================
     11. PANEL LATERAL DE SALAS: ATMÓSFERAS OLFATIVAS (#rooms-nav-drawer)
     Scroll fluido y compactación milimétrica para móvil horizontal
     ========================================================================== */
  #rooms-nav-drawer .rooms-drawer-panel,
  .rooms-drawer-panel {
    width: clamp(340px, 48vw, 420px) !important;
    height: 100% !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }

  /* Cabecera compacta */
  #rooms-nav-drawer .rooms-drawer-header {
    padding: 6px 14px 4px !important;
    flex-shrink: 0 !important;
  }

  #rooms-nav-drawer .rooms-drawer-eyebrow {
    font-size: 8px !important;
    letter-spacing: 1.5px !important;
  }

  #rooms-nav-drawer .rooms-drawer-close-btn {
    width: 24px !important;
    height: 24px !important;
  }

  /* Bloque de Título Principal */
  #rooms-nav-drawer .rooms-drawer-title-block {
    padding: 4px 14px 4px !important;
    flex-shrink: 0 !important;
  }

  #rooms-nav-drawer .rooms-drawer-title {
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  #rooms-nav-drawer .rooms-drawer-subtitle {
    font-size: 9px !important;
    line-height: 1.2 !important;
    margin: 1px 0 0 0 !important;
  }

  /* Bloque de Sala Principal / Retorno */
  #rooms-nav-drawer .rooms-drawer-main-hall {
    padding: 4px 14px !important;
    flex-shrink: 0 !important;
  }

  #rooms-nav-drawer .btn-return-main-hall,
  #rooms-nav-drawer #btn-return-main-hall,
  #rooms-nav-drawer .rooms-drawer-main-hall-item.is-current-hall {
    padding: 5px 10px !important;
  }

  #rooms-nav-drawer .return-main-hall-text,
  #rooms-nav-drawer .is-current-hall .main-hall-label {
    font-size: 9.5px !important;
  }

  #rooms-nav-drawer .return-main-hall-tag,
  #rooms-nav-drawer .is-current-hall .main-hall-badge {
    font-size: 7.5px !important;
    padding: 1px 4px !important;
  }

  /* Lista de Salas: Scroll Táctil Nativo Fluido */
  #rooms-nav-drawer .rooms-drawer-list {
    flex-grow: 1 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    padding: 6px 12px 16px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    box-sizing: border-box !important;
  }

  /* Tarjetas de Sala Compactas */
  #rooms-nav-drawer .rooms-drawer-card {
    padding: 8px 10px !important;
    flex-shrink: 0 !important;
  }

  #rooms-nav-drawer .room-card-status-row {
    margin-bottom: 2px !important;
  }

  #rooms-nav-drawer .room-current-badge {
    font-size: 7.5px !important;
    padding: 1px 4px !important;
  }

  #rooms-nav-drawer .room-card-title {
    font-size: 11px !important;
    letter-spacing: 0.8px !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.2 !important;
  }

  #rooms-nav-drawer .room-card-desc {
    font-size: 9px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px 0 !important;
  }

  #rooms-nav-drawer .btn-room-action {
    padding: 5px 8px !important;
    font-size: 8.5px !important;
    letter-spacing: 0.8px !important;
    height: 24px !important;
    min-height: 24px !important;
    line-height: 22px !important;
  }

  #rooms-nav-drawer .btn-primary-gold,
  #rooms-nav-drawer .rooms-drawer-card.is-current .btn-open-creations,
  #rooms-nav-drawer .rooms-drawer-card.is-current .btn-primary-gold {
    padding: 5px 8px !important;
  }

  /* Pie de Página del Drawer */
  #rooms-nav-drawer .rooms-drawer-footer {
    padding: 4px 14px !important;
    flex-shrink: 0 !important;
  }

  /* ==========================================================================
     12. DRAWER CART (TU SELECCIÓN / #maison-cart-drawer) — CALIBRACIÓN LANDSCAPE
     Arquitectura Grid 2 Columnas: Creaciones (izq.) + Resumen & Checkout (der.)
     ========================================================================== */
  #maison-cart-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    display: grid !important;
    grid-template-rows: 32px 1fr !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    grid-template-areas:
      "header header"
      "body footer" !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  /* Cabecera Noble (32px) */
  #maison-cart-drawer .cart-drawer-header {
    grid-area: header !important;
    padding: 4px 16px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    background: linear-gradient(180deg, rgba(30, 26, 22, 0.85) 0%, rgba(20, 18, 16, 0.75) 100%) !important;
    box-sizing: border-box !important;
  }

  #maison-cart-drawer .cart-brand-badge {
    display: none !important;
  }

  #maison-cart-drawer .cart-drawer-title {
    font-size: 13px !important;
    letter-spacing: 2px !important;
    line-height: 1 !important;
    margin: 0 !important;
    font-family: 'Cinzel', serif !important;
    color: #D4AF37 !important;
  }

  #maison-cart-drawer .cart-drawer-close {
    width: 24px !important;
    height: 24px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #maison-cart-drawer .cart-drawer-close svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* Columna Izquierda: Lista de Creaciones con Scroll Táctil Nativo */
  #maison-cart-drawer .cart-drawer-body {
    grid-area: body !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
    padding: 8px 12px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    box-sizing: border-box !important;
  }

  #maison-cart-drawer .cart-drawer-body::-webkit-scrollbar,
  #maison-cart-drawer .cart-drawer-footer::-webkit-scrollbar {
    width: 4px !important;
  }
  #maison-cart-drawer .cart-drawer-body::-webkit-scrollbar-thumb,
  #maison-cart-drawer .cart-drawer-footer::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.4) !important;
    border-radius: 2px !important;
  }

  /* Tarjetas de Producto Legibles */
  #maison-cart-drawer .cart-item-card {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 10px !important;
    background: rgba(25, 23, 21, 0.9) !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
  }

  #maison-cart-drawer .cart-item-thumb {
    width: 40px !important;
    height: 48px !important;
    padding: 2px !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #maison-cart-drawer .cart-item-thumb img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }

  #maison-cart-drawer .cart-item-info {
    flex-grow: 1 !important;
    min-width: 0 !important;
  }

  #maison-cart-drawer .cart-item-brand {
    font-size: 8.5px !important;
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
    margin: 0 !important;
    color: rgba(212, 175, 55, 0.85) !important;
    text-transform: uppercase !important;
  }

  #maison-cart-drawer .cart-item-name {
    font-size: 12px !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    margin: 2px 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-family: 'Cinzel', serif !important;
    color: #F4F0EC !important;
  }

  #maison-cart-drawer .cart-item-format {
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    color: rgba(244, 240, 236, 0.65) !important;
  }

  #maison-cart-drawer .travel-gift-tag {
    font-size: 8.5px !important;
    letter-spacing: 0.4px !important;
    padding: 2px 5px !important;
    margin: 2px 0 !important;
    display: inline-block !important;
    background: rgba(212, 175, 55, 0.15) !important;
    color: #D4AF37 !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 2px !important;
  }

  #maison-cart-drawer .cart-item-price {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #D4AF37 !important;
    margin-top: 2px !important;
    line-height: 1.1 !important;
  }

  #maison-cart-drawer .cart-item-actions {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
  }

  #maison-cart-drawer .cart-qty-ctrl {
    height: 24px !important;
    border: 1px solid rgba(212, 175, 55, 0.35) !important;
    border-radius: 3px !important;
  }

  #maison-cart-drawer .cart-qty-btn {
    width: 20px !important;
    height: 24px !important;
    font-size: 12px !important;
    padding: 0 !important;
    color: #D4AF37 !important;
  }

  #maison-cart-drawer .cart-qty-val {
    min-width: 18px !important;
    font-size: 11px !important;
    color: #F4F0EC !important;
  }

  #maison-cart-drawer .cart-item-remove {
    padding: 4px !important;
    color: rgba(244, 240, 236, 0.5) !important;
  }

  #maison-cart-drawer .cart-item-remove:hover {
    color: #e57373 !important;
  }

  #maison-cart-drawer .cart-item-remove svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* Estado Vacío */
  #maison-cart-drawer .cart-empty-state {
    padding: 20px 14px !important;
    margin: auto !important;
  }

  #maison-cart-drawer .cart-empty-gem {
    font-size: 18px !important;
    margin-bottom: 4px !important;
  }

  #maison-cart-drawer .cart-empty-title {
    font-size: 13px !important;
    margin-bottom: 4px !important;
  }

  #maison-cart-drawer .cart-empty-desc {
    font-size: 10px !important;
    line-height: 1.35 !important;
    max-width: 260px !important;
  }

  /* Columna Derecha: Resumen de Pedido y Checkout 100% visible sin scroll */
  #maison-cart-drawer .cart-drawer-footer {
    grid-area: footer !important;
    border-top: none !important;
    border-left: 1px solid rgba(212, 175, 55, 0.25) !important;
    background: linear-gradient(180deg, rgba(20, 18, 16, 0.98) 0%, rgba(12, 11, 10, 0.99) 100%) !important;
    padding: 8px 14px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    touch-action: pan-y !important;
  }

  #maison-cart-drawer .cart-summary-title {
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    margin: 0 0 2px 0 !important;
    line-height: 1.1 !important;
    color: #D4AF37 !important;
    font-family: 'Cinzel', serif !important;
  }

  #maison-cart-drawer .cart-summary-row {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    color: rgba(244, 240, 236, 0.8) !important;
  }

  #maison-cart-drawer .cart-shipping-note {
    font-size: 9.5px !important;
    color: rgba(244, 240, 236, 0.6) !important;
  }

  #maison-cart-drawer .cart-gift-note {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    margin: 3px 0 !important;
    padding: 4px 6px !important;
    background: rgba(212, 175, 55, 0.08) !important;
    border-left: 2px solid #D4AF37 !important;
    color: rgba(244, 240, 236, 0.88) !important;
    border-radius: 2px !important;
  }

  #maison-cart-drawer .cart-summary-row.total-row {
    font-size: 11.5px !important;
    border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
    padding-top: 4px !important;
    margin-top: 2px !important;
    font-weight: 600 !important;
  }

  #maison-cart-drawer .cart-summary-row.total-row .total-price {
    font-size: 14px !important;
    color: #D4AF37 !important;
    font-weight: 700 !important;
  }

  #maison-cart-drawer .cart-checkout-btn {
    width: 100% !important;
    margin-top: 4px !important;
    padding: 6px 12px !important;
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    height: 30px !important;
    min-height: 30px !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    background: linear-gradient(135deg, #D4AF37 0%, #AA8010 100%) !important;
    color: #0c0b0a !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
  }

  #maison-cart-drawer .cart-checkout-btn svg {
    width: 11px !important;
    height: 11px !important;
    stroke: #0c0b0a !important;
  }

  #maison-cart-drawer .cart-trust-note {
    font-size: 8px !important;
    letter-spacing: 0.5px !important;
    margin-top: 3px !important;
    line-height: 1.35 !important;
    color: rgba(244, 240, 236, 0.5) !important;
    text-align: center !important;
  }

  /* ==========================================================================
     VISOR DE COLECCIONES DEL PEDESTAL («EXPLORAR COLECCIONES») EN LANDSCAPE
     ========================================================================== */
  #collections-modal.is-open,
  .collections-modal-overlay.is-open,
  #pedestal-collections-modal.is-open {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 4px 6px !important;
    overflow-y: auto !important;
    z-index: 99999 !important;
  }

  .collections-dialog {
    width: 98% !important;
    max-width: 920px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100vh - 8px) !important;
    max-height: calc(100dvh - 8px) !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    border-radius: 4px !important;
    transform: none !important;
  }

  /* Cabecera Ultra-Compacta (Menos de 55px totales) */
  .collections-dialog-header {
    padding: 4px 12px 4px !important;
    flex-shrink: 0 !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    background: linear-gradient(180deg, rgba(24, 21, 18, 0.95) 0%, rgba(12, 11, 10, 0.95) 100%) !important;
    gap: 3px !important;
  }

  .collections-header-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  .collections-brand-badge {
    font-size: 8px !important;
    letter-spacing: 1.5px !important;
    gap: 5px !important;
    line-height: 1 !important;
  }

  .collections-brand-badge .gem-icon {
    font-size: 7px !important;
  }

  .collections-title {
    font-size: 12px !important;
    margin: 1px 0 0 0 !important;
    letter-spacing: 1.2px !important;
    line-height: 1.15 !important;
  }

  .collections-title-room {
    font-size: 12px !important;
  }

  .collections-close-btn {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
    touch-action: manipulation !important;
  }

  .collections-close-btn svg {
    width: 13px !important;
    height: 13px !important;
  }

  /* Barra de Controles en Una Sola Línea Horizontal */
  .collections-controls-bar {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 2px !important;
  }

  .collections-search-box {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    width: auto !important;
  }

  .collections-search-input {
    height: 26px !important;
    padding: 2px 28px 2px 10px !important;
    font-size: 10.5px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
  }

  .collections-search-icon {
    width: 12px !important;
    height: 12px !important;
    right: 8px !important;
  }

  .collections-room-capacity {
    height: 26px !important;
    padding: 2px 10px !important;
    font-size: 9px !important;
    letter-spacing: 0.8px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    border-radius: 13px !important;
    gap: 4px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: auto !important;
  }

  .collections-room-capacity .capacity-gem {
    font-size: 6.5px !important;
  }

  .collections-room-capacity .capacity-count {
    font-size: 9px !important;
  }

  /* Contenido con Scroll Unificado en el Diálogo */
  .collections-content-scroll {
    overflow-y: visible !important;
    height: auto !important;
    flex-grow: 0 !important;
    padding: 4px 8px 24px !important;
  }

  /* Grid y Tarjetas de Producto Calibradas */
  .collections-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }

  .collection-card,
  .search-product-card {
    padding: 8px 6px 6px !important;
    border-radius: 3px !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
  }

  .collection-card-media,
  .search-card-media {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    margin-bottom: 4px !important;
    background: radial-gradient(circle at center, rgba(212, 175, 55, 0.08) 0%, rgba(10, 10, 10, 0.45) 100%) !important;
  }

  .collection-card-media img,
  .collection-card-image,
  .search-card-image {
    max-height: 82px !important;
    max-width: 86% !important;
  }

  .collection-card-body,
  .search-card-body {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
  }

  .collection-card-title,
  .search-card-title {
    font-size: 11px !important;
    min-height: 14px !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.8px !important;
  }

  .collection-card-family,
  .search-card-family {
    font-size: 8.5px !important;
    min-height: 11px !important;
    margin-bottom: 2px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
  }

  .collection-card-notes,
  .search-card-notes {
    font-size: 8px !important;
    min-height: 20px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    color: #A0988E !important;
  }

  .collection-card-footer,
  .search-card-footer {
    padding-top: 4px !important;
    margin-top: auto !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  }

  .collection-card-btn-discover,
  .collection-card-btn,
  .btn-descubrir,
  .search-card-btn-discover {
    height: 24px !important;
    line-height: 22px !important;
    font-size: 9px !important;
    letter-spacing: 0.12em !important;
    padding: 0 10px !important;
    margin: 0 auto !important;
    max-width: 130px !important;
    box-sizing: border-box !important;
    touch-action: manipulation !important;
  }

    .badge-preparacion {
    top: 5px !important;
    right: 5px !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    padding: 2px 4px !important;
  }

  /* ==========================================================================
     FICHA DE PRODUCTO PDP (pdp-template.html) EN LANDSCAPE — 2 COLUMNAS
     ========================================================================== */
  body.pdp-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
  }

  /* Logo Joya y Header Utilities Compactos */
  body.pdp-body .global-logo-left {
    top: 8px !important;
    left: 14px !important;
    z-index: 60 !important;
  }

  body.pdp-body .global-logo-left .brand-logo,
  body.pdp-body #brand-logo {
    max-width: 34px !important;
    width: 34px !important;
    height: auto !important;
  }

  body.pdp-body .global-header-right {
    top: 8px !important;
    right: 14px !important;
    gap: 10px !important;
    z-index: 60 !important;
  }

  body.pdp-body .global-header-right .nav-contact-link {
    font-family: 'Cinzel', serif !important;
    font-size: 8.5px !important;
    letter-spacing: 1.2px !important;
    color: #D4AF37 !important;
    text-decoration: none !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.95), 0 0 6px rgba(212, 175, 55, 0.3) !important;
  }

  body.pdp-body .global-header-right .cart-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  /* Contenedor Maestro con Sangría Adecuada */
  body.pdp-body .pdp-wrapper {
    padding: 8px 14px 20px 54px !important;
    margin: 0 auto !important;
    max-width: 920px !important;
    width: 100% !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }

  /* Breadcrumbs en Una Fila Horizontal Compacta */
  body.pdp-body .pdp-breadcrumb-bar {
    position: relative !important;
    z-index: 100 !important;
    pointer-events: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 6px !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.18) !important;
    width: 100% !important;
  }

  body.pdp-body #pdp-breadcrumbs,
  body.pdp-body .pdp-navigation-top {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: nowrap !important;
    position: relative !important;
    z-index: 101 !important;
    pointer-events: auto !important;
  }

  body.pdp-body .pdp-nav-pill,
  body.pdp-body .pdp-nav-link.pdp-nav-pill {
    position: relative !important;
    z-index: 102 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    font-size: 8px !important;
    letter-spacing: 0.08em !important;
    padding: 2px 7px !important;
    height: 20px !important;
    line-height: 18px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
  }

  body.pdp-body .pdp-room-tag,
  body.pdp-body .pdp-origin-room-tag {
    display: none !important;
  }

  /* Layout a 2 Columnas Horizontales (Producto Izq + Compra Der) */
  body.pdp-body .pdp-stage-grid {
    display: grid !important;
    grid-template-columns: 0.95fr 1.05fr !important;
    gap: 14px !important;
    align-items: start !important;
    width: 100% !important;
    margin-top: 2px !important;
  }

  /* Columna Izquierda: Escaparate Visual */
  body.pdp-body .pdp-visual-column {
    min-height: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    top: 8px !important;
    align-self: start !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.pdp-body .pdp-stage-viewport {
    min-height: 0 !important;
    height: 210px !important;
    max-height: 220px !important;
    width: 100% !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.pdp-body .pdp-bottle-vessel {
    height: 195px !important;
    max-height: 195px !important;
    min-height: 0 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }

  body.pdp-body .pdp-main-bottle,
  body.pdp-body #pdp-main-bottle-img {
    max-height: 180px !important;
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    pointer-events: auto !important;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.85)) drop-shadow(0 0 12px rgba(212, 175, 55, 0.25)) !important;
    animation: pdpBottleLevitate 5s ease-in-out infinite !important;
  }

  body.pdp-body .pdp-floor-shadow {
    bottom: 4px !important;
    width: 140px !important;
    height: 12px !important;
    filter: blur(5px) !important;
  }

  body.pdp-body .pdp-craft-badge {
    margin-top: 4px !important;
    padding: 2px 7px !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important;
  }

  body.pdp-body .pdp-craft-badge-dot {
    width: 4px !important;
    height: 4px !important;
  }

  /* Columna Derecha: Panel Comercial y de Conversión */
  body.pdp-body .pdp-details-column {
    padding: 8px 12px 12px 12px !important;
    gap: 5px !important;
    border-radius: 4px !important;
    border-color: rgba(212, 175, 55, 0.22) !important;
    background: rgba(18, 15, 12, 0.82) !important;
  }

  body.pdp-body .pdp-header-block {
    gap: 1px !important;
  }

  body.pdp-body .pdp-eyebrow-row {
    font-size: 7.5px !important;
    letter-spacing: 1.2px !important;
  }

  body.pdp-body .pdp-collection-label {
    font-size: 7.5px !important;
  }

  body.pdp-body .pdp-product-title {
    font-size: 14.5px !important;
    margin: 1px 0 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.8px !important;
  }

  body.pdp-body .pdp-product-subtitle {
    font-size: 9px !important;
    line-height: 1.15 !important;
    margin-bottom: 1px !important;
  }

  body.pdp-body .pdp-creator-meta {
    font-size: 8px !important;
    margin-bottom: 2px !important;
    letter-spacing: 0.8px !important;
  }

  body.pdp-body .pdp-editorial-description {
    font-size: 9px !important;
    line-height: 1.3 !important;
    margin: 1px 0 3px 0 !important;
    padding-left: 7px !important;
    border-left-width: 2px !important;
  }

  /* Formato y Precio */
  body.pdp-body .pdp-format-section {
    gap: 2px !important;
  }

  body.pdp-body .pdp-section-label {
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    margin-bottom: 2px !important;
  }

  body.pdp-body .pdp-format-grid {
    margin-bottom: 2px !important;
  }

  body.pdp-body .pdp-format-card,
  body.pdp-body .format-card {
    padding: 4px 8px !important;
    gap: 1px !important;
    border-radius: 3px !important;
  }

  body.pdp-body .format-title,
  body.pdp-body .pdp-format-name {
    font-size: 8.5px !important;
    letter-spacing: 0.8px !important;
  }

  body.pdp-body .format-price,
  body.pdp-body .pdp-format-price {
    font-size: 12px !important;
    line-height: 1.1 !important;
    margin: 1px 0 !important;
  }

  body.pdp-body .format-badge,
  body.pdp-body .pdp-format-badge {
    font-size: 7px !important;
    letter-spacing: 0.6px !important;
    padding: 1px 3px !important;
  }

  body.pdp-body .pdp-travel-gift-note {
    font-size: 7.5px !important;
    line-height: 1.2 !important;
    margin: 2px 0 3px 0 !important;
    color: rgba(212, 175, 55, 0.85) !important;
  }

  /* Botón Añadir a la Cesta */
  body.pdp-body .pdp-actions-block {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
  }

  body.pdp-body .pdp-btn-add-to-cart {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 9px !important;
    letter-spacing: 1px !important;
    padding: 0 10px !important;
    border-radius: 2px !important;
    gap: 5px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    margin-top: 2px !important;
  }

  body.pdp-body .pdp-btn-add-to-cart svg {
    width: 12px !important;
    height: 12px !important;
  }

  body.pdp-body .pdp-trust-badges {
    display: flex !important;
    gap: 5px !important;
    margin-top: 3px !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
  }

  body.pdp-body .pdp-trust-item {
    font-size: 6.5px !important;
    gap: 2px !important;
    letter-spacing: 0.3px !important;
    white-space: nowrap !important;
  }

  body.pdp-body .pdp-trust-icon {
    width: 9px !important;
    height: 9px !important;
  }

  /* Pirámide Olfativa Reorganizada en Columna (Diagrama Arriba, Frases y Notas Debajo) */
  body.pdp-body .pdp-pyramid-section {
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid rgba(212, 175, 55, 0.15) !important;
  }

  body.pdp-body .pdp-pyramid-header {
    margin-bottom: 4px !important;
  }

  body.pdp-body .pdp-pyramid-title {
    font-size: 8.5px !important;
  }

  body.pdp-body .pdp-pyramid-title svg {
    width: 9px !important;
    height: 9px !important;
  }

  body.pdp-body .pdp-pyramid-hint {
    font-size: 7px !important;
  }

  body.pdp-body .pdp-pyramid-interactive-widget {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  body.pdp-body .pdp-pyramid-visual-wrap {
    width: 100% !important;
    max-width: 160px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 4px !important;
  }

  body.pdp-body .pdp-pyramid-svg {
    max-height: 80px !important;
    width: 100% !important;
    height: auto !important;
  }

  body.pdp-body .pdp-pyramid-indicator-tags {
    display: flex !important;
    gap: 5px !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: 3px !important;
  }

  body.pdp-body .pyramid-tag-btn {
    font-size: 7.5px !important;
    padding: 2px 8px !important;
    height: 18px !important;
    line-height: 14px !important;
    letter-spacing: 0.5px !important;
  }

  /* Panel de Frases y Notas Olfativas en Ancho Completo Debajo de la Pirámide */
  body.pdp-body .pdp-pyramid-info-panel {
    width: 100% !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    padding: 8px 12px !important;
    gap: 4px !important;
    border-radius: 3px !important;
    background: rgba(20, 17, 14, 0.75) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-left: 2px solid #D4AF37 !important;
    text-align: left !important;
  }

  body.pdp-body .pdp-pyramid-phase-badge-row {
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
  }

  body.pdp-body .phase-number {
    font-size: 8.5px !important;
    letter-spacing: 1px !important;
  }

  body.pdp-body .phase-french {
    font-size: 8px !important;
  }

  body.pdp-body .phase-duration {
    font-size: 7.5px !important;
    margin-left: auto !important;
  }

  body.pdp-body .pdp-pyramid-phase-notes {
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    color: rgba(245, 240, 230, 0.95) !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  body.pdp-body .pdp-pyramid-phase-desc {
    font-size: 8px !important;
    line-height: 1.3 !important;
    color: #A8A29E !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
  }

  /* Lema Editorial de Marca en Esquina Inferior Izquierda (Calibración Landscape Móvil) */
  body.pdp-body .footer-brand-signature {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    bottom: 8px !important;
    bottom: max(8px, env(safe-area-inset-bottom, 8px)) !important;
    left: 14px !important;
    left: max(14px, env(safe-area-inset-left, 14px)) !important;
    z-index: 30 !important;
    pointer-events: none !important;
    gap: 1px !important;
    text-align: left !important;
  }

  body.pdp-body .footer-brand-signature p,
  body.pdp-body .footer-brand-signature .footer-title,
  body.pdp-body .footer-brand-signature .footer-subtitle,
  body.pdp-body .footer-brand-signature .footer-tagline {
    font-family: 'Cinzel', serif !important;
    font-size: 7px !important;
    letter-spacing: 0.9px !important;
    line-height: 1.25 !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
  }

  body.pdp-body .global-footer-legal,
  body.pdp-body .global-footer-legal a,
  body.pdp-body .global-footer-legal .footer-copyright,
  body.pdp-body .global-footer-legal .footer-legal-sep {
    font-family: 'Cinzel', serif !important;
    font-size: 7.5px !important;
    letter-spacing: 1px !important;
    color: #D4AF37 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 1), 0 0 8px rgba(0, 0, 0, 0.95) !important;
    text-decoration: none !important;
  }
}