.elementor-5168 .elementor-element.elementor-element-1c4d8c43{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-7e0a91a4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-7e0a91a4.e-con{--align-self:stretch;}.elementor-5168 .elementor-element.elementor-element-c0d8271{--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:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:60px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-1e4670a2 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:35px;font-weight:700;}.elementor-5168 .elementor-element.elementor-element-1e4670a2{padding:0px 0px 0px 0px;}.elementor-5168 .elementor-element.elementor-element-59a8e813 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5168 .elementor-element.elementor-element-657e9cc8{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:500;}.elementor-5168 .elementor-element.elementor-element-1edc72da{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-1edc72da.e-con{--align-self:stretch;}.elementor-5168 .elementor-element.elementor-element-414ebbb2{padding:0px 0px 0px 0px;}.elementor-5168 .elementor-element.elementor-element-414ebbb2.elementor-element{--align-self:stretch;}.elementor-5168 .elementor-element.elementor-element-7bf9332{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-35a890e4{text-align:center;padding:20px 0px 40px 0px;}.elementor-5168 .elementor-element.elementor-element-35a890e4 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:16px;font-weight:600;}.elementor-5168 .elementor-element.elementor-element-47e14bf9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-4ecda598 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:12px;font-weight:700;}.elementor-5168 .elementor-element.elementor-element-4ecda598{padding:0px 0px 08px 0px;}.elementor-5168 .elementor-element.elementor-element-d343301{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}.elementor-5168 .elementor-element.elementor-element-3e6e015a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-4d8c62f6 .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:12px;font-weight:700;}.elementor-5168 .elementor-element.elementor-element-4d8c62f6{padding:0px 0px 08px 0px;}.elementor-5168 .elementor-element.elementor-element-765415da{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}.elementor-5168 .elementor-element.elementor-element-4c012a{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-5168 .elementor-element.elementor-element-7798f7fc .elementor-heading-title{font-family:"Syne", Sans-serif;font-size:12px;font-weight:700;}.elementor-5168 .elementor-element.elementor-element-7798f7fc{padding:0px 0px 08px 0px;}.elementor-5168 .elementor-element.elementor-element-462994ff{font-family:"Montserrat", Sans-serif;font-size:12px;font-weight:400;}@media(max-width:767px){.elementor-5168 .elementor-element.elementor-element-c0d8271{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-5168 .elementor-element.elementor-element-1e4670a2{text-align:start;padding:0px 25px 45px 0px;}.elementor-5168 .elementor-element.elementor-element-657e9cc8{font-size:13px;}}/* Start custom CSS for heading, class: .elementor-element-1e4670a2 *//* ==========================================
   CSS PARA: PLANTILLAS DE CONTENIDO (pop1, pop2, pop3, pop4)
   VERSION: v20 (FIX Padding Título Derecha)
   CAMBIOS v20:
   - CORREGIDO: Padding solo a la DERECHA del título en móvil
   - Mantiene todo lo demás
   ========================================== */
/* 1. CONTENEDOR RAÍZ */
.modal-contenido {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
/* 2. SECCIÓN PRINCIPAL */
.seccion-principal {
    display: flex !important;
    gap: 30px;
    width: 100% !important;
    align-items: stretch !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
    border-bottom: 2px solid rgba(100, 100, 100, 0.3) !important;
}
/* 3. FIX IMAGEN (.imagen-A) */
.imagen-A {
    width: 100% !important;
    min-height: 450px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}
.imagen-A .elementor-widget-container,
.imagen-A .elementor-widget-wrap,
.imagen-A .elementor-image {
    height: 100% !important;
    width: 100% !important;
    flex: 1 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}
.imagen-A img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 24px !important;
}
/* 4. LISTA DE USOS (CONTROL TOTAL) */
.modal-contenido .lista-usos {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.modal-contenido .lista-usos ul {
    padding-left: 20px !important;
    margin: 0 !important;
}
.modal-contenido .lista-usos li {
    margin-bottom: 2px !important;
}
/* 5. SECCIÓN SECUNDARIA */
.modal-contenido .seccion-secundaria {
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
/* === RESPONSIVE MÓVIL === */
@media (max-width: 768px) {
    /* Ocultar sección secundaria */
    .modal-contenido .seccion-secundaria {
        display: none !important;
    }
    /* Layout columna */
    .seccion-principal {
        flex-direction: column !important;
    }
    /* Imagen más pequeña */
    .imagen-A {
        min-height: 250px !important;
        height: 250px !important;
    }
    /* === FIX v20: PADDING SOLO A LA DERECHA === */
    .modal-contenido .titulo {
        padding-right: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c4d8c43 *//* ==========================================
   CSS PARA: PLANTILLAS DE CONTENIDO (pop1, pop2, pop3, pop4)
   VERSION: v18 (Control Total + Móvil)
   CAMBIOS v18:
   - ELIMINADO font-size de lista (control devuelto al usuario)
   - AGREGADO: Ocultar .seccion-secundaria en móvil
   ========================================== */
/* 1. CONTENEDOR RAÍZ */
.modal-contenido {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}
/* 2. SECCIÓN PRINCIPAL */
.seccion-principal {
    display: flex !important;
    gap: 30px;
    width: 100% !important;
    align-items: stretch !important;
    padding-bottom: 30px !important;
    margin-bottom: 0 !important;
    border-bottom: 2px solid rgba(100, 100, 100, 0.3) !important;
}
/* 3. FIX IMAGEN (.imagen-A) */
.imagen-A {
    width: 100% !important;
    min-height: 450px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 24px !important;
}
.imagen-A .elementor-widget-container,
.imagen-A .elementor-widget-wrap,
.imagen-A .elementor-image {
    height: 100% !important;
    width: 100% !important;
    flex: 1 !important;
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
}
.imagen-A img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 24px !important;
}
/* 4. LISTA DE USOS (CONTROL TOTAL v18) */
.modal-contenido .lista-usos {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    /* v18: SIN font-size, el usuario lo controla desde Elementor */
}
.modal-contenido .lista-usos ul {
    padding-left: 20px !important;
    margin: 0 !important;
}
.modal-contenido .lista-usos li {
    margin-bottom: 2px !important;
    /* v18: ELIMINADO font-size y line-height */
    /* Ahora respeta lo que configures en Elementor */
}
/* 5. SECCIÓN SECUNDARIA */
.modal-contenido .seccion-secundaria {
    width: 100% !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
/* === NUEVO v18: OCULTAR SECCIÓN SECUNDARIA EN MÓVIL === */
@media (max-width: 768px) {
    .modal-contenido .seccion-secundaria {
        display: none !important;
    }
}
/* Responsive */
@media (max-width: 768px) {
    .seccion-principal {
        flex-direction: column !important;
    }
    .imagen-A {
        min-height: 250px !important;
        height: 250px !important;
    }
}/* End custom CSS */