/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* MENU PRINCIPAL */

.main-navigation .sub-menu {
    background-color: #746E71;
    color: white;
}


/**** ESTILOS DEL HOME ****/

.imagen_nuestrosservicios_small {
    height: 220px !important;
}

.imagen_nuestrosservicios_small .uagb-image-heading {
    font-size: 18px;
    color: #3CB4E5 !important;
}

.imagen_nuestrosservicios_small .wp-block-uagb-image {
    background-color: transparent !important;
    background: none !important;
}

.imagen_nuestrosservicios_small .wp-block-uagb-image__figure {
    background-color: transparent !important;
    background: none !important;
}

.imagen_nuestrosservicios_small .wp-block-uagb-image__figure img {
    border-radius: 10px !important;
    background-color: transparent !important;
    background: none !important;
}

/* Pie de pagina */
#ulPiePagina {
    list-style: none !important;
    /* Elimina los estilos de la lista (puntos, números, etc.) */
    padding: 0 !important;
    /* Elimina el relleno predeterminado de la lista */
    margin: 0 !important;
    /* Elimina el margen predeterminado de la lista */
}

#ulPiePagina li {
    display: inline !important;
    /* Hace que los elementos li se muestren en línea */
    margin-right: 40px !important;
    /* Añade un margen entre los elementos li (ajusta según necesites) */
}

/* Formulario */

.wpcf7 {
    border: 1px solid white !important;
    border-radius: 24px;
    padding: 20px 35px;
}
.wpcf7-webinar{
background-color: #ffffff;
}

.wpcf7-text {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    color: white !important;
    font-size: 15px;
}

.wpcf7-text::placeholder {
    color: white !important;
}

.wpcf7-textarea {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid white !important;
    color: white !important;
    font-size: 15px;
}

.wpcf7-textarea::placeholder {
    color: white !important;
}

.wpcf7-list-item-label {
    color: #fff;
    font-size: 12px;
}



/* Mapa */

.contenedorHomeMapa {
    background-color: #F0F0F0;
}


/* Casos de exito */

.slick-prev:before {
    font-size: 30px !important;
    color: rgb(145, 145, 145) !important;

}

.slick-list {
    margin: 0 5px;
    margin-top: 17px;
}

/* 

.slick-track {
    width: 1300px;
    height: 420px;
    padding: 10px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #F7F3F5;
}



.slick-list {
    margin: 0 5px;
    margin-top: 17px;
} */

.slick-slide:hover {
    /* z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.2);
    transition: all 200ms ease-in;
    transform: scale(1.025);
    margin: 10px;
    height: 415px !important; */

    /* z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.2);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.2);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.95);
    transition: all 200ms ease-in;
    transform: scale(0.95);
    margin-left: 20px;
    margin-right: 20px;
    height: 420px !important */
}

/* 
.slick-slide {
    display: inline-flex;
    border: 0;
    width: 400px !important;
    height: inherit;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(0.9);
    transition: all 200ms ease-in;
    transform: scale(0.9);
    row-gap: 5px;
    column-gap: 0px;
    overflow: visible;
    margin-right: -20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    background-color: var(--ast-global-color-5);
    /* min-height: 400px;
    box-shadow: 3px 8px 12px -9px #00000070;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 5px;
    row-gap: 5px;
    column-gap: 0px;
    overflow: visible;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: inherit;
    background-color: var(--ast-global-color-5);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    max-width: 100% !important; 
}
*/

.slick-next:before {
    font-size: 30px !important;
    color: rgb(145, 145, 145) !important;

}

/* carrusel home*/
.bloque-carrusel {
    box-shadow: 2px 2px 10px 0px #0000002B !important;

    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: var(--ast-global-color-5);
    transform: scale(0.9);
}

.bloque-carrusel:hover {
    transform: scale(0.95);
    /*margin: 10px;
     height: 415px !important; */
}



.slick-prev:before {
    opacity: 1 !important
}

.slick-next:before {
    opacity: 1 !important
}



.slick-prev:before {
    color: rgb(255 255 255) !important;
}

.slick-next:before {
    color: rgb(255 255 255) !important;
}

.slick-dots {
    bottom: -40px !important;
}

.slick-dots li {
    margin: 0 12px;
}

.slick-dots li.slick-active button:before {
    color: #000;
    width: 40px !important;
    background-color: #F93549;
    content: "" !important;
    opacity: 1;
    height: 4px;
    border-radius: 9px !important;
}

.slick-dots li button:before {
    width: 40px !important;
    background-color: #D9D9D9;
    content: "" !important;
    opacity: 1;
    border-radius: 9px !important;
    margin-left: 2px !important;
    height: 4px;
}

.slick-prev,
.slick-next {
    box-shadow: 2px 2px 10px 0px #0000002B !important;
    background: #f93549 !important;
    height: 22px;
    width: 22px;
    justify-content: center;
    display: flex;
}

.uagb-infobox-cta-link>svg {
    fill: #F93549;
    height: 22px;
    width: 11px;
}



/* video home*/
#player {
    width: 100%;
    height: 100%;
    background: #F0F0F0 !important;
    BORDER-RADIUS: 20PX ! IMPORTANT;
}

.webkit-537 {
    background: #F0F0F0 !important;
}

:root .presto-player_wrapper {
    border-radius: 24px !important;
}


.plyr__poster :root {
    border-radius: 20px !important;
}

.plyr__control--overlaid {
    background: #0e2166 !important;
}

.html5-video-player {
    border-radius: 20px !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background: #fff;
    /* box-shadow: 0 3px 14px rgba(0, 0, 0, .4); */
    color: #21145F !important;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.leaflet-popup .leaflet-popup-content h6 {
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    color: #F93549;
    font-family: 'Roboto';
}

.leaflet-popup-tip-container {
    height: 0px !important;
    left: 0% !important;
    margin-left: -20px;
    margin-top: -1px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    width: 40px;
}

.leaflet-popup .leaflet-popup-content p {
    font-size: 14px !important;
    flex-flow: nowrap !important;
    display: flex !important;
    margin: 0;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    left: -90px !important;
}

.leaflet-popup .leaflet-popup-content {
    text-align: left !important;
    width: 163px !important;
}

.leaflet-popup .leaflet-popup-content h6 {
    font-size: 22px !important;
    font-weight: 600;
    margin: 0;
}

.leaflet-popup-content {
    font-size: 13px;
    font-size: 12px;
    line-height: 1.3;
    margin: 10px !important;
    min-height: 1px;
}


.wpcf7 form>div,
.wpcf7 form>p {
    margin-bottom: 0.2em !important;
}

.wpcf7 input:not([type=submit]),
.wpcf7 select,
.wpcf7 textarea {
    padding: 0.6em !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #F93549 !important;
    background: white;
    color: #F93549;
    border-radius: 10px;
    font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #65B741 !important;
    color: #2f8406 !important;
    background: white !important;
}

.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    display: block;
    background-color: #F93549;
    margin-left: 1px;
}

/* menu lateral*/
.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal {
    background: #ffffff !important;
    border-radius: 12px !important;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    height: 20px;
    fill: #000 !important;
}



.ast-button-wrap .menu-toggle.main-header-menu-toggle {
    padding: 0.35em !important;
    align-items: center;

}


.content-align-flex-start .main-header-menu {
    text-align: left;
    border: 0px solid !important;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link {
    padding: 0 20px;
    display: inline-block;
    width: 100%;
    border: 0;
    border-bottom-width: 0px !important;
    border-style: solid;
    border-color: var(--ast-border-color);
}

.ast-menu-toggle:focus-visible {
    outline-style: none !important;
}

.ast-menu-toggle {
    border-style: none !important;
}

.mr-bt {
    margin-bottom: 0px !important;
}

.m-auto {
    margin: auto !important;
}

.video-size {
    position: fixed;
    object-fit: cover;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    overflow: hidden
}


.tabla-aliado {
    width: 10% !important;
}

.tabla-aliado2 {
    width: 80% !important;
}



.wp-block-uagb-container.uagb-block-b04bcb43 {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}



input#submit,
input[type="button"],
input[type="submit"],
input[type="reset"],
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,
body .wp-block-file .wp-block-file__button {
    padding-top: 12px !important;
    padding-right: 25px !important;
    padding-bottom: 12px !important;
    padding-left: 25px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    text-transform: initial !important;
}

.wp-block-atbs-tabs .tabs-titles {
    background-color: #81a5ff00 !important;

}

.tab-title {
    width: 205px !important;
    text-align: center !important;
}

.wp-block-atbs-tabs .tabs-titles .tab-title.active {
    background-color: #09183d00 !important;
}

.tabs-content {
    /*  box-shadow: 2px 2px 10px 0px #0000002B;*/
    padding-right: 240px !important;
    padding-left: 240px !important;
    margin-top: 25px;
    border-width: 0px;
    border-style: solid;
    border-radius: 10px;
    background-image: linear-gradient(90deg, rgb(227, 237, 253) 0%, rgb(250, 230, 240) 100%);

}

@media (max-width: 767px) {
    .tabs-content {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

.single-tab {
    display: none;
    animation: 0.3s ease 0s 1 normal none running fadeInLeft !important;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-delay: 0.1s;

}

.enlace-ver {
    color: #F93549;
    text-decoration: underline;
    cursor: pointer;
}


/* .background-color1 {
    background-color: #21145F !important;
}

.background-color2 {
    background-color: #9c3ce5 !important;
}

.background-color3 {
    background-color: #F93549 !important;
} */

@media only screen and (max-width: 1024px) {
    .wp-block-uagb-container.uagb-block-079d9642 {
        min-height: 45vh !important;

    }

    .wp-block-cb-carousel .slick-slide {
        padding-left: 12.5px !important;
        padding-right: 12.5px !important;
        overflow: hidden;
    }


    .menu-link:hover {
        background-color: #202020;
    }

    .main-header-menu .menu-item:hover {
        position: relative;
        border-radius: 10px !important;
        background-color: #202020 !important;
    }

    .video-size {
        position: fixed;
        object-fit: fill;
        left: 0px;
        top: 0px;
        margin-left: -422px !important;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: block;
        width: 195vw;
    }

    .menu-item-gtranslate {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) {
    .wp-block-uagb-container.uagb-block-079d9642 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .wp-block-uagb-container.uagb-block-b04bcb43 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .tabla-aliado {
        width: 0% !important;
    }


    .tabla-aliado2 {
        width: 100% !important;
        font-size: 12px !important;
    }

    .wp-block-cb-carousel .slick-slide {
        padding-left: 12.5px !important;
        padding-right: 12.5px !important;
        padding-bottom: 5px !important;
        overflow: hidden;
    }

    .video-size {
        position: fixed;
        object-fit: fill;
        left: 0px;
        top: 0px;
        margin-left: -340px !important;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: block;
        width: 195vw;
    }


    .menu-item-gtranslate {
        display: none !important;
    }
}

@media only screen and (max-width: 700px) {
    .wp-block-uagb-container.uagb-block-079d9642 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .wp-block-uagb-container.uagb-block-b04bcb43 {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .tabla-aliado {
        width: 0% !important;
    }

    .tabla-aliado2 {
        width: 100% !important;
        font-size: 12px !important;
    }

    .wp-block-cb-carousel .slick-slide {
        padding-left: 12.5px !important;
        padding-right: 12.5px !important;

        overflow: hidden;
    }

    .menu-link:hover {
        background-color: #202020;
    }

    .main-header-menu .menu-item:hover {
        position: relative;
        border-radius: 10px !important;
        background-color: #202020 !important;
    }



    .slick-dots li.slick-active button:before {
        color: #000;
        width: 10px !important;
        background-color: #F93549;
        content: "" !important;
        opacity: 1;
        height: 4px;
        border-radius: 9px !important;
    }

    .slick-dots li button:before {
        width: 10px !important;
        background-color: #D9D9D9;
        content: "" !important;
        opacity: 1;
        border-radius: 9px !important;
        margin-left: 2px !important;
        height: 4px;
    }

    .slick-dots li {
        margin: 0 5px !important;
    }

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 2px !important;
        height: 10px !important;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

    .slick-dots {
        bottom: auto !important;
    }

}

@media (max-width: 540px) {
    .video-size {
        position: fixed;
        object-fit: fill;
        left: 0px;
        top: 0px;
        margin-left: -300px !important;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: block;
        width: 210vw;
    }
}

@media (max-width: 530px) {
    .ast-header-break-point .ast-header-button-1[data-section="section-hb-button-1"] {
        display: flex;
        justify-content: end;
    }

    .wpcf7 {
        padding: 25px !important;
    }

    .video-size {
        position: fixed;
        object-fit: fill;
        left: 0px;
        top: 0px;
        margin-left: -219px !important;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: block;
        width: 210vw;
    }
}

@media (max-width: 380px) {

    .video-size {
        position: fixed;
        object-fit: fill;
        left: 0px;
        top: 0px;
        margin-left: -197px !important;
        height: 100%;
        z-index: 9999;
        overflow: hidden;
        display: block;
        width: 210vw;
    }
}



/* Asegurarse de que el artículo ocupe el 100% del ancho disponible */
article {
    max-width: 100%;
    /* Asegura que el artículo ocupe todo el ancho disponible */
    margin: 0 auto;
    /* Centra el artículo, si es necesario */

}

/* Estilo para el layout de las entradas */
.post-layout {
    display: flex;
    justify-content: space-between;
    /* Separa las columnas */
    gap: 30px;
    /* Espacio entre las columnas */
}

.post-content {
    width: 70%;
    /* Asigna 70% al contenido principal */
}

.post-detail-content {
    background-color: #ffffff;
    margin: 20px 0px 35px 60px;
    border-radius: 10px;
}

.recent-posts {
    width: 30%;
    /* Asigna 30% a las entradas recientes */
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.recent-posts h3 {
    font-size: 1.4em;
    margin-bottom: 15px;
}

.recent-posts ul {
    list-style-type: none;
    padding: 0;
}

.recent-posts li {
    margin-bottom: 10px;
}

.recent-posts a {
    text-decoration: none;
    color: #333;
}

.recent-posts a:hover {
    color: #ff5733;
}

.site-content .ast-container {
    display: block;
}

.single-post .site-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.custom-post-container {
    width: 100%;
    display: block;
    /* Coloca la imagen y el título en una fila */
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

/* Contenedor de la imagen con color de fondo y opacidad */
.custom-post-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

/* Imagen destacada */
.custom-post-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

/* Fondo azul con opacidad sobre la imagen */
.custom-post-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000c4;
    /* Negro con 50% de opacidad */
    z-index: 1;
    /* Se superpone a la imagen */
}

.custom-post-title h2 {
    position: absolute;
    top: 50%;
    left: 3.5%;
    /* transform: translate(-50%, -50%); */
    color: white;
    /* Para que sea legible sobre el fondo oscuro */
    text-align: justify;
    z-index: 2;
}


.custom-post-title h2:has(:first-child) {
    white-space: pre-line;
}


.post-category-blog {
    position: absolute;
    top: 30%;
    left: 3.5%;
    display: inline-block;
    color: #3CB4E5;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    z-index: 2;
}

.post-category-blog a {
    color: #3CB4E5;
    text-decoration: none;
}

.mas-recientes {
    border-top: 8px solid #F93549;
    background-color: #ffffff;
    margin: 55px 60px 35px 35px;
    text-align: center;
    padding: 25px;
    border-radius: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    height: fit-content;
}

.mas-recientes h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #21145F;
    border-radius: 0px 0px 2px 2px;
    display: inline-block;
    padding-bottom: 5px;
}

.recientes-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.post-item {
    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 0px 10px 0px 0px;
    border-radius: 2px;
    box-shadow: 0px 4px 4px 0px #00000040;
    transition: transform 0.2s ease-in-out;
    max-width: 400px;
}

.post-item:hover {
    transform: scale(1.02);
}

.post-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #21145F;
    width: 100%;
}

.post-item img {
    width: 255px;
    /* Tamaño de la imagen */
    height: 150px;
    object-fit: cover;
    border-radius: 0px;
}

.post-info {
    flex-grow: 1;
    text-align: justify;
    padding: 0 10px;
}

.post-info .post-date {
    text-transform: capitalize;
    font-size: 14px;
    color: #21145F;
}

.post-info h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
    color: #21145F;
}

.post-arrow {
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0px 10px;
    border: 0px solid #F93549;
    background: #ffffff;
    color: #F93549;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 4px 0px #00000040;
    display: flex;
    margin-top: 15px;
}

.post-arrow-similar {
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    padding: 0px 10px;
    border: 0px solid #F93549;
    background: #ffffff;
    color: #F93549;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 4px 0px #00000040;
    display: flex;
}

.post-arrow-house {
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 52px;
    padding: 0px 10px;
    border: 0px solid #F93549;
    background: #ffffff;
    color: #F93549;
    border-radius: 18%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 4px 4px 0px #00000040;
    display: flex;
}

.navigation-articles {
    margin: 35px 0px 35px 60px;
}

.navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.navigation-buttons a {
    font-size: 20px;
    color: #21145F;
    place-content: center;
    text-decoration: none;
    padding: 0px 10px 0px 10px;
}

.mar-rigth {
    margin-right: 8px;
}

.mar-left {
    margin-left: 8px;
}

.home-button {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 45px;
    color: #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    padding: 0px 60px 0px 60px;
}


.similar-articles {
    margin: 35px 0px 35px 60px;
    padding: 60px;
    text-align: center;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.similar-title {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 35px;
    color: #21145F;
}

.similar-articles h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #21145F;
}

.similar-articles-container {
    display: flex;
    gap: 75px;
}

.similar-article {
    background: #ffffff;
    border-radius: 2px;
    overflow: hidden;
    width: 48%;
    /* Ajuste el tamaño de las tarjetas */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.similar-article:hover {
    transform: scale(1.02);
}

.similar-article a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #21145F;
    width: 100%;
}

.articule-span {
    display: flex;
    align-items: center;
}

.similar-article img {
    width: 280px;
    /* Tamaño de la imagen */
    height: 190px;
    object-fit: cover;
    border-radius: 0px;
}

.similar-article-info {
    flex-grow: 1;
    text-align: justify;
    padding: 0 10px;
}

.similar-article-date {
    font-size: 12px;
    color: #777;
}

.similar-article h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 5px 0;
}


/* Mediano (tablets) */
@media (max-width: 991px) {
    .post-layout {
        flex-direction: column;
        gap: 10px !important;
        /* Cambia a una sola columna en pantallas pequeñas */
    }

    .similar-article {
        width: 100%;
    }

    .post-content,
    .recent-posts {
        width: 100%;
        /* Asegura que ambas secciones ocupen todo el ancho */
    }

    .post-detail-content {
        margin: 25px;
    }

    .custom-post-container {
        flex-direction: column;
        /* En pantallas pequeñas, coloca la imagen y el título en una columna */
        align-items: center;
    }

    .custom-post-image img {
        max-width: 100%;
        /* La imagen ocupará todo el ancho disponible */
    }

    .mas-recientes {
        margin: 25px;
    }

    .post-item {
        max-width: 90%;
    }

    .navigation-articles {
        margin: 25px;
    }

    .similar-articles-container {
        flex-direction: column;
    }

    .similar-article {
        width: 100%;
    }

    .similar-articles {
        margin: 25px;
    }

    .navigation-buttons {
        justify-content: center;
    }

    .home-button {
        padding: 0px 25px 0px 25px;
    }

    .similar-title {
        font-size: 25px;
    }
}

/* Grande (laptops y pantallas medianas) */
@media (min-width: 992px) and (max-width: 1199px) {

    /* Estilos aquí */
    .post-layout {
        gap: 10px !important;
        /* Cambia a una sola columna en pantallas pequeñas */
    }

    .similar-title {
        font-size: 32px;
        font-weight: normal;
        margin-bottom: 35px;
        color: #21145F;
    }

    .similar-articles {
        padding: 25px;
    }

    .similar-articles h3 {
        font-size: 14px;
    }
}

/* 🔄 Estilos para el Loader */
#loader-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px;
    text-align: center;
}

#noSearch-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 150px;
    text-align: center;
}
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #F93549;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
    margin-bottom: 10px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Ocultar los posts mientras se carga */
#post-container {
    display: none;
}


:root{

    --acc-purple:#21145F;
    --acc-purple-soft:#51458A;

    --acc-pink:#F93549;

    --acc-blue:#3CB4E5;

    --acc-border:#E8E6F1;

    --acc-gray:#8E95A8;

}


/* ==================================================
   COMPARTIR ARTICULO PREMIUM
================================================== */


.accenti-share-light{


    padding:26px 30px;

    border-radius:24px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    background:
    linear-gradient(
        135deg,
        #ffffff 0%,
        #faf9ff 100%
    );

    border:1px solid #ECEAF5;


    box-shadow:
    0 18px 45px rgba(33,20,95,.08);


    position:relative;

    overflow:hidden;

}



/* detalle superior */

.accenti-share-light::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:120px;

    height:4px;


    background:linear-gradient(135deg,#F93549,#2206b1);

}


/* 

.accenti-share-light::after{

    content:"";

    position:absolute;

    right:-70px;

    top:-70px;

    width:190px;

    height:190px;

    background:
    rgba(60,180,229,.10);

    border-radius:50%;

}
*/




.share-message{

    display:flex;

    align-items:center;

    gap:18px;

    position:relative;

    z-index:2;

}



.share-main-icon{


    width:60px;

    height:60px;


    border-radius:20px;


    display:flex;

    align-items:center;

    justify-content:center;


    color:white;


    font-size:25px;


    background:linear-gradient(135deg,#F93549,#2206b1);


    box-shadow:

    0 15px 35px rgba(249,53,73,.25);


}



.share-message h3{

    margin:0 0 6px;


    font-size:18px;


    font-weight:800;


    color:var(--acc-purple);

}



.share-message p{


    margin:0;


    font-size:13px;


    color:#72798C;


}




.share-actions{

    display:flex;

    gap:14px;

    position:relative;

    z-index:2;

}




.share-button{


    width:46px;

    height:46px;


    border-radius:50%;


    display:flex;

    justify-content:center;

    align-items:center;


    background:#F8F7FC;


    color:var(--acc-purple);


    border:none;


    text-decoration:none;


    font-size:17px;


    box-shadow:

    0 10px 25px rgba(33,20,95,.08);


    transition:.35s ease;


}




.share-button:hover{


    transform:

    translateY(-5px)
    rotate(4deg);


}




.share-button.facebook:hover{


    background:var(--acc-blue);

    color:white;

}



.share-button.linkedin:hover{


    background:var(--acc-pink);

    color:white;

}






/* ==================================================
   NAVEGACION POSTS
================================================== */


.accenti-post-nav{


    display:grid;


    grid-template-columns:1fr 58px 1fr;


    align-items:center;


    gap:30px;


    margin:65px 0 60px;


    position:relative;


}



/* separador */

.accenti-post-nav::before{


    content:"";


    position:absolute;


    top:-50px;


    left:8%;


    width:84%;


    height:1px;


    background:#ECEAF5;


}






.post-link2{


    display:block;


    padding:20px;


    border-radius:22px;


    background:white;


    border:1px solid var(--acc-border);


    text-decoration:none;


    position:relative;


    overflow:hidden;


    transition:.35s ease;
box-shadow: 0 18px 45px rgba(33, 20, 95, .08)

}




.post-link2:hover{


    transform:

    translateY(-5px);


    box-shadow:

    0 20px 45px rgba(33,20,95,.10);


    border-color:#D8D4E8;


}


.post-link2:hover::after{

    width:100%;

}




.post-link2 .next::after{


    left:auto;

    right:0;


    background:

    linear-gradient(
        90deg,
        var(--acc-blue),
        var(--acc-purple)
    );


}




.direction{


    display:inline-flex;


    align-items:center;


    gap:7px;


    padding:5px 12px;


    border-radius:20px;


    margin-bottom:4px;


    background:#F4F2FC;


    color:var(--acc-purple);


    font-size:10px;


    font-weight:800;


    letter-spacing:1px;


}




.next .direction{


    float:right;


}




.post-link2 h4{


    clear:both;


    margin:8px 0 0;


    max-width: 100%;


    font-size:16px;


    line-height:1.45;


    color:var(--acc-purple);


    font-weight:750;


}



.post-link2 time{


    display:block;


    margin-top:4px;


    color:var(--acc-gray);


    font-size:12px;


}

.post-link2::after{


    content:"";


    position:absolute;


    bottom:0;


    left:0;


    width:100px;


    height:4px;


    border-radius:10px;


    background:linear-gradient(135deg,#F93549,#2206b1);


    transition:.4s;


}




/* ==================================================
   BOTON HOME
================================================== */


.post-home{


    width:58px;

    height:58px;


    border-radius:50%;


    display:flex;

    justify-content:center;

    align-items:center;


    background:linear-gradient(135deg,#F93549,#2206b1);


    color:white;


    text-decoration:none;


    box-shadow:0 15px 35px rgba(249,53,73,.25);


    transition:.35s ease;


}




.post-home:hover{


    background:
linear-gradient(135deg,#F93549,#2206b1);


    transform:

    translateY(-6px)
    scale(1.08);


}





/* ==================================================
   POST DESACTIVADO
================================================== */


.disabled-post{


    background:#FBFAFE;

    opacity:.65;


}


.disabled-post::after{


    width:100%;

    background:#D9D6E7;


}


.disabled-post h4{


    color:#858196;


}





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


@media(max-width:768px){


    .accenti-share-light{


        flex-direction:column;


        align-items:flex-start;


        padding:24px;


    }



    .share-actions{


        width:100%;


    }



    .accenti-post-nav{


        grid-template-columns:1fr;


        gap:18px;


    }



    .post-home{


        order:-1;

        margin:auto;


    }



    .next .direction{


        float:none;


    }



}




.video-category-blog {
    top: 0%;
    left: 3.5%;
    color: #3CB4E5;
    font-weight: bold;
    margin-bottom: 10px;
}

.video-category-blog h2 {
    color: #3CB4E5 !important;
    font-size: 18px;
    text-decoration: none;
}

.video-detalle{
    color: #ffffff;
}
.video-detalle h2{
    color: #ffffff;
}
.with_frm_style .frm_submit.frm_flex {
    justify-self: center;
    align-items: center;
    gap: 2%;
}
.with_frm_style .frm_form_fields > fieldset {
  border-radius: 20px;
}
.with_frm_style legend + h3, .with_frm_style h3.frm_form_title {
    justify-self: center;
    margin-bottom:20px
}

.with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main {
    padding-left: 10px;
}

.no-results {
    text-align: center;
    font-size: 18px;
    color: red;
    margin-top: 20px;
}

.frm-redirect-msg{
    color: #ffffff !important;
}

.frm-redirect-msg a{
    color: #F93549 !important;
}


#popmake-4323 .pum-close {
    display: none !important;
}
#pum-4323 {
    z-index: 1000;
}
/* Estilos del modal */

#custom-modal {
    display: none; /* Oculto por defecto */
    position: fixed;
    z-index: 9999; /* Mayor que el popup de Popup Maker */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Fondo más oscuro */
    text-align: center;
    overflow-y: auto; /* Hacer scroll si el contenido excede la altura */
}

/* Contenido del modal */
.modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 35px;
    border-radius: 10px;
    width: 70%;
    position: relative;
    z-index: 10000; /* Asegurar que el contenido también esté al frente */

}

.modal-detail-content{
    margin-left: 50px; 
    margin-right: 50px; 
    text-align: justify; 
    text-justify: inter-word;
}

@media  (max-width: 769px) {
    #custom-modal {
        margin-top: 37px;
    }
    .modal-detail-content{
    margin-left: 10px; 
    margin-right: 10px; 
    text-align: justify; 
    text-justify: inter-word;
    }
    
   .modal-content {
    margin-bottom: 100px;
    }
}
/* Grande (laptops y pantallas medianas) */
@media (max-width: 922px) {
    .modal-content {
        padding: 20px;
        width: 90%;
    }
}

/* Botón de cerrar */
.close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
    color: #333;
}

/* Estilo para el cuerpo del modal */
.modal-body {
    text-align: justify;
    margin-bottom: 20px;
}

.text-justify{
    text-align: justify !important;
    padding-bottom: 0px !important;
    margin-bottom: 5px;
    line-height: 1.55rem;
}

.wp-block-uagb-icon-list.uagb-block-f5f79608 .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
    margin: 5px;
}
    .pum-container.pum-responsive.pum-responsive-medium {
        margin-left: -20% !important;
top: 75px !important;
overflow: scroll !important;
    height: 85% !important;
    }



.pum-theme-3914 .pum-container, .pum-theme-floating-bar .pum-container {
    padding: 20px !important;
top: 75px !important;

}
.frm_message {
    display: none !important;
}

.frm_message + #popmake-4439 {
    display: none !important;
}

.frm_style_estilo-de-formidable.with_frm_style .frm_error_style {
    background-color: #FEE4E2;
    border: 1px solid #F5B8AA;
    border-radius: 6px;
    color: #F04438;
    font-size: 12px;
    margin: 0;
    margin-bottom: 3px !important;
}
.with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style {
    border-radius: 4px;
    padding: 5px !important;
}
.with_frm_style .frm_form_fields > fieldset {
    padding: 10px !important;
border-color: white !important;
}

.frm_style_estilo-de-formidable.with_frm_style .frm_submit button{

    text-transform: math-auto;
}
@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-tiny {
        margin-left: -15%;
        width: 45% !important;
    }
}

#modal-politica-interna{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9999999;
}

.modal-politica-box{
  background:#fff;
  max-width:700px;
  max-height:80vh;
  overflow:hidden;
  margin:5% auto;
  padding:5px;
  border-radius:8px;
}
.politica-check{
    display:flex;
    align-items:flex-start;
    gap:6px;
    font-size:14px;
    line-height:1.4;
}

.politica-check input{
    margin-top:3px;
    flex-shrink:0;
}

.politica-check label{
    flex:1;
    margin:0;
}

.politica-check a{
    color:#ff2f4b;
    text-decoration:underline;
    white-space:nowrap;
    margin-left:5px;
}

.pum-theme-3914 .pum-container, .pum-theme-floating-bar .pum-container
 {
    padding: 25px !important;
}

.cf7-row{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.cf7-col{
    flex:1;
}

.cf7-col input,
.cf7-col textarea{
    width:100%;
    box-sizing:border-box;
}

.cf7-privacy{
    margin:5px 0;
}

.cf7-privacy label{
    display:flex;
    align-items:flex-start;
    gap:10px;
    font-size:14px;
    line-height:1.5;
    cursor:pointer;
}

.cf7-privacy input[type="radio"]{
    margin-top:4px;
    flex-shrink:0;
}

.cf7-privacy a{
    color:#00B7D6;
    text-decoration:none;
    font-weight:600;
}

.cf7-submit{
    text-align:center;
display: flex;
    flex-direction: column;
    gap: 5px;
}

.cf7-input{
    min-width:100%;
}

.altura-contacto2 {
    height: 100px;
    resize: none;
}
@media (max-width:768px){
    .cf7-row{
        flex-direction:column;
        gap:15px;
    }
}

@media only screen and (min-width: 1060px) {
    .pum-container.pum-responsive.pum-responsive-tiny {
        margin-left: -15%;
        width: 40% !important;
    }
}

.ast-header-button-1 .ast-custom-button {
      background:linear-gradient(80deg,#F93549,#2a00ff ) !important;
}

.benefits-card{
    display:flex;
    background: #ffffff0f;
    border: 1px solid #ffffff42;
    border-radius:18px;
    padding:10px 7px;
    box-shadow:0 18px 55px rgba(0,0,0,.18);
    overflow:hidden;
}

.benefit-item{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
    padding:10px;
    position:relative;
}

.benefit-item:not(:last-child){
    border-right:1px solid #ffffff42;
}

.benefit-icon{
    width:50px;
    height:50px;
    min-width:50px;
    border-radius:50%;
    background:linear-gradient(135deg,#F93549,#2a00ff);
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    box-shadow:0 10px 25px rgba(255,53,98,.28);
}

.benefit-info h3{
    margin-bottom:5px;
    color:#fff;
    font-size:14.5px;
    line-height:1.2;
    font-weight:700;
    text-align: center;
}

.benefit-info p{
    margin:0;
    color:#fff;
    font-size:13.5px;
    line-height:1.5;
    text-align: center;
}

.benefit-item:hover .benefit-icon{
    transform:translateY(-6px);
    transition:.35s;
}

.benefit-item:hover h3{
    color:#F93549;
    transition:.35s;
}

@media(max-width:500px){

.benefits-card{
    flex-direction:column;
    padding:20px;
}

.benefit-item{
    padding:25px 10px;
}

.benefit-item:not(:last-child){
    border-right:none;
    border-bottom:1px solid #ececec;
}

}

.contact-info-box {
  margin-top: 12px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,.15);
}

.contact-info-box h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-info-row {
  display: flex;
  align-items: center;
  gap: 42px;
  flex-wrap: wrap;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}

.contact-item i {
  color: #ff3355;
  font-size: 28px;
}

@media (max-width: 768px) {
  .contact-info-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
  }
}
/*====================================================
  FORMULARIO CONTACTO LANDING - BLANCO PREMIUM
=====================================================*/

#wpcf7-f2777-p2744-o1 {
    background: #ffffff;
    border: none !important;
    border-radius: 32px;
    padding: 30px 35px;
    box-shadow: 0 28px 70px rgba(0,0,0,.28);
}

/* Cabecera */
#wpcf7-f2777-p2744-o1 .benefit-item2 {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0;
    margin-bottom: 15px !important;
}

#wpcf7-f2777-p2744-o1 .benefit-icon2 {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg,#F93549,#2a00ff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 14px 30px rgba(249,53,73,.30);
}

#wpcf7-f2777-p2744-o1 .benefit-info2 h3 {
    color: #08104C;
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 6px;
    line-height: 1.15;
}

#wpcf7-f2777-p2744-o1 .benefit-info2 p {
    color: #30395f;
    font-size: 15px;
    margin: 0;
    line-height: 1.45;
}


#wpcf7-f2777-p2744-o1 .benefit-item2:hover .benefit-icon{
    transform:translateY(-6px);
    transition:.35s;
}

#wpcf7-f2777-p2744-o1 .benefit-item2:hover h3{
    color:#F93549;
    transition:.35s;
}


/* Espaciado de filas */
#wpcf7-f2777-p2744-o1 .cf7-row {
    margin-bottom: 18px;
}

/* Inputs */
#wpcf7-f2777-p2744-o1 .wpcf7-text,
#wpcf7-f2777-p2744-o1 .wpcf7-textarea {
    background: #fff !important;
    color: #08104C !important;
    border: 1px solid #E2E6F0 !important;
    border-radius: 12px !important;
    padding: 15px 18px !important;
    font-size: 15px;
    width: 100%;
    transition: .25s ease;
}

#wpcf7-f2777-p2744-o1 .wpcf7-text:focus,
#wpcf7-f2777-p2744-o1 .wpcf7-textarea:focus {
    border-color: #F93549 !important;
    box-shadow: 0 0 0 4px rgba(249,53,73,.10);
    outline: none !important;
}

/* Textarea */
#wpcf7-f2777-p2744-o1 .wpcf7-textarea {
    height: 120px;
    resize: none;
}

/* Placeholder */
#wpcf7-f2777-p2744-o1 .wpcf7-text::placeholder,
#wpcf7-f2777-p2744-o1 .wpcf7-textarea::placeholder {
    color: #727A98 !important;
}

/* Política */
#wpcf7-f2777-p2744-o1 .cf7-privacy {
    margin: 8px 0 10px;
}

#wpcf7-f2777-p2744-o1 .cf7-privacy label {
    color: #30395f;
    font-size: 13px;
    line-height: 1.6;
}

#wpcf7-f2777-p2744-o1 .wpcf7-list-item-label {
    color: #30395f;
    font-size: 14px;
}

#wpcf7-f2777-p2744-o1 input[type="radio"] {
    accent-color: #F93549;
}

#wpcf7-f2777-p2744-o1 p{
    margin:2px;
}

#wpcf7-f2777-p2744-o1 .wpcf7-form-control-wrap{
    margin-bottom:0;
    display:block;
}

/* Botón */
#wpcf7-f2777-p2744-o1 .wpcf7-submit {
    width: 100%;
    height: 50px;
    border: none !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#F93549,#2a00ff) !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    margin-top: 5px;
    transition: .25s ease;
}

#wpcf7-f2777-p2744-o1 .wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 18px rgba(249,53,73,.35);
}

/* Errores */
#wpcf7-f2777-p2744-o1 .wpcf7-not-valid-tip {
    background: none !important;
    color: #F93549 !important;
    font-size: 13px;
    margin-top: 6px;
}
#wpcf7-f2777-p2744-o1 br{
    display:none;
}

#wpcf7-f2777-p2744-o1 .wpcf7-spinner {
    display:none !important;
}


/*====================================================
  FORMULARIO CONTACTO HOME - BLANCO PREMIUM
=====================================================*/
/* 
#wpcf7-f2108-p523-o1 {
    background: #ffffff;
    border: none !important;
    border-radius: 32px;
    padding: 30px 35px;
    box-shadow: 0 28px 70px rgba(0,0,0,.28);
}

/* Cabecera */
#wpcf7-f2108-p523-o1 .benefit-item2 {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0;
    margin-bottom: 15px !important;
}

#wpcf7-f2108-p523-o1 .benefit-icon2 {
    width: 64px;
    height: 64px;
    min-width: 64px;
    border-radius: 16px;
    background: linear-gradient(135deg,#F93549,#2a00ff);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    box-shadow: 0 14px 30px rgba(249,53,73,.30);
}

#wpcf7-f2108-p523-o1 .benefit-info2 h3 {
    color: #08104C;
    font-size: 27px;
    font-weight: 800;
    margin: 0 0 6px;
    line-height: 1.15;
}

#wpcf7-f2108-p523-o1 .benefit-info2 p {
    color: #30395f;
    font-size: 15px;
    margin: 0;
    line-height: 1.45;
}


#wpcf7-f2108-p523-o1 .benefit-item2:hover .benefit-icon{
    transform:translateY(-6px);
    transition:.35s;
}

#wpcf7-f2108-p523-o1 .benefit-item2:hover h3{
    color:#F93549;
    transition:.35s;
}


/* Espaciado de filas */
#wpcf7-f2108-p523-o1 .cf7-row {
    margin-bottom: 18px;
}

/* Inputs */
#wpcf7-f2108-p523-o1 .wpcf7-text,
#wpcf7-f2108-p523-o1 .wpcf7-textarea {
    background: #fff !important;
    color: #08104C !important;
    border: 1px solid #E2E6F0 !important;
    border-radius: 12px !important;
    padding: 15px 18px !important;
    font-size: 15px;
    width: 100%;
    transition: .25s ease;
}

#wpcf7-f2108-p523-o1 .wpcf7-text:focus,
#wpcf7-f2108-p523-o1 .wpcf7-textarea:focus {
    border-color: #F93549 !important;
    box-shadow: 0 0 0 4px rgba(249,53,73,.10);
    outline: none !important;
}

/* Textarea */
#wpcf7-f2108-p523-o1 .wpcf7-textarea {
    height: 120px;
    resize: none;
}

/* Placeholder */
#wpcf7-f2108-p523-o1 .wpcf7-text::placeholder,
#wpcf7-f2108-p523-o1 .wpcf7-textarea::placeholder {
    color: #727A98 !important;
}

/* Política */
#wpcf7-f2108-p523-o1 .cf7-privacy {
    margin: 8px 0 10px;
}

#wpcf7-f2108-p523-o1 .cf7-privacy label {
    color: #30395f;
    font-size: 13px;
    line-height: 1.6;
}

#wpcf7-f2108-p523-o1 .wpcf7-list-item-label {
    color: #fff;
    font-size: 14px;
}

#wpcf7-f2108-p523-o1 input[type="radio"] {
    accent-color: #F93549;
}

#wpcf7-f2108-p523-o1 p{
    margin:2px;
}

#wpcf7-f2108-p523-o1 .wpcf7-form-control-wrap{
    margin-bottom:0;
    display:block;
}

/* Botón */
#wpcf7-f2108-p523-o1 .wpcf7-submit {
    width: 100%;
    height: 50px;
    border: none !important;
    border-radius: 14px !important;
    background: linear-gradient(135deg,#F93549,#2a00ff) !important;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
    margin-top: 5px;
    transition: .25s ease;
}

#wpcf7-f2108-p523-o1 .wpcf7-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 18px rgba(249,53,73,.35);
}

/* Errores */
#wpcf7-f2108-p523-o1 .wpcf7-not-valid-tip {
    background: none !important;
    color: #F93549 !important;
    font-size: 13px;
    margin-top: 6px;
}
#wpcf7-f2108-p523-o1 br{
    display:none;
}

#wpcf7-f2108-p523-o1 .wpcf7-spinner {
    display:none !important;
} */
.aliado-section{
  background:#fff;
  padding:70px 20px 90px;
  position:relative;
  overflow:hidden;
}

.aliado-code{
  text-align:center;
  color:#f93549;
  font-size:26px;
  font-weight:800;
  letter-spacing:8px;
  margin-bottom:8px;
}

.aliado-title{
  text-align:center;
  color:#08104C;
  font-size:40px;
  line-height:1;
  margin:0;
  font-weight:800;
  padding-top: 15px;
}

.aliado-title span{
  display:block;
  padding-bottom: 4px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.aliado-title::after{
  content:"";
  display:block;
  width:70px;
  height:4px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  border-radius:10px;
  margin:18px auto 0;
}

.aliado-desc{
  text-align:center;
  color:#4B5175;
  font-size:16px;
  line-height:1.6;
  margin:37px auto 50px !important;
}

.aliado-desc strong{
  color:#F93549;
}

.aliado-corner{
  position:absolute;
  width:78px;
  height:78px;
  z-index:1;
}

.aliado-corner-left{
  left:-30px;
  top:176px;
  border-left:5px solid #2206b1;
  border-top:5px solid #2206b1;
  border-radius:10px 0 0 0;
}

.aliado-corner-right{
  right:-30px;
  top:176px;
  border-right:5px solid #F93549;
  border-top:5px solid #F93549;
  border-radius:0 10px 0 0;
}

.aliado-steps{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:54px;
  position:relative;
  z-index:2;
}

.aliado-card{
  background:#fff;
  border:1px solid #EDF0F7;
  border-radius:18px;
  padding:34px 20px;
  display:flex;
  align-items:center;
  gap:15px;
  position:relative;
  box-shadow:0 18px 45px rgba(8,16,76,.08);
  min-height:175px;
  transition:all .35s ease;
  cursor:pointer;
  overflow:hidden;
}

.aliado-card:hover{
  transform:translateY(-10px);
  box-shadow:0 28px 60px rgba(8,16,76,.18);
  border-color:#d8dff7;
}

.aliado-card:not(:last-child)::after{
  content:"";
  position:absolute;
  top:50%;
  right:-54px;
  width:54px;
  border-top:3px dotted #2206b1;
  opacity:.75;
  transition:.35s;
}

.aliado-card:hover:not(:last-child)::after{
  width:70px;
  border-top:3px solid #F93549;
}

/* Línea superior hover */
.aliado-card::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:4px;
  border-radius:20px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  transition:.35s;
}

.aliado-card:hover::before{
  width:70%;
}

/* Brillo sutil */
.aliado-card .shine{
  display:none;
}

.aliado-card:hover{
  background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%);
}

.step-number{
  position:absolute;
  top:22px;
  right:22px;
  width:38px;
  height:38px;
  border-radius:50%;
  color:#fff;
  font-weight:800;
  font-size:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#F93549,#2206b1);
  box-shadow:0 10px 22px rgba(249,53,73,.25);
  transition:.35s;
  z-index:2;
}

.aliado-card:hover .step-number{
  transform:rotate(12deg) scale(1.08);
}

.aliado-card:nth-child(2) .step-number{
  background:linear-gradient(135deg,#2206b1,#6A4DFF);
}

.aliado-card:nth-child(3) .step-number{
  background:linear-gradient(135deg,#179BFF,#245DFF);
}

.step-icon{
  width:105px;
  height:105px;
  min-width:105px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(249,53,73,.10),rgba(34,6,177,.10));
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(249,53,73,.12);
  transition:.35s;
}

.aliado-card:hover .step-icon{
  transform:scale(1.08) rotate(-5deg);
  box-shadow:0 15px 30px rgba(34,6,177,.15);
}

.step-icon i{
  font-size:46px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  transition:.35s;
}

.aliado-card:hover .step-icon i{
  transform:scale(1.12);
}

.aliado-card:nth-child(3) .step-icon i{
  background:linear-gradient(90deg,#179BFF,#245DFF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.aliado-card h3{
  margin:0 0 12px;
  color:#08104C;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  transition:.35s;
}

.aliado-card:hover h3{
  color:#2206b1;
}

.aliado-card h3 span{
  display:block;
  color:#F93549;
  transition:.35s;
}

.aliado-card:nth-child(2) h3 span{
  color:#8B4DFF;
}

.aliado-card:nth-child(3) h3 span{
  color:#245DFF;
}

.aliado-card:hover h3 span{
  color:#F93549;
}

.aliado-card p{
  margin:0;
  color:#4B5175;
  font-size:14px;
  line-height:1.6;
  transition:.35s;
}

.aliado-card:hover p{
  color:#08104C;
}

@media(max-width:991px){
  .aliado-title{
    font-size:36px;
  }

  .aliado-steps{
    grid-template-columns:1fr;
    gap:24px;
  }

  .aliado-card:not(:last-child)::after,
  .aliado-corner{
    display:none;
  }

  .aliado-card{
    flex-direction:column;
    text-align:center;
  }
}

/* ==============================
   SECCIÓN LÍNEAS DE NEGOCIO
================================= */

.lineas-section{
  background:#fafbff;
  padding:70px 20px 80px;
}

.lineas-head{
  text-align:center;
  margin-bottom:45px;
}

.lineas-head .wp-block-columns{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px !important;
  margin-bottom:8px !important;
}

.lineas-head .wp-block-column{
  flex:initial !important;
  width:auto !important;
}

.lineas-head img{
  width:28px !important;
  height:28px !important;
  object-fit:contain;
}

.lineas-head h2{
  color:#08104C;
  font-size:40px;
  line-height:1.05;
  font-weight:800;
  margin:0;
  padding-top: 15px;
}

.lineas-head h2 span{
  display:block;
  background:linear-gradient(90deg,#F93549,#2206b1);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.lineas-head h2::after{
  content:"";
  display:block;
  width:70px;
  height:4px;
  margin:18px auto 0;
  border-radius:20px;
  background:linear-gradient(90deg,#F93549,#2206b1);
}

/* GRID */

.lineas-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
}

/* CARD */

.linea-card{
  background:#fff;
  border-radius:24px;
  min-height:230px;
  padding:25px 30px;
  display:flex;
  align-items:center;
  gap:24px;
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(8,16,76,.07);
  transition:.35s ease;
}

/* Línea superior hover */

.linea-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:5px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  transition:.35s ease;
}

.linea-card:hover::before{
  width:100%;
}

.linea-card:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 58px rgba(8,16,76,.15);
}

/* ÍCONO */

.linea-icon{
  width:92px;
  height:92px;
  min-width:92px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(249,53,73,.08),rgba(34,6,177,.08));
  transition:.35s ease;
}

.linea-icon img{
  max-width:68px;
  max-height:68px;
  object-fit:contain;
  transition:.35s ease;
}

.linea-card:hover .linea-icon{
  transform:scale(1.05);
}

.linea-card:hover .linea-icon img{
  transform:scale(1.08);
}

/* CONTENIDO */

.linea-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.linea-content h3{
  color:#08104C;
  font-size:22px;
  line-height:1.18;
  font-weight:800;
  margin:0;
}

/* INFO OCULTA */

.linea-extra{
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:.35s ease;
}

.linea-extra p{
  color:#4B5175;
  font-size:14px;
  line-height:1.6;
  margin:12px 0 12px;
}

.linea-extra a{
  color:#F93549;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}

.linea-extra a i{
  margin-left:6px;
  transition:.25s ease;
}

.linea-extra a:hover i{
  transform:translateX(4px);
}

/* HOVER INFO */

.linea-card:hover .linea-extra{
  opacity:1;
  max-height:150px;
}

/* RESPONSIVE */

@media(max-width:991px){
  .lineas-grid{
    grid-template-columns:1fr;
  }

  .lineas-head h2{
    font-size:36px;
  }

  .linea-card{
    min-height:auto;
  }
}

@media(max-width:600px){
  .linea-card{
    flex-direction:column;
    text-align:center;
    padding:25px 24px;
  }

  .linea-icon{
    width:82px;
    height:82px;
    min-width:82px;
  }

  .linea-icon img{
    max-width:60px;
    max-height:60px;
  }
}

.uagb-block-066b20cb .uagb-ifb-title {
  display:block !important;
  padding-bottom: 4px !important;
  background:linear-gradient(90deg,#F93549,#2206b1) !important;
  -webkit-background-clip:text  !important;
  -webkit-text-fill-color:transparent  !important;
}

.lineas-grid2 {
    display:flex;
    flex-wrap:wrap;
    gap:35px;
    justify-content:center;
    align-items:flex-start;
        width: 950px;
    justify-self: center;
}

.linea-card2{
  background:#fff;
  border-radius:24px;
  min-height:230px;
  padding:25px 30px;
  display:flex;
  align-items:start;
  gap:24px;
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 38px rgba(8,16,76,.07);
  transition:.35s ease;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width:calc(50% - 18px);
}

/* Línea superior hover */


.linea-card2::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:5px;
  background:linear-gradient(90deg,#F93549,#2206b1);
  transition:.35s ease;
}

.linea-card2:hover::before{
  width:100%;
}

.linea-card2:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 58px rgba(8,16,76,.15);
}

.linea-card2 .linea-extra{
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:.35s ease;
}

.linea-card2:hover .linea-extra{
  opacity:1;
  max-height:450px;
}

.linea-card2:hover .linea-icon{
  transform:scale(1.05);
}

.linea-card2:hover .linea-icon img{
  transform:scale(1.08);
}

.beneficios-box{
  margin-top:16px;
}

.beneficios-box h4{
  color:#F93549;
  font-size:15px;
  font-weight:800;
  text-align:center;
  margin:0 0 14px;
  position:relative;
}

.beneficios-box h4::before,
.beneficios-box h4::after{
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    background: #F93549;
    vertical-align: middle;
    margin: 0 12px;
}

.beneficios-box ul{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.beneficios-box li{
    background: linear-gradient(90deg, rgba(249, 53, 73, .12), rgba(249, 53, 73, .04));
    border-radius: 50px;
    padding: 9px 10px 9px 52px;
    color: #08104C;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    text-align: left;
}

.beneficios-box li::before{
  content:"✓";
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  border-radius:50%;
  background:#F93549;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
  box-shadow:0 8px 18px rgba(249,53,73,.25);
}


/* Mobile */
@media(max-width:600px){
  .lineas-section{
    padding:50px 16px 60px;
  }

  .lineas-head h2{
    font-size:34px;
  }

  .linea-card2{
    width:100%;
    min-width:0;
    padding:28px 22px;
    border-radius:20px;
  }

  .linea-card2 .linea-icon{
    width:82px;
    height:82px;
    min-width:82px;
  }

  .linea-card2 .linea-icon img{
    max-width:60px;
    max-height:60px;
  }

  .linea-content h3{
    font-size:22px;
  }

  .linea-extra p{
    font-size:14px;
    line-height:1.6;
  }

  .beneficios-box h4{
    font-size:14px;
  }

  .beneficios-box h4::before,
  .beneficios-box h4::after{
    width:28px;
    margin:0 8px;
  }

  .beneficios-box li{
    font-size:12.5px;
    padding:10px 12px 10px 46px;
  }

  .beneficios-box li::before{
    width:24px;
    height:24px;
    left:14px;
  }
}

@media(max-width:991px){
  .lineas-grid2{
    gap:28px;
    width: auto;
  }

  .linea-card2{
    flex:1 1 100%;
    max-width:650px;
    min-width:0;
  }
}

/* Muy pequeño */
@media(max-width:380px){
      .lineas-grid2{
    gap:28px;
    width: auto;
  }

  .lineas-head h2{
    font-size:30px;
  }

  .linea-card2{
    padding:24px 18px;
  }

  .beneficios-box h4::before,
  .beneficios-box h4::after{
    display:none;
  }
}

.accenti-arrows-title{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
}

.accenti-arrows-title .arrow-img{
  width:34px;
  height:30px;
  object-fit:contain;
  display:block;
}

@media(max-width:768px){
  .accenti-arrows-title .arrow-img{
    width: 22px;
  }
}

/* =========================================
   SINGLE POST - ACCENTI FINAL DESIGN
   ========================================= */

body, html {
    font-family: 'Inter', 'Roboto', sans-serif;
    background: #fbfbff;
}

/* Reading Progress Bar */
.reading-progress-container {
    position: fixed; top: 0; left: 0; width: 100%; height: 4px;
    background: transparent; z-index: 99999;
}
.reading-progress-bar {
    height: 100%; background: #F93549; width: 0%;
    transition: width 0.1s ease;
    box-shadow: 0 0 15px rgba(249,53,73,0.6);
}

/* Hero Banner */
.accenti-hero-banner {
    position: relative;
    width: 100%;
    padding: 100px 20px 80px 20px;
    background: #08104C;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.accenti-hero-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}

.accenti-hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    opacity: 0.6;
}

.accenti-hero-overlay {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(90deg, #21145f 0%, rgb(13 0 81 / 85%) 50%, #f93549 100%)
}

.accenti-hero-content {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    width: 100%;
    color: #ffffff;
}

.accenti-breadcrumb-white {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #aeb5d6;
}
.accenti-breadcrumb-white .highlight {
    color: #00e0ff;
}

.accenti-hero-title {
    font-size: 48px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 30px 0;
    max-width: 800px;
}

.accenti-hero-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
    color: #cbd2f5;
    font-weight: 500;
}
.meta-separator {
    color: #6b75a1;
}

/* Main Container */
.accenti-main-container {
    max-width: 1200px;
    margin: 40px auto 100px auto;
    padding: 0 0px;
    position: relative;
    z-index: 10;
}

.accenti-main-grid {
    display: grid;
    grid-template-columns: 1fr 370px;
    gap: 55px;
    align-items: start;
}

/* Left Column */
.accenti-content-column {
    background: transparent;
    border-radius: 0;
}

/* Highlight Box */
.accenti-highlight-box {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #ffffff;
    padding: 30px 40px;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(8,16,76,0.08);
    border: 1px solid #edf0f7;
    margin-top: 0 !important;
    margin-bottom: 40px;
    position: relative;
}

.highlight-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #08104C 0%, #2206b1 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F93549;
    font-size: 32px;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(34,6,177,0.3);
}

.highlight-text {
    font-size: 18px;
    font-weight: 500;
    color: #08104C;
    line-height: 1.6;
}
.highlight-text p {
    margin: 0;
}

/* Content */
.accenti-post-content {
    font-size: 17px;
    line-height: 1.8;
    color: #4b5175;
}
.accenti-post-content p {
    margin-bottom: 25px;
}
.accenti-post-content h2, .accenti-post-content h3 {
    color: #08104C;
    font-weight: 800;
    margin-top: 40px;
    margin-bottom: 20px;
}

/* Share Bottom */
.accenti-share-section {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 10px;
    padding-bottom: 35px;
    font-size: 16px !important;
    color: #4b5175 !important;
    font-weight: 400 !important;
}
.accenti-share-section ul {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.accenti-share-section a, 
.accenti-share-section .ast-builder-social-element,
.accenti-share-section .wp-block-social-link {
    background: transparent !important;
    border: 1px solid #46c8e3 !important;
    color: #08104C !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s !important;
    text-decoration: none !important;
}
.accenti-share-section a:hover,
.accenti-share-section .ast-builder-social-element:hover {
    border-color: #F93549 !important;
    color: #F93549 !important;
}
.accenti-share-section svg, .accenti-share-section i {
    fill: currentColor !important;
    color: currentColor !important;
    width: 18px !important;
    height: 18px !important;
}

/* Section Titles */
.accenti-section-title {
    font-size: 22px;
    font-weight: 800;
    color: #08104C;
    margin: 0 0 10px 0;
}
.accenti-section-step-label {
    display: inline-block;
    color: var(--secondary);
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 8px;
}
.accenti-pink-line {
    width: 65px;
    height: 3px;
    background: linear-gradient(90deg, #F93549 0%, #F22F43 50%, #2206b1 100%);
    border-radius: 3px;
    margin-bottom: 25px;
}


/*=========================================================
    ACCENTI - RELATED ARTICLES
=========================================================*/

.accenti-related-section{

    position:relative;

    max-width:1320px;

    margin:110px auto;

    padding:40px;

    border-radius:32px;

    overflow:hidden;

    background:
    linear-gradient(
        180deg,
        #FFFFFF 0%,
        #F8FAFD 100%
    );

    border:1px solid #E9EEF7;

    box-shadow:
        0 18px 45px rgba(17,26,57,.05);

}

/*------------------------------------*/

.accenti-related-section::before{

    content:"";

    position:absolute;

    width:420px;
    height:420px;

    border-radius:50%;

    right:-220px;
    top:-220px;

    background:#3CB4E5;

    opacity:.05;

    pointer-events:none;

}

.accenti-related-section::after{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    border-radius:50%;

    left:-120px;
    bottom:-120px;

    background:#F93549;

    opacity:.04;

    pointer-events:none;

}

/*=========================================================
HEADER
=========================================================*/

.accenti-related-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    margin-bottom:30px;

}

.accenti-header-text{

    display:flex;

    flex-direction:column;

}

.accenti-subtitle{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-bottom:12px;

    color:#F93549;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:2px;

}

.accenti-subtitle::before{

    content:"";

    width:24px;

    height:2px;

    border-radius:50px;

    background:#F93549;

}

.accenti-related-header h2{

    margin:0;

    color:#21145F;

    font-size:30px;

    line-height:1.15;

    font-weight:800;

    letter-spacing:-.5px;

}

/*=========================================================
NAVIGATION
=========================================================*/

.accenti-related-navigation{

    display:flex;

    align-items:center;

    gap:14px;

}

.related-btn{

    position:relative;

    width:54px;

    height:54px;

    border:none;

    border-radius:50%;

    cursor:pointer;

    background:#FFFFFF;

    color:#21145F;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    transition:
        transform .35s,
        color .35s,
        box-shadow .35s;

    box-shadow:
        0 10px 25px rgba(26,34,70,.08);

}

.related-btn::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(135deg,#F93549,#2206b1);

    opacity:0;

    transition:.35s;

}

.related-btn i{

    position:relative;

    z-index:2;

    font-size:18px;

}

.related-btn:hover{

    color:#FFF;

    transform:translateY(-3px);

    box-shadow:
        0 18px 35px rgba(33,20,95,.18);

}

.related-btn:hover::before{

    opacity:1;

}


/*=========================================================
GRID
=========================================================*/

.accenti-related-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:32px;

    align-items:stretch;

}

/*=========================================================
CARD
=========================================================*/

.related-card{

    position:relative;

    display:flex;

    flex-direction:column;

    height:100%;

    overflow:hidden;

    border-radius:28px;

    background:#FFF;

    border:1px solid #EDF2F8;

    transition:
        transform .45s,
        box-shadow .45s,
        border-color .45s;

    box-shadow:
        0 12px 28px rgba(18,35,70,.06);

}

.related-card:hover{

    transform:translateY(-10px);

    border-color:#D8E3F5;

    box-shadow:
        0 28px 60px rgba(18,35,70,.14);

}

.related-card a{

    display:flex;

    flex-direction:column;

    height:100%;

    color:inherit;

    text-decoration:none;

}

/*=========================================================
IMAGEN
=========================================================*/

.related-image{

    position:relative;

    height:170px;

    overflow:hidden;

    background:#F4F7FB;

}

.related-image img{

    width:100%;

    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .7s ease;

}

.related-card:hover .related-image img{

    transform:scale(1.08);

}

/*=========================================================
OVERLAY
=========================================================*/

.related-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(17,20,48,.05) 0%,
            rgba(17,20,48,.20) 45%,
            rgba(17,20,48,.82) 100%
        );

    transition:.45s;

}

.related-card:hover .related-overlay{

    background:
        linear-gradient(
            180deg,
            rgba(17,20,48,.02) 0%,
            rgba(17,20,48,.15) 40%,
            rgba(17,20,48,.90) 100%
        );

}

/*=========================================================
CATEGORIA
=========================================================*/

.related-category{

    position:absolute;

    left:22px;

    bottom:22px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:10px 18px;

    border-radius:40px;

    font-size:12px;

    font-weight:700;

    letter-spacing:.5px;

    color:#FFF;

    background:rgba(255,255,255,.14);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.25);

    transition:.35s;

}

.related-card:hover .related-category{

    background:#21145F;

    border-color:#21145F;

}

/*=========================================================
BORDE PREMIUM
=========================================================*/

.related-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    border:2px solid transparent;

    pointer-events:none;

    transition:.4s;

}

/*=========================================================
LINEA INFERIOR
=========================================================*/

.related-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:4px;

    background:linear-gradient(135deg,#F93549,#2206b1);

    transform:scaleX(0);

    transform-origin:left;

    transition:.45s;

}

.related-card:hover::after{

    transform:scaleX(1);

}

/*=========================================================
CONTENT
=========================================================*/

.related-content{

    display:flex;

    flex-direction:column;

    flex:1;

    padding:15px 25px;

}

/*=========================================================
META
=========================================================*/

.related-meta{

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:16px;

    font-size:12px;

    font-weight:600;

    color:#8A92A7;

}

.related-meta i{

    color:#3CB4E5;

    font-size:13px;

}

/*=========================================================
TITLE
=========================================================*/

.related-content h3{

    margin:0 0 7px;

    color:#21145F;

    font-size:17px;

    font-weight:800;

    line-height:1.35;

    letter-spacing:-.3px;

    transition:.35s;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.related-card:hover h3{

    color:#F93549;

}

/*=========================================================
DESCRIPTION
=========================================================*/

.related-content p{

    margin:0;

    color:#667085;

    font-size:12px;

    line-height:1.75;

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:80px;

}

/*=========================================================
FOOTER
=========================================================*/

.related-footer{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;


    border-top:1px solid #EEF2F8;

}

/*=========================================================
BUTTON TEXT
=========================================================*/

.related-footer span{

    font-size:15px;

    font-weight:700;

    color:#21145F;

    transition:.35s;

}

.related-card:hover .related-footer span{

    color:#F93549;

}

/*=========================================================
ARROW
=========================================================*/

.related-arrow{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

    background:#F5F7FB;

    color:#21145F;

    transition:.35s;

}

.related-arrow i{

    transition:.35s;

}

.related-card:hover .related-arrow{

    background:linear-gradient(135deg,#F93549,#2206b1);

    color:#FFF;

    transform:translateX(6px);

    box-shadow:
        0 15px 35px rgba(33,20,95,.25);

}

.related-card:hover .related-arrow i{

    transform:translateX(2px);

}

/*=========================================================
SMOOTH HOVER
=========================================================*/

.related-content,
.related-image,
.related-overlay,
.related-arrow,
.related-footer span,
.related-content h3{

    transition:.35s;

}

/*=========================================================
FADE
=========================================================*/

.related-card{

    animation:fadeUp .7s ease both;

}

.related-card:nth-child(2){

    animation-delay:.12s;

}

.related-card:nth-child(3){

    animation-delay:.24s;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:none;

    }

}

/*=========================================================
MICRO DETALLES
=========================================================*/

.related-card{

    will-change:transform;

    backface-visibility:hidden;

}

.related-image{

    isolation:isolate;

}

.related-image::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at top right,
        rgba(60,180,229,.12),
        transparent 45%
    );

    opacity:0;

    transition:.45s;

    z-index:2;

}

.related-card:hover .related-image::before{

    opacity:1;

}

/*=========================================================
SELECCION DE TEXTO
=========================================================*/

.related-content h3::selection,
.related-content p::selection{

    background:#3CB4E5;

    color:#fff;

}

/*=========================================================
SCROLL SUAVE
=========================================================*/

.accenti-related-section{

    scroll-margin-top:100px;

}

/*=========================================================
HOVER PREMIUM
=========================================================*/

.related-card:hover{

    transform:
        translateY(-10px)
        scale(1.01);

}

.related-card:hover .related-content{

    transform:translateY(-2px);

}

/*=========================================================
TABLET
=========================================================*/

@media (max-width:1200px){

    .accenti-related-section{

        padding:48px;

    }

    .accenti-related-grid{

        gap:26px;

    }

}

/*=========================================================
TABLET
=========================================================*/

@media (max-width:992px){

    .accenti-related-section{

        padding:40px;

        border-radius:26px;

    }

    .accenti-related-header{

        flex-direction:column;

        align-items:flex-start;

        gap:28px;

    }

    .accenti-related-navigation{

        width:100%;

        justify-content:flex-end;

    }

    .accenti-related-header h2{

        font-size:34px;

    }

    .accenti-related-grid{

        grid-template-columns:repeat(2,1fr);

        gap:24px;

    }

    .related-image{

        height:230px;

    }

}

/*=========================================================
MOBILE
=========================================================*/

@media (max-width:768px){

    .accenti-related-section{

        margin:70px 0;

        padding:30px 22px;

        border-radius:22px;

    }

    .accenti-related-grid{

        grid-template-columns:1fr;

        gap:24px;

    }

    .accenti-related-header{

        margin-bottom:32px;

    }

    .accenti-related-header h2{

        font-size:28px;

        line-height:1.2;

    }

    .accenti-subtitle{

        font-size:12px;

        letter-spacing:1.5px;

    }

    .related-image{

        height:220px;

    }

    .related-content{

        padding:24px;

    }

    .related-content h3{

        font-size:22px;

        min-height:auto;

    }

    .related-content p{

        min-height:auto;

    }

}

/*=========================================================
MOBILE PEQUEÑO
=========================================================*/

@media (max-width:480px){

    .accenti-related-navigation{

        display:none;

    }

    .accenti-related-section{

        padding:24px 18px;

    }

    .related-content{

        padding:22px;

    }

    .related-footer{

        padding-top:18px;

    }

    .related-arrow{

        width:42px;

        height:42px;

    }

}

/*=========================================================
TRANSICIONES
=========================================================*/

.related-card,
.related-image img,
.related-content,
.related-footer,
.related-arrow,
.related-category,
.related-overlay{

    transition:
        all .35s ease;

}





/* Sidebar Widget */
aside.accenti-sidebar-column {
    margin-top: 0;
}
.accenti-widget-box {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px 15px;
    box-shadow: 0 20px 40px rgb(8 16 76 / 16%);
    border: 1px solid #f0f2f5;
    margin-top: 0 !important;
    margin-bottom: 40px;
}


/* Mercado IA Global Chart */
.accenti-mercado-widget {
    padding: 30px;
}
.mercado-subtitle {
    font-size: 13px;
    color: #4b5175;
    margin-top: -5px;
    margin-bottom: 20px;
}
.mercado-chart {
    display: flex;
    gap: 15px;
    align-items: flex-end;
    height: 180px;
    margin-bottom: 15px;
}
.chart-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    font-size: 11px;
    color: #6b75a1;
    padding-bottom: 5px;
}
.chart-bars {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    height: 100%;
    flex-grow: 1;
    border-bottom: 1px solid #edf0f7;
    padding-bottom: 5px;
}
.bar {
    width: 100%;
    max-width: 15px;
    border-radius: 10px 10px 0 0;
}
.bar-1 { height: 30%; background: linear-gradient(180deg, #f963a5 0%, #b84df4 100%); }
.bar-2 { height: 50%; background: linear-gradient(180deg, #f963a5 0%, #b84df4 100%); }
.bar-3 { height: 40%; background: linear-gradient(180deg, #d355f6 0%, #8736f8 100%); }
.bar-4 { height: 70%; background: linear-gradient(180deg, #9f41f7 0%, #4614fa 100%); }
.bar-5 { height: 100%; background: linear-gradient(180deg, #748ffc 0%, #3b5bdb 100%); }
.bar-6 { height: 85%; background: linear-gradient(180deg, #748ffc 0%, #3b5bdb 100%); }
.chart-total {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-left: 10px;
}
.total-num {
    font-size: 32px;
    font-weight: 900;
    color: #08104C;
    line-height: 1;
}
.total-text {
    font-size: 14px;
    font-weight: 800;
    color: #b84df4;
    line-height: 1.2;
}
.mercado-source {
    font-size: 11px;
    color: #6b75a1;
    margin: 0;
}

.accenti-recent-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 25px;
}

.accenti-recent-card {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none;
    transition: all 0.3s;
    padding: 10px;
    border-bottom: 1px solid #ebe7fb;
}
.accenti-recent-card:hover {
    background: #f4f6fb;
    border-radius: 15px;
}

.recent-img {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
}
.recent-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.recent-content {
    flex-grow: 1;
    position: relative;
    padding-right: 25px;
}
.recent-date {
    font-size: 11px;
    font-weight: 700;
    color: #F93549;
    display: block;
    margin-bottom: 3px;
}
.recent-content h4 {
    font-size: 13px;
    font-weight: 800;
    color: #08104C;
    margin: 0;
    line-height: 1.3;
}
.recent-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d4daee;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F93549;
    font-size: 10px;
}
.accenti-recent-card:hover .recent-arrow {
    background: #F93549;
    color: #fff;
    border-color: #F93549;
}

.accenti-btn-purple {
    display: block;
    text-align: center;
    background:  linear-gradient(135deg,#F93549,#2206b1);
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    padding: 8px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.3s;
}
.accenti-btn-purple:hover {
    box-shadow: 0 10px 20px rgba(34,6,177,0.3);
    transform: translateY(-2px);
    color: #ffffff;
}

/* Bottom CTA Banner */
.accenti-bottom-cta {
    background: linear-gradient(135deg, #21145F 10%, #2206a9 90%);
    border-radius: 20px;
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
}

.cta-icon {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.cta-icon img {
    width: 40px;
    height: auto;
}

.cta-text {
    flex: 1;
}
.cta-text h2 {
    font-size: 24px;
    font-weight: 800;
    margin: 0;
    color: #ffffff;
    line-height: 1.3;
}
.cta-text h2 strong {
    color: #F93549;
}

.cta-desc {
    flex: 1.5;
    font-size: 14px;
    color: #cbd2f5;
    line-height: 1.6;
}

.cta-button {
    flex-shrink: 0;
}
.accenti-btn-pink {
    background: #F93549;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 30px;
    border-radius: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s;
}
.accenti-btn-pink:hover {
    background: #e02033;
    box-shadow: 0 10px 20px rgba(249,53,73,0.3);
    transform: translateY(-2px);
    color: #ffffff;
}

/* Responsive */
@media(max-width: 1024px) {
    .accenti-main-grid { grid-template-columns: 1fr; }
    .accenti-bottom-cta { flex-direction: column; text-align: center; }
    .cta-icon { margin: 0 auto; }
}
@media(max-width: 768px) {
    .accenti-hero-title { font-size: 32px; }
    .accenti-similar-carousel { grid-template-columns: 1fr; }
    .accenti-post-nav { flex-direction: column; gap: 15px; padding: 20px; }
    .accenti-highlight-box { flex-direction: column; text-align: center; padding: 25px; }
    .highlight-icon { margin: 0 auto; }
}

.wp-block-uagb-container.uagb-block-f16de0a7 {
    background-color: transparent !important;

}

.accenti-post-nav::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: 8%;
    width: 84%;
    height: 1px;
    background: #ECEAF5;
}