.elementor-2168 .elementor-element.elementor-element-4ad80ac{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:300px;--padding-bottom:300px;--padding-left:0px;--padding-right:0px;}.elementor-2168 .elementor-element.elementor-element-4ad80ac::before, .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-background-video-container::before, .elementor-2168 .elementor-element.elementor-element-4ad80ac > .e-con-inner > .elementor-background-video-container::before, .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-background-slideshow::before, .elementor-2168 .elementor-element.elementor-element-4ad80ac > .e-con-inner > .elementor-background-slideshow::before, .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-2168 .elementor-element.elementor-element-4ad80ac:not(.elementor-motion-effects-element-type-background), .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2168 .elementor-element.elementor-element-2ebd696 .elementor-heading-title{font-size:51px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2168 .elementor-element.elementor-element-389a91d{--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;}.elementor-2168 .elementor-element.elementor-element-86b8228{--display:flex;}.elementor-2168 .elementor-element.elementor-element-d9fe30c{--box-border-width:0px;--box-border-radius:20px;--item-text-hover-decoration:underline;}.elementor-2168 .elementor-element.elementor-element-d9fe30c .elementor-toc__header-title{text-align:start;}.elementor-2168 .elementor-element.elementor-element-d9fe30c .elementor-toc__header{flex-direction:row;}.elementor-2168 .elementor-element.elementor-element-9be2e0d{--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;}.elementor-2168 .elementor-element.elementor-element-197dad5{--display:flex;}.elementor-2168 .elementor-element.elementor-element-754837e{text-align:justify;font-size:19px;font-weight:600;text-transform:none;}@media(max-width:1024px){.elementor-2168 .elementor-element.elementor-element-4ad80ac:not(.elementor-motion-effects-element-type-background), .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-2168 .elementor-element.elementor-element-4ad80ac{--padding-top:200px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}}@media(min-width:1025px){.elementor-2168 .elementor-element.elementor-element-4ad80ac:not(.elementor-motion-effects-element-type-background), .elementor-2168 .elementor-element.elementor-element-4ad80ac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for table-of-contents, class: .elementor-element-d9fe30c *//* =============================================
   CSS PARA ÍNDICE (TOC) - AZUL
   Pegar en: Elementor > Contenedor del TOC > Avanzado > Custom CSS
   ============================================= */

/* Separación del hero y del contenido */
.elementor-2168 .elementor-element.elementor-element-d9fe30c {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.elementor-toc__header {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%) !important;
    color: white !important;
    padding: 15px 20px !important;
    border-radius: 12px 12px 0 0 !important;
}

.elementor-toc__header-title {
    color: white !important;
    font-weight: 600 !important;
}

.elementor-toc__toggle-button {
    color: white !important;
}

.elementor-toc__body {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-top: none !important;
    border-radius: 0 0 12px 12px !important;
    padding: 15px 10px !important;
}

.elementor-toc__list-wrapper {
    padding: 0 10px !important;
}

.elementor-toc__list-item {
    padding: 10px 15px !important;
    margin-bottom: 5px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.elementor-toc__list-item:hover {
    background: #dbeafe !important;
    transform: translateX(5px) !important;
}

.elementor-toc__list-item-text {
    color: #1e40af !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.elementor-toc__list-item:hover .elementor-toc__list-item-text {
    color: #1e3a8a !important;
    font-weight: 500 !important;
}

.elementor-toc__list-item-marker {
    color: #3b82f6 !important;
}

@media (max-width: 768px) {
    .elementor-2168 .elementor-element.elementor-element-d9fe30c {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    
    .elementor-toc__list-item {
        padding: 8px 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-197dad5 *//* =============================================
   MEJORAS CSS PARA PLANTILLA ISEIH - AZUL
   Pegar en: Elementor > Contenedor > Avanzado > Custom CSS
   (SIN ÍNDICE - va en otro contenedor)
   ============================================= */

/* -----------------------------------------
   1. LÍNEA DECORATIVA VERTICAL EN H2 - AZUL
   ----------------------------------------- */
h2.wp-block-heading {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
}

h2.wp-block-heading::before {
    content: '' !important;
    width: 5px !important;
    min-height: 28px !important;
    height: 100% !important;
    background: linear-gradient(180deg, #1e40af 0%, #3b82f6 100%) !important;
    border-radius: 3px !important;
    flex-shrink: 0 !important;
    margin-top: 4px !important;
}

/* También H3 */
h3.wp-block-heading {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-top: 35px !important;
    margin-bottom: 18px !important;
}

h3.wp-block-heading::before {
    content: '' !important;
    width: 4px !important;
    min-height: 22px !important;
    background: linear-gradient(180deg, #1e40af 0%, #3b82f6 100%) !important;
    border-radius: 3px !important;
    flex-shrink: 0 !important;
    margin-top: 3px !important;
}

/* -----------------------------------------
   2. ESPACIADO ENTRE SECCIONES
   ----------------------------------------- */
.elementor-widget-theme-post-content p {
    margin-bottom: 1.4em !important;
    line-height: 1.8 !important;
    color: #475569 !important;
}

.elementor-widget-theme-post-content strong {
    color: #1e293b !important;
    font-weight: 600 !important;
}

/* Espacio después de cada sección */
.elementor-widget-theme-post-content h2.wp-block-heading + p {
    margin-top: 15px !important;
}

.elementor-widget-theme-post-content ul + h2.wp-block-heading,
.elementor-widget-theme-post-content p + h2.wp-block-heading,
.elementor-widget-theme-post-content ol + h2.wp-block-heading {
    margin-top: 50px !important;
}

.elementor-widget-theme-post-content ul + h3.wp-block-heading,
.elementor-widget-theme-post-content p + h3.wp-block-heading {
    margin-top: 40px !important;
}

/* -----------------------------------------
   3. MEJORAR ESTILO DE LISTAS - AZUL
   ----------------------------------------- */
.elementor-widget-theme-post-content ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-bottom: 25px !important;
}

.elementor-widget-theme-post-content ul li {
    position: relative !important;
    padding: 14px 18px 14px 50px !important;
    margin-bottom: 12px !important;
    background: #f1f5f9 !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

.elementor-widget-theme-post-content ul li::before {
    content: '✓' !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #3b82f6 !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.elementor-widget-theme-post-content ul li:hover {
    background: #dbeafe !important;
    border-left-color: #3b82f6 !important;
    transform: translateX(8px) !important;
}

/* -----------------------------------------
   4. HOVER EN ENLACES - AZUL
   ----------------------------------------- */
.elementor-widget-theme-post-content a {
    color: #2563eb !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.3s ease !important;
}

.elementor-widget-theme-post-content a:hover {
    color: #1e40af !important;
    border-bottom-color: #3b82f6 !important;
}

/* -----------------------------------------
   5. BLOCKQUOTES / CITAS - AZUL
   ----------------------------------------- */
blockquote,
.wp-block-quote {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-left: 5px solid #3b82f6 !important;
    border-radius: 0 12px 12px 0 !important;
    padding: 20px 25px !important;
    margin: 30px 0 !important;
}

blockquote p,
.wp-block-quote p {
    color: #1e40af !important;
    margin: 0 !important;
    font-style: italic !important;
}

/* -----------------------------------------
   6. IMÁGENES REDONDEADAS
   ----------------------------------------- */
.wp-block-image img {
    border-radius: 12px !important;
}

/* -----------------------------------------
   7. SEPARADOR VISUAL
   ----------------------------------------- */
.elementor-widget-theme-post-content hr,
.wp-block-separator {
    border: none !important;
    height: 3px !important;
    background: linear-gradient(90deg, transparent, #3b82f6, transparent) !important;
    margin: 40px 0 !important;
    border-radius: 2px !important;
}

/* -----------------------------------------
   8. RESPONSIVE
   ----------------------------------------- */
@media (max-width: 768px) {
    .elementor-widget-theme-post-content ul li {
        padding: 12px 14px 12px 45px !important;
    }
    
    h2.wp-block-heading::before {
        width: 4px !important;
        min-height: 22px !important;
    }
    
    h2.wp-block-heading {
        margin-top: 30px !important;
    }
}/* End custom CSS */