.elementor-807 .elementor-element.elementor-element-e9f65f7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-127px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-807 .elementor-element.elementor-element-e9f65f7:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-e9f65f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-807 .elementor-element.elementor-element-23889999{text-align:center;}.elementor-807 .elementor-element.elementor-element-23889999 .elementor-heading-title{font-size:30px;color:var( --e-global-color-3ecd493 );}.elementor-807 .elementor-element.elementor-element-180201b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:1em;--padding-bottom:1em;--padding-left:0em;--padding-right:0em;}.elementor-807 .elementor-element.elementor-element-180201b1:not(.elementor-motion-effects-element-type-background), .elementor-807 .elementor-element.elementor-element-180201b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7b33782 );}.elementor-807 .elementor-element.elementor-element-5bbccab img{max-width:47%;}/* Start custom CSS for theme-post-content, class: .elementor-element-efa7673 *//* ========================================
   CSS PERSONALIZADO - TÍTULOS GALIOT THEATRE
   Versión 2.0 - Textos en NEGRO para máxima legibilidad
   ======================================== */

/* ===== ESTILOS GENERALES DE TÍTULOS ===== */

/* H2 Principal - Títulos principales de sección */
.elementor-widget-theme-post-content h2,
.entry-content h2,
article h2,
.post-content h2 {
    /* Tipografía mejorada */
    font-family: 'Montserrat', 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    font-size: clamp(2rem, 4vw, 2.75rem); /* Responsive: 32px a 44px */
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    
    /* Color naranja sólido */
    color: #FF9933 !important;
    
    /* Espaciado optimizado */
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    
    /* Borde decorativo inferior */
    border-bottom: 3px solid rgba(255, 153, 51, 0.2);
    position: relative;
    
    /* Transición suave */
    transition: all 0.3s ease;
}

/* Pseudo-elemento decorativo */
.elementor-widget-theme-post-content h2::before,
.entry-content h2::before,
article h2::before,
.post-content h2::before {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #FF9933 0%, #FF6600 100%);
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Efecto hover para interactividad */
.elementor-widget-theme-post-content h2:hover,
.entry-content h2:hover,
article h2:hover,
.post-content h2:hover {
    transform: translateX(5px);
}

.elementor-widget-theme-post-content h2:hover::before,
.entry-content h2:hover::before,
article h2:hover::before,
.post-content h2:hover::before {
    width: 120px;
}


/* ===== H3 - Subtítulos ===== */
.elementor-widget-theme-post-content h3,
.entry-content h3,
article h3,
.post-content h3 {
    font-family: 'Montserrat', 'Poppins', sans-serif;
    font-size: clamp(1.5rem, 3vw, 2rem); /* 24px a 32px */
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    
    color: #FF9933 !important;
    
    margin-top: 2.5rem;
    margin-bottom: 1.25rem;
    padding-left: 1rem;
    
    /* Borde lateral decorativo */
    border-left: 4px solid #FF9933;
    
    transition: all 0.3s ease;
}

.elementor-widget-theme-post-content h3:hover,
.entry-content h3:hover,
article h3:hover,
.post-content h3:hover {
    padding-left: 1.5rem;
    border-left-color: #FF6600;
}


/* ===== H4 - Títulos terciarios ===== */
.elementor-widget-theme-post-content h4,
.entry-content h4,
article h4,
.post-content h4 {
    font-family: 'Montserrat', 'Poppins', sans-serif;
    font-size: clamp(1.25rem, 2.5vw, 1.5rem); /* 20px a 24px */
    font-weight: 600;
    line-height: 1.4;
    
    color: #333 !important;
    
    margin-top: 2rem;
    margin-bottom: 1rem;
    
    /* Highlight sutil en background */
    background: linear-gradient(90deg, rgba(255, 153, 51, 0.08) 0%, transparent 100%);
    padding: 0.5rem 1rem;
    border-radius: 4px;
}


/* ===== TEXTOS DE PÁRRAFO - NEGRO SÓLIDO ===== */
.elementor-widget-theme-post-content p,
.entry-content p,
article p,
.post-content p,
.elementor-widget-theme-post-content,
.entry-content,
article,
.post-content {
    color: #000000 !important; /* Negro puro para máximo contraste */
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 16px;
}

/* Primer párrafo después de título ligeramente destacado */
.elementor-widget-theme-post-content h2 + p,
.entry-content h2 + p,
article h2 + p,
.post-content h2 + p {
    font-size: 1.1em;
    color: #000000 !important;
    margin-top: 1.25rem;
    font-weight: 400;
}

/* Asegurar que todos los elementos de texto sean negros */
.elementor-widget-theme-post-content span,
.entry-content span,
article span,
.post-content span {
    color: inherit !important;
}

/* Listas */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol,
.entry-content ul,
.entry-content ol,
article ul,
article ol,
.post-content ul,
.post-content ol {
    color: #000000 !important;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.elementor-widget-theme-post-content li,
.entry-content li,
article li,
.post-content li {
    color: #000000 !important;
    margin-bottom: 0.5rem;
}


/* ===== OPTIMIZACIÓN PARA DISPOSITIVOS MÓVILES ===== */
@media (max-width: 768px) {
    .elementor-widget-theme-post-content h2,
    .entry-content h2,
    article h2,
    .post-content h2 {
        margin-top: 2rem;
        margin-bottom: 1.25rem;
        padding-bottom: 0.5rem;
    }
    
    .elementor-widget-theme-post-content h3,
    .entry-content h3,
    article h3,
    .post-content h3 {
        margin-top: 1.75rem;
        padding-left: 0.75rem;
        border-left-width: 3px;
    }
    
    .elementor-widget-theme-post-content h4,
    .entry-content h4,
    article h4,
    .post-content h4 {
        padding: 0.4rem 0.75rem;
    }
    
    .elementor-widget-theme-post-content p,
    .entry-content p,
    article p,
    .post-content p {
        font-size: 15px;
    }
}


/* ===== FORZAR CONTRASTE EN TEXTOS ===== */
/* Asegurar que nada sobrescriba el color negro de los textos */
.elementor-widget-theme-post-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a),
.entry-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a),
article *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a),
.post-content *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(a) {
    color: #000000;
}

/* Enlaces mantienen su color y comportamiento */
.elementor-widget-theme-post-content a,
.entry-content a,
article a,
.post-content a {
    color: #FF6600;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.elementor-widget-theme-post-content a:hover,
.entry-content a:hover,
article a:hover,
.post-content a:hover {
    color: #FF9933;
}


/* ===== MEJORA DE LEGIBILIDAD ===== */
.elementor-widget-theme-post-content,
.entry-content,
article,
.post-content {
    /* Mejorar renderizado de fuentes */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


/* ===== SOPORTE PARA MODO CLARO (IMPORTANTE) ===== */
@media (prefers-color-scheme: light) {
    .elementor-widget-theme-post-content p,
    .entry-content p,
    article p,
    .post-content p {
        color: #000000 !important;
    }
}/* End custom CSS */