/* Start custom CSS *//*
 * Archivo CSS para WordPress
 * Oculta el encabezado (menú de navegación) y el pie de página
 * Asegura que el contenedor principal del teleprónter ocupe el centro total
 */

/* 1. Ocultar elementos comunes del tema de WordPress (ajusta los body.elementor-page-4759es si es necesario) */
.main-header,
.site-header,
#masthead,
#header,
.nav-menu,
#footer,
.site-footer {
    display: none !important;
}

/* 2. Asegurar que el contenedor principal (donde está alojado el HTML del teleprónter) no tenga márgenes/padding extra. */
/* Es común que el tema envuelva el contenido en un .site-content o .entry-content */
.site-content,
.entry-content,
.page-template-default .site-main,
#primary {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100vh; /* Ocupar toda la altura de la ventana */
    display: flex;
    justify-content: center; /* Centrar horizontalmente si el contenido interno lo permite */
    align-items: center; /* Centrar verticalmente si el contenido interno lo permite */
    box-sizing: border-box;
}

/* 3. Asegurar que el body no tenga scrollbar si no se necesita */
body {
    overflow: hidden !important;
}

/* 4. Estilos específicos para la interfaz de control del teleprónter cuando está visible */
#controls {
    /* Mantener fijo y centrado sobre el contenido del tema */
    position: fixed !important; 
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important; 
    max-width: 700px !important;
    max-height: 95vh;
    border-radius: 12px;
    z-index: 10000; /* Asegurar que esté por encima de todo */
}

/* 5. Asegurar que el área de visualización del script ocupe toda la pantalla al activarse */
#script-display {
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10001; /* Siempre por encima del menú de control */
    background-color: #000 !important; /* Asegurar fondo negro */
}/* End custom CSS */