/*
Theme Name: Industroz Child
Description: Tema hijo de Industroz personalizado para FAMAE
Author: FAMAE
Template: industroz
Version: 1.1.2
*/


/* =========================================================
   FAMAE - ESTILOS PERSONALIZADOS
   ========================================================= */


/* =========================================================
   1. HEADER GENERAL
   ========================================================= */

.main-bar {
    width: 100%;
}

.main-bar .container {
    width: 100%;
    max-width: 100%;
}


/* =========================================================
   2. HEADER DESKTOP
   Logo | Menú | Transparencia Activa
   ========================================================= */

@media only screen and (min-width: 992px) {

    .header-style-2 .main-bar {
        padding: 0 !important;
        min-height: 0 !important;
    }

    .header-style-2 .main-bar .container.clearfix {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;

        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 14px 26px !important;
        gap: 18px;
    }

    /* Logo */
    .header-style-2 .logo-header {
        flex: 0 0 230px !important;
        width: 230px !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    .header-style-2 .logo-header a {
        display: block;
        width: 100%;
    }

    .header-style-2 .logo-header img {
        display: block;

        width: auto !important;
        max-width: 230px !important;
        max-height: 60px !important;

        margin: 0 !important;
    }

    /* Hamburguesa solo para móvil */
    .header-style-2 #mobile-side-drawer,
    .header-style-2 .navbar-toggler {
        display: none !important;
    }

    /* Navegación */
    .header-style-2 .header-nav.navbar-collapse {
        flex: 1 1 auto !important;

        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;
        left: auto !important;
        top: auto !important;
        height: auto !important;

        overflow: visible !important;

        background: transparent !important;
        box-shadow: none !important;
    }

    .header-style-2 .header-nav .menu-main-menu-container {
        width: auto !important;
        max-width: 100%;
    }

    .header-style-2 #menu-main-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 18px;
    }

    .header-style-2 #menu-main-menu > li {
        display: block !important;
        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }

    .header-style-2 #menu-main-menu > li > a {
        display: block !important;

        padding: 10px 0 !important;

        font-size: 17px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }

    /* Gobierno Transparente */
    .header-style-2 .extra-nav.transparencia-container {
        flex: 0 0 245px !important;

        width: 245px !important;
        min-width: 245px !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 0 0 auto !important;
        padding: 0 !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .header-style-2 .transparencia-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 2px 6px !important;

        background: #ffffff !important;
        border: 1px solid #c7d2df !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 8px rgba(20, 50, 90, 0.10) !important;

        overflow: hidden !important;
        line-height: 0 !important;
        text-decoration: none !important;

        transition: box-shadow 0.2s ease, border-color 0.2s ease !important;
    }

    .header-style-2 .transparencia-btn:hover {
        opacity: 1 !important;
        border-color: #9eafc3 !important;
        box-shadow: 0 4px 12px rgba(20, 50, 90, 0.16) !important;
    }

    .header-style-2 .transparencia-img {
        display: block !important;

        width: 225px !important;
        height: 70px !important;

        min-height: 0 !important;
        max-width: 225px !important;
        max-height: 70px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: fill !important;
    }
}


/* =========================================================
   3. NOTEBOOK / ESCRITORIO MEDIANO
   ========================================================= */

@media only screen and (min-width: 992px) and (max-width: 1450px) {

    .header-style-2 .main-bar .container.clearfix {
        padding: 12px 18px !important;
        gap: 12px;
    }

    .header-style-2 .logo-header {
        flex: 0 0 190px !important;
        width: 190px !important;
    }

    .header-style-2 .logo-header img {
        max-width: 190px !important;
        max-height: 52px !important;
    }

    .header-style-2 #menu-main-menu {
        gap: 10px;
    }

    .header-style-2 #menu-main-menu > li > a {
        font-size: 14px !important;
    }

    .header-style-2 .extra-nav.transparencia-container {
        flex: 0 0 205px !important;

        width: 205px !important;
        min-width: 205px !important;

        height: auto !important;
        min-height: 0 !important;
    }

    .header-style-2 .transparencia-img {
        width: 185px !important;
        height: 58px !important;

        min-height: 0 !important;
        max-width: 185px !important;
        max-height: 58px !important;

        object-fit: fill !important;
    }
}


/* =========================================================
   4. HEADER MÓVIL
   ========================================================= */

@media only screen and (max-width: 991px) {

    .header-style-2 .main-bar {
        padding: 0 !important;
        min-height: 0 !important;
    }

    .header-style-2 .main-bar .container.clearfix {
        display: flex !important;

        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100%;

        padding: 8px 18px !important;
        gap: 10px;
    }

    /* Logo */
    .header-style-2 .logo-header {
        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
    }

    .header-style-2 .logo-header img {
        display: block;

        width: auto !important;
        max-height: 42px !important;

        margin: 0 !important;
    }

    /* Menú cerrado */
    .mobile-sider-drawer-menu
    .header-nav.navbar-collapse.collapse:not(.show) {
        display: none !important;
    }

    /* Menú abierto */
    .mobile-sider-drawer-menu
    .header-nav.navbar-collapse.collapse.show {
        display: block !important;
    }

    /* Banner gráfico oculto en móvil */
    .header-style-2 .extra-nav.transparencia-container {
        display: none !important;
    }
}


/* =========================================================
   5. TRANSPARENCIA ACTIVA SOLO EN MENÚ MÓVIL
   ========================================================= */

#menu-main-menu > li.solo-movil {
    display: none !important;
}

@media only screen and (max-width: 991px) {

    #menu-main-menu > li.solo-movil {
        display: block !important;
    }
}


/* =========================================================
   6. BOTÓN GENÉRICO HEADER
   ========================================================= */

.extra-nav .header-nav-request a {
    font-size: 14px;
    padding: 10px 14px !important;
    line-height: 1.2;

    border-radius: 0 !important;
}


/* =========================================================
   7. WHAT WE DO
   ========================================================= */

.what-we-do-section2-new {
    background-color: #f5f5f5 !important;
    padding: 80px 0;
}


/* =========================================================
   8. CAJAS CIVIL / DEFENSA
   ========================================================= */

.wt-icon-card-new {
    background-color: #d9edf7 !important;
    padding: 20px;
    border-radius: 3px;
}


/* =========================================================
   9. CONTACTO
   ========================================================= */

.get-in-touch3-detail .description-list li {
    font-weight: 400 !important;
}


/* =========================================================
   10. TRABAJA CON NOSOTROS
   ========================================================= */

.video-section .play-now {
    display: none !important;
}

.section-head.center.wt-small-separator-outer.text-center {
    display: flex;
    flex-direction: column;
}

.section-head.center.wt-small-separator-outer.text-center
.wt-small-separator {
    order: 2;
}

.section-head.center.wt-small-separator-outer.text-center h2 {
    order: 1;
    margin-bottom: 30px;
}


/* =========================================================
   11. INSTALACIONES
   ========================================================= */

.projects-two-info {
    height: 450px;
}


/* =========================================================
   12. NOTICIAS
   ========================================================= */

.wt-post-meta {
    display: none !important;
}

.blog-post {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

.wt-post-info {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wt-post-readmore {
    margin-top: auto;
}

.wt-post-title p {
    display: -webkit-box;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    max-height: 4.5em;
}


/* =========================================================
   13. FOOTER
   ========================================================= */

.footer-top,
.footer-bottom,
.site-footer,
footer,
.theme-footer,
.footer-style1 {
    border: none !important;
    border-top: none !important;

    box-shadow: none !important;
    outline: none !important;
}

.footer-top::before,
.footer-top::after,
.site-footer::before,
.site-footer::after {
    content: none !important;

    border: none !important;
    background: none !important;
}

.footer-top {
    border-color: transparent !important;
    background-clip: border-box !important;
}

.footer-top .row > div,
.footer-top .col-lg-3,
.footer-top .col-lg-4,
.footer-top .col-lg-5,
.footer-top .col-lg-7,
.footer-top .col-md-4,
.footer-top .col-md-6,
.footer-top .col-md-8,
.footer-top .col-md-12 {
    border: none !important;
    border-left: none !important;
    border-right: none !important;

    box-shadow: none !important;
}

.footer-top .row > div::before,
.footer-top .row > div::after {
    content: none !important;

    border: none !important;
    background: none !important;
}

.footer-top .row > div {
    border-color: transparent !important;
}



/* =========================================================
   FAMAE - RED SOCIAL X
   Reemplaza el antiguo icono de Twitter por una X
   ========================================================= */

.footer-top .grid-twitter .fa-twitter::before {
    content: "X" !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}



/* =========================================================
   FAMAE - WOOCOMMERCE SOLO CATALOGO
   ========================================================= */

/*
 * Oculta únicamente el botón mfp-link que contiene
 * el corazón de las tarjetas WooCommerce.
 * No afecta las lupas de Projects.
 */
a.mfp-link:has(.fa-heart) {
    display: none !important;
}


/* =========================================================
   FAMAE - ORGANIGRAMA INSTITUCIONAL
   Principal + Asesorías
   ========================================================= */


/* =========================================================
   1. LAYOUT GENERAL
   ========================================================= */

.famae-org-layout {
    width: 100%;
    max-width: 100%;
}

.famae-org-principal,
.famae-org-asesorias {
    width: 100%;
    max-width: 100%;
}

.famae-org-principal .elementor-widget-container,
.famae-org-asesorias .elementor-widget-container {
    width: 100%;
    max-width: 100%;
}


/* =========================================================
   2. DESCRIPCIONES
   No mostrarlas dentro de las cajas
   ========================================================= */

.famae-org-principal .wpda_tree_item_desc,
.famae-org-asesorias .wpda_tree_item_desc {
    display: none !important;
}


/* =========================================================
   3. CAJAS GENERALES
   ========================================================= */

.famae-org-principal
.wpda_tree_item_container > div,

.famae-org-asesorias
.wpda_tree_item_container > div {

    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;

    min-height: 50px !important;
    height: auto !important;

    padding: 0 !important;

    background: #205b99 !important;

    border: 1px solid #2d72b5 !important;
    border-radius: 5px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
}


/* =========================================================
   4. TEXTO GENERAL
   ========================================================= */

.famae-org-principal .wpda_tree_item_title,
.famae-org-asesorias .wpda_tree_item_title {

    width: 100% !important;

    min-height: 50px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 6px 5px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    text-align: center !important;
    text-transform: uppercase !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}


/* =========================================================
   5. ÁRBOL PRINCIPAL
   ========================================================= */

/* Compactar hermanos sin alterar estructura */
.famae-org-principal
.wpdevart_org_chart_container:not(.wpda_mobile)
li {
    padding-left: 2px !important;
    padding-right: 2px !important;
}


/* Menor separación vertical entre niveles */
.famae-org-principal
.wpdevart_org_chart_container:not(.wpda_mobile)
ul {
    padding-top: 16px !important;
}

.famae-org-principal
.wpdevart_org_chart_container:not(.wpda_mobile)
ul:first-child {
    padding-top: 0 !important;
}


/* ---------------------------------------------------------
   DIRECCIÓN
   Primer nodo del árbol
   --------------------------------------------------------- */

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> .wpda_tree_item_container > div {

    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;

    min-height: 54px !important;

    background: #123f77 !important;
}

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> .wpda_tree_item_container
.wpda_tree_item_title {

    min-height: 54px !important;

    font-size: 11.5px !important;
}


/* ---------------------------------------------------------
   SUBDIRECCIÓN
   Segundo nivel
   --------------------------------------------------------- */

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> ul
> li
> .wpda_tree_item_container > div {

    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;

    min-height: 52px !important;

    background: #174f8c !important;
}

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> ul
> li
> .wpda_tree_item_container
.wpda_tree_item_title {

    min-height: 52px !important;

    font-size: 10.5px !important;
}


/* ---------------------------------------------------------
   ÁREAS
   Tercer nivel
   --------------------------------------------------------- */

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> ul
> li
> ul
> li
> .wpda_tree_item_container > div {

    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;

    min-height: 48px !important;

    background: #f6f9fc !important;

    border: 1px dashed #6fa5d4 !important;
    border-radius: 5px !important;
}

.famae-org-principal
.wpdevart_org_chart_container
> ul
> li
> ul
> li
> ul
> li
> .wpda_tree_item_container
.wpda_tree_item_title {

    min-height: 48px !important;

    color: #174f8c !important;

    font-size: 9px !important;
    line-height: 1.12 !important;
}


/* =========================================================
   6. ASESORÍAS
   Árbol independiente vertical
   ========================================================= */

.famae-org-asesorias
.wpdevart_org_chart_container_parent {

    width: 100% !important;
    max-width: 100% !important;

    text-align: left !important;
}


/* Cabecera Área Asesorías */
.famae-org-asesorias
.wpdevart_org_chart_container
> ul
> li
> .wpda_tree_item_container > div {

    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;

    min-height: 62px !important;

    background: #f6f9fc !important;

    border: 1px dashed #6fa5d4 !important;
    border-radius: 5px !important;
}

.famae-org-asesorias
.wpdevart_org_chart_container
> ul
> li
> .wpda_tree_item_container
.wpda_tree_item_title {

    min-height: 62px !important;

    color: #174f8c !important;

    font-size: 9px !important;
    line-height: 1.12 !important;

    padding: 6px 7px !important;
}


/* Hijos del área Asesorías */
.famae-org-asesorias
.wpdevart_org_chart_container
> ul
> li
> ul
.wpda_tree_item_container > div {

    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;

    min-height: 50px !important;

    background: #205b99 !important;

    border: 1px solid #2d72b5 !important;
    border-radius: 5px !important;
}

.famae-org-asesorias
.wpdevart_org_chart_container
> ul
> li
> ul
.wpda_tree_item_title {

    min-height: 50px !important;

    color: #ffffff !important;

    font-size: 9.5px !important;
    line-height: 1.15 !important;
}


/* =========================================================
   7. TABLET / CELULAR
   ========================================================= */

@media only screen and (max-width: 767px) {

    .famae-org-layout {
        width: 100% !important;
    }

    .famae-org-principal,
    .famae-org-asesorias {
        width: 100% !important;
        max-width: 100% !important;
    }

    .famae-org-principal
    .wpda_tree_item_container > div,

    .famae-org-asesorias
    .wpda_tree_item_container > div {

        width: 180px !important;
        min-width: 180px !important;
        max-width: 180px !important;
    }

    .famae-org-principal .wpda_tree_item_title,
    .famae-org-asesorias .wpda_tree_item_title {

        font-size: 10.5px !important;
    }
}


/* =========================================================
   FAMAE - CONECTOR DINÁMICO DIRECCIÓN -> ASESORÍAS
   ========================================================= */

.famae-org-layout {
    position: relative !important;
}

#famae-org-conector-svg {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    overflow: visible;

    pointer-events: none;

    z-index: 20;
}

#famae-org-conector-path {
    fill: none;

    stroke: #0066bf;
    stroke-width: 2px;

    vector-effect: non-scaling-stroke;
    shape-rendering: geometricPrecision;
}


/* En móvil dejamos los árboles independientes */
@media only screen and (max-width: 767px) {

    #famae-org-conector-svg {
        display: none !important;
    }
}


/* =========================================================
   FAMAE - TITULO FICHA DE INSTALACIONES / PROJECTS
   ========================================================= */

.project-detail-right > h2.m-t0 {
    text-transform: uppercase;
}

/* =========================================================
   FAMAE - ESTILOS MIGRADOS DESDE "CSS ADICIONAL"
   Integrados en industroz-child 1.1.0.
   Mantener CSS adicional vacío después de validar esta versión.
   ========================================================= */

/* =========================================================
   FAMAE - Checkbox consentimiento formulario laboral
   Elimina checkbox duplicado generado por el tema
   ========================================================= */

.elementor-field-type-acceptance label::before,
.elementor-field-type-acceptance label::after {
    content: none !important;
    display: none !important;
}

/* Mostrar únicamente el checkbox real */
.elementor-field-type-acceptance input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;

    position: static !important;
    opacity: 1 !important;

    width: 18px !important;
    height: 18px !important;

    margin: 3px 10px 0 0 !important;
    padding: 0 !important;
}

/* Alinear checkbox y texto */
.elementor-field-type-acceptance .elementor-field-subgroup {
    display: flex !important;
    align-items: flex-start !important;
}

.elementor-field-type-acceptance .elementor-field-option {
    display: flex !important;
    align-items: flex-start !important;
}

.elementor-field-type-acceptance label {
    margin: 0 !important;
    line-height: 1.4 !important;
    cursor: pointer;
}

/* =========================================================
   FAMAE - FORMULARIO DENUNCIA LEY 20.393
   Radios y checkbox
   ========================================================= */

#denuncia_20393 .elementor-field-option {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
}

/* Elimina controles artificiales agregados por el tema */
#denuncia_20393 .elementor-field-option label::before,
#denuncia_20393 .elementor-field-option label::after {
    content: none !important;
    display: none !important;
}

/* Control real */
#denuncia_20393 .elementor-field-option input[type="radio"],
#denuncia_20393 .elementor-field-option input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    position: static !important;
    opacity: 1 !important;

    width: 18px !important;
    height: 18px !important;

    flex: 0 0 18px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Texto inmediatamente después del control */
#denuncia_20393 .elementor-field-option label {
    display: inline-block !important;
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.4 !important;
    text-indent: 0 !important;

    position: static !important;
}

/* Separación entre preguntas */
#denuncia_20393 .elementor-field-group {
    margin-bottom: 18px !important;
}

/* Opciones de radio/checkbox algo más compactas */
#denuncia_20393 .elementor-field-subgroup {
    gap: 4px !important;
}

/* Indicador de pasos más compacto */
#denuncia_20393 .e-form__indicators {
    margin-bottom: 25px !important;
    padding-bottom: 0 !important;
}

#denuncia_20393 .e-form__indicators__indicator {
    margin-bottom: 0 !important;
}

#denuncia_20393 .e-form__indicators__indicator__label {
    margin-top: 8px !important;
}

/* =========================================================
   FAMAE - DENUNCIA 20.393
   Distribución escritorio
   ========================================================= */

@media only screen and (min-width: 992px) {

    /* ANONIMATO: dos alternativas horizontales */
    #denuncia_20393 .elementor-field-group-anonimo .elementor-field-subgroup {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 15px 40px !important;
    }

    /* RELACIÓN CON FAMAE */
    #denuncia_20393 .elementor-field-group-relacion_famae .elementor-field-subgroup {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
        column-gap: 25px !important;
        row-gap: 10px !important;
        width: 100% !important;
    }

    /* LUGAR DE OCURRENCIA */
    #denuncia_20393 .elementor-field-group-lugar_ocurrencia .elementor-field-subgroup {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(180px, 1fr)) !important;
        column-gap: 25px !important;
        row-gap: 10px !important;
        width: 100% !important;
    }

    /* MATERIA PRINCIPAL: dos columnas */
    #denuncia_20393 .elementor-field-group-materia_denuncia .elementor-field-subgroup {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 40px !important;
        row-gap: 12px !important;
        width: 100% !important;
    }

    /* Evita grandes separaciones verticales */
    #denuncia_20393 .elementor-field-group {
        margin-bottom: 16px !important;
    }
}


/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media only screen and (max-width: 991px) {

    #denuncia_20393 .elementor-field-subgroup {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    #denuncia_20393 .elementor-field-group {
        margin-bottom: 18px !important;
    }
}

/* =========================================================
   FAMAE - DENUNCIA 20.393
   Tarjetas y jerarquía visual de preguntas
   ========================================================= */

/* Cada pregunta como bloque suave */
#denuncia_20393 .elementor-field-type-text,
#denuncia_20393 .elementor-field-type-email,
#denuncia_20393 .elementor-field-type-radio,
#denuncia_20393 .elementor-field-type-checkbox,
#denuncia_20393 .elementor-field-type-date,
#denuncia_20393 .elementor-field-type-textarea,
#denuncia_20393 .elementor-field-type-upload,
#denuncia_20393 .elementor-field-type-select,
#denuncia_20393 .elementor-field-type-acceptance {
    background: #ffffff;
    border: 1px solid #e1e6ec;
    border-radius: 8px;
    padding: 16px 18px !important;
    margin-bottom: 14px !important;
}

/* Título de cada pregunta */
#denuncia_20393 .elementor-field-group > label.elementor-field-label {
    display: block !important;
    width: 100% !important;
    font-weight: 700 !important;
    color: #123f73 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;

    border-left: 4px solid #1998ce;
    padding-left: 10px !important;
    margin-bottom: 13px !important;
}

/* Opciones radio y checkbox */
#denuncia_20393 .elementor-field-type-radio .elementor-field-option,
#denuncia_20393 .elementor-field-type-checkbox .elementor-field-option {
    background: #f7f9fb;
    border: 1px solid #e7ebef;
    border-radius: 6px;
    padding: 9px 11px !important;
    min-height: 42px;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

/* Un poco de interacción visual */
#denuncia_20393 .elementor-field-type-radio .elementor-field-option:hover,
#denuncia_20393 .elementor-field-type-checkbox .elementor-field-option:hover {
    background: #f0f5fa;
    border-color: #c8d7e6;
}

/* Los input normales algo más compactos */
#denuncia_20393 input[type="text"],
#denuncia_20393 input[type="email"],
#denuncia_20393 input[type="date"],
#denuncia_20393 textarea,
#denuncia_20393 select {
    border-radius: 5px !important;
}

/* En móvil, reducir padding */
@media only screen and (max-width: 767px) {

    #denuncia_20393 .elementor-field-type-text,
    #denuncia_20393 .elementor-field-type-email,
    #denuncia_20393 .elementor-field-type-radio,
    #denuncia_20393 .elementor-field-type-checkbox,
    #denuncia_20393 .elementor-field-type-date,
    #denuncia_20393 .elementor-field-type-textarea,
    #denuncia_20393 .elementor-field-type-upload,
    #denuncia_20393 .elementor-field-type-select,
    #denuncia_20393 .elementor-field-type-acceptance {
        padding: 13px 12px !important;
    }

    #denuncia_20393 .elementor-field-group > label.elementor-field-label {
        font-size: 16px !important;
    }
}

/* =========================================================
   ANONIMATO - Sí / No en horizontal
   ========================================================= */

@media only screen and (min-width: 768px) {

    #denuncia_20393
    .elementor-field-group-anonimo
    .elementor-field-subgroup {

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;

        gap: 15px !important;
        width: 100% !important;
    }

    #denuncia_20393
    .elementor-field-group-anonimo
    .elementor-field-option {

        display: inline-flex !important;
        align-items: center !important;

        flex: 0 0 160px !important;
        width: 160px !important;

        margin: 0 !important;
        padding: 10px 14px !important;
    }
}


/* En celular vuelven a apilarse */
@media only screen and (max-width: 767px) {

    #denuncia_20393
    .elementor-field-group-anonimo
    .elementor-field-subgroup {

        display: flex !important;
        flex-direction: column !important;
    }

    #denuncia_20393
    .elementor-field-group-anonimo
    .elementor-field-option {

        width: 100% !important;
        flex: 0 0 auto !important;
    }
}

/* =========================================================
   FAMAE - FORMULARIO LEY 19.913
   Diseño general + corrección radios/checkbox
   ========================================================= */


/* ---------------------------------------------------------
   1. Eliminar radio/checkbox duplicado generado por Industroz
   --------------------------------------------------------- */

#denuncia_19913 .elementor-field-option label::before,
#denuncia_19913 .elementor-field-option label::after {
    content: none !important;
    display: none !important;
}

#denuncia_19913 .elementor-field-option input[type="radio"],
#denuncia_19913 .elementor-field-option input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    position: static !important;
    opacity: 1 !important;

    width: 18px !important;
    height: 18px !important;

    flex: 0 0 18px !important;

    margin: 0 !important;
    padding: 0 !important;
}

#denuncia_19913 .elementor-field-option label {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    line-height: 1.35 !important;
    position: static !important;
}


/* ---------------------------------------------------------
   2. Tarjeta para cada pregunta
   --------------------------------------------------------- */

#denuncia_19913 .elementor-field-type-text,
#denuncia_19913 .elementor-field-type-email,
#denuncia_19913 .elementor-field-type-radio,
#denuncia_19913 .elementor-field-type-checkbox,
#denuncia_19913 .elementor-field-type-date,
#denuncia_19913 .elementor-field-type-textarea,
#denuncia_19913 .elementor-field-type-upload,
#denuncia_19913 .elementor-field-type-select,
#denuncia_19913 .elementor-field-type-acceptance {

    background: #ffffff;
    border: 1px solid #e1e6ec;
    border-radius: 8px;

    padding: 16px 18px !important;
    margin-bottom: 14px !important;
}


/* ---------------------------------------------------------
   3. Título de cada pregunta
   --------------------------------------------------------- */

#denuncia_19913 .elementor-field-group > label.elementor-field-label {

    display: block !important;
    width: 100% !important;

    font-weight: 700 !important;
    color: #123f73 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;

    border-left: 4px solid #1998ce;

    padding-left: 10px !important;
    margin-bottom: 13px !important;
}


/* ---------------------------------------------------------
   4. Opciones como pequeñas tarjetas
   --------------------------------------------------------- */

#denuncia_19913 .elementor-field-type-radio .elementor-field-option,
#denuncia_19913 .elementor-field-type-checkbox .elementor-field-option {

    background: #f7f9fb;
    border: 1px solid #e7ebef;
    border-radius: 6px;

    padding: 9px 11px !important;

    min-height: 42px;

    display: flex !important;
    align-items: center !important;

    gap: 9px !important;
}


/* Hover */

#denuncia_19913 .elementor-field-type-radio .elementor-field-option:hover,
#denuncia_19913 .elementor-field-type-checkbox .elementor-field-option:hover {

    background: #f0f5fa;
    border-color: #c8d7e6;
}


/* ---------------------------------------------------------
   5. Campos normales
   --------------------------------------------------------- */

#denuncia_19913 input[type="text"],
#denuncia_19913 input[type="email"],
#denuncia_19913 input[type="date"],
#denuncia_19913 textarea,
#denuncia_19913 select {

    border-radius: 5px !important;
}


/* =========================================================
   DISTRIBUCIÓN DESKTOP
   ========================================================= */

@media only screen and (min-width: 992px) {

    /* Anonimato */

    #denuncia_19913
    .elementor-field-group-anonimo_19913
    .elementor-field-subgroup {

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        gap: 15px !important;
    }

    #denuncia_19913
    .elementor-field-group-anonimo_19913
    .elementor-field-option {

        flex: 0 0 160px !important;
        width: 160px !important;
    }


    /* Relación con FAMAE */

    #denuncia_19913
    .elementor-field-group-relacion_famae_19913
    .elementor-field-subgroup {

        display: grid !important;
        grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;

        gap: 12px 20px !important;

        width: 100% !important;
    }


    /* Tipo reportado */

    #denuncia_19913
    .elementor-field-group-tipo_reportado
    .elementor-field-subgroup {

        display: grid !important;
        grid-template-columns: repeat(4, minmax(160px, 1fr)) !important;

        gap: 12px 20px !important;

        width: 100% !important;
    }


    /* Sí / No */

    #denuncia_19913
    .elementor-field-group-direccion_conocida
    .elementor-field-subgroup,

    #denuncia_19913
    .elementor-field-group-tiene_vinculados
    .elementor-field-subgroup {

        display: flex !important;
        flex-direction: row !important;

        gap: 15px !important;
    }

    #denuncia_19913
    .elementor-field-group-direccion_conocida
    .elementor-field-option,

    #denuncia_19913
    .elementor-field-group-tiene_vinculados
    .elementor-field-option {

        flex: 0 0 160px !important;
        width: 160px !important;
    }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media only screen and (max-width: 767px) {

    #denuncia_19913 .elementor-field-type-text,
    #denuncia_19913 .elementor-field-type-email,
    #denuncia_19913 .elementor-field-type-radio,
    #denuncia_19913 .elementor-field-type-checkbox,
    #denuncia_19913 .elementor-field-type-date,
    #denuncia_19913 .elementor-field-type-textarea,
    #denuncia_19913 .elementor-field-type-upload,
    #denuncia_19913 .elementor-field-type-select,
    #denuncia_19913 .elementor-field-type-acceptance {

        padding: 13px 12px !important;
    }


    #denuncia_19913 .elementor-field-subgroup {

        display: flex !important;
        flex-direction: column !important;

        gap: 8px !important;
    }


    #denuncia_19913
    .elementor-field-group > label.elementor-field-label {

        font-size: 16px !important;
    }

}

/* =========================================================
   FAMAE - INDICADORES DE STEPS
   Estado actual mucho más visible
   ========================================================= */

/* PASO ACTUAL */
#denuncia_20393
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__number,

#denuncia_19913
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__number {

    background: #1998ce !important;
    border-color: #1998ce !important;
    color: #ffffff !important;

    font-weight: 700 !important;

    box-shadow: 0 0 0 4px rgba(25, 152, 206, 0.15);
}


/* Texto del paso actual */
#denuncia_20393
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__label,

#denuncia_19913
.e-form__indicators__indicator--state-active
.e-form__indicators__indicator__label {

    color: #123f73 !important;
    font-weight: 700 !important;
}


/* PASOS YA COMPLETADOS */
#denuncia_20393
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__number,

#denuncia_19913
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__number {

    background: #123f73 !important;
    border-color: #123f73 !important;
    color: #ffffff !important;

    opacity: 0.75;
}


/* Texto de pasos completados */
#denuncia_20393
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__label,

#denuncia_19913
.e-form__indicators__indicator--state-completed
.e-form__indicators__indicator__label {

    color: #607080 !important;
    font-weight: 600 !important;
}


/* PASOS QUE TODAVÍA NO SE HAN VISITADO */
#denuncia_20393
.e-form__indicators__indicator--state-inactive
.e-form__indicators__indicator__number,

#denuncia_19913
.e-form__indicators__indicator--state-inactive
.e-form__indicators__indicator__number {

    background: #ffffff !important;
    border-color: #aeb9c4 !important;
    color: #7a8793 !important;
}

/* =========================================================
   FAMAE - PORTAL DE DENUNCIAS
   CSS DEFINITIVO
   Reemplaza todos los bloques anteriores del portal
   ========================================================= */

/* ---------------------------------------------------------
   1. SECCIÓN PRINCIPAL
   --------------------------------------------------------- */

#portal-denuncias-principal {
    margin: 0 !important;
    padding: 30px 3.5% 50px !important;
}

#portal-denuncias-principal > .elementor-container {
    width: 100% !important;
    max-width: 1800px !important;
    margin: 0 auto !important;

    display: flex !important;
    align-items: stretch !important;
}


/* ---------------------------------------------------------
   2. COLUMNA DE LA FOTOGRAFÍA
   La imagen debe estar configurada como fondo de esta columna
   --------------------------------------------------------- */

#portal-denuncias-imagen {
    width: 38% !important;
    min-height: 650px;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border-radius: 8px;
    overflow: hidden;
}


/* ---------------------------------------------------------
   3. COLUMNA DERECHA
   --------------------------------------------------------- */

#portal-denuncias-contenido {
    width: 62% !important;
    display: flex !important;
}

#portal-denuncias-contenido > .elementor-element-populated,
#portal-denuncias-contenido > .elementor-widget-wrap {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;

    padding: 0 0 0 28px !important;
}


/* Título principal */
#portal-denuncias-contenido .elementor-widget-heading:first-child {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}


/* Texto introductorio */
#portal-denuncias-contenido > .elementor-element-populated > .elementor-widget-text-editor,
#portal-denuncias-contenido > .elementor-widget-wrap > .elementor-widget-text-editor {
    margin-bottom: 0 !important;
    line-height: 1.6;
}


/* ---------------------------------------------------------
   4. SECCIÓN INTERIOR DE LOS DOS CANALES
   --------------------------------------------------------- */

#portal-denuncias-canales {
    margin-top: 24px !important;

    display: flex !important;
    flex: 1 1 auto;
}

#portal-denuncias-canales > .elementor-container {
    width: 100% !important;

    display: flex !important;
    align-items: stretch !important;

    gap: 20px !important;
}


/* ---------------------------------------------------------
   5. TARJETAS
   --------------------------------------------------------- */

.famae-denuncia-card {
    width: calc(50% - 10px) !important;

    display: flex !important;

    background: #ffffff;
    border: 1px solid #dce4ec;
    border-radius: 9px;

    overflow: hidden;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}


.famae-denuncia-card > .elementor-element-populated,
.famae-denuncia-card > .elementor-widget-wrap {
    width: 100%;
    height: 100%;

    display: flex !important;
    flex-direction: column !important;

    padding: 28px 26px !important;
}


/* Hover */
.famae-denuncia-card:hover {
    transform: translateY(-4px);
    border-color: #1998ce;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.09);
}


/* Iconos */
.famae-denuncia-card .elementor-icon {
    color: #1998ce !important;
}


/* Títulos */
.famae-denuncia-card h2,
.famae-denuncia-card h3 {
    color: #123f73 !important;
}


/* Texto */
.famae-denuncia-card .elementor-widget-text-editor {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

.famae-denuncia-card p {
    color: #333333;
    line-height: 1.55;
}


/* Botón siempre alineado abajo */
.famae-denuncia-card .elementor-widget-button {
    margin-top: auto !important;
    padding-top: 22px;
}


/* Botones */
.famae-denuncia-card .elementor-button {
    min-width: 220px;

    background: #123f73 !important;
    color: #ffffff !important;

    border-radius: 5px !important;

    font-weight: 700 !important;
    text-transform: uppercase;

    padding: 13px 22px !important;

    transition:
        background 0.2s ease,
        transform 0.2s ease;
}

.famae-denuncia-card .elementor-button:hover {
    background: #1998ce !important;
    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   6. TABLET
   Desde este ancho conviene apilar foto y contenido
   --------------------------------------------------------- */

@media only screen and (max-width: 1024px) {

    #portal-denuncias-principal {
        padding: 25px 25px 40px !important;
    }

    #portal-denuncias-principal > .elementor-container {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    #portal-denuncias-imagen,
    #portal-denuncias-contenido {
        width: 100% !important;
    }

    #portal-denuncias-imagen {
        min-height: 380px;
        margin-bottom: 25px;
    }

    #portal-denuncias-contenido > .elementor-element-populated,
    #portal-denuncias-contenido > .elementor-widget-wrap {
        padding: 0 !important;
    }

    #portal-denuncias-canales {
        margin-top: 22px !important;
    }

    #portal-denuncias-canales > .elementor-container {
        gap: 16px !important;
    }

    .famae-denuncia-card {
        width: calc(50% - 8px) !important;
    }

    .famae-denuncia-card > .elementor-element-populated,
    .famae-denuncia-card > .elementor-widget-wrap {
        padding: 24px 20px !important;
    }
}


/* ---------------------------------------------------------
   7. MÓVIL
   --------------------------------------------------------- */

@media only screen and (max-width: 767px) {

    #portal-denuncias-principal {
        padding: 20px 15px 35px !important;
    }

    #portal-denuncias-imagen {
        min-height: 270px;
        margin-bottom: 22px;
    }

    #portal-denuncias-canales {
        margin-top: 20px !important;
        display: block !important;
    }

    #portal-denuncias-canales > .elementor-container {
        display: block !important;
    }

    .famae-denuncia-card {
        width: 100% !important;
        margin-bottom: 18px;
    }

    .famae-denuncia-card:last-child {
        margin-bottom: 0;
    }

    .famae-denuncia-card > .elementor-element-populated,
    .famae-denuncia-card > .elementor-widget-wrap {
        padding: 24px 18px !important;
    }

    .famae-denuncia-card .elementor-button {
        width: 100%;
        min-width: 0;
    }
}

/* =========================================
   MENSAJES DE ÉXITO / ERROR FORMULARIOS
========================================= */
.elementor-form .elementor-message {
    margin-top: 20px;
    padding: 18px 22px;
    border-radius: 12px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    border: 1px solid transparent;
    box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

/* Mensaje éxito */
.elementor-form .elementor-message.elementor-message-success {
    background: #ecfdf3;
    border: 1px solid #a7f3d0;
    border-left: 6px solid #16a34a;
    color: #166534;
    position: relative;
    padding-left: 54px;
}

.elementor-form .elementor-message.elementor-message-success:before {
    content: "✓";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #16a34a;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Mensaje error */
.elementor-form .elementor-message.elementor-message-danger {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-left: 6px solid #dc2626;
    color: #991b1b;
    position: relative;
    padding-left: 54px;
}

.elementor-form .elementor-message.elementor-message-danger:before {
    content: "!";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #dc2626;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   MISIÓN Y VISIÓN - RESPONSIVE MÓVIL
   Página ID 1285
   ================================================== */

@media (max-width: 767px) {

    /* Imágenes grandes de Misión y Visión */
    .page-id-1285 .famae-img-movil img {
        width: 100% !important;
        height: 260px !important;
        max-height: 260px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block;
    }

}

@media (max-width: 767px) {

    /* Tarjetas de Valores Corporativos */
    .page-id-1285 .famae-valores {
        background: #f4f4f4;
        border-left: 5px solid #1473cf;
        padding: 20px 16px 22px 16px !important;
        margin-bottom: 20px !important;
    }

    /* Texto de los valores */
    .page-id-1285 .famae-valores .elementor-widget-text-editor,
    .page-id-1285 .famae-valores .elementor-widget-text-editor p {
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    /* Nombre de cada valor */
    .page-id-1285 .famae-valores strong,
    .page-id-1285 .famae-valores b {
        font-size: 17px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    /* Evita espacios exagerados */
    .page-id-1285 .famae-valores p {
        margin-bottom: 14px !important;
    }

    .page-id-1285 .famae-valores p:last-child {
        margin-bottom: 0 !important;
    }

}
/* Comilla Valores - móvil */
@media (max-width: 767px) {

    .page-id-1285 .famae-comilla blockquote::before,
    .page-id-1285 .famae-comilla blockquote:before {
        font-size: 28px !important;
        line-height: 1 !important;
    }

}

/* =========================================================
   ORGANIGRAMA FAMAE - WPDEVART FREE
   Diseño compacto sin alterar geometría del árbol
   ========================================================= */


/* ---------------------------------------------------------
   CONTENEDOR ESTRUCTURAL
   No modificamos dimensiones: WpDevArt calcula las líneas
   --------------------------------------------------------- */

.famae-organigrama .wpda_tree_item_container {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   CAJA VISUAL
   Todos los nodos poseen wpda_tree_item_title
   --------------------------------------------------------- */

.famae-organigrama .wpda_tree_item_title {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 170px !important;
    max-width: 170px !important;
    min-height: 56px !important;

    padding: 9px 10px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #245995 !important;
    color: #ffffff !important;

    border: 1px solid #2f73bd !important;
    border-radius: 5px !important;

    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;

    text-align: center !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    transition:
        background-color .18s ease,
        box-shadow .18s ease !important;
}


/* Ocultar descripción dentro del organigrama */
.famae-organigrama .wpda_tree_item_desc {
    display: none !important;
}


/* Nodo que tiene popup */
.famae-organigrama
.wpda_tree_open_popup_el
.wpda_tree_item_title {
    cursor: pointer !important;
}


/* Hover solo en cajas interactivas */
.famae-organigrama
.wpda_tree_open_popup_el
.wpda_tree_item_title:hover {
    background: #173f72 !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .16) !important;
}


/* =========================================================
   POPUP FAMAE
   ========================================================= */

.wpda_popup_innerhtml {
    background: #ffffff !important;

    padding: 22px 25px 24px !important;

    color: #333333 !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    box-sizing: border-box !important;
}


/* Cargo */
.wpda_popup_innerhtml p:first-child {
    margin: 0 0 8px !important;

    color: #245995 !important;

    font-size: 12px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;
    letter-spacing: .8px !important;

    text-transform: uppercase !important;
}


/* Nombre */
.wpda_popup_innerhtml p:nth-child(2) {
    margin: 0 0 16px !important;

    color: #172333 !important;

    font-size: 18px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;
}


/* Contacto */
.wpda_popup_innerhtml p:nth-child(3) {
    margin: 0 !important;
    padding-top: 13px !important;

    border-top: 1px solid #e3e8ee !important;

    color: #444444 !important;

    font-size: 14px !important;
    line-height: 1.8 !important;
}


/* Links */
.wpda_popup_innerhtml a {
    color: #245995 !important;
    text-decoration: none !important;
}

.wpda_popup_innerhtml a:hover {
    text-decoration: underline !important;
}


/* =========================================================
   MÓVIL
   El propio plugin debe estar configurado en "Mobile view"
   ========================================================= */

@media (max-width: 767px) {

    .famae-organigrama .wpda_tree_item_title {
        width: 155px !important;
        max-width: 155px !important;

        min-height: 52px !important;

        padding: 8px 9px !important;

        font-size: 12px !important;
    }

    .wpda_popup_innerhtml {
        padding: 18px !important;
    }

    .wpda_popup_innerhtml p:nth-child(2) {
        font-size: 16px !important;
    }
}

/* =====================================================
   INDUSTROZ - FANCY HEADING
   Formato: Caption ━━━━━ Title
   ===================================================== */

.elementor-widget-fancy-heading .section-head {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}

/* CONTENEDOR DEL CAPTION */
.elementor-widget-fancy-heading .wt-small-separator {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* Eliminar línea izquierda */
.elementor-widget-fancy-heading .wt-small-separator .sep-leaf-left {
    display: none !important;
}

/* Línea que queda ENTRE Caption y Title */
.elementor-widget-fancy-heading .wt-small-separator .sep-leaf-right {
    display: block !important;
    position: static !important;

    width: 70px !important;
    min-width: 70px !important;
    height: 3px !important;

    margin-left: 16px !important;
    margin-right: 16px !important;

    background: #1599d2 !important;
    transform: none !important;
}

/* Eliminar adornos internos que pueda traer Industroz */
.elementor-widget-fancy-heading .sep-leaf-right::before,
.elementor-widget-fancy-heading .sep-leaf-right::after {
    display: none !important;
    content: none !important;
}

/* TITLE */
.elementor-widget-fancy-heading .section-head > h2 {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* Eliminar la línea que habíamos agregado al final */
.elementor-widget-fancy-heading .section-head::after {
    display: none !important;
    content: none !important;
}


/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (max-width: 767px) {

    .elementor-widget-fancy-heading .section-head {
        flex-wrap: nowrap !important;
    }

    .elementor-widget-fancy-heading .wt-small-separator .sep-leaf-right {
        width: 35px !important;
        min-width: 35px !important;
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}

/* =========================================================
   FAMAE - NOTICIAS
   Style 3 - Diseño institucional
   Diseño integrado al tema hijo
   ========================================================= */


/* =========================================================
   1. ESPACIADO ENTRE ENCABEZADO Y NOTICIAS
   ========================================================= */

.page-id-10062 .section-full.style-construction.p-t80 {
    padding-top: 0 !important;
}


/* =========================================================
   2. GRID
   ========================================================= */

.famae-noticias-grid .row.d-flex {
    align-items: flex-start !important;
}

.famae-noticias-grid
.row.d-flex > [class*="col-"] {
    margin-bottom: 34px !important;
}


/* =========================================================
   3. TARJETA
   ========================================================= */

.famae-noticias-grid
.blog-post.industroz-blog-grid.date-style-2 {

    width: 100% !important;
    height: auto !important;

    background: #ffffff !important;

    border: 1px solid rgba(18, 70, 129, 0.08) !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.07) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.famae-noticias-grid
.blog-post.industroz-blog-grid.date-style-2:hover {

    transform: translateY(-5px);

    border-color: rgba(21, 151, 206, 0.25) !important;

    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.13) !important;
}


/* =========================================================
   4. IMAGEN
   ========================================================= */

.famae-noticias-grid .wt-post-media {
    width: 100% !important;
    overflow: hidden !important;
}

.famae-noticias-grid .wt-post-media a {
    display: block !important;
}

.famae-noticias-grid .wt-post-media img {

    width: 100% !important;
    height: 230px !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center !important;

    transition: transform .4s ease !important;
}

.famae-noticias-grid
.blog-post:hover
.wt-post-media img {
    transform: scale(1.035);
}


/* =========================================================
   5. CONTENIDO
   Ya no forzamos flex/altura completa:
   elimina el gran espacio vacío antes de "Leer más"
   ========================================================= */

.famae-noticias-grid .wt-post-info,
.famae-noticias-grid .wt-post-info.p-t30 {

    display: block !important;

    padding: 20px 22px 22px !important;
}


/* =========================================================
   6. METADATOS
   Solo mostramos fecha
   ========================================================= */

.famae-noticias-grid .wt-post-meta {

    display: block !important;

    margin: 0 0 10px !important;
    padding: 0 !important;
}

.famae-noticias-grid .wt-post-meta ul {

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

.famae-noticias-grid .post-category,
.famae-noticias-grid .post-comment {
    display: none !important;
}

.famae-noticias-grid .post-date {

    display: block !important;

    margin: 0 !important;
    padding: 0 0 0 9px !important;

    border-left: 3px solid #1597ce !important;

    color: #68717a !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    letter-spacing: .35px !important;
    text-transform: uppercase !important;
}


/* =========================================================
   7. TÍTULO
   ========================================================= */

.famae-noticias-grid .wt-post-title {
    display: block !important;
}

.famae-noticias-grid
.wt-post-title
h4.post-title {

    margin: 0 0 13px !important;

    font-size: 20px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;

    /* Reserva espacio equivalente para mantener orden visual */
    min-height: 77px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}

.famae-noticias-grid
.wt-post-title
h4.post-title a {

    color: #124681 !important;
    text-decoration: none !important;

    transition: color .2s ease !important;
}

.famae-noticias-grid
.wt-post-title
h4.post-title a:hover {
    color: #1597ce !important;
}


/* =========================================================
   8. EXTRACTO
   ========================================================= */

.famae-noticias-grid
.wt-post-title p {

    margin: 0 !important;

    min-height: 69px !important;

    color: #50555a !important;

    font-size: 14.5px !important;
    line-height: 1.55 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}


/* =========================================================
   9. LEER MÁS
   Botón institucional definitivo
   ========================================================= */

.famae-noticias-grid .wt-post-readmore {
    margin: 18px 0 0 !important;
    padding: 16px 0 0 !important;
    border-top: 1px solid #e8e8e8 !important;
}

.famae-noticias-grid .wt-post-readmore a.site-button-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 10px 16px !important;

    background: #124681 !important;
    color: #ffffff !important;

    border: 1px solid #124681 !important;
    border-radius: 5px !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    box-shadow: 0 3px 10px rgba(18, 70, 129, 0.15) !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease,
        gap 0.2s ease !important;
}

.famae-noticias-grid .wt-post-readmore a.site-button-link::after {
    content: "→";
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

.famae-noticias-grid .wt-post-readmore a.site-button-link:hover {
    background: #1597ce !important;
    border-color: #1597ce !important;
    color: #ffffff !important;
    gap: 11px !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(21, 151, 206, 0.22) !important;
}

.famae-noticias-grid .wt-post-readmore a.site-button-link:hover::after {
    color: #ffffff !important;
}


/* =========================================================
   10. PAGINACIÓN
   ========================================================= */

.famae-noticias-grid .pagination,
.famae-noticias-grid .page-numbers {

    margin-top: 12px !important;
}

.famae-noticias-grid
.pagination a,
.famae-noticias-grid
.pagination span,
.famae-noticias-grid
.page-numbers a,
.famae-noticias-grid
.page-numbers span {

    border-radius: 4px !important;
}


/* =========================================================
   11. TABLET
   ========================================================= */

@media (max-width: 991px) {

    .famae-noticias-grid .wt-post-media img {
        height: 220px !important;
    }

    .famae-noticias-grid
    .wt-post-title
    h4.post-title {

        font-size: 19px !important;
        min-height: 73px !important;
    }
}


/* =========================================================
   12. MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    .famae-noticias-grid
    .row.d-flex > [class*="col-"] {
        margin-bottom: 25px !important;
    }

    .famae-noticias-grid .wt-post-media img {
        height: 220px !important;
    }

    .famae-noticias-grid .wt-post-info,
    .famae-noticias-grid .wt-post-info.p-t30 {

        padding: 18px 18px 20px !important;
    }

    .famae-noticias-grid
    .wt-post-title
    h4.post-title {

        font-size: 19px !important;
        line-height: 1.3 !important;

        min-height: 0 !important;
    }

    .famae-noticias-grid
    .wt-post-title p {

        min-height: 0 !important;

        font-size: 14.5px !important;
    }
}

/* =========================================================
   FAMAE - HOME
   Últimas noticias: tarjetas uniformes y alineadas
   ========================================================= */


/* Las 3 columnas se estiran a la misma altura */
body.home
.famae-noticias-grid
.row.d-flex {
    align-items: stretch !important;
}

body.home
.famae-noticias-grid
.row.d-flex > [class*="col-"] {
    display: flex !important;
}


/* Todas las tarjetas ocupan la misma altura de su fila */
body.home
.famae-noticias-grid
.blog-post.industroz-blog-grid.date-style-2 {

    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
}


/* El cuerpo completa la tarjeta */
body.home
.famae-noticias-grid
.wt-post-info,
body.home
.famae-noticias-grid
.wt-post-info.p-t30 {

    flex: 1 1 auto !important;

    display: flex !important;
    flex-direction: column !important;

    padding: 20px 22px 22px !important;
}


/* Título más compacto para una portada */
body.home
.famae-noticias-grid
.wt-post-title h4.post-title {

    font-size: 19px !important;
    line-height: 1.28 !important;

    min-height: 98px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important;

    overflow: hidden !important;
}


/* La zona del título ocupa el espacio disponible */
body.home
.famae-noticias-grid
.wt-post-title {
    flex: 1 1 auto !important;
}


/* Botón siempre alineado abajo */
body.home
.famae-noticias-grid
.wt-post-readmore {

    margin-top: auto !important;

    padding-top: 16px !important;

    border-top: 1px solid #eeeeee !important;
}


/* En Home las imágenes un poco más compactas */
body.home
.famae-noticias-grid
.wt-post-media img {

    height: 230px !important;
    object-fit: cover !important;
}


/* TABLET */
@media (max-width: 991px) {

    body.home
    .famae-noticias-grid
    .wt-post-title h4.post-title {

        min-height: 92px !important;
        font-size: 18px !important;
    }
}


/* MÓVIL: cada tarjeta vuelve a crecer naturalmente */
@media (max-width: 767px) {

    body.home
    .famae-noticias-grid
    .wt-post-title h4.post-title {

        min-height: 0 !important;
    }

    body.home
    .famae-noticias-grid
    .wt-post-media img {

        height: 220px !important;
    }
}

/* Ocultar globalmente el contenedor visual del Honeypot de Elementor */
.elementor-field-type-text:has(> input[name="form_fields[honeypot]"]) {
    display: none !important;
}

/* =========================================================
 * FAMAE - MENU MOVIL DEFINITIVO 1.1.0
 *
 * Versión consolidada y validada en iPhone.
 * - Drawer lateral: 265px / máximo 78vw
 * - Sitio visible a la derecha
 * - Filas con mejor espaciado táctil
 * - Flechas centradas
 * - Submenús diferenciados
 * - X propia, limpia y centrada
 * - Sin scroll interno artificial en la lista
 * ========================================================= */

@media only screen and (max-width: 991px) {

    /* DRAWER */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav {
        position: fixed !important;

        width: min(265px, 78vw) !important;
        min-width: 0 !important;
        max-width: min(265px, 78vw) !important;

        height: 100vh !important;
        height: 100dvh !important;

        top: 0 !important;
        left: -280px !important;

        background: #ffffff !important;
        box-sizing: border-box !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        border-right: 1px solid #e5e7eb !important;
        box-shadow: 5px 0 18px rgba(0,0,0,.12) !important;

        z-index: 9999 !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    .header-nav {
        left: 0 !important;
    }

    /* LISTA PRINCIPAL
     * Anula height/overflow internos impuestos por responsive.css.
     */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .is-fixed .header-nav .nav,
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-fixed .header-nav .nav,
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 8px 0 14px !important;

        overflow: visible !important;
        background: #ffffff !important;
    }

    /* FILAS PRINCIPALES */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav > li {
        position: relative !important;
        margin: 0 !important;
        min-height: 44px !important;
        border-bottom: 1px solid #e9edf1 !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav > li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 44px !important;

        margin: 0 !important;
        padding: 0 48px 0 18px !important;

        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;

        color: #182033 !important;
        background: transparent !important;
        box-sizing: border-box !important;

        transition: background-color .15s ease, color .15s ease;
    }

    /* SUBMENÚ */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .sub-menu {
        margin: 0 !important;
        padding: 3px 0 !important;
        background: #f8fafc !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .sub-menu li {
        position: relative !important;
        margin: 0 !important;
        min-height: 40px !important;
        border-bottom: 1px solid #edf0f3 !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .sub-menu li:last-child {
        border-bottom: 0 !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .sub-menu li > a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 40px !important;

        margin: 0 !important;
        padding: 0 44px 0 28px !important;

        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.3 !important;

        color: #344054 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    /* FLECHAS */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav li.has-child > .submenu-toogle {
        position: absolute !important;
        top: 0 !important;
        right: 4px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        color: #344054 !important;
        box-sizing: border-box !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .sub-menu li.has-child > .submenu-toogle {
        height: 40px !important;
    }

    /* OPCIÓN ABIERTA / ACTIVA */
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav li.has-child.nav-active > a {
        color: #087eb8 !important;
        background: #f3f8fb !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav > li.has-child.nav-active > a {
        border-left: 3px solid #129bd2 !important;
        padding-left: 15px !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav li.current-menu-item > a,
    body header.site-header.header-style-2.mobile-sider-drawer-menu
    .header-nav .nav li.current_page_item > a {
        color: #087eb8 !important;
        font-weight: 600 !important;
    }

    /* BOTÓN CERRAR
     * Oculta las barras del hamburguesa y dibuja una X propia.
     */
    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer {
        position: fixed !important;

        top: 9px !important;
        left: calc(min(265px, 78vw) - 47px) !important;
        right: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 38px !important;
        height: 38px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        background: #f4f6f8 !important;
        box-shadow: 0 1px 4px rgba(0,0,0,.08) !important;

        z-index: 10001 !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer .icon-bar {
        display: none !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer::before,
    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer::after {
        content: "" !important;
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 18px !important;
        height: 2px !important;

        background: #182033 !important;
        border-radius: 2px !important;
        transform-origin: center !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer::before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer::after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    body header.site-header.header-style-2.mobile-sider-drawer-menu.active
    #mobile-side-drawer:active {
        background: #e7ebef !important;
        transform: scale(.94) !important;
    }
}

/* FAMAE - FIN MENU MOVIL DEFINITIVO 1.1.1 */


/* =========================================================
   FAMAE - MEMORIAS (page-id-1082)
   Restaurar Fancy Heading en dos niveles:
   Caption + linea / Titulo debajo
   Validado en staging 27-09-2026
   ========================================================= */

.page-id-1082 .elementor-widget-fancy-heading .section-head {
    display: block !important;
    width: 100% !important;
}

/* Caption "Memorias Anuales" + linea */
.page-id-1082 .elementor-widget-fancy-heading .wt-small-separator {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

/* Titulo debajo del caption */
.page-id-1082 .elementor-widget-fancy-heading .section-head > h2 {
    display: block !important;
    width: 100% !important;

    margin-top: 20px !important;
    margin-bottom: 0 !important;

    white-space: normal !important;
}