.elementor-9728 .elementor-element.elementor-element-14ec6acc{padding:10px 10px 10px 10px;}.elementor-9728 .elementor-element.elementor-element-31f6ab27 > .elementor-element-populated, .elementor-9728 .elementor-element.elementor-element-31f6ab27 > .elementor-element-populated > .elementor-background-overlay, .elementor-9728 .elementor-element.elementor-element-31f6ab27 > .elementor-background-slideshow{border-radius:1px 1px 1px 1px;}.elementor-9728 .elementor-element.elementor-element-31f6ab27 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);}.elementor-9728 .elementor-element.elementor-element-7398c1bb > .elementor-widget-container{border-style:solid;border-color:#FFFFFF;border-radius:3px 3px 3px 3px;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);}.elementor-9728 .elementor-element.elementor-element-4862b112 > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#8DBB99;border-radius:10px 10px 10px 10px;}.elementor-9728 .elementor-element.elementor-element-413a617 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-9728 .elementor-element.elementor-element-c55162, .elementor-9728 .elementor-element.elementor-element-c55162 > .elementor-background-overlay{border-radius:2px 2px 2px 2px;}:root{--page-title-display:none;}/* Start custom CSS *//* ======================================================
   CONFIGURACIÓN APP PARA: Macerox Music (9728) + Santuario (10018)
   ====================================================== */

/* 1. ELIMINAR EL HUECO NEGRO SUPERIOR (NUCLEAR) */
/* Aplicamos a ambas páginas */
body.page-id-9728, 
body.page-id-10018 {
    margin-top: 0 !important;
    top: 0 !important;
    padding-top: 0 !important;
    background-color: #000000 !important; /* Negro absoluto */
    overflow-x: hidden !important; /* Sin scroll lateral */
    width: 100% !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch; /* Scroll suave */
}

/* 2. OCULTAR LA BARRA DE ADMIN DE WORDPRESS (Solo en estas páginas) */
.page-id-9728 #wpadminbar,
.page-id-10018 #wpadminbar {
    display: none !important;
}

/* 3. FORZAR AL HTML (Parche de seguridad para el hueco) */
/* Usamos :has() para navegadores modernos, es la forma segura de tocar HTML sin romper la web */
html:has(body.page-id-9728),
html:has(body.page-id-10018) {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 4. ESPACIADO VITAL (Para que no se corte el contenido con los menús fijos) */
body.page-id-9728,
body.page-id-10018 {
    padding-top: 130px !important;  /* Hueco para el Header de Kayla */
    padding-bottom: 90px !important; /* Hueco para el Footer de Macerox */
}

/* 5. HEADER FIJO PEGADO AL TECHO */
.page-id-9728 .app-header,
.page-id-10018 .app-header {
    top: 0 !important;
    left: 0 !important;
    margin-top: 0 !important;
    position: fixed !important;
    z-index: 999999 !important;
}

/* 6. LIMPIEZA DE ELEMENTOR CANVAS */
.page-id-9728 .elementor-template-canvas.elementor-section-wrap,
.page-id-10018 .elementor-template-canvas.elementor-section-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ======================================================
   LÓGICA DE REPRODUCTORES (Gestión de visibilidad)
   ====================================================== */

/* Ocultar reproductores secundarios en ambas páginas */
.page-id-9728 #macerox, .page-id-10018 #macerox,
.page-id-9728 #claridad, .page-id-10018 #claridad,
.page-id-9728 #abundancia, .page-id-10018 #abundancia,
.page-id-9728 #amor, .page-id-10018 #amor,
.page-id-9728 #chakras, .page-id-10018 #chakras,
.page-id-9728 #proteccion, .page-id-10018 #proteccion,
.page-id-9728 #vitalidad, .page-id-10018 #vitalidad,
.page-id-9728 #sanacion, .page-id-10018 #sanacion {
    display: none !important;
}

/* Mostrar SOLO el reproductor de Kayla por defecto */
.page-id-9728 #kayla,
.page-id-10018 #kayla {
    display: block !important;
}/* End custom CSS */