:root{--page-title-display:none;}/* Start custom CSS *//* Oculta la Sección 2 al inicio, pero deja espacio para que no se mueva el botón. */
.ocultar-inicio {
    opacity: 0 !important; /* Totalmente transparente */
    visibility: hidden !important; /* Asegura que no se pueda clickear */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* La magia de la transición */
}

/* El JavaScript añade la clase 'mostrar-final' */
.mostrar-final {
    opacity: 1 !important; /* Totalmente visible */
    visibility: visible !important; /* Se puede interactuar con él */
}

/* Limpieza de Márgenes y Fijación de Fondo Global */
body, html {
    margin: 0 !important;
    padding: 0 !important;
    /* Evita el scroll global */
    overflow-y: hidden !important; 
}

body {
    /* 🚨 ESTO FIJA EL FONDO y lo aplica a toda la ventana */
    background-image: url('https://inhoustontexas.us/wp-content/uploads/2025/10/FONDO-PARA-TARJETA-INTELIGENTE-.jpg'); 
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed; 
}

/* 🔒 Mantener diseño vertical aunque el celular se gire 
   🚫 Se elimina la rotación */
@media screen and (orientation: landscape) {
  html, body {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    position: fixed !important;
    background-color: black !important;
  }
}

/* ==========================================================
   🚫 Evitar parpadeo completo de la sección 2 (antes de pintar)
   ========================================================== */
#contenedor-widget-voz {
    display: none !important;  /* 🚫 No se muestra nunca al cargar */
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}

/* ✅ Cuando se activa .mostrar-final → aparece normalmente */
#contenedor-widget-voz.mostrar-final {
    display: flex !important; /* vuelve a mostrarse (usa flex si tu diseño lo requiere) */
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: all !important;
}/* End custom CSS */