/* ===================================================
   styles.css — Estilos extraídos de index.html
   IPE Arequipa
=================================================== */

/* --- Block 1 — img auto sizes --- */
img:is([sizes="auto" i], [sizes^="auto," i]) {
            contain-intrinsic-size: 3000px 1500px
        }

/* --- Block 2 — classic-theme-styles --- */
.wp-block-button__link {
            color: #fff;
            background-color: #32373c;
            border-radius: 9999px;
            box-shadow: none;
            text-decoration: none;
            padding: calc(.667em + 2px) calc(1.333em + 2px);
            font-size: 1.125em
        }

        .wp-block-file__button {
            background: #32373c;
            color: #fff;
            text-decoration: none
        }

/* --- Block 3 — bricks-frontend-inline --- */
html {
            scroll-behavior: smooth
        }


        :root .bricks-color-primary {
            color: #29317c
        }

        :root .bricks-background-primary {
            background-color: #29317c
        }

        :root .bricks-color-secondary {
            color: #595b6a
        }

        :root .bricks-background-secondary {
            background-color: #595b6a
        }

        :root .bricks-color-light {
            color: #f5f5f5
        }

        :root .bricks-background-light {
            background-color: #f5f5f5
        }

        :root .bricks-color-dark {
            color: #29317c
        }

        :root .bricks-background-dark {
            background-color: #29317c
        }

        body {
            font-family: "Inter";
            font-weight: 300;
            font-size: clamp(16px, 1.5vw, 18px);
            color: #595b6a;
            line-height: 1.3
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: "Raleway";
            font-weight: 600;
            color: #29317c
        }

        h1 {
            font-size: 52px
        }

        h2 {
            font-size: 40px;
            line-height: 1.1
        }

        h3 {
            font-size: 24px
        }

        body.bricks-is-frontend :focus {
            outline: none
        }

        .brxe-container {
            width: 1190px;
            padding-right: 30px;
            padding-left: 30px
        }

        .woocommerce main.site-main {
            width: 1190px
        }

        #brx-content.wordpress {
            width: 1190px
        }

        .bricks-button {
            transition: all 0.3s;
            font-family: "Raleway";
            font-weight: 500;
            font-size: clamp(16px, 1.7vw, 18px);
            color: #f5f5f5;
            letter-spacing: 0.3px;
            padding-top: 0.8em;
            padding-right: 1.5em;
            padding-bottom: 0.8em;
            padding-left: 1.5em;
            border-radius: 7px
        }

        :root .bricks-button[class*="primary"]:not(.outline) {
            background-color: #29317c
        }

        :root .bricks-button[class*="primary"]:not(.outline):hover {
            background-color: #8a1a13
        }

        /* GLOBAL CSS */
        .brx-body {
            overflow-x: hidden;
            min-width: 340px;
        }


        #brxe-htskvk {
            padding-top: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 0;
            width: 100%;
            transition: all 0.3s
        }

        #brxe-htskvk img {
            max-width: clamp(218px, 29vw, 330px)
        }


        @media (max-width: 767px) {


            #brxe-htskvk img {
                min-width: clamp(210px, 34vw, 260px)
            }
        }


        #brxe-fgeduv {
            width: 35%;
            align-items: flex-start
        }

        @media (max-width: 767px) {
            #brxe-kwvmvm .bricks-nav-menu-wrapper {
                display: none;
            }

            #brxe-kwvmvm .bricks-mobile-menu-toggle {
                display: block;
            }
        }


        #brxe-kwvmvm {
            color: #29317c;
            font-family: "Raleway";
            font-weight: 700
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu {
            background-color: rgba(40, 46, 128, 0.91)
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu>li>a {
            font-size: clamp(15px, 1.8vw, 17px);
            font-weight: 500;
            font-family: "Raleway";
            letter-spacing: 0.2px;
            line-height: 3.2
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu>li>.brx-submenu-toggle>* {
            font-size: clamp(15px, 1.8vw, 17px);
            font-weight: 500;
            font-family: "Raleway";
            letter-spacing: 0.2px;
            line-height: 3.2
        }

        #brxe-kwvmvm .bricks-nav-menu>li:hover>a {
            color: #8a1a13
        }

        #brxe-kwvmvm .bricks-nav-menu>li:hover>.brx-submenu-toggle>* {
            color: #8a1a13
        }

        #brxe-kwvmvm .bricks-nav-menu>li>a {
            font-size: clamp(16px, 1.8vw, 19px)
        }

        #brxe-kwvmvm .bricks-nav-menu>li>.brx-submenu-toggle>* {
            font-size: clamp(16px, 1.8vw, 19px)
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu a {
            padding-top: 1px
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu button {
            padding-top: 1px
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu>li:hover>a {
            color: #9e9e9e
        }

        #brxe-kwvmvm .bricks-nav-menu .sub-menu>li:hover>.brx-submenu-toggle>* {
            color: #9e9e9e
        }

        #brxe-kwvmvm .bricks-nav-menu>li {
            margin-right: clamp(20px, 2.8vw, 30px);
            margin-left: 0
        }

        #brxe-kwvmvm .bricks-nav-menu>li.menu-item-has-children>.brx-submenu-toggle button[aria-expanded] {
            font-size: 0.8em
        }

        #brxe-kwvmvm .bricks-nav-menu .brx-submenu-toggle button {
            margin-top: 3px;
            margin-left: 5px
        }

        #brxe-kwvmvm .bricks-mobile-menu-wrapper {
            justify-content: center;
            text-align: center;
            height: 100vh;
            align-items: center;
            width: 100%
        }

        #brxe-kwvmvm .bricks-mobile-menu-wrapper:before {
            background-color: rgba(41, 48, 127, 0.92)
        }

        #brxe-kwvmvm .bricks-mobile-menu>li>a {
            padding-left: 0
        }

        #brxe-kwvmvm .bricks-mobile-menu>li>.brx-submenu-toggle>* {
            padding-left: 0
        }

        #brxe-kwvmvm .bricks-mobile-menu-wrapper .brx-submenu-toggle {
            justify-content: center
        }

        #brxe-kwvmvm .bricks-mobile-menu-wrapper a {
            width: auto
        }

        #brxe-kwvmvm .bricks-mobile-menu .sub-menu>.menu-item>a {
            padding-right: 0;
            padding-left: 0
        }

        #brxe-kwvmvm .bricks-mobile-menu .sub-menu>.menu-item>.brx-submenu-toggle>* {
            padding-right: 0;
            padding-left: 0
        }

        #brxe-kwvmvm .bricks-mobile-menu .menu-item-has-children .brx-submenu-toggle button {
            margin-left: 0
        }

        .bricks-nav-menu .sub-menu {
            top: 2.5em;
            left: -2.8em;
            border-radius: 7px;
        }


        @media (max-width: 991px) {
            #brxe-kwvmvm .bricks-nav-menu .brx-submenu-toggle button {
                margin-top: 1px
            }
        }


        @media (max-width: 767px) {
            #brxe-kwvmvm .bricks-mobile-menu-toggle {
                color: #29317c;
                width: 40px !important
            }

            #brxe-kwvmvm .bricks-mobile-menu-toggle .bar-top {
                width: 40px !important
            }

            #brxe-kwvmvm .bricks-mobile-menu-toggle .bar-center {
                width: 40px !important
            }

            #brxe-kwvmvm .bricks-mobile-menu-toggle .bar-bottom {
                width: 40px !important
            }

            #brxe-kwvmvm.show-mobile-menu .bricks-mobile-menu-toggle {
                color: #f5f5f5 !important
            }

            #brxe-kwvmvm .bricks-mobile-menu>li>a {
                font-size: clamp(16px, 24vw, 22px);
                font-weight: 500;
                padding-right: 0;
                padding-left: 0
            }

            #brxe-kwvmvm .bricks-mobile-menu>li>.brx-submenu-toggle>* {
                font-size: clamp(16px, 24vw, 22px);
                font-weight: 500;
                padding-right: 0;
                padding-left: 0
            }

            #brxe-kwvmvm .bricks-mobile-menu .sub-menu>li>a {
                font-weight: 500
            }

            #brxe-kwvmvm .bricks-mobile-menu .sub-menu>li>.brx-submenu-toggle>* {
                font-weight: 500
            }

            #brxe-kwvmvm .bricks-mobile-menu .sub-menu>.menu-item>a {
                padding-right: 0;
                padding-left: 0
            }

            #brxe-kwvmvm .bricks-mobile-menu .sub-menu>.menu-item>.brx-submenu-toggle>* {
                padding-right: 0;
                padding-left: 0
            }

            #brxe-kwvmvm {
                position: relative
            }
        }


        #brxe-dnlpny {
            padding-top: 7px;
            padding-right: 15.2px;
            padding-bottom: 7px;
            padding-left: 15.2px;
            gap: 4px;
            font-size: clamp(14px, 1.65vw, 15px)
        }


        @media (max-width: 767px) {
            #brxe-dnlpny {
                display: none;
            }
        }

        /* Mobile: headers de carruseles y botón Ver más */
        @media (max-width: 576px) {
            #publicaciones h2,
            #noticias h2,
            #videos h2,
            #participaciones h2 {
                font-size: 22px;
            }
            #publicaciones .btn-ver-mas,
            #noticias .btn-ver-mas,
            #videos .btn-ver-mas,
            #participaciones .btn-ver-mas {
                font-size: 13px;
                padding: 6px 10px;
                white-space: nowrap;
            }
            #publicaciones .header-publicaciones,
            #noticias .header-noticias,
            #videos .header-videos,
            #participaciones .header-participaciones {
                align-items: center;
                gap: 8px;
            }
        }
        #brxe-dnlpny-mobile {
            display: none;
        }

        @media (max-width: 767px) {
            #brxe-dnlpny-mobile {
                display: flex;
                align-items: center;
                gap: 8px;
                position: fixed;
                bottom: 20px;
                right: 16px;
                z-index: 9998;
                background: #29317c;
                color: #f5f5f5;
                font-family: "Raleway";
                font-weight: 500;
                font-size: 13px;
                padding: 10px 14px;
                border-radius: 7px;
                text-decoration: none;
                box-shadow: 0 4px 16px rgba(0,0,0,0.25);
                line-height: 1.2;
                max-width: 180px;
                opacity: 1;
                pointer-events: auto;
            }
        }

        #brxe-pwacjg {
            width: 65%;
            justify-content: flex-end;
            align-items: center;
            flex-direction: row
        }



        #brxe-nwyrew {
            flex-direction: row;
            align-items: center
        }



        #brxe-alamyh {
            position: absolute;
            z-index: 10;
            padding-top: 10px
        }

        .scrolling #brxe-dnlpny.unete {
            background: #fff;
            color: #29317c
        }

        .scrolling #menu-menu-principal {
            color: #fff;
        }

        .scrolling .logo-header {
            filter: brightness(0) invert(1);
            width: 230px !important;
        }

        .scrolling .unete svg path {
            stroke: rgb(41 49 124);
        }

        .scrolling .unete:hover svg path {
            stroke: rgb(244 244 244);
        }

        .scrolling .unete:hover {
            background: #29317c !important;
            color: #fff !important;
        }

        .scrolling .menu {
            margin-top: -15px !important;
            backdrop-filter: blur(8px);
        }

        /*.scrolling #menu-menu-principal .current-menu-item > a {color:#a1a1a1;}*/
        .scrolling #menu-menu-principal a:hover {
            color: #a1a1a1 !important;
        }

        .scrolling .bricks-mobile-menu-toggle {
            color: #fff !important;
        }

        .scrolling #brxe-kwvmvm .bricks-mobile-menu-wrapper {
            margin-top: 15px;
        }




        #brxe-ilymwi {
            font-size: clamp(40px, 5.5vw, 62px);
            font-weight: 700;
            text-align: center;
            line-height: 1.05
        }

        .title span {
            color: #ffffff;
        }


        @media (max-width: 767px) {
            #brxe-ilymwi {
                font-size: clamp(34px, 6.8vw, 54px)
            }
        }


        #brxe-lchvcu {
            color: #f5f5f5;
            font-size: clamp(23px, 3vw, 30px);
            text-align: center;
            padding-top: 15px
        }



        #brxe-yorxes {
            text-align: center;
            color: #f5f5f5;
            font-size: clamp(18px, 2vw, 22px);
            line-height: 1.2;
            font-weight: 300;
            padding-bottom: 40px
        }



        #brxe-chvkxf {
            width: fit-content
        }



        #brxe-tnoabo {
            align-items: center;
            width: clamp(867px, 40vw, 800px);
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
            column-gap: 30px;
            padding-top: 5.5em
        }



        #brxe-bgklew {
            background-attachment: fixed;
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(images/banner-01.jpg);
            background-size: cover;
            height: 100vh;
            min-height: 651px;
            justify-content: center;
            align-items: center
        }



        #brxe-htqmck {
            font-size: clamp(28px, 3.3vw, 40px);
            font-weight: 600
        }



        #brxe-jkllli {
            padding-top: 20px
        }



        #brxe-wquyom {
            mix-blend-mode: multiply;
            max-width: 120%;
            position: relative;
            left: -55px
        }


        @media (max-width: 767px) {
            #brxe-wquyom {
                max-width: 100%;
                left: 0px
            }
        }


        #brxe-hivgdw {
            flex-direction: row
        }



        #nosotros {
            padding-top: 12.5vh;
            padding-bottom: 12.5vh;
            background-color: #edf4fa;
            background-blend-mode: multiply;
            background-repeat: no-repeat;
            background-image: url(images/bg-nosotros.jpg);
            background-position: center center;
            background-size: cover;
            overflow: hidden;
            position: relative
        }



        #brxe-kwsjnh {
            display: inline-block
        }



        #brxe-mcplta {
            padding-right: 15px;
            width: auto;
            min-width: 105px
        }


        @media (max-width: 478px) {
            #brxe-mcplta {
                padding-right: 0;
                min-width: 90px
            }
        }


        #brxe-sntsmc {
            font-size: clamp(28px, 4.5vw, 40px);
            color: #edf4fa;
            text-align: left;
            font-weight: 500
        }


        @media (max-width: 767px) {
            #brxe-sntsmc {
                text-align: center
            }
        }


        #brxe-rosesh {
            font-size: clamp(18px, 3vw, 24px);
            color: #f5f5f5;
            font-weight: 500;
            padding-top: 5px
        }


        @media (max-width: 767px) {
            #brxe-rosesh {
                text-align: center
            }
        }


        #brxe-thhxbf {
            color: #edf4fa;
            font-size: clamp(17px, 2vw, 20px);
            font-weight: 200;
            padding-top: 50px;
            padding-right: clamp(20px, 6vw, 120px)
        }

        #brxe-thhxbf .separator {
            display: none
        }

        #brxe-thhxbf li {
            padding-bottom: 40px
        }

        .list-obj li {
            display: flex;
        }

        .list-obj .content {
            align-items: center;
            display: flex;
            justify-content: center;
            padding: 0 20px 0 0;
        }


        @media (max-width: 767px) {
            #brxe-thhxbf {
                width: 550px
            }
        }


        #brxe-xoshpe {
            width: auto
        }


        @media (max-width: 767px) {
            #brxe-xoshpe {
                align-items: center
            }
        }


        #brxe-eryvjq {
            flex-direction: row;
            width: clamp(867px, 40vw, 800px);
            padding-left: 50px
        }


        @media (max-width: 767px) {
            #brxe-eryvjq {
                justify-content: center
            }
        }


        @media (max-width: 478px) {
            #brxe-eryvjq {
                padding-left: 30px
            }
        }


        #brxe-vndltl {
            display: inline-block
        }



        #brxe-urhqld {
            width: auto;
            padding-right: 15px;
            min-width: 105px
        }


        @media (max-width: 478px) {
            #brxe-urhqld {
                min-width: 90px;
                padding-right: 0
            }
        }


        #brxe-llgrhb {
            font-size: clamp(28px, 4.5vw, 40px);
            color: #edf4fa;
            text-align: left;
            font-weight: 500
        }


        @media (max-width: 767px) {
            #brxe-llgrhb {
                text-align: center
            }
        }


        #brxe-bermiq {
            font-size: clamp(18px, 3vw, 24px);
            color: #f5f5f5;
            font-weight: 500;
            padding-top: 5px
        }


        @media (max-width: 767px) {
            #brxe-bermiq {
                text-align: center
            }
        }


        #brxe-utgjrc {
            width: auto
        }


        @media (max-width: 767px) {
            #brxe-utgjrc {
                align-items: center
            }
        }


        #lineas {
            padding-top: 60px;
            padding-left: 50px;
            flex-direction: row;
            width: clamp(867px, 40vw, 800px)
        }


        @media (max-width: 767px) {
            #lineas {
                justify-content: center
            }
        }


        @media (max-width: 478px) {
            #lineas {
                padding-left: 30px
            }
        }


        #brxe-flyzat {
            grid-template-columns: repeat(2, 1fr);
            grid-auto-flow: unset;
            gap: 20px
        }

        #brxe-flyzat .description {
            color: #edf4fa;
            font-weight: 200;
            font-size: clamp(17px, 2vw, 18px)
        }

        #brxe-flyzat .subtitle {
            color: #edf4fa
        }

        #brxe-flyzat .title {
            color: #ffffff;
            font-size: clamp(19px, 2vw, 22px);
            font-weight: 500
        }

        #brxe-flyzat .image {
            width: clamp(123px, 10vw, 143px);
            border-radius: 10px;
            margin-right: 15px
        }

        #brxe-flyzat .content {
            padding-top: 0;
            padding-left: 10px
        }

        #brxe-flyzat.lineas {
            row-gap: 80px;
        }

        #brxe-flyzat .image {
            transition: all 0.7s;
            background-size: 100%;
        }

        #brxe-flyzat .image:hover {
            background-size: 120%;
        }


        @media (max-width: 991px) {

            /* CUSTOM CSS */
            #brxe-flyzat.lineas .member {
                flex-direction: column;
            }

            #brxe-flyzat .content {
                text-align: center;
                padding-left: 0
            }

            #brxe-flyzat .image {
                margin-right: 0;
                margin-bottom: 20px
            }
        }


        @media (max-width: 767px) {
            #brxe-flyzat {
                grid-template-columns: repeat(1, 1fr);
                grid-auto-flow: unset
            }

            /* CUSTOM CSS */
            #brxe-flyzat.lineas {
                row-gap: 60px;
            }

            #brxe-flyzat .image {
                margin-bottom: 12px
            }
        }


        #brxe-nvcwqg {
            padding-top: 80px
        }


        @media (max-width: 767px) {
            #brxe-nvcwqg {
                width: 600px
            }
        }


        #objetivos {
            background-attachment: fixed;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(images/bg-objetivos-lineas.jpg);
            padding-top: 12.5vh;
            padding-bottom: 450px
        }



        #brxe-lwgtsm {
            font-size: clamp(28px, 3.3vw, 40px);
            text-align: center;
            font-weight: 600;
            width: 100%
        }



        #brxe-qgzxnh {
            font-size: clamp(20px, 3vw, 26px);
            color: #29317c;
            font-weight: 700;
            text-align: center;
            line-height: 1;
            padding-top: 5px;
            width: 100%
        }



        #brxe-eipeff {
            text-align: right;
            font-family: "Raleway";
            font-size: clamp(19px, 3vw, 22px);
            color: #29317c;
            font-weight: 700;
            padding-right: 20px
        }


        @media (max-width: 767px) {
            #brxe-eipeff {
                text-align: center;
                padding-right: 0
            }
        }


        #brxe-grnwvs {
            width: 50%;
            padding-top: 40px
        }


        @media (max-width: 767px) {
            #brxe-grnwvs {
                width: 100%
            }
        }


        #brxe-fdixvg {
            font-size: clamp(17px, 1.8vw, 18px)
        }

        #brxe-fdixvg a {
            font-size: clamp(17px, 1.8vw, 18px);
            font-size: inherit
        }


        @media (max-width: 478px) {
            #brxe-fdixvg {
                margin-left: -15px
            }
        }


        #brxe-jeapss {
            width: 50%;
            padding-top: 24px
        }


        @media (max-width: 767px) {
            #brxe-jeapss {
                width: 100%;
                padding-top: 0
            }
        }


        #brxe-wvhijv {
            margin-top: 30px
        }



        #brxe-oxqgiv {
            background-color: #edf4fa;
            background-image: url(images/bg-unete.png);
            background-position: bottom right;
            background-repeat: no-repeat;
            background-size: auto;
            padding-top: 60px;
            padding-right: 70px;
            padding-bottom: 60px;
            padding-left: 70px;
            flex-wrap: wrap;
            flex-direction: row;
            border: 14px solid #dde8f1;
            border-radius: 10px;
            justify-content: center;
            width: clamp(900px, 70vw, 950px)
        }


        @media (max-width: 767px) {
            #brxe-oxqgiv {
                border-radius: 0
            }
        }


        @media (max-width: 478px) {
            #brxe-oxqgiv {
                padding-right: 30px;
                padding-left: 30px
            }
        }


        #unete {
            margin-top: -370px;
            padding-top: 11vh;
            padding-bottom: 11vh
        }


        @media (max-width: 767px) {
            #unete {
                padding-bottom: 6vh
            }
        }


        #brxe-nazdvp {
            width: fit-content;
            padding-top: 3px;
            padding-right: 4px;
            max-width: clamp(32px, 3.4vw, 40px)
        }


        @media (max-width: 767px) {
            #brxe-nazdvp {
                padding-top: 0
            }
        }


        #brxe-rtblsz {
            font-size: clamp(28px, 3.3vw, 40px);
            text-align: center;
            font-weight: 600;
            width: fit-content
        }



        #brxe-eowerh {
            font-size: clamp(20px, 3vw, 26px);
            color: #29317c;
            font-weight: 700;
            text-align: center;
            line-height: 1;
            padding-top: 5px;
            width: 100%
        }



        #brxe-vermls {
            grid-template-columns: repeat(2, 1fr);
            grid-auto-flow: unset;
            gap: 20px;
            padding-top: 80px
        }

        #brxe-vermls .description {
            color: #6b6d80;
            font-size: clamp(17px, 2vw, 17px)
        }

        #brxe-vermls .subtitle {
            color: #29317c;
            font-size: clamp(18px, 1.6vw, 20px);
            font-family: "Raleway";
            font-weight: 700;
            line-height: 1
        }

        #brxe-vermls .title {
            color: #616161;
            font-size: clamp(15px, 2vw, 16px);
            line-height: 1
        }

        #brxe-vermls .image {
            width: clamp(123px, 10vw, 143px);
            border-radius: 10px;
            margin-right: 15px
        }

        #brxe-vermls .content {
            padding-top: 0;
            padding-left: 10px
        }

        #brxe-vermls.miembros {
            row-gap: 40px;
        }

        #brxe-vermls .image {
            transition: all 0.7s;
            background-size: 100%;
        }

        #brxe-vermls .image:hover {
            background-size: 120%;
        }

        .miembros .boton {
            display: inline-block;
            background: none;
            color: #29317C;
            border: none;
            cursor: pointer;
            text-align: center;
            font-weight: 500;
        }

        .miembros .boton:hover {
            color: #8A1A13;
        }

        /* @starting-style se usa para definir las reglas iniciales */
        .miembros .contenido {
            font-size: 0px;
            opacity: 0;
            heigth: 0px;
            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .miembros .mostrar {
            opacity: 1;
            heigth: auto;
            font-size: inherit;
        }

        #brxe-vermls.miembros .image {
            align-self: start;
        }


        @media (max-width: 991px) {

            /* CUSTOM CSS */
            #brxe-vermls.miembros .member {
                flex-direction: column;
            }

            #brxe-vermls.miembros .image {
                align-self: center;
            }

            #brxe-vermls .content {
                text-align: center;
                padding-left: 0
            }

            #brxe-vermls .image {
                margin-right: 0;
                margin-bottom: 20px
            }
        }


        @media (max-width: 767px) {
            #brxe-vermls {
                grid-template-columns: repeat(1, 1fr);
                grid-auto-flow: unset
            }

            /* CUSTOM CSS */
            #brxe-vermls.lineas {
                row-gap: 60px;
            }

            #brxe-vermls .image {
                margin-bottom: 12px
            }
        }


        #brxe-stfnoy {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center
        }


        @media (max-width: 767px) {
            #brxe-stfnoy {
                width: 600px
            }
        }


        #consejo {
            background-image: url(images/bg-consejo-directivo.jpg);
            background-repeat: no-repeat;
            background-size: auto;
            background-position: center right;
            padding-top: 7.6vh;
            padding-bottom: 7.6vh
        }



        #brxe-zskfnv {
            width: fit-content;
            padding-top: 5px;
            padding-right: 4px;
            max-width: clamp(32px, 3.4vw, 40px)
        }


        @media (max-width: 767px) {
            #brxe-zskfnv {
                padding-top: 0
            }
        }


        #brxe-ttlabf {
            font-size: clamp(28px, 3.3vw, 40px);
            text-align: left;
            font-weight: 600;
            width: fit-content
        }



        #brxe-iykknf {
            font-size: clamp(20px, 3vw, 26px);
            color: #29317c;
            font-weight: 700;
            text-align: left;
            line-height: 1;
            padding-top: 5px;
            width: 100%
        }


        @media (max-width: 767px) {
            #brxe-iykknf {
                text-align: center
            }
        }


        #brxe-xcrvjb {
            padding-top: 20px
        }


        @media (max-width: 767px) {
            #brxe-xcrvjb {
                text-align: center
            }

            #brxe-xcrvjb a {
                text-align: center;
                font-size: inherit
            }
        }


        #brxe-xgizpa {
            color: #595b6a;
            font-size: clamp(17px, 2vw, 19px);
            padding-top: 30px;
            padding-right: clamp(20px, 6vw, 120px)
        }

        #brxe-xgizpa li {
            padding-top: 11px;
            padding-bottom: 23px
        }

        #brxe-xgizpa .separator {
            border-top-color: #29317c;
            display: none
        }

        #brxe-xgizpa .content {
            align-items: center
        }

        #brxe-xgizpa .description {
            align-items: center
        }

        .list-con li {
            display: flex;
        }

        .list-con .content {
            align-items: start !important;
            display: flex;
            justify-content: center;
            padding: 0 20px 0 0;
        }

        .list-con .description {
            border-bottom: 1px solid #29317c47;
            padding: 0 0 19px 0;
        }



        #brxe-czdkys {
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 50px
        }


        @media (max-width: 767px) {
            #brxe-czdkys {
                justify-content: center;
                padding-right: 0
            }
        }


        @media (max-width: 478px) {
            #brxe-czdkys {
                padding-right: 30px;
                padding-left: 30px
            }
        }


        #brxe-hfohhx .form-group input {
            background-color: rgba(41, 48, 127, 0);
            font-weight: 200;
            color: #edf4fa;
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47);
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 7px;
            padding-left: 0
        }

        #brxe-hfohhx .flatpickr {
            background-color: rgba(41, 48, 127, 0);
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47);
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 7px;
            padding-left: 0
        }

        #brxe-hfohhx select {
            background-color: rgba(41, 48, 127, 0);
            font-weight: 200;
            color: #edf4fa;
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47);
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 7px;
            padding-left: 0
        }

        #brxe-hfohhx textarea {
            background-color: rgba(41, 48, 127, 0);
            font-weight: 200;
            color: #edf4fa;
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47);
            padding-top: 7px;
            padding-right: 5px;
            padding-bottom: 7px;
            padding-left: 0
        }

        #brxe-hfohhx .bricks-button:not([type=submit]) {
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47)
        }

        #brxe-hfohhx .choose-files {
            border-top: 0 solid rgba(239, 245, 251, 0.47);
            border-right: 0 solid rgba(239, 245, 251, 0.47);
            border-bottom: 1px solid rgba(239, 245, 251, 0.47);
            border-left: 0 solid rgba(239, 245, 251, 0.47)
        }

        #brxe-hfohhx .form-group:not(:last-child) {
            padding-bottom: 20px
        }

        #brxe-hfohhx .bricks-button {
            background-color: #edf4fa;
            color: #29317c;
            font-weight: 700
        }

        textarea {
            field-sizing: content;
            height: auto !important;
            max-width: 100%;
            min-height: 130px;
        }



        #brxe-lkttbx {
            padding-top: clamp(50px, 6vw, 70px);
            padding-right: clamp(50px, 6vw, 70px);
            padding-bottom: clamp(50px, 6vw, 70px);
            padding-left: clamp(50px, 6vw, 70px);
            border-radius: 10px;
            max-width: 550px;
            background-image: url(images/bg-contacto-1024x576.jpg);
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover
        }


        @media (max-width: 991px) {
            #brxe-lkttbx {
                max-width: 440px
            }
        }


        @media (max-width: 478px) {
            #brxe-lkttbx {
                margin-top: 30px;
                margin-right: -;
                max-width: 100%;
                border-radius: 0
            }
        }


        #brxe-nifplz {
            flex-direction: row
        }


        @media (max-width: 767px) {
            #brxe-nifplz {
                width: 600px;
                justify-content: center
            }
        }


        @media (max-width: 478px) {
            #brxe-nifplz {
                padding-right: 0;
                padding-left: 0
            }
        }


        #contacto {
            padding-top: 10vh;
            padding-bottom: 7.7vh
        }



        #brxe-wydiwl {
            width: fit-content;
            padding-top: 5px;
            padding-right: 4px;
            max-width: clamp(32px, 3.4vw, 40px)
        }


        @media (max-width: 767px) {
            #brxe-wydiwl {
                padding-top: 0
            }
        }


        #brxe-xxcdcd {
            font-size: clamp(24px, 3.3vw, 32px);
            text-align: left;
            font-weight: 600;
            width: fit-content
        }



        #brxe-hmjedu {
            font-size: clamp(20px, 3vw, 26px);
            color: #29317c;
            font-weight: 700;
            text-align: left;
            line-height: 1;
            padding-top: 5px;
            width: 100%
        }



        #brxe-hfwfmo {
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 50px
        }



        @media (max-width: 767px) {
            #brxe-pmgwnz {
                display: none
            }
        }


        #brxe-dtphug {
            align-items: flex-end
        }



        #brxe-yiqovr {
            flex-direction: row
        }


        @media (max-width: 767px) {
            #brxe-yiqovr {
                width: 600px
            }
        }


        .brxe-iuxdas .brxe-wakrqj.brxe-text-basic {
            color: #d9d9d9;
            font-size: 15px;
            font-weight: 600;
            text-align: left;
            position: relative;
            z-index: 2;
            align-self: flex-start;
            padding-top: 0;
            padding-right: 0;
            padding-bottom: 7px;
            top: 0px;
            transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1)
        }


        @media (max-width: 991px) {
            .brxe-iuxdas .brxe-wakrqj.brxe-text-basic {
                font-size: 13px
            }
        }


        @media (max-width: 478px) {
            .brxe-iuxdas .brxe-wakrqj.brxe-text-basic {
                font-size: 12px
            }
        }


        .brxe-iuxdas .brxe-igtwfm.brxe-heading {
            font-size: 19px;
            color: #ffffff;
            letter-spacing: 0.1px;
            font-weight: 500;
            text-align: left;
            line-height: 1.2;
            position: relative;
            z-index: 2;
            top: 0px;
            transition: all 0.5s cubic-bezier(0.42, 0, 0.58, 1)
        }

        .brxe-iuxdas .brxe-igtwfm.brxe-heading:hover {
            text-decoration: underline
        }


        @media (max-width: 991px) {
            .brxe-iuxdas .brxe-igtwfm.brxe-heading {
                font-size: 18px
            }
        }


        @media (max-width: 478px) {
            .brxe-iuxdas .brxe-igtwfm.brxe-heading {
                font-size: 16px
            }
        }


        .brxe-iuxdas .brxe-kikumq.brxe-div {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 1;
            padding-top: 40px;
            padding-right: 40px;
            padding-bottom: 40px;
            padding-left: 40px;
            top: 0px;
            right: 0px;
            z-index: 0;
            background-image: linear-gradient(rgba(40, 46, 128, 0), rgba(11, 13, 35, 0.75))
        }


        @media (max-width: 991px) {
            .brxe-iuxdas .brxe-kikumq.brxe-div {
                padding-top: 30px;
                padding-right: 30px;
                padding-bottom: 30px;
                padding-left: 30px
            }
        }


        @media (max-width: 478px) {
            .brxe-iuxdas .brxe-kikumq.brxe-div {
                padding-top: 20px;
                padding-right: 20px;
                padding-bottom: 20px;
                padding-left: 20px
            }
        }


        .brxe-iuxdas .brxe-zzmlkj.brxe-div {
            position: absolute;
            width: 100%;
            height: 100%;
            transition: all 0.5s;
            opacity: 0;
            padding-top: 40px;
            padding-right: 40px;
            padding-bottom: 40px;
            padding-left: 40px;
            top: 0px;
            right: 0px;
            z-index: 1;
            background-color: rgba(247, 247, 247, 0.15)
        }


        @media (max-width: 991px) {
            .brxe-iuxdas .brxe-zzmlkj.brxe-div {
                padding-top: 30px;
                padding-right: 30px;
                padding-bottom: 30px;
                padding-left: 30px
            }
        }


        @media (max-width: 478px) {
            .brxe-iuxdas .brxe-zzmlkj.brxe-div {
                padding-top: 20px;
                padding-right: 20px;
                padding-bottom: 20px;
                padding-left: 20px
            }
        }


        .brxe-iuxdas .brxe-npkcyr.brxe-block {
            position: relative;
            aspect-ratio: 1/1.1;
            justify-content: flex-end;
            align-items: flex-start;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 170%;
            padding-top: 27px;
            padding-right: 27px;
            padding-bottom: 27px;
            padding-left: 27px;
            overflow: hidden;
            border-radius: 10px;
            transition: all 1s ease-in-out
        }

        .brxe-npkcyr:hover .brxe-zzmlkj {
            opacity: 1 !important;
            backdrop-filter: blur(10px);
        }

        .brxe-npkcyr:hover.brxe-npkcyr {
            background-size: 184%;
        }

        .brxe-npkcyr:hover .fecha {
            top: -25px;
        }

        .brxe-npkcyr:hover .titular {
            top: -25px;
            transition-delay: 0.1s;
        }


        @media (max-width: 767px) {
            .brxe-iuxdas .brxe-npkcyr.brxe-block {
                flex-wrap: nowrap
            }
        }


        .brxe-iuxdas.brxe-block {
            justify-content: flex-start;
            /*padding-top: 35px*/
        }



        #brxe-jbgfnc .splide__arrow {
            height: 22px;
            width: 22px;
            color: #29317c
        }

        #brxe-jbgfnc .splide__arrow svg {
            fill: #29317c
        }

        #brxe-jbgfnc .splide__arrow--prev {
            top: 39%;
            left: -34px
        }

        #brxe-jbgfnc .splide__arrow--next {
            right: -34px;
            top: 39%
        }


        @media (max-width: 991px) {
            #brxe-jbgfnc .splide__arrow--prev {
                left: -26px;
                top: 39%
            }

            #brxe-jbgfnc .splide__arrow--next {
                right: -26px;
                top: 39%
            }
        }


        @media (max-width: 767px) {
            #brxe-jbgfnc .splide__arrow--prev {
                top: 40%
            }

            #brxe-jbgfnc .splide__arrow--next {
                top: 40%
            }
        }


        @media (max-width: 478px) {
            #brxe-jbgfnc .splide__arrow {
                height: 20px;
                width: 20px
            }
        }


        #brxe-xjfhva .bricks-layout-wrapper {
            --gutter: 30px
        }

        #brxe-xjfhva .repeater-item [data-field-id="f1d328"] {
            margin-top: 20px;
            margin-right: 0;
            margin-bottom: 20px;
            margin-left: 0
        }

        #brxe-xjfhva {
            display: none
        }



        #brxe-ajxkaz {
            flex-direction: row
        }


        @media (max-width: 767px) {
            #brxe-ajxkaz {
                width: 600px
            }
        }


        #publicaciones {
            background-position: center right;
            background-size: auto;
            background-repeat: no-repeat;
            padding-top: 7.6vh;
            padding-bottom: 7.6vh
        }



        #brxe-uvpozg {
            width: fit-content;
            padding-top: 5px;
            padding-right: 4px;
            max-width: clamp(32px, 3.4vw, 40px)
        }


        @media (max-width: 767px) {
            #brxe-uvpozg {
                padding-top: 0
            }
        }


        #brxe-mwwvda {
            font-size: clamp(28px, 3.3vw, 40px);
            text-align: left;
            font-weight: 600;
            width: fit-content
        }



        #brxe-afcrzs {
            font-size: clamp(20px, 3vw, 26px);
            color: #29317c;
            font-weight: 700;
            text-align: left;
            line-height: 1;
            padding-top: 5px;
            width: -webkit-fill-available
        }



        #brxe-sgttqy {
            flex-direction: row;
            flex-wrap: wrap;
            padding-right: 50px;
            padding-bottom: 15px;
            width: 35%
        }


        @media (max-width: 767px) {
            #brxe-sgttqy {
                padding-right: 20px
            }
        }


        @media (max-width: 478px) {
            #brxe-sgttqy {
                width: 100%
            }
        }


        #brxe-ctkdpt {
            width: clamp(120px, 15vw, 132px)
        }

        .logo {
            transition: all 0.5s
        }

        .logo:hover img {
            transform: translateY(-10px);
        }



        #brxe-gtnydw {
            width: clamp(120px, 15vw, 132px)
        }



        #brxe-qboqzo {
            flex-direction: row;
            column-gap: 50px;
            width: 65%
        }


        @media (max-width: 767px) {
            #brxe-qboqzo {
                column-gap: 30px
            }
        }


        @media (max-width: 478px) {
            #brxe-qboqzo {
                width: 100%
            }
        }


        #brxe-iljbgq {
            flex-direction: row;
            align-items: center
        }


        @media (max-width: 767px) {
            #brxe-iljbgq {
                width: 600px
            }
        }


        #asociados {
            background-position: center right;
            background-size: auto;
            background-repeat: no-repeat;
            padding-top: 7.6vh;
            padding-bottom: 13.6vh
        }


        /* FOOTER CSS (ID: 15) */


        #brxe-jqsuir {
            max-width: clamp(170px, 18vw, 190px)
        }

        #brxe-jqsuir {
            transition: all 0.3s;
            filter: brightness(0) invert(1);
        }

        #brxe-jqsuir:hover {
            filter: brightness(1) invert(0);
        }



        #brxe-zwlkbz {
            font-size: clamp(18px, 3vw, 20px);
            color: #f5f5f5;
            text-align: center;
            font-weight: 300;
            padding-top: 55px
        }


        @media (max-width: 767px) {
            #brxe-zwlkbz {
                text-align: center
            }
        }


        #brxe-ounpup li.has-link a,
        #brxe-ounpup li.no-link {
            padding-top: 13px;
            padding-right: 13px;
            padding-bottom: 13px;
            padding-left: 13px;
            width: 44px;
            height: 44px
        }

        #brxe-ounpup {
            color: #ffffff;
            font-size: 18px;
            gap: 16px
        }

        #brxe-ounpup .repeater-item:nth-child(1) {
            background-color: #f5f5f5;
            color: #30303f
        }

        #brxe-ounpup .repeater-item:nth-child(1):hover {
            background-color: #3649ab;
            color: #f5f5f5
        }

        #brxe-ounpup .repeater-item:nth-child(2) {
            background-color: #f5f5f5;
            color: #30303f
        }

        #brxe-ounpup .repeater-item:nth-child(2):hover {
            background-color: #872ac0;
            color: #f5f5f5
        }

        #brxe-ounpup .repeater-item:nth-child(3) {
            background-color: #f5f5f5;
            color: #30303f
        }

        #brxe-ounpup .repeater-item:nth-child(3):hover {
            background-color: #8a1a13;
            color: #f5f5f5
        }

        #brxe-ounpup li {
            margin-top: 40px;
            transition: all 0.5s;
            border-radius: 90px
        }



        #brxe-besorg {
            font-size: clamp(18px, 3vw, 20px);
            color: #f5f5f5;
            text-align: center;
            font-weight: 300;
            padding-top: 100px
        }


        @media (max-width: 767px) {
            #brxe-besorg {
                text-align: center
            }
        }


        #brxe-zppesm {
            align-items: center;
            width: clamp(700px, 30vw, 600px)
        }



        #brxe-hrttej {
            background-position: center center;
            background-size: cover;
            background-image: url(images/bg-footer.jpg);
            background-attachment: fixed;
            background-repeat: no-repeat;
            padding-top: 100px;
            padding-bottom: 65px;
            justify-content: space-around
        }





        #brx-header.sticky.scrolling>.brxe-section,
        #brx-header.sticky.scrolling>.brxe-container,
        #brx-header.sticky.scrolling>.brxe-block,
        #brx-header.sticky.scrolling>.brxe-div {
            background-color: rgba(41, 48, 127, 0.92)
        }

        #brx-header.sticky {
            transition: all 0.5s
        }

        #brx-header.sticky>.brxe-section,
        #brx-header.sticky>.brxe-container,
        #brx-header.sticky>.brxe-block,
        #brx-header.sticky>.brxe-div {
            transition: all 0.5s
        }

        #brx-header.sticky .brxe-logo {
            transition: all 0.5s
        }

        #brx-header.sticky .bricks-nav-menu>li>a {
            transition: all 0.5s
        }

        #brx-header.sticky .bricks-nav-menu>li>.brx-submenu-toggle>a {
            transition: all 0.5s
        }

        #brx-header.sticky .bricks-nav-menu>li>.brx-submenu-toggle>button>* {
            transition: all 0.5s
        }

        #brx-header.sticky .brx-nav-nested-items>li>a {
            transition: all 0.5s
        }

        #brx-header.sticky .brx-nav-nested-items>li>.brx-submenu-toggle {
            transition: all 0.5s
        }

        #brx-header.sticky .brx-nav-nested-items>li>.brx-submenu-toggle>* {
            transition: all 0.5s
        }

        #brx-header.sticky .brxe-nav-nested>.brxe-toggle .brxa-inner {
            transition: all 0.5s
        }

        #brx-header.sticky .brxe-search {
            transition: all 0.5s
        }

        #brx-header.sticky .brxe-search button {
            transition: all 0.5s
        }
        
/* FONDO OSCURO */
.ipe-popup-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
}

/* CAJA DEL POPUP */
.ipe-popup{
    background:white;
    width:850px;
    max-width:90%;
    max-height:90vh;   /* limite vertical */
    overflow-y:auto;   /* scroll vertical */
    padding:40px;
    border-radius:10px;
    box-shadow:0 15px 40px rgba(0,0,0,0.3);
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
}

/* LOGO */
.ipe-logo{
    width:120px;
    margin:0 auto 20px auto;
    display:block;
}

/* TITULO */
.ipe-popup h2{
    font-size:22px;
    margin-bottom:10px;
    color:#1d3557;
}

/* FECHA */
.ipe-fecha{
    font-size:13px;
    color:#666;
    margin-bottom:20px;
}

/* TEXTO */
.ipe-texto{
    font-size:14px;
    line-height:1.6;
    text-align:left;
    margin-bottom:25px;
}

.ipe-texto strong {
    font-weight: bold;
}

/* PIE */
.ipe-footer{
    font-weight:bold;
    font-size:14px;
    margin-bottom:25px;
}

/* BOTON */
.ipe-cerrar{
    background:#0b3d6d;
    color:white;
    border:none;
    padding:10px 30px;
    border-radius:6px;
    cursor:pointer;
    font-size:14px;
    display:block;
    margin:0 auto;
}

.ipe-cerrar:hover{
    background:#072d4f;
}

/* --- Block 4 — publicaciones --- */
#publicaciones {
                    margin: 40px 0;
                    margin-left: 100px;
                    margin-right: 100px;
                }

                /* Laptops / tablets horizontales */
                @media (max-width:1200px) {
                    #publicaciones {
                        margin-left: 60px;
                        margin-right: 60px;
                    }
                }

                /* Tablets verticales */
                @media (max-width:992px) {
                    #publicaciones {
                        margin-left: 40px;
                        margin-right: 40px;
                    }
                }

                /* Móviles */
                @media (max-width:576px) {
                    #publicaciones {
                        margin-left: 20px;
                        margin-right: 20px;
                    }
                }

                #publicaciones .header-publicaciones {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 10px;
                }

                #publicaciones .btn-ver-mas {
                    background: #29317c;
                    color: #fff;
                    padding: 8px 14px;
                    border-radius: 4px;
                    text-decoration: none;
                }

                #publicaciones .swiper-slide {
                    border-radius: 10px;
                    overflow: hidden;
                }

                /* tarjeta */
                #publicaciones .card-link {
                    display: block;
                    color: inherit;
                    text-decoration: none;
                    cursor: pointer;
                }

                #publicaciones .card-publicacion {
                    height: 270px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 0;
                    /* moved interior padding into .card-content */
                    color: white;
                    position: relative;
                    overflow: hidden;
                }

                /* capa de fondo (imagen real) */
                #publicaciones .card-publicacion .card-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background-size: cover;
                    background-position: center;
                    transition: filter .28s ease, transform .28s ease;
                    will-change: filter, transform;
                }

                /* contenido encima de la imagen */
                #publicaciones .card-publicacion .card-content {
                    position: relative;
                    z-index: 2;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 16px;
                    box-sizing: border-box;
                }

                /* === OVERLAY OSCURO === */
                #publicaciones .card-publicacion::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.45);
                    z-index: 1;
                    transition: background .2s;
                }

                /* Fuerza color blanco dentro de la tarjeta (evita que el <a> cambie el color) */
                #publicaciones .card-publicacion,
                #publicaciones .card-publicacion .fecha,
                #publicaciones .card-publicacion .card-titulo {
                    color: white !important;
                }

                #publicaciones .card-titulo a {
                    color: white;
                    text-decoration: none;
                }

                /* === HOVER: efecto blur en la imagen y leve escala === */
                #publicaciones .card-link:hover .card-bg {
                    filter: blur(3px) brightness(.95);
                    transform: scale(1.02);
                }

                /* opcional: hacer overlay un poco más oscuro en hover */
                #publicaciones .card-link:hover .card-publicacion::before {
                    background: rgba(0, 0, 0, 0.55);
                }

/* --- Block 5 — noticias --- */
#noticias {
                    margin: 40px 0;
                    margin-left: 100px;
                    margin-right: 100px;
                }

                @media (max-width:1200px) {
                    #noticias {
                        margin-left: 60px;
                        margin-right: 60px;
                    }
                }

                @media (max-width:992px) {
                    #noticias {
                        margin-left: 40px;
                        margin-right: 40px;
                    }
                }

                @media (max-width:576px) {
                    #noticias {
                        margin-left: 20px;
                        margin-right: 20px;
                    }
                }

                #noticias .header-noticias {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 10px;
                }

                #noticias .btn-ver-mas {
                    background: #29317c;
                    color: #fff;
                    padding: 8px 14px;
                    border-radius: 4px;
                    text-decoration: none;
                }

                #noticias .swiper-slide {
                    border-radius: 10px;
                    overflow: hidden;
                }

                /* ==== TARJETA ===== */

                #noticias .card-link {
                    display: block;
                    color: inherit;
                    text-decoration: none;
                }

                #noticias .card-noticia {
                    background: #fff;
                    border-radius: 10px;
                    overflow: hidden;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                }

                /* imagen arriba */
                #noticias .img-noticia {
                    width: 100%;
                    height: 200px;
                    background-size: cover;
                    background-position: center;
                    transition: filter .28s ease, transform .28s ease;
                    /* <<< agregado */
                }

                /* HOVER: blur + zoom */
                #noticias .card-link:hover .img-noticia {
                    filter: blur(3px) brightness(.95);
                    /* <<< agregado */
                    transform: scale(1.02);
                    /* <<< agregado */
                }

                /* contenido abajo */
                #noticias .card-body {
                    padding: 12px 14px;
                    display: flex;
                    flex-direction: column;
                    gap: 4px;
                    height: 120px;
                    box-sizing: border-box;
                }

                /* categoría */
                #noticias .categoria {
                    font-size: 12px;
                    font-weight: 600;
                    color: #555;
                    line-height: 1.2;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-transform: uppercase;
                }

                /* título */
                #noticias .titulo {
                    font-size: 16px;
                    font-weight: 700;
                    color: #222;
                    line-height: 1.25;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }

                /* fecha */
                #noticias .fecha {
                    font-size: 13px;
                    color: #777;
                    line-height: 1.2;
                    display: -webkit-box;
                    -webkit-line-clamp: 1;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }

/* --- Block 6 — videos --- */
#videos {
                    margin: 40px 0;
                    margin-left: 100px;
                    margin-right: 100px;
                }

                @media (max-width:1200px) {
                    #videos {
                        margin-left: 60px;
                        margin-right: 60px;
                    }
                }

                @media (max-width:992px) {
                    #videos {
                        margin-left: 40px;
                        margin-right: 40px;
                    }
                }

                @media (max-width:576px) {
                    #videos {
                        margin-left: 20px;
                        margin-right: 20px;
                    }
                }

                #videos .header-videos {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 10px;
                }

                #videos .btn-ver-mas {
                    background: #29317c;
                    color: #fff;
                    padding: 8px 14px;
                    border-radius: 4px;
                    text-decoration: none;
                }

                #videos .swiper-slide {
                    border-radius: 10px;
                    overflow: hidden;
                }

                /* tarjeta */
                #videos .card-link {
                    display: block;
                    color: inherit;
                    text-decoration: none;
                    cursor: pointer;
                }

                #videos .card-video {
                    height: 270px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 0;
                    color: white;
                    position: relative;
                    overflow: hidden;
                }

                /* fondo imagen */
                #videos .card-video .card-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background-size: cover;
                    background-position: center;
                    transition: filter .28s ease, transform .28s ease;
                    will-change: filter, transform;
                }

                /* contenido */
                #videos .card-video .card-content {
                    position: relative;
                    z-index: 2;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 16px;
                    box-sizing: border-box;
                }

                /* overlay oscuro */
                #videos .card-video::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.45);
                    z-index: 1;
                    transition: background .2s;
                }

                #videos .fecha,
                #videos .card-titulo {
                    color: white !important;
                }

                /* HOVER efecto blur */
                #videos .card-link:hover .card-bg {
                    filter: blur(3px) brightness(.95);
                    transform: scale(1.02);
                }

                #videos .card-link:hover .card-video::before {
                    background: rgba(0, 0, 0, 0.55);
                }

                /* === ICONO PLAY === */
                #videos .play-icon {
                    position: absolute;
                    z-index: 3;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    opacity: 0;
                    transition: opacity .25s;
                    width: 70px;
                    height: 70px;
                    pointer-events: none;
                }

                #videos .card-link:hover .play-icon {
                    opacity: 1;
                }

/* --- Block 7 — participaciones --- */
#participaciones {
                    margin: 40px 0;
                    margin-left: 100px;
                    margin-right: 100px;
                }

                /* Laptops / tablets horizontales */
                @media (max-width:1200px) {
                    #participaciones {
                        margin-left: 60px;
                        margin-right: 60px;
                    }
                }

                /* Tablets verticales */
                @media (max-width:992px) {
                    #participaciones {
                        margin-left: 40px;
                        margin-right: 40px;
                    }
                }

                /* Móviles */
                @media (max-width:576px) {
                    #participaciones {
                        margin-left: 20px;
                        margin-right: 20px;
                    }
                }

                #participaciones .header-participaciones {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-bottom: 10px;
                }

                #participaciones .btn-ver-mas {
                    background: #29317c;
                    color: #fff;
                    padding: 8px 14px;
                    border-radius: 4px;
                    text-decoration: none;
                }

                #participaciones .swiper-slide {
                    border-radius: 10px;
                    overflow: hidden;
                }

                /* tarjeta */
                #participaciones .card-link {
                    display: block;
                    color: inherit;
                    text-decoration: none;
                    cursor: pointer;
                }

                #participaciones .card-participacion {
                    height: 270px;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 0;
                    color: white;
                    position: relative;
                    overflow: hidden;
                }

                /* capa de fondo (imagen real) */
                #participaciones .card-participacion .card-bg {
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    background-size: cover;
                    background-position: center;
                    transition: filter .28s ease, transform .28s ease;
                    will-change: filter, transform;
                }

                /* contenido encima de la imagen */
                #participaciones .card-participacion .card-content {
                    position: relative;
                    z-index: 2;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                    padding: 16px;
                    box-sizing: border-box;
                }

                /* === OVERLAY OSCURO === */
                #participaciones .card-participacion::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, 0.45);
                    z-index: 1;
                    transition: background .2s;
                }

                /* Fuerza color blanco dentro de la tarjeta */
                #participaciones .card-participacion,
                #participaciones .card-participacion .fecha,
                #participaciones .card-participacion .card-titulo {
                    color: white !important;
                }

                #participaciones .card-titulo a {
                    color: white;
                    text-decoration: none;
                }

                /* === HOVER: efecto blur en la imagen y leve escala === */
                #participaciones .card-link:hover .card-bg {
                    filter: blur(3px) brightness(.95);
                    transform: scale(1.02);
                }

                #participaciones .card-link:hover .card-participacion::before {
                    background: rgba(0, 0, 0, 0.55);
                }

/* --- Block 8 — truncate / popup / misc --- */
.truncate-multi-line {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }

        .border-custom {
            background: none !important;
            border: 2px solid black;
        }

        .video-modal {
            position: fixed;
            inset: 0;
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 9999;
        }

        .video-modal.is-open {
            display: flex;
        }

        .video-modal__backdrop {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.7);
        }

        .video-modal__dialog {
            position: relative;
            width: min(900px, 92vw);
            aspect-ratio: 16/9;
            background: #000;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
            overflow: hidden;
        }

        .video-modal__content {
            position: absolute;
            inset: 0;
        }

        .video-modal__content>iframe,
        .video-modal__content>video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            background: #000;
        }

        .video-modal__close {
            position: absolute;
            top: 8px;
            right: 10px;
            z-index: 2;
            background: rgba(0, 0, 0, 0.55);
            color: #fff;
            border: 0;
            width: 36px;
            height: 36px;
            border-radius: 6px;
            font-size: 22px;
            line-height: 1;
            cursor: pointer;
        }

        .video-modal__close:hover {
            background: rgba(0, 0, 0, 0.8);
        }

        .video-play-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 64px;
            height: 64px;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
            transition: background 0.2s;
        }

        .video-play-icon::before {
            content: '';
            display: block;
            margin-left: 3px;
            width: 0;
            height: 0;
            border-left: 18px solid #fff;
            border-top: 12px solid transparent;
            border-bottom: 12px solid transparent;
        }

        .brxe-npkcyr:hover .video-play-icon {
            background: rgba(0, 0, 0, 0.7);
        }

/* ===================================================
   Estilos adicionales de publicaciones.html
=================================================== */

html {
            scroll-behavior: smooth
        }




        :root .bricks-color-primary {
            color: #29317c
        }

        :root .bricks-background-primary {
            background-color: #29317c
        }

        :root .bricks-color-secondary {
            color: #595b6a
        }

        :root .bricks-background-secondary {
            background-color: #595b6a
        }

        :root .bricks-color-light {
            color: #f5f5f5
        }

        :root .bricks-background-light {
            background-color: #f5f5f5
        }

        :root .bricks-color-dark {
            color: #29317c
        }

        :root .bricks-background-dark {
            background-color: #29317c
        }

@media (max-width: 767px) {

            /* CUSTOM CSS */
            #brxe-htskvk img {
                min-width: clamp(210px, 34vw, 260px)
            }
        }

#brxe-dnlpny {
            padding-top: 7px;
            padding-right: 15.2px;
            padding-bottom: 7px;
            padding-left: 15.2px;
            gap: 4px;
            font-size: clamp(16px, 1.75vw, 17px)
        }

@media (max-width: 767px) {
            #brxe-dnlpny {
                display: none
            }
        }

#brxe-rpngsc {
            width: fit-content;
            max-width: clamp(32px, 4.4vw, 60px);
            padding-top: 0;
            margin-left: -6px
        }

@media (max-width: 767px) {
            #brxe-rpngsc {
                padding-top: 0
            }
        }

#brxe-uejfhh {
            font-weight: 700;
            text-align: left;
            color: #29317c;
            font-size: clamp(32px, 4.2vw, 44px);
            letter-spacing: -0.5px;
            line-height: 1.15;
            width: fit-content
        }

@media (max-width: 767px) {
            #brxe-uejfhh {
                font-size: 32px;
                width: 100%
            }
        }

@media (max-width: 767px) {

            /* CUSTOM CSS */
            .txt-mot4 span:before {
                margin: 11px 20px 11px 0;
            }

.txt-mot4 span:after {
                margin: 11px 0 11px 20px;
            }
        }

@media (max-width: 478px) {

            /* CUSTOM CSS */
            .txt-mot4 span:before {
                display: none;
            }

.txt-mot4 span:after {
                display: none;
            }
        }

#brxe-tgfjgt {
            text-align: left;
            font-family: "Raleway";
            font-size: clamp(18px, 2vw, 21px);
            width: 100%
        }

#brxe-tgfjgt a {
            text-align: left;
            font-family: "Raleway";
            font-size: clamp(18px, 2vw, 21px);
            font-size: inherit
        }

#brxe-traops {
            flex-direction: row;
            width: 950px;
            flex-wrap: wrap
        }

@media (max-width: 767px) {
            #brxe-traops {
                width: 100%;
                flex-direction: row;
                align-items: center;
                flex-wrap: wrap;
            }
        }

#brxe-fhwoke {
            background-position: center center;
            background-repeat: no-repeat;
            background-image: url(images/bg-publicaciones.jpg);
            background-attachment: fixed;
            background-size: cover;
            justify-content: center;
            position: relative;
            height: clamp(370px, 40vw, 460px)
        }

@media (max-width: 767px) {
            #brxe-fhwoke {
                height: auto;
                padding-top: 100px;
                padding-bottom: 40px;
            }
        }

        :where(#brxe-fhwoke > *) {
            position: relative
        }

#brxe-fhwoke::before {
            background-image: linear-gradient(rgba(247, 247, 247, 0.46), rgba(247, 247, 247, 0.46));
            position: absolute;
            content: "";
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            pointer-events: none
        }

.brxe-ezcnhm .brxe-xitdfc.brxe-image:not(.tag) {
            aspect-ratio: 1/1.1;
            object-fit: cover
        }

.brxe-ezcnhm .brxe-xitdfc.brxe-image img {
            aspect-ratio: 1/1.1;
            object-fit: cover
        }

.brxe-ezcnhm .brxe-xitdfc.brxe-image {
            border-radius: 10px;
            transition: all 0.7s cubic-bezier(0.42, 0, 0.58, 1)
        }

.brxe-xitdfc img {
            border-radius: 10px;
        }

.brxe-ezcnhm .brxe-mgvchw.brxe-div {
            width: 247px;
            position: relative;
            overflow: hidden;
            border-radius: 10px
        }

.brxe-mgvchw:hover img {
            scale: 1.1
        }

@media (max-width: 478px) {
            .brxe-ezcnhm .brxe-mgvchw.brxe-div {
                width: 100%
            }
        }

.brxe-ezcnhm .brxe-twxnwh.brxe-post-meta {
            font-size: 14px;
            font-weight: 500;
            padding-bottom: 5px
        }

@media (max-width: 478px) {
            .brxe-ezcnhm .brxe-twxnwh.brxe-post-meta {
                padding-top: 10px
            }
        }

.brxe-ezcnhm .brxe-clneif.brxe-post-title {
            font-size: clamp(18px, 1.8vw, 20px);
            font-weight: 700;
            padding-bottom: 10px
        }

.brxe-ezcnhm .brxe-clneif.brxe-post-title:hover {
            text-decoration: underline
        }

.brxe-ezcnhm .brxe-qykwxq.brxe-post-excerpt {
            font-size: 16px
        }

.brxe-ezcnhm .brxe-tjlhnl.brxe-divider.horizontal .line {
            border-top-color: #e9e9e9
        }

.brxe-ezcnhm .brxe-tjlhnl.brxe-divider.vertical .line {
            border-right-color: #e9e9e9
        }

.brxe-ezcnhm .brxe-tjlhnl.brxe-divider .icon {
            color: #e9e9e9
        }

.brxe-ezcnhm .brxe-tjlhnl.brxe-divider {
            padding-top: 30px
        }

.brxe-ttpmay {
            flex: 4.5 1 0;
        }

.brxe-ezcnhm.brxe-block {
            flex-direction: row;
            align-items: center;
            display: flex;
            column-gap: 30px;
            padding-bottom: 60px
        }

#brxe-wkxlrc {
            width: 950px;
            margin-top: -80px;
            position: relative;
            padding-top: 60px;
            padding-right: 60px;
            padding-bottom: 60px;
            padding-left: 60px;
            background-color: #ffffff;
            border-radius: 15px
        }

@media (max-width: 767px) {
            #brxe-wkxlrc {
                width: 100%;
                border-radius: 0;
                margin-top: -30px;
                padding: 30px 20px;
            }
        }

#brxe-fkbsvr {
            padding-bottom: 40px;
            background-color: #edf4fa
        }
/* ===================================================
   Estilos de detallenoticia.php
=================================================== */

/* Hero — mismo comportamiento que #brxe-fhwoke en publicaciones */
#brxe-zvcxos {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    justify-content: center;
    position: relative;
    height: clamp(370px, 40vw, 460px);
}

#brxe-zvcxos::before {
    background-image: linear-gradient(rgba(247, 247, 247, 0.46), rgba(247, 247, 247, 0.46));
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#brxe-lrlfts {
    position: relative;
    z-index: 1;
    flex-direction: row;
    width: 950px;
    flex-wrap: wrap;
    padding-top: 40px;
}

#brxe-ychsod {
    font-size: clamp(32px, 4.2vw, 44px);
    line-height: 1.15;
    color: #29317c;
    font-weight: 700;
    letter-spacing: -0.5px;
    width: 100%;
}

/* Sección contenido — mismo comportamiento que #brxe-fkbsvr */
#brxe-tgbrxa {
    background-color: #edf4fa;
    padding-bottom: 40px;
}

/* Caja blanca — mismo comportamiento que #brxe-wkxlrc */
#brxe-xxnxlt {
    width: 950px;
    margin-top: -80px;
    position: relative;
    padding-top: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-left: 60px;
    background-color: #ffffff;
    border-radius: 15px;
}

/* Iconos redes sociales alineados a la derecha */
#brxe-mxgewg {
    display: flex;
    justify-content: flex-end;
}
#brxe-hondvg {
    justify-content: flex-end;
}
#brxe-sfejnv {
    display: none;
}

/* Fecha alineada a la derecha */
#brxe-yhfltb {
    text-align: right;
    font-size: 14px;
    color: #595b6a;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    #brxe-zvcxos {
        height: auto;
        padding-top: 100px;
        padding-bottom: 40px;
    }
    #brxe-lrlfts {
        width: 100%;
        padding-top: 20px;
    }
    #brxe-ychsod {
        font-size: 32px;
    }
    #brxe-xxnxlt {
        width: 100%;
        border-radius: 0;
        margin-top: -30px;
        padding: 30px 20px;
    }
}