@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
     :root {
        --blue-2: #11449E;
        --azul: #031D4A;
        --azul-marino: #092334;
        --amarillo: #FFFF00;
        --naranjo: #DB5F00;
        --rojo: #D0021B;
        --rojo-1: #EC0B43;
        --rojo-oscuro: #BB0A21;
        --celeste: #0E8A95;
        --celeste-2: #3391E2;
        --morado: #53217A;
        --gris: #C9C9C9;
        --blanco: #ffffff;
        --fontFamily: 'Montserrat', sans-serif;
        --verde: #10A15B;
        --nosotros: #11449E;
        /*#0E8A95;*/
        --investigacion: #11449E;
        /*#031D4A;*/
        --academico: #11449E;
        /*#DB5F00;*/
        --actualidad: #11449E;
        --libros: #027015;
        --columnas: #FF6F00;
        --opinion: #FF6F00;
        /*#984200;*/
        --especiales: #092334;
        /*#282828;*/
        /*#282828;*/
        --gris-2: #8F91A2;
        --negro: #191919;
        --rosa: #c20959;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    body {
        color: var(--azul-marino);
        background-color: var(--blanco);
        font-size: 15px!important;
        font-style: normal;
        font-weight: 600;
        font-family: var(--fontFamily);
        overflow-x: hidden;
    }
 
    body a:visited {
    color: inherit;
}


    .texto-nota a:visited {
        color: #007bff;    
    }
    
    .container {
        max-width: 1366px;
    }
    
    .btn-ciper {
        border-radius: 25px;
        font-weight: bold;
        font-size: 1em!important;
        line-height: 1.1;
        color: var(--azul-marino);
        border: none;
        transition: all .3s ease-in-out;
    }
    
    .btn-ciper-2 {
        font: normal normal 600 13px/20px var(--fontFamily);
        color: var(--blanco);
        background-color: var(--azul-marino);
        border-radius: 5px;
        padding: 4px 34px;
    }
    
    .btn-ciper-2:hover {
        color: var(--azul-marino);
        background-color: var(--blanco);
    }
    
    .btn-ciper-2:visited {
        color: var(--blanco);
    }
    
    
    /*.btn-ciper-2:visited { color: var(--blanco);}*/
    
    .btn-ciper--slide {
        font: normal normal 600 16px/19px var(--fontFamily);
    }
    
    .btn-ciper:hover {
        background-color: var(--blanco);
        border: 1px solid var(--azul-marino);
    }
    
    .btn-ciper--dark {
        color: var(--blanco);
    }
    
    .btn-ciper--dark:hover {
        color: var(--azul-marino);
    }
    
    .btn-ciper--azul {
        background-color: var(--nosotros);
    }
    
    .btn-ciper--azul:hover {
        border-color: var(--nosotros);
        color: var(--nosotros);
    }
    
    .btn-ciper--blanco {
        background-color: var(--blanco);
        color: var(--azul-marino);
    }
    
    .btn-ciper--blanco:hover {
        border-color: var(--blanco);
        background-color: transparent;
        color: var(--blanco);
    }
    
    .btn-ciper--azul-2 {
        background-color: var(--blue-2);
    }
    
    .btn-ciper--azul-2:hover {
        border-color: var(--blue-2);
        color: var(--blue-2);
    }
    
    .btn-ciper--rojo-1 {
        background-color: var(--rojo-1);
    }
    
    .btn-ciper--rojo-1:hover {
        border-color: var(--rojo-1);
        color: var(--rojo-1);
    }
    
    .btn-ciper--rojo-oscuro {
        background-color: var(--rojo-oscuro);
    }
    
    .btn-ciper--rojo-oscuro:hover {
        border-color: var(--rojo-oscuro);
        color: var(--rojo-oscuro);
    }
    
    .btn-ciper--verde {
        background-color: var(--verde);
    }
    
    .btn-ciper--verde:hover {
        border-color: var(--verde);
        color: var(--verde);
    }
    
    .btn-ciper--celeste {
        background-color: var(--celeste);
    }
    
    .btn-ciper--celeste:hover {
        border-color: var(--celeste);
        color: var(--celeste);
    }
    
    .btn-ciper--amarillo {
        background-color: var(--amarillo);
    }
    
    .btn-ciper--amarillo:hover {
        border-color: var(--naranjo);
        color: var(--naranjo);
    }
    
    .btn-ciper--gris {
        background-color: var(--gris);
    }
    
    .btn-ciper--gris:hover {
        border-color: var(--negro);
        color: var(--negro);
    }
    
    .btn-ciper--azul-marino {
        background-color: var(--azul-marino);
    }
    
    .btn-ciper--azul-marino:hover {
        border-color: var(--azul-marino);
        color: var(--azul-marino);
    }
    
    .btn.btn-ciper.btn-amarillo {
        background-color: var(--amarillo);
    }
    
    .btn-ciper--naranjo {
        background-color: #DB5F00;
    }
    /* header ciper */
    
    .header-ciper {
        background-color: var(--blanco);
        color: var(--azul-marino);
        display: flex;
        flex-direction: column;
        border: none;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .29);
    }
    /* header siguenos */
    
    .header-siguenos__text {
        font: normal normal 600 13px/19px var(--fontFamily);
    }
    
    .header-siguenos__link-social {
        width: 18px;
        height: 18px;
        margin-left: 12px;
    }
    
    .header-siguenos__icono-social {
        transition: all .2s ease-in-out;
    }
    
    .header-siguenos__link-social:hover .header-siguenos__icono-social {
        transform: scale(1.1);
    }
    
    .btn-ciper--header {
        padding: 10px 5%;
        margin: 0px;
        font-size: 14px!important;
    }
    
    .btn-ciper--header.btn-ciper--amarillo {
        border-radius: 25px 0px 0px 25px;
        position: relative;
    }
    
    .btn-ciper--header.btn-ciper--gris {
        border-radius: 0px 25px 25px 0px;
    }
    
    .btn-ciper--header.btn-ciper--amarillo:hover {
        background-color: var(--azul-marino);
        border-color: var(--azul-marino);
        color: var(--amarillo);
    }
    
    @media only screen and (min-width:768px) {
        .btn-ciper--header {
            padding: 10px 19px;
            margin: 5px;
            font-size: 1em!important;
        }
        .btn-ciper--header.btn-ciper--amarillo {
            border-radius: 25px;
        }
        .btn-ciper--header.btn-ciper--gris {
            border-radius: 25px;
        }
        .btn-ciper--header.btn-ciper--amarillo.alerta-open {
            border-radius: 30px 30px 0 0;
            height: 40px;
            margin-bottom: 0;
        }
    }
    /* /header siguenos */
    /* navbar-ciper */
    
    .navbar-dark.navbar-ciper {
        background-color: var(--azul-marino);
        color: var(--blanco);
        min-height: 55px;
    }
    
    .navbar-dark.navbar-ciper .nav-link {
        color: var(--blanco);
        text-transform: uppercase;
        font-size: 12px!important;
        padding-bottom: 3px;
        margin-right: 0.8rem;
        margin-left: 0.8rem;
    }
    
    .navbar-dark .navbar-toggler.collapsed .navbar-toggler-icon {
        background-image: url(../img/menu-burger.svg);
    }
    
    .navbar-dark .navbar-toggler .navbar-toggler-icon {
        background-image: url(../img/menu-burger-close.svg);
    }
    
    .navbar-dark .navbar-toggler {
        border: 0;
    }
    
    .alert-dismissible .close {
        padding: 0.45rem 1.25rem;
    }
    
    .navbar-dark.navbar-ciper .nav-item.active .nav-link,
    .navbar-dark.navbar-ciper .nav-link:hover {
        color: var(--blanco);
        /* text-decoration: underline; */
        border-bottom: 3px solid rgba(255, 255, 255, .5);
        opacity: .5;
    }
    
    .navbar-ciper__buscador {
        position: relative;
    }
    
    .navbar-ciper__buscador .form-control {
        border-radius: 10px;
        font: normal normal normal 12px/19px var(--fontFamily);
        color: var(--azul-marino);
        letter-spacing: 0px;
        text-align: left;
        border: 1px solid var(--blanco);
        z-index: 1;
    }
    /*
.navbar-ciper__buscador::after {
    content: url(../img/lupa.png);
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 2;
}
*/
    
    input[type="submit"].btn-buscador-cabecera {
        background: url(../img/lupa.png) no-repeat scroll 0 0 transparent;
        width: 30px;
        height: 30px;
        position: absolute;
        margin-left: -40px;
        top: 60%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 2;
        border: 0;
    }
    /* alert ciper */
    
    .alert-ciper {
        background-color: var(--amarillo);
        margin-bottom: 0;
        padding: 0.55rem 1.25rem;
    }
    
    .alert-ciper__text {
        font: normal normal medium 18px/24px var(--fontFamily);
        letter-spacing: 0px;
        color: var(--negro);
        text-align: center;
    }
    
    .alert-ciper__text--strong {
        font: normal normal bold 20px/24px var(--fontFamily);
    }
    /* /alert ciper */
    /* Card nosotros slider */
    
    .card-nosotros {
        text-align: center;
        border: none;
        color: var(--azul-marino);
        border-radius: 0;
    }
    
    .card-nosotros .card-body {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 10% 18%;
        height: 280px !important;
    }
    
    .card-nosotros--dark {
        color: var(--blanco);
    }
    
    .card-nosotros--azul-marino {
        background-color: var(--azul-marino);
    }
    
    .card-nosotros--verde {
        background-color: var(--verde);
    }
    
    .card-nosotros--azul {
        background-color: var(--nosotros);
    }
    
    .card-nosotros--gris {
        background-color: var(--gris);
    }
    
    .card-nosotros--morado {
        background-color: var(--morado);
    }
    
    .card-nosotros--gris-2 {
        background-color: var(--gris-2);
    }
    
    .card-nosotros--rojo {
        background-color: var(--rojo);
    }
    
    .card-nosotros--celeste {
        background-color: var(--celeste);
    }
    
    .card-nosotros__icono {
        display: flex;
        margin: auto;
        margin-bottom: .4rem;
    }
    
    .alticle-link,
    .alticle-link:hover {
        color: inherit;
        text-decoration: none;
    }
    /* /Card nosotros slider */
    /* Section noticias destacadas */
    
    .TitHomePpl {
        position: absolute;
        padding: 1rem;
        /*background-color: var(--azul-marino);*/
        margin-right: 1rem;
        /*margin-top: 20%;*/
        z-index: 999;
    }

    .article-big .TitHomePpl{
        position: relative;
        z-index: 1;
    }
    .article-big .imgTit{
        flex-direction: column ;
    }
    
    .TitHomePpl p {
        font-size: 12px!important;
        padding: 0;
    }
    
    .TitHomePpl h1 {
        font: normal normal bold 30px/40px var(--fontFamily);
        /*background-color: red;*/
    }
    
    @media only screen and (max-width: 1340px) {
        .TitHomePpl {
            /*margin-top: 14%!important;*/
        }
        .TitHomePpl p {
            font-size: 10px!important;
        }
        .TitHomePpl h1 {
            font: normal normal bold 24px/34px var(--fontFamily)!important;
        }
    }
    
    @media only screen and (max-width: 560px) and (min-width: 200px) {
        .TitHomePpl {
            /*margin-top: 0px!important;*/
        }
        .TitHomePpl p {
            font-size: 10px!important;
            line-height: 15px;
        }
        .TitHomePpl h1 {
            font: normal normal bold 20px/22px var(--fontFamily)!important;
        }
        .TitHomePpl.article-big-text__title {
            font: normal normal bold 24px/30px var(--fontFamily);
            letter-spacing: -2.06px;
        }
        .TitHomePpl {
            padding: 0.5rem 1rem;
        }
    }
    /*
@media only screen and (max-width: 1340px) and (min-width: 1140px) {
    .TitHomePpl p {
        font-size: 10px!important;
    }
    .TitHomePpl h3 {
        font: normal normal bold 24px/34px var(--fontFamily)!important;
    }
}

@media only screen and (max-width: 560px) and (min-width: 200px) {
    .TitHomePpl {
        margin-top: 0px!important;
    }
    .TitHomePpl p {
        font-size: 10px!important;
    }
    .TitHomePpl h3 {
        font: normal normal bold 24px/34px var(--fontFamily)!important;
    }
    .TitHomePpl.article-big-text__title {
        font: normal normal bold 24px/30px var(--fontFamily);
        letter-spacing: -2.06px;
    }
}
*/
    
    .article-big {
        text-align: left;
        background-color: var(--azul-marino);
        color: var(--blanco);
        letter-spacing: 0px;
        margin-bottom: .4rem;
    }
    
    .article-big-text__date {
        font: normal normal 600 13px/16px var(--fontFamily);
    }
    
    .article-big-text__epigraph {
        font: normal normal normal 15px/19px var(--fontFamily);
    }
    
    .article-big-text__title {
        font: normal normal bold 30px/38px var(--fontFamily);
        letter-spacing: -2.06px;
    }
    
    @media only screen and (min-width:768px) {
        .article-big-text__title {
            /*font: normal normal bold 42px/50px var(--fontFamily);
        letter-spacing: -2.06px;*/
            font: normal normal normal 32px/40px var(--fontFamily);
            letter-spacing: -2.06px;
        }       
        .article-big-text__epigraph {
        font: normal normal normal 12px/14px var(--fontFamily);
        }

        .article-big .TitHomePpl{
            position: absolute;
        }
        .article-big .imgTit{
            flex-direction: row;
        }
    }
    
    .article-big-text__excerpt {
        font: normal normal normal 15px/22px var(--fontFamily);
    }
    
    .article-big-text__author {
        font: normal normal 600 13px/16px var(--fontFamily);
    }
    
    .article-big-text__author a {
        color: var(--blanco);
        text-decoration: underline;
    }
    
    .article-featured {
        text-align: left;
        color: var(--azul);
        letter-spacing: 0px;
        margin-top: .4rem;
        margin-bottom: .4rem;
    }
    
    .article-featured p {
        margin-bottom: .5rem;
    }
    
    .article-featured-separator {
        display: flex;
        align-items: center;
    }
    
    .article-featured-separator-category {
        /*background-color: var(--blue-2);*/
        color: var(--blanco);
        padding: 5px 0px;
        border-radius: 0px 15px 15px 0px;
        text-transform: uppercase;
    }
    
    .article-featured.actualidad .article-featured-separator-category,
    .article-featured.actualidad .article-featured-separator-category {
        /*background-color: var(--nosotros);*/
        color: var(--nosotros);
    }
    
    .article-featured.investigacion .article-featured-separator-category,
    .article-featured.investigacion .article-featured-separator-category {
        /*background-color: var(--nosotros);*/
        /*#031D4A;*/
        color: var(--nosotros);
    }
    
    .article-featured.columnas .article-featured-separator-category,
    .article-featured.columnas .article-featured-separator-category {
        /*background-color: var(--columnas);*/
        color: var(--columnas);
    }
    
    .article-featured.opiniones .article-featured-separator-category,
    .article-featured.opiniones .article-featured-separator-category {
        /*background-color: var(--columnas);*/
        color: var(--columnas);
    }
    
    .article-featured.libros .article-featured-separator-category,
    .article-featured.libros .article-featured-separator-category {
        /*background-color: var(--nosotros);*/
        color: var(--nosotros);
    }
    
    .article-featured.radar .article-featured-separator-category,
    .article-featured.radar .article-featured-separator-category {
        /*background-color: var(--nosotros);*/
        color: var(--rosa);
    }
    
    .article-featured.labot .article-featured-separator-category,
    .article-featured.labot .article-featured-separator-category {
        background-color: #bebcc2;
    }
    
    .article-featured-separator-divider {
        margin: 0 5px;
        border: 1px solid var(--blue-2);
        flex-grow: 1 !important;
    }
    
    .article-featured.actualidad .article-featured-separator-divider,
    .article-featured.actualidad .article-featured-separator-divider {
        border-color: var(--nosotros);
    }
    
    .article-featured.investigacion .article-featured-separator-divider,
    .article-featured.investigacion .article-featured-separator-divider {
        border-color: var(--nosotros);
        /*#031D4A;*/
    }
    
    .article-featured.columnas .article-featured-separator-divider,
    .article-featured.columnas .article-featured-separator-divider {
        border-color: var(--columnas);
    }
    
    .article-featured.opiniones .article-featured-separator-divider,
    .article-featured.opiniones .article-featured-separator-divider {
        border-color: var(--columnas);
    }
    
   
    
    .article-featured-separator-date {
        color: var(--blue-2);
        /*font: normal normal bold 12px/15px var(--fontFamily);*/
        font: normal normal normal 11px/14px var(--fontFamily);
        font-weight: 500;
    }
    
    .article-featured.actualidad .article-featured-separator-date,
    .article-featured.actualidad .article-featured-separator-date {
        color: #11449E;
    }
    
    .article-featured.investigacion .article-featured-separator-date,
    .article-featured.investigacion .article-featured-separator-date {
        color: #11449E;
        /*#031D4A;*/
    }
    
    .article-featured.columnas .article-featured-separator-date,
    .article-featured.columnas .article-featured-separator-date {
        color: var(--columnas);
    }
    
    .article-featured.opiniones .article-featured-separator-date,
    .article-featured.opiniones .article-featured-separator-date {
        color: var(--opinion);
    }
    
    .article-featured-text__epigraph {
        /*font: normal normal normal 12px/15px var(--fontFamily);*/
        font: normal normal normal 10px/18px var(--fontFamily)!important;
        letter-spacing: -0.19px;
        margin-top: .3rem;
    }
    
    .article-featured-text__title {
        /*font: normal normal bold 22px/24px var(--fontFamily);*/
        /*font: normal normal bold 20px/24px var(--fontFamily);*/
        font: normal normal bold 18px/20px var(--fontFamily);
        letter-spacing: -0.62px;
        margin-top: .3rem;
    }
    
    .article-featured-text__author {
        font: normal normal normal 12px/18px var(--fontFamily);
    }
    
    .article-featured-text__author a {
        text-decoration: underline;
        color: var(--azul-marino);
    }
    
    .article-media-audio,
    .article-media-video {
        margin-bottom: .4rem;
    }
    
    
    /* ciper acdemido */
    
    .ciper-academico {
        background-color: #FBEFE5;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .ciper-academico-nav {
        background: var(--academico);
        font: normal normal medium 18px/21px var(--fontFamily);
        letter-spacing: 0px;
        color: var(--blanco);
        text-transform: uppercase;
        border-radius: 20px;
        display: flex;
        align-items: center;
        padding: 7px;
        position: relative;
    }
    
    .ciper-academico-nav .nav-pills .nav-link {
        font-size: 9px!important;
    }
    
    @media only screen and (min-width:414px) {
        .ciper-academico-nav .nav-pills .nav-link {
            font-size: 14px!important;
        }
    }
    
    @media only screen and (max-width:766px) {
        .p-movil {
            padding: 10px;
        }
    }
    
    @media only screen and (max-width:767px) {
        .separador--academico {
            margin-bottom: 45px;
        }
        .ciper-academico-nav .nav-pills {
            position: absolute;
            top: 60px;
            left: -8px;
            width: 120%;
            background: var(--academico);
            padding: 5px;
            border-radius: 20px;
        }
    }
    
    .ciper-academico-nav-title {
        font: normal normal bold 18px/21px var(--fontFamily);
        margin-bottom: 0;
    }
    
    .ciper-academico-nav .nav-link {
        color: var(--blanco);
        padding: 0.1rem 0.3rem;
    }
    
    .ciper-academico-nav .nav-item .nav-link.active,
    .ciper-academico-nav .nav-item .nav-link:hover {
        background: transparent;
        font-weight: bold;
        border-bottom: 1px solid var(--blanco);
        border-radius: 0;
    }
    
    .article-featured.academico {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .article-featured.academico .article-featured-separator {
        display: flex;
        align-items: flex-start;
        text-align: left;
        font: normal normal bold 12px/15px var(--fontFamily);
        letter-spacing: 0px;
        color: #3A4F5C;
    }
    
    .article-featured.radar .article-featured-separator .article-featured-separator-divider {
        border: 1px solid var(--rosa);
    }
    
    
    .article-featured.radar .article-featured-separator .article-featured-separator-date {
        color: var(--rosa);
    }
    
    .article-featured.academico .article-featured-separator-date {
        color: #3A4F5C;
        width: auto;
    }
    
    .article-featured.academico .article-featured-separator-pipe {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .article-featured.academico .article-featured-separator-category {
        letter-spacing: -0.19px;
        color: var(--academico);
        background: transparent;
        padding: 0;
    }
    
    .nav-link--verTodos {
        color: var(--academico);
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .nav-link--verTodos:hover {
        color: var(--academico);
    }
    /* Separador */
    
    .separador {
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-transform: uppercase;
        width: 100%;
        /*color: var(--blanco);*/
        padding: 16px;
    }
    
    .separador__label {
        /*padding: 7px;*/
        /*color: #ffffff;*/
        font-size: 18px!important;
        font-weight: bold;
        border-radius: 20px;
        width: auto;
        text-align: left
    }
    
    .separador--nosotros {
        /*background-color: var(--actualidad);*/
        /*--nosotros*/
        color: var(--actualidad);
    }
    
    .separador--investigacion {
        /*background-color: var(--actualidad);*/
        /*--investigacion*/
        color: var(--actualidad);
    }
    
    .separador--academico {
        /*background-color: var(--actualidad);*/
        /*--academico*/
        color: var(--actualidad);
    }
    
    .separador--actualidad {
        /*background-color: var(--actualidad);*/
        color: var(--actualidad);
    }
    
    .separador--libros {
        /*background-color: var(--actualidad);*/
        /*--libros*/
        color: var(--actualidad);
    }
    
    .separador--audio {
        /*background-color: var(--actualidad);*/
        /*--azul-marino*/
        color: var(--actualidad);
    }
    
    .separador--tv {
        /*background-color: var(--actualidad);*/
        /*--rojo-oscuro*/
        color: var(--actualidad);
    }
    
    .separador--columnas {
        /*background-color: var(--columnas);*/
        color: var(--columnas);
    }
    
    .separador--opinion {
        /*background-color: var(--columnas);*/
        /*--opinion*/
        color: var(--columnas);
    }
    
    .separador--especiales {
        /*background-color: var(--actualidad);*/
        /*--blanco*/
        color: var(--especiales);
        border-radius: 20px;
        padding: 0 10px;
    }
    
    .separador--especiales .separador__link,
    .separador--especiales .separador__label {
        color: var(--especiales);
    }
    
    .separador .ciper-academico-nav {
        width: 1125px;
    }
    
    .separador__link {
        font-weight: normal;
        color: var(--blanco);
        margin-left: auto;
        display: flex;
        font-size: 12px!important;
        justify-content: flex-end;
    }
    
    .separador__link:hover {
        text-decoration: underline;
        color: inherit;
    }
    
    @media only screen and (min-width:768px) {
        .separador {
            background-color: transparent;
        }
        .separador__label {
            /*padding: 5px 15px!important;*/
            padding: 0px!important;
            color: #ffffff;
            font-size: 18px!important;
            font-weight: bold;
            border-radius: 20px;
            text-align: center;
        }
        .separador__label--nosotros {
            /*background-color: var(--actualidad);*/
            color: var(--actualidad);
            /*--nosotros*/
        }
        .separador__label--investigacion {
            /*background-color: var(--actualidad);*/
            /*--investigacion*/
            color: var(--actualidad);
        }
        .separador__label--academico {
            /*background-color: var(--actualidad);*/
            /*--academico*/
            color: var(--actualidad);
        }
        .separador__label--actualidad {
            /*background-color: var(--actualidad);*/
            color: var(--actualidad);
        }
        .separador__label--libros {
            /*background-color: var(--actualidad);*/
            color: var(--actualidad);
            /*--libros*/
        }
        .separador__label--audio {
            /*background-color: var(--actualidad);*/
            /*--azul-marino*/
            color: var(--actualidad);
        }
        .separador__label--tv {
            /*background-color: var(--actualidad);*/
            /*--rojo-oscuro*/
            color: var(--actualidad);
        }
        .separador__label--columnas {
            /*background-color: var(--columnas);*/
            color: var(--columnas);
        }
        .separador__label--opinion {
            /*background-color: var(--columnas);*/
            color: var(--columnas);
            /*--opinion*/
        }
        .separador__label--especiales {
            /*background-color: var(--blanco);*/
            /*--blanco*/
            /*color: var(--especiales);*/
            /*--especiales*/
            color: var(--blanco);
        }
        .separador__divider {
            flex-grow: 1 !important;
            padding: 0 6px;
            border: 1px solid var(--actualidad);
            /*--nosotros*/
            margin: 0 5px;
        }
        .separador__divider--investigacion {
            border-color: var(--actualidad);
            /*--investigacion*/
        }
        .separador__divider--academico {
            border-color: var(--actualidad);
            /*--academico*/
        }
        .separador__divider--actualidad {
            border-color: var(--actualidad);
        }
        .separador__divider--libros {
            border-color: var(--actualidad);
            /*--libros*/
        }
        .separador__divider--audio {
            border-color: var(--blanco);
            /*--azul-marino*/
        }
        .separador__divider--tv {
            border-color: var(--blanco);
            /*--rojo-oscuro*/
        }
        .separador__divider--columnas {
            border-color: var(--columnas);
        }
        .separador__divider--opinion {
            border-color: var(--columnas);
            /*--opinion*/
        }
        .separador__divider--especiales {
            border-color: var(--blanco);
        }
        .separador__link {
            font-weight: bold;
            color: var(--nosotros);
            margin-left: auto;
            display: flex;
            justify-content: flex-end;
        }
        .separador__link:hover {
            text-decoration: underline;
            color: inherit;
        }
        .separador__link--nosotros,
        .separador__link--nosotros:hover {
            color: var(--nosotros);
        }
        .separador__link--investigacion,
        .separador__link--investigacion:hover {
            color: var(--investigacion);
        }
        .separador__link--academico,
        .separador__link--academico:hover {
            color: var(--academico);
        }
        .separador__link--actualidad,
        .separador__link--actualidad:hover {
            color: var(--actualidad);
        }
        .separador__link--libros,
        .separador__link--libros:hover {
            color: var(--libros);
        }
        .separador__link--audio,
        .separador__link--audio:hover {
            color: var(--azul-marino);
        }
        .separador__link--tv,
        .separador__link--tv:hover {
            color: var(--rojo-oscuro);
        }
        .separador__link--columnas,
        .separador__link--columnas:hover {
            color: var(--columnas);
        }
        .separador__link--opinion,
        .separador__link--opinion:hover {
            color: var(--opinion);
        }
        .separador__link--especiales,
        .separador__link--especiales:hover {
            color: var(--blanco) !important;
        }
    }
    /* /Separador */
    /* Section */
    
    .section {
        padding: 40px 0;
    }
    
    .section-text--title {
        text-align: left;
        font: normal normal bold 23px/26px var(--fontFamily);
        letter-spacing: -1.13px;
        font-weight: bold !important;
        text-transform: uppercase;
    }
    
    .section--especiales {
        background-color: var(--especiales);
        color: var(--blanco);
    }
    /* /Section */
    
    .section-archivo {
        background-color: #E8EBEC;
    }
    
    .section-archivo .section-text--title {
        color: #05358A;
    }
    
    .section-featured-title h3 {
        font: normal normal bold 15px/19px var(--fontFamily);
        letter-spacing: 0px;
        text-transform: uppercase;
        padding: 15px 0;
        margin: 0;
    }
    
    .article-big.portadilla {
        background-color: #FFF;
        /*#E8EBEC;*/
        color: #031D4A;
    }
    
    .article-big.portadilla a {
        color: #031D4A;
    }
    
    .section-featured-title.investigacion {
        background-color: var(--nosotros);
        /*#031D4A;*/
        color: #ffffff;
    }
    
    .section-featured-title.actualidad {
        background-color: var(--nosotros);
        color: #ffffff;
    }
    
    
    .section-featured-title.radar2 {
        background-color: var(--rosa);
        color: #ffffff;
    }
    
    
    .section-featured-title.busqueda {
        background-color: #E8EBEC;
        color: #092334;
    }
    
    .section-featured-title.lector {
        background-color: var(--columnas);
        color: #E8EBEC;
    }
    
    .section-featured-title.academico {
        background-color: var(--nosotros);
        color: #E8EBEC;
    }
    
    .section-featured-title.libros {
        background-color: var(--nosotros);
        color: #E8EBEC;
    }
    
    .section-featured-title.labot {
        background-color: #bebcc2;
    }
    
    .section-archivo .article__text--date {
        /*font: normal normal medium 12px/15px var(--fontFamily);*/
        font: normal normal normal 12px/15px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .section-archivo .article__text--epigraph {
        /*font: normal normal bold 11px/14px var(--fontFamily);*/
        font: normal normal normal 10px/14px var(--fontFamily);
        letter-spacing: -0.15px;
    }
    
    .section-archivo .article__text--title {
        /*font: normal normal bold 16px/18px var(--fontFamily);*/
        font: normal normal normal 16px/18px var(--fontFamily);
        letter-spacing: -0.62px;
    }
    
    .section-archivo .article__text--date,
    .section-archivo .article__text--title {
        color: #1452BF;
    }
    
    @media only screen and (min-width:768px) {
        .section-archivo {
            background-color: transparent;
        }
        .section-archivo .section-text--title {
            color: #031D4A;
        }
        .section-archivo .article__text--title {
            /*        font: normal normal bold 20px/22px var(--fontFamily);*/
            font: normal normal normal 20px/22px var(--fontFamily);
            letter-spacing: -0.62px;
            color: #031D4A;
        }
        .section-featured-title h3 {
            font: normal normal bold 20px/35px var(--fontFamily);
            padding: 10px 0;
        }
        /*
    .article-big.portadilla {
        margin-top: -45px;
    }*/
    }
    /* Article */
    
    .article {
        color: var(--azul-marino);
        margin-top: 15px;
    }
    
    .article--archive {
        background-color: #E8EBEC;
        color: #031D4A;
        border-bottom: 1px solid #C1C1C1;
    }
    
    @media only screen and (min-width:768px) {
        .article--archive {
            border-bottom: 1px solid #C1C1C1;
        }
    }
    
    .article__img {
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }
    
    .article--dark {
        color: var(--blanco);
    }
    
    .article__text {
        letter-spacing: 0px;
        font: normal normal normal 14px/20px var(--fontFamily);
        text-align: left;
        margin-bottom: .1rem;
    }
    
    .article__text--actualidad {
        color: var(--actualidad);
    }
    
    .article__text--academico {
        color: var(--academico);
    }
    
    .article__text--category {
        font: normal normal bold 20px/35px var(--fontFamily);
        margin-bottom: .2rem;
    }
    
    .article__text--date {
        font: normal normal normal 12px/15px var(--fontFamily);
        margin-bottom: .1rem;
    }
    
    .article__text--epigraph {
        font: normal normal normal 10px/18px var(--fontFamily)!important;
        margin-bottom: .3rem;
    }
    
    .article__text--epigraph-bold {
        font-weight: bold;
    }
    
    .article__text--title {
        /*font: normal normal 600 20px/24px var(--fontFamily);*/
        /*font: normal normal bold 20px/24px var(--fontFamily);*/
        font: normal normal bold 18px/20px var(--fontFamily);
        margin-bottom: .2rem;
    }
    
    .article__text--titleArchivo {
        /*font: normal normal 600 20px/24px var(--fontFamily);*/
        font: normal normal normal 20px/24px var(--fontFamily);
        margin-bottom: .2rem;
    }
    
    .article__text--titleArchivoOpinion {
        /*font: normal normal 600 20px/24px var(--fontFamily);*/
        font: normal normal normal 20px/24px var(--fontFamily);
        margin-bottom: .2rem;
        letter-spacing: -1.47px;
        color: var(--opinion);
    }
    
    .article__text--title-big {
        /*font: normal normal bold 24px/35px var(--fontFamily);*/
        font: normal normal normal 24px/35px var(--fontFamily);
        margin-bottom: .5rem;
    }
    
    .article__text--excerpt {
        font: normal normal normal 14px/20px var(--fontFamily);
    }
    
    .article__text-book--excerpt {
        font: normal normal 500 12px/18px var(--fontFamily);
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    @media only screen and (min-width:768px) {
        .article__text-book--excerpt {
            -webkit-line-clamp: 6;
        }
    }
    
    .article__text--author {
        font: normal normal 500 12px/18px var(--fontFamily);
    }
    
    .article__text-author--bold {
        font: normal normal bold 12px/18px var(--fontFamily);
    }
    
    .article__text-link--author {
        text-decoration: underline;
        color: var(--azul-marino);
    }
    
    .article__text-link--author:hover {
        font-weight: bold;
        color: var(--azul-marino);
    }
    
    .article__text-link--author-white {
        text-decoration: underline;
        color: var(--blanco);
    }
    
    .article__text-link--author-white:link,
    .article__text-link--author-white:visited,
    .article__text-link--author-white:active {
        text-decoration: underline;
        color: var(--blanco);
    }
    
    .article__text-link--author-white:hover {
        font-weight: bold;
        color: var(--blanco);
    }
    
    .article__text-link--author-dark {
        text-decoration: underline;
        color: var(--blanco);
    }
    
    .article__text-link--author-dark:hover {
        font-weight: bold;
        color: var(--blanco);
    }
    
    .article__text-link--author--orange {
        color: var(--naranjo);
    }
    
    .article__text-link--author--orange:hover {
        /*font-weight: bold;*/
        color: var(--naranjo);
    }
    /* /Article */
    
    .suscribete-ciper {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        background-color: #DEDEDE;
        padding: 15px;
        height: 600px;
    }
    
    .ciper-tv {
        /*background-color: #DBDBDB;*/
        padding-bottom: 15px;
    }
    /* Footer ciper */
    
    footer.footer-ciper {
        background-color: var(--azul-marino);
        color: var(--blanco);
        font: normal normal normal 12px/22px var(--fontFamily);
    }
    
    .footer-ciper__menu-text {
        font: normal normal normal 10px/16px var(--fontFamily);
    }
    
    .footer-ciper__menu-text--2 {
        font: normal normal medium 10px/20px var(--fontFamily);
        letter-spacing: -0.48px;
        opacity: 0.6;
    }
    
    .footer-ciper__siguenos-text {
        font: normal normal medium 12px/15px var(--fontFamily);
    }
    
    .footer-ciper__menu-title {
        font: normal normal bold 12px/22px var(--fontFamily);
    }
    
    .footer-ciper__menu-list--link {
        font: normal normal normal 12px/22px var(--fontFamily);
        color: var(--blanco);
    }
    
    .footer-ciper__menu-list--link:hover {
        color: var(--blanco);
    }
    
    .footer-ciper__siguenos-link {
        margin-left: 6px;
    }
    
    .footer-ciper__menu .footer-ciper__siguenos-link:hover {
        color: var(--blanco);
    }
    
    .footer-ciper__siguenos-icono {
        transition: all .2s ease-in-out;
        width: 22px;
        height: auto;
    }
    
    .footer-ciper__siguenos-link:hover .footer-ciper__siguenos-icono {
        transform: scale(1.1);
    }
    
    @media only screen and (min-width:768px) {
        footer.footer-ciper .border-right-md-1 {
            border-right: 1px solid var(--blanco);
        }
    }
    /* PAginacion */
    
    .pagination .page-item {
        margin-left: 8px;
        margin-right: 8px;
    }
    
    .pagination .page-numbers {
        display: block;
        width: 40px;
        height: 40px;
        color: var(--azul-marino);
        text-align: center;
        line-height: 40px;
        border-radius: 20px;
    }
    
    .pagination .page-numbers:hover,
    .pagination .page-numbers.next:hover,
    .pagination .page-numbers.current {
        background: var(--azul-marino);
        color: var(--blanco);
        text-decoration: none;
    }
    
    .pagination .page-numbers.next {
        background: #E8EBEC;
        color: var(--azul-marino);
    }
    /* End Paginacion */
    
    .slick-especiales .slick-prev {
        left: -25px;
    }
    
    .slick-especiales .slick-next {
        right: -25px;
    }
    /* Newsletter */
    
    .section-newsletter {
        background-color: #404090;
        color: var(--blanco);
        min-height: 160px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .section-newsletter-icon {
        width: 96px;
        height: 96px;
    }
    
    .section-newsletter-title {
        font: normal normal bold 34px/20px var(--fontFamily);
        letter-spacing: -1.33px;
        margin-bottom: 15px;
        margin-top: 15px;
        text-align: center;
    }
    
    .section-newsletter .form-control {
        border-radius: 8px;
        font: normal normal normal 16px/20px var(--fontFamily);
        letter-spacing: -0.56px;
    }
    
    .section-newsletter-text {
        font: normal normal normal 14px/20px var(--fontFamily);
        letter-spacing: -0.56px;
        text-align: center;
        margin: 0;
    }
    
    @media only screen and (min-width:1024px) {
        .section-newsletter {
            text-align: left;
        }
        .section-newsletter-title {
            text-align: left;
            font: normal normal bold 38px/20px var(--fontFamily);
        }
        .section-newsletter-text {
            text-align: left;
            font: normal normal normal 16px/20px var(--fontFamily);
        }
    }
    
    .article-busqueda {
        border-bottom: 1px solid var(--azul-marino);
    }
    /* Notas */
    
    .section-featured-title.notas {
        background-color: #11449E;
        color: #ffffff;
    }
    
    .content-blockquote {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    blockquote {
        background: transparent;
        border-left: 10px solid #60707A;
        margin: 1em 10px;
        padding: 0.5em 10px;
    }
    
    .autor-cita {
        font: normal normal normal 21px/24px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
        margin: 0
    }
    
    .compartir-cita {
        font: normal normal bold 14px/16px var(--fontFamily);
        letter-spacing: 0px;
        color: #60707A;
        margin: 0
    }
    
    blockquote p {
        display: inline;
        color: #092334;
        font: italic normal bold 27px/31px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .texto-nota {
        font: normal normal normal 15px/22px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .titulo-nota {
        font: normal normal bold 20px/24px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
    
    .subtitle-nota {
        font: normal normal bold 18px/22px var(--fontFamily);
        letter-spacing: -0.29px;
        color: #092334;
    }
    
    .pie-foto {
        font: normal normal normal 12px/35px var(--fontFamily);
        letter-spacing: 0px;
        color: #60707A;
    }
    
    .opinion-ivestigador {
        background: #E8EBEC;
        background: #E8EBEC;
        padding: 23px;
        padding: 23px;
    }
    
    .single-extracto__body {
        background: #E8EBEC;
        padding: 23px;
    }
    
    .aside-indice {
        position: sticky;
        top: 226px;
    }
    
    .aside-indice ul {
        list-style: none;
        padding-left: 10px;
    }
    
    .aside-indice ul li {
        padding: 10px;
    }
    
    .aside-indice-title {
        font: normal normal bold 18px/22px var(--fontFamily);
        letter-spacing: -0.29px;
        color: #092334;
        border-bottom: 4px solid #092334;
        text-align: center;
        padding-bottom: 10px;
    }
    
    .aside-indice-link {
        font: normal small-caps normal 15px/18px var(--fontFamily);
        letter-spacing: -0.5px;
        color: #092334;
    }
    
    .aside-indice-link:hover,
    .aside-indice-link.active {
        color: #B10000;
        font: normal normal bold 15px/18px var(--fontFamily);
        letter-spacing: -0.5px;
        text-decoration: none;
    }
    
    .bg-dark-05 {
        position: relative;
        filter: brightness(50%);
        background-color: #000000;
    }
    
    .content-relacionado {
        padding-top: 15px;
    }
    
    .articulo-relacionado {
        border-bottom: 1px solid #092334;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    
    .articulo-relacionado-title {
        font: normal normal normal 15px/20px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .articulo-relacionado-link {
        font: normal normal bold 13px/18px var(--fontFamily);
        letter-spacing: 0px;
        color: #B10000;
    }
    
    .articulo-relacionado-link:hover {
        text-decoration: none;
        color: #B10000;
    }
    
    .separador.dark .separador__label {
        font: normal normal bold 18px/22px var(--fontFamily);
        letter-spacing: -0.29px;
        color: #092334;
    }
    
    .separador.dark .separador__divider {
        border-color: #092334;
    }
    
    .color-amarillo {
        color: #FFFF00;
    }
    
    .btn-compartir {
        font: normal normal medium 14px/40px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .plus-icon {
        font: normal normal medium 30px/40px var(--fontFamily) !important;
    }
    
    .section-comentarios {
        background: #DEDEDE;
        padding: 30px 0;
        color: var(--azul-marino);
    }
    
    .comentario-title {
        font: normal normal bold 30px/20px var(--fontFamily);
        letter-spacing: -1.05px;
        color: #092334;
    }
    
    .comentario {
        margin: 20px 0;
    }
    
    .comentario-nombre {
        background-color: #092334;
        color: #ffffff;
        font: normal normal bold 13px/9px var(--fontFamily);
        letter-spacing: -0.46px;
        padding: 10px;
        border-radius: 10px 0px 0px 0px;
        margin: 0
    }
    
    .comentario-fecha {
        font: normal normal normal 16px/12px var(--fontFamily);
        letter-spacing: -0.56px;
        background-color: #092334;
        color: #ffffff;
        padding: 10px;
        border-radius: 0px 10px 0px 0px;
        margin: 0
    }
    
    .comentario-mensaje {
        background: #ffffff;
        font: normal normal normal 16px/20px var(--fontFamily);
        letter-spacing: -0.56px;
        color: #092334;
        padding: 15px;
        border-radius: 0px 0px 8px 8px;
    }
    
    .section-formulario-comentario {
        padding: 40px 0;
    }
    
    .section-formulario-comentario .form-control label {
        font: normal normal bold 13px/9px var(--fontFamily);
        letter-spacing: -0.46px;
        color: #092334;
    }
    
    .section-formulario-comentario .form-control {
        background-color: #EBEBEB;
        color: #092334;
        font: normal normal normal 16px/20px var(--fontFamily);
        letter-spacing: -0.56px;
        border-radius: 8px;
    }
    
    .btn-form {
        max-width: 270px;
    }
    /* Columnas de opinion */
    
    .section-featured-title.columnas {
        background-color: #DB5F00;
        color: #ffffff;
    }
    
    .pagination.columnas .page-numbers {
        color: #DB5F00;
    }
    
    .pagination.columnas .page-numbers:hover,
    .pagination.columnas .page-numbers.next:hover,
    .pagination.columnas .page-numbers.current {
        background: #DB5F00;
        color: var(--blanco);
    }
    
    .pagination.columnas .page-numbers.next {
        background: #E8EBEC;
        color: #DB5F00;
        ;
    }
    
    .section-text--title.columnas {
        color: #DB5F00
    }
    
    .article--archive.article--columnas {
        background-color: #E8EBEC;
        /*padding: 15px 5px;*/
        border-bottom: none;
    }
    
    .article--archive.article--columnas.article--destacado {
        background-color: transparent;
    }
    
    .article--archive.article--columnas .article__text--date {
        /*font: normal normal bold 12px/15px var(--fontFamily);*/
        font: normal normal normal 12px/15px var(--fontFamily);
        letter-spacing: 0px;
        color: #3A4F5C;
    }
    
    .article--archive.article--columnas .article__text--title {
        /*font: normal normal bold 20px/22px var(--fontFamily);*/
        font: normal normal normal 20px/22px var(--fontFamily);
        letter-spacing: -0.7px;
        color: #DB5F00;
    }
    
    .article--archive.article--columnas.article--big .article__text--title {
        /*font: normal normal bold 30px/45px Montserrat;*/
        font: normal normal normal 30px/45px Montserrat;
        letter-spacing: -1.05px;
    }
    
    @media only screen and (min-width:768px) {
        .article--archive.article--columnas.article--big .article__text--title {
            /*font: normal normal bold 44px/45px var(--fontFamily);*/
            font: normal normal normal 44px/45px var(--fontFamily);
            letter-spacing: -1.54px;
        }
    }
    
    .article--archive.article--columnas .article__text--author--orange {
        font: normal normal normal 12px/18px var(--fontFamily);
        letter-spacing: 0px;
        color: #D0021B;
    }
    
    .article--archive.article--columnas .article__text--author--orange a {
        text-decoration: underline;
    }
    
    .article--archive.article--columnas .article__img {
        /*border: 2px solid #8F91A2;*/
    }
    /* Fin Columnas de opinion */
    /* opinion lector */
    
    .section-featured-title.opinion {
        background-color: var(--opinion);
        color: #ffffff;
    }
    
    .pagination.opinion .page-numbers {
        color: var(--opinion);
    }
    
    .pagination.opinion .page-numbers:hover,
    .pagination.opinion .page-numbers.next:hover,
    .pagination.opinion .page-numbers.current {
        background: var(--opinion);
        color: var(--blanco);
    }
    
    .pagination.opinion .page-numbers.next {
        background: #E8EBEC;
        color: var(--opinion);
    }
    
    .section-text--title.opinion {
        color: var(--opinion)
    }
    
    .article--archive.article--opinion {
        padding: 30px;
    }
    
    .article--archive.article--opinion .article__text--date {
        /*font: normal normal medium 12px/15px var(--fontFamily);*/
        font: normal normal normal 12px/15px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .article--archive.article--opinion .article__text--title {
        /*font: normal normal bold 20px/22px var(--fontFamily);*/
        font: normal normal normal 20px/22px var(--fontFamily);
        letter-spacing: -0.78px;
        color: var(--opinion);
    }
    
    .article--archive.article--opinion .article__text--author--orange {
        font: normal normal medium 12px/18px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334 !important;
    }
    
    .article--archive.article--opinion .article__text--author--orange a {
        text-decoration: underline;
        color: #092334 !important;
    }
    
    .article-big.portadilla.opinion {
        background-color: #F0E3D9;
    }
    
    .article-big.portadilla.opinion .article-big-text__title {
        font: normal normal bold 30px/38px var(--fontFamily);
        letter-spacing: -1.47px;
        color: var(--opinion);
    }
    
    @media only screen and (min-width:768px) {
        .article-big.portadilla.opinion .article-big-text__title {
            /*font: normal normal bold 44px/50px var(--fontFamily);*/
            font: normal normal normal 34px/40px var(--fontFamily);
        }
    }
    
    .article-big.portadilla.opinion .article-big-text__date {
        font: normal normal 600 13px/16px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .article-big.portadilla.opinion .article-big-text__excerpt {
        font: normal normal normal 15px/22px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .article-big.portadilla.opinion .article-big-text__author {
        font: normal normal 600 13px/16px var(--fontFamily);
        letter-spacing: 0px;
        color: var(--opinion);
    }
    
    .article-big.portadilla.opinion .article-big-text__author a {
        font: normal normal 600 13px/16px var(--fontFamily);
        letter-spacing: 0px;
        color: var(--opinion);
        text-decoration: underline;
    }
    
    .article-featured.article-hero.opiniones {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    .article-featured.article-hero.opiniones {
        font: normal normal bold 12px/15px var(--fontFamily);
        letter-spacing: 0px;
        color: #3A4F5C;
    }
    
    .article__text--date {
        font: normal normal normal 12px/15px var(--fontFamily);
        letter-spacing: 0px;
        color: #3A4F5C;
    }
    
    .article-featured.article-hero.opiniones .article-featured-text__title {
        /*font: normal normal bold 25px/26px var(--fontFamily);*/
        font: normal normal normal 25px/26px var(--fontFamily);
        letter-spacing: -0.7px;
        color: var(--opinion);
    }
    
    .article-featured.article-hero.opiniones .article-featured-text__author {
        font: normal normal normal 12px/18px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .btn-ciper--opinion {
        background-color: var(--opinion);
    }
    /* fin opinion lector */
    /* autores */
    
    .article.article--autores .article__text--title {
        /*font: normal normal bold 20px/22px var(--fontFamily);*/
        font: normal normal normal 20px/22px var(--fontFamily);
        letter-spacing: -0.78px;
        color: #031D4A;
    }
    
    .article__text--excerpt {
        font: normal normal normal 14px/20px var(--fontFamily);
        letter-spacing: 0px;
        color: #092334;
    }
    
    .article.article--autores .article__img {
        border: 3px solid #092334;
    }
    
    .article__text-link--author--orange {
        /*font: normal normal bold 13px/22px var(--fontFamily);*/
        font: normal normal normal 13px/22px var(--fontFamily);
        letter-spacing: 0px;
        color: #B70000;
    }
    
    .filter-ciper__buscador--bordered .form-control {
        border: 1px solid #E8EBEC !important;
        width: 100%;
    }
    
    .border-left {
        border-left: 1px solid var(--azul-marino);
    }
    
    .title-filter {
        font: normal normal bold 20px/23px var(--fontFamily);
        letter-spacing: 0px;
        color: var(--azul-marino);
    }
    
    .nav-filter-ABC ul {
        display: flex;
        justify-content: space-between;
        list-style: none;
        padding: 0;
    }
    
    .list-filter-item .list-filter-link {
        font: normal normal normal 20px/40px var(--fontFamily);
        letter-spacing: 0;
        color: var(--azul-marino);
        text-align: center;
        padding: 8px 15px;
    }
    
    .list-filter-item2 .list-filter-link2 {
        font: normal normal normal 20px/40px var(--fontFamily);
        letter-spacing: 0;
        color: var(--azul-marino);
        text-align: center;
        padding: 8px 15px;
    }
    
    .list-filter-item:hover .list-filter-link,
    .list-filter-item.active .list-filter-link {
        background-color: var(--azul-marino);
        color: var(--blanco);
        text-decoration: none;
        border-radius: 20px;
    }
    
    .list-filter-item2:hover .list-filter-link2,
    .list-filter-item2.active .list-filter-link2 {
        background-color: var(--amarillo);
        color: var(--azul-marino);
        text-decoration: none;
        border-radius: 20px;
    }
    /* fin opinion lector */
    /* fin autores */
    /* Detalle autor */
    
    .section-featured-title.autor {
        background-color: #E8EBEC;
        color: var(--azul-marino);
    }
    
    .content-article-destacado-big-autor {
        background-color: var(--azul-marino);
        color: var(--blanco);
    }
    
    .article--detalle-autor {
        color: var(--blanco);
    }
    
    .article--detalle-autor .article__text {
        color: var(--blanco);
    }
    
    .article--detalle-autor .article__text--title {
        /*font: normal normal bold 22px/22px var(--fontFamily);*/
        font: normal normal normal 22px/22px var(--fontFamily);
        letter-spacing: -0.86px;
        margin-bottom: 1.5em;
    }
    
    .article--detalle-autor .article__text--excerpt {
        font: normal normal normal 14px/22px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .article--detalle-autor .article__img {
        width: 88px;
        height: 88px;
        margin: 0;
        margin-right: 10px;
    }
    
    .columna_img {
        width: 100% !important;
        height: auto !important;
    }
    @media only screen and (max-width:992px) {
        .columna_img {
            width: 50% !important;
            height: auto !important;
            margin: 0 auto !important;
            border: 3px solid white;
            margin-bottom: 30px !important;
        }   
    }
    
    @media only screen and (min-width:768px) {
        .article--detalle-autor .article__img {
            border: 3px solid #FFFFFF;
            width: 209px;
            height: 209px;
        }
    }
    
    .title-detacado-autor {
        font: normal normal bold 19px/21px var(--fontFamily);
        letter-spacing: 0px;
        margin-bottom: 1.5em;
    }
    
    .article-featured-autor .article__text--date {
        font: normal normal normal 12px/15px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .article-featured-autor .article-featured-text__epigraph {
        font: normal normal 600 14px/18px var(--fontFamily);
        letter-spacing: -0.22px;
        opacity: 0.6;
    }
    
    .article-featured-autor .article-featured-text__title {
        /*font: normal normal bold 24px/30px var(--fontFamily);*/
        font: normal normal normal 24px/30px var(--fontFamily);
        letter-spacing: -0.67px;
    }
    /* Fin Detalle autor */
    /* Estilo filtro autores */
    
    .filtro-autores {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: rgb(82 96 107 / 85%);
        border-radius: 20px 20px 0px 0px;
        overflow: hidden;
        transition: all .3s ease-in-out;
    }
    
    .filtro-autores__head {
        background-color: #B10000;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        font: normal normal bold 18px/22px var(--fontFamily);
        letter-spacing: 0px;
        height: 56px;
        cursor: pointer;
    }
    
    .filtro-autores:hover .filtro-autores__body,
    .filtro-autores:focus .filtro-autores__body,
    .filtro-autores:active .filtro-autores__body {
        display: block;
    }
    
    .filtro-autores__body {
        padding: 15px;
        text-align: center;
        display: none;
        transition: all .3s ease-in-out;
    }
    
    .filtro-autores__body.open {
        display: block;
    }
    
    .filtro-autores__texto {
        font: normal normal bold 20px/23px var(--fontFamily);
        letter-spacing: 0px;
        color: #FFFFFF;
        margin: 0;
    }
    
    .filtro-autores .nav-filter-ABC ul {
        flex-wrap: wrap;
        margin: auto;
        max-width: 300px;
    }
    
    .filtro-autores .list-filter-item .list-filter-link {
        color: #ffffff;
    }
    
    .filtro-autores__buscador {
        max-width: 299px;
        position: relative;
        margin: 0 auto;
    }
    
    .filtro-autores__buscador .form-control {
        border-radius: 10px;
        font: normal normal normal 14px/19px var(--fontFamily);
        color: var(--azul-marino);
        letter-spacing: 0px;
        text-align: left;
        border: 1px solid var(--blanco);
        z-index: 1;
        width: 100%;
    }
    
    .filtro-autores__buscador::after {
        content: url(../img/lupa.png);
        position: absolute;
        top: 50%;
        right: 20px;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        z-index: 2;
    }
    
    .list-filter--categorias {
        list-style: none;
        padding: 0;
    }
    
    .list-filter--categorias .list-filter-item {
        margin: 15px;
    }
    
    .list-filter--categorias .list-filter-item .list-filter-link {
        font: normal normal medium 18px/22px var(--fontFamily);
        letter-spacing: 0px;
    }
    
    .list-filter--categorias .list-filter-item:hover .list-filter-link,
    .list-filter--categorias .list-filter-item.active .list-filter-link {
        background: transparent;
        border: 1px solid #ffffff;
    }
    /* Estilo filtro autores */
    
    .separador__divider.show {
        flex-grow: 1 !important;
        padding: 0 6px;
        border: 4px solid var(--nosotros);
        margin: 0 5px;
    }
    /* otros contenidos notas */
    
    .filtro-autores--otros {
        background-color: #ffffff;
        color: var(--azul-marino);
    }
    
    .filtro-autores--otros .filtro-autores__head .filtro-autores__texto {
        color: #ffffff;
    }
    
    .filtro-autores--otros .filtro-autores__texto {
        color: var(--azul-marino);
    }
    
    .filtro-autores--otros .filtro-autores__body {
        text-align: left;
    }
    
    .filtro-autores--otros .list-filter--otros {
        margin-top: 15px;
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }
    
    .filtro-autores--otros .list-filter--otros .list-filter-item {
        margin: 0px 8px 19px 0px;
    }
    
    .filtro-autores--otros .list-filter--otros .list-filter-item .list-filter-link {
        font: normal normal medium 18px/22px var(--fontFamily);
        background-color: var(--azul-marino);
        letter-spacing: 0px;
        border-radius: 50px;
    }
    
    .filtro-autores--otros .list-filter--otros .list-filter-item:hover .list-filter-link,
    .filtro-autores--otros .list-filter--otros .list-filter-item.active .list-filter-link {
        background: transparent;
        border: 1px solid var(--azul-marino);
    }
    
    .filtro-autores--otros .contenido-destacado {
        background-color: #E8EBEC;
        padding: 15px;
    }
    
    .filtro-autores--otros .contenido-destacado__body {
        max-height: 200px;
        overflow-y: auto;
    }
    
    .tit-img {
        opacity: 0.6;
        transition: 0s;
    }
    
    .tit-img:hover {
        opacity: 0.5;
        transition: 0s;
        filter: blur(5px);
    }
    /*
a.linkTitulo:hover>#fotoPpl {
    opacity: 0.5;
    transition: 0.2s;
    filter: blur(5px);
}
*/
    
    a.linkTitulo:hover~#fotoPpl {
        opacity: 0.5;
        transition: 0s;
        filter: blur(5px);
    }
    /*
a.linkTitulo:hover {
    color: red;
}
*/
    /* fin otros contenidos notas */
    /* Socios */
    
    .section-separaor__amarillo {
        background-color: #FFED00;
        height: 51px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .section-separaor__title {
        font-weight: bold;
        font-size: 20px!important;
        color: var(--azul-marino);
        margin: 0;
    }
    
    .section-separaor__text {
        font-weight: normal;
        font-size: 14px!important;
        text-align: left;
        color: var(--azul-marino);
    }
    
    @media only screen and (min-width:768px) {
        .section-separaor__title {
            font-size: 20px!important;
        }
        .section-separaor__text {
            font-size: 16px!important;
        }
    }
    
    .section-que-pasa-ciper__title {
        font-weight: bold;
        font-size: 18px!important;
        text-align: left;
        color: var(--azul-marino);
        text-align: center;
        margin-bottom: 20px;
    }
    
    .separador-amarillo::before {
        content: "";
        border-top: 5px solid #ffe558;
        position: absolute;
        width: 171px;
        left: 50%;
        top: 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        text-align: center;
    }
    
    .article-que-pasa .article__text--title {
        font-weight: 600;
        font-size: 25px!important;
        text-align: left;
        color: var(--azul-marino);
        margin-top: 27px;
    }
    
    .article-que-pasa .article__text--date {
        font-weight: 500;
        font-size: 18px!important;
        text-align: left;
        color: var(--azul-marino);
        border-top: 5px solid #ffe558;
        padding-top: 12px;
        margin-top: 18px;
        width: 88px;
        position: relative;
    }
    
    .section-calendario-header {
        background-color: #F0F0F0;
        color: var(--azul-marino);
        text-align: center;
        padding-top: 50px;
        padding-bottom: 20px;
    }
    
    .section-calendario-subheader {
        background: var(--azul-marino);
        color: #ffffff;
        text-align: center;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section-calendario__title {
        font-weight: bold;
        font-size: 18px!important;
        text-align: center;
    }
    
    .section-calendario__text {
        font-weight: normal;
        font-size: 16px!important;
    }
    
    .section-calendario-subheader__text {
        font-weight: bold;
        font-size: 18px!important;
        margin: 0;
    }
    
    .section-conoce-otros-socios {
        background-color: #FFF;
        padding-top: 20px;
    }
    
    .section-conoce-otros-socios__socios {
        background: #FFF;
        color: var(--azul-marino);
        padding-top: 100px;
        padding-bottom: 50px;
    }
    
    .section-conoce-otros-socios__title {
        font-weight: bold;
        font-size: 18px!important;
        text-align: center;
        margin: 0;
    }
    
    .section-conoce-otros-socios__socios {
        margin-top: 10px;
    }
    
    .card-socio__title {
        font-weight: bold;
        font-size: 20px!important;
        margin: 0
    }
    
    .card-socio__text {
        font-weight: normal;
        font-size: 20px!important;
        margin: 0
    }
    
    .bl-1 {
        border-left: 1px solid #01395b;
    }
    
    .section-favoritos {
        background-color: #F0F0F0;
    }

    .section-favoritos__title {
        font-weight: bold;
        font-size: 18px!important;
        text-align: center;
    }
    
    .bg-socios {
        background: url(../img/fondo-socio.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    
    .data-socio {
        color: #ffffff;
    }
    
    .data-socio__content {
        border-left: 1px solid #ffffff;
        padding-left: 15px;
        padding-right: 30px;
    }
    
    .data-socio__title {
        font-weight: bold;
        font-size: 16px!important;
        text-align: left;
        color: #ffed00;
    }
    
    .data-socio__text {
        font-weight: normal;
        font-size: 16px!important;
    }
    
    .link-cerrar-sesion {
        color: #ffffff;
        font-weight: bold;
        font-size: 16px!important;
        text-align: left;
    }
    
    .link-cerrar-sesion:hover {
        color: #ffffff;
    }
    
    .btn-actualiza-tu-perfil {
        width: 250px;
        height: 45px;
        font-size: 20px!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .slick-socios-featured,
    .slick-socios-featured2 {
        position: relative;
        margin: 0 !important;
    }
    
    .slick-socios-featured .article,
    .slick-socios-featured2 .article {
        height: 520px;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        margin: 0;
        color: #ffffff;
        padding-left: 15px;
    }
    
    .btn-ciper-comunidad {
        z-index: 1;
        color: var(--azul-marino);
        margin: auto !important;
        left: 0;
        top: 15px;
        right: 0;
        width: 274px;
        height: 39px;
        font-weight: bold;
        font-size: 25px!important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    @media only screen and (min-width:768px) {
        .btn-ciper-comunidad {
            right: 20px;
            top: 15px;
        }
    }
    
    .btn-ciper-comunidad:hover {
        background: var(--azul-marino);
        color: #ffffff;
    }
    
    .slick-socios-featured--title {
        font-weight: bold;
        font-size: 30px!important;
        text-align: left;
        color: #fff;
        text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.16);
        margin-bottom: 20px;
    }
    
    @media only screen and (min-width:768px) {
        .slick-socios-featured .article,
        .slick-socios-featured2 .article {
            padding-left: 146px;
        }
        .slick-socios-featured--title {
            max-width: 528px;
        }
    }
    
    .slick-socios-featured--date {
        font-weight: 500;
        font-size: 18px!important;
        margin: 0;
    }
    
    .slick-socios-featured--autor {
        font-weight: 500;
        font-size: 18px!important;
        margin: 0;
    }
    
    @media only screen and (min-width:768px) {
        .section-que-pasa-ciper__title,
        .section-conoce-otros-socios__title,
        .section-favoritos__title,
        .section-calendario__title {
            font-size: 25px!important;
        }
    }
    
    .card-calendario-evento {
        padding: 60px;
        color: var(--azul-marino);
    }
    
    .card-calendario-evento--dia {
        font-weight: bold;
        font-size: 50px!important;
        text-align: left;
        margin-bottom: 0;
    }
    
    .card-calendario-evento--mes {
        font-weight: bold;
        font-size: 20px!important;
        text-align: left;
        padding-bottom: 9px;
        border-bottom: 5px solid #ffe558;
    }
    
    .card-calendario-evento--texto {
        font-weight: normal;
        font-size: 25px!important;
        text-align: left;
    }
    
    .card-btn-agregar-evento {
        width: 266px;
        height: 43px;
        border-radius: 9px;
        background: #3391e2;
        font-weight: bold;
        font-size: 25px!important;
        text-align: left;
        color: #fff;
    }
    
    .card-btn-calendario-mensual {
        width: 310px;
        height: 43px;
        border-radius: 9px;
        background: #ffed00;
        font-weight: bold;
        font-size: 25px!important;
        text-align: left;
        color: #092334;
    }
    
    .calendario-mensual {
        display: flex;
        flex-flow: wrap;
    }
    
    .calendario-mensual--mes {
        width: 100%;
        background: #092334;
        font-weight: bold;
        font-size: 22px!important;
        text-align: left;
        color: #fff;
        text-align: center;
    }
    
    .calendario-mensual--dia {
        max-width: 100%;
        border: 1px solid #ccc;
        padding: 10px 20px;
        height: 110px;
        width: 33.33333%;
        font-weight: bold;
        font-size: 24px!important;
        text-align: right;
        color: #092334;
        position: relative;
        display: flex;
        align-items: end;
        justify-content: end;
        background-color: #FFF;
    }
    
    .calendario-mensual--dia img {
        width: 38px;
        height: 38px;
    }
    
    @media only screen and (min-width:768px) {
        .calendario-mensual--dia {
            width: 14.25%;
            font-size: 34px!important;
            text-align: left;
            justify-content: start;
        }
        .calendario-mensual--dia img {
            width: 70px;
            height: 70px;
        }
    }
    
    .calendario-mensual--dia .icono-evento {
        position: absolute;
        display: block;
        margin: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .calendario-mensual--dia:hover {
        background: #ffed00;
    }
    
    .calendario-mensual--dia.disabled {
        opacity: .3;
    }
    
    .btn-ciper--celeste-2 {
        font: normal normal 600 13px/20px var(--fontFamily);
        color: var(--blanco);
        background-color: var(--celeste-2);
        border-radius: 5px;
        padding: 4px 34px;
    }
    
    .btn-ciper--celeste-2:hover {
        color: var(--azul-marino);
        background-color: var(--blanco);
    }
    
    .card-calendario-evento.popup {
        border: 1px solid #092334;
        max-width: 460px;
        width: 100%;
        position: relative;
        filter: drop-shadow(-3px 3px 7px rgba(0, 0, 0, 0.16));
        padding: 80px 60px;
    }
    
    .card-calendario-evento--header {
        background: #092334;
        height: 56px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    
    .card-calendario-evento--title {
        font-weight: bold;
        font-size: 25px!important;
        text-align: left;
        color: #092334;
    }
    
    .modal-evento--cerrar,
    .modal-evento--cerrar:hover {
        color: #ffffff;
        text-decoration: none;
    }
    
    .modal-evento {
        border: 1px solid #092334;
        filter: drop-shadow(-3px 3px 7px rgba(0, 0, 0, 0.16));
        max-width: 797px;
        width: 100%;
        min-height: 484px;
    }
    
    .modal-evento--header {
        background: #092334;
        height: 56px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }
    
    .modal-evento--inputs {
        display: flex;
        flex-direction: column;
    }
    
    .modal-evento--body {
        display: flex;
        padding: 80px 18px;
        flex-direction: column;
    }
    
    .modal-evento--inputs textarea,
    .modal-evento--inputs input {
        height: 35px;
        width: 100%;
        background: transparent;
        border: 1px solid #092334;
        margin-bottom: 15px;
        padding: 10px;
    }
    
    .modal-evento--inputs textarea {
        height: 150px;
    }
    
    .modal-evento .card-btn-agregar-evento {
        width: 215px;
        height: 35px;
        border-radius: 9px;
        background: #3391e2;
        font-weight: bold;
        font-size: 19px!important;
        text-align: left;
        color: #fff;
        display: flex;
        padding: 0;
        align-items: center;
        justify-content: center;
    }
    
    .modal-evento--categorias {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .evento-categoria {
        margin: 5px;
    }
    
    .evento-categoria:hover {
        transform: scale(1.1);
    }
    
    .content-intereses {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .intereses-label {
        height: 33px;
        padding-left: 10px;
        padding-right: 10px;
        border-radius: 9px;
        background: #eaeaea;
        font-weight: bold;
        font-size: 18px!important;
        text-align: left;
        color: #092334;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 5px;
        cursor: pointer;
    }
    
    .intereses-label:active,
    .intereses-label:focus,
    .intereses-label:hover,
    .intereses-label.active {
        background: #ffed00;
    }
    
    .form-perfil input,
    .form-perfil select {
        font-weight: bold;
        font-size: 18px!important;
        text-align: left;
        color: #092334;
        border: 0;
        border-bottom: 1px solid #191919;
        width: 100%;
        margin-bottom: 15px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    
    .form-perfil textarea {
        border: 1px solid #092334;
        width: 100%;
    }
    
    .form-separador {
        width: 171px;
        border: 3px solid #ffe558;
        display: block;
        margin: 25px 0;
        margin-right: auto;
    }
    
    .form-perfil .section-title {
        font-weight: bold;
        font-size: 30px!important;
        text-align: left;
        color: #092334;
    }
    
    .form-subtitle {
        font-weight: bold;
        font-size: 18px!important;
        text-align: left;
        color: #092334;
    }
    
    .form-text {
        font-weight: 500;
        font-size: 15px!important;
        text-align: left;
        color: #092334;
    }
    
    .form-list-title {
        font-weight: bold;
        font-size: 15px!important;
        text-align: left;
        color: #092334;
    }
    
    .form-list {
        padding-left: 12px;
    }
    
    .form-list li {
        font-weight: 500;
        font-size: 15px!important;
        text-align: left;
        color: #092334;
    }
    /* The container */
    
    .container-ck {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* Hide the browser's default checkbox */
    
    .container-ck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }
    /* Create a custom checkbox */
    
    .checkmark {
        position: absolute;
        top: 5px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }
    /* On mouse-over, add a grey background color */
    
    .container-ck:hover input~.checkmark {
        background-color: #ccc;
    }
    /* When the checkbox is checked, add a blue background */
    
    .container-ck input:checked~.checkmark {
        background-color: #ffe558;
    }
    /* Create the checkmark/indicator (hidden when not checked) */
    
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the checkmark when checked */
    
    .container-ck input:checked~.checkmark:after {
        display: block;
    }
    /* Style the checkmark/indicator */
    
    .container-ck .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    
    #addEvento .modal-body,
    #showEvento .modal-body {
        padding: 0;
    }
    
    #showEvento .modal-content {
        max-width: 460px;
    }
    
    .section-ciperista {
        background: #f0f0f0;
        /*min-height: 281px;*/
    }
    
    .card-financiamiento {
        background: var(--azul-marino);
        color: #ffffff;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .icono-ciperista {
        width: 100%;
        height: auto;
    }
    
    @media only screen and (min-width: 768px) {
        .icono-ciperista {
            height: 320px;
            margin-bottom: -25px;
            width: auto;
            margin-left: -114px;
        }
    }
    
    .section-ciperista-title {
        font-weight: bold;
        font-size: 40px!important;
        text-align: left;
        color: #092334;
    }
    
    .section-ciperista-text {
        font-weight: normal;
        font-size: 19px!important;
        line-height: 1.5em;
        text-align: left;
        color: #092334;
    }
    
    .section-ciperista-subtext {
        font-weight: 500;
        font-size: 15px!important;
        text-align: left;
        color: #092334;
    }
    
    .card-financiamiento .card-title {
        font-weight: bold;
        font-size: 25px!important;
        text-align: left;
        color: #ffed05;
        margin: 0;
    }
    
    .text-white {
        color: #ffffff;
    }
    
    .text-amarillo {
        color: #ffed05;
    }
    
    .card-financiamiento .card-body {
        padding: 60px 60px 45px 60px
    }
    
    .card-financiamiento .card-text {
        font-weight: normal;
        font-size: 16px!important;
        line-height: 1.6em;
        text-align: left;
        color: #fff;
    }
    
    .card-financiamiento .card-list {
        padding-left: 15px;
        list-style: none;
        /* Remove default bullets */
    }
    
    .card-financiamiento .card-list li::before {
        content: "\2022";
        /* Add content: \2022 is the CSS Code/unicode for a bullet */
        color: #ffed05;
        /* Change the color */
        font-weight: bold;
        /* If you want it to be bold */
        display: inline-block;
        /* Needed to add space between the bullet and the text */
        width: 1em;
        /* Also needed for space (tweak if needed) */
        margin-left: -1em;
        /* Also needed for space (tweak if needed) */
    }
    
    .card-financiamiento .card-list li {
        font-weight: normal;
        font-size: 16px!important;
        line-height: 1.6em;
    }
    
    .form-text {
        font-weight: 500;
        font-size: 15px!important;
        text-align: center;
        color: #092334;
    }
    
    .btn-ciper--amarillo-2 {
        display: flex;
        background: #ffed05;
        color: var(--azul-marino);
        height: 43px;
        width: 266px;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 25px!important;
        text-align: left;
        color: #03395b;
        margin-left: auto;
        margin-right: auto;
    }
    
    .btn-ciper--amarillo-2:hover {
        background-color: #c9c9c9;
        color: var(--azul-marino);
    }
    
    
    
    .btn-ciper--amarillo-3 {
    display: flex;
    background: #503ace;
    color: var(--blanco);
    height: 43px;
    width: 300px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 18px!important;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.btn-ciper--amarillo-3:hover {
    background-color: #c9c9c9;
    color: var(--azul-marino);
}

    
    .label {
        width: auto;
        height: 37.91px;
        border-radius: 9px;
        background: #ccc;
        color: var(--azul-marino);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 16px!important;
        cursor: pointer;
    }
    
    .label.label-amarillo {
        background: #ffed05;
    }
    
    .label.label-azul {
        background: #3391e2;
        color: #ffffff;
    }
    
    .label.label-azul:hover {
        background-color: #c9c9c9;
        color: var(--azul-marino);
    }
    
    .form-subtitle {
        font-weight: bold;
        font-size: 16px!important;
        text-align: left;
        color: #092334;
    }
    /* The container */
    
    .container-radio {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px!important;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    /* Hide the browser's default radio button */
    
    .container-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    /* Create a custom radio button */
    
    .checkmark-radio {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 50%;
    }
    /* On mouse-over, add a grey background color */
    
    .container-radio:hover input~.checkmark-radio {
        background-color: #ccc;
    }
    /* When the radio button is checked, add a blue background */
    
    .container-radio input:checked~.checkmark-radio {
        background-color: #ffed05;
    }
    /* Create the indicator (the dot/circle - hidden when not checked) */
    
    .checkmark-radio:after {
        content: "";
        position: absolute;
        display: none;
    }
    /* Show the indicator (dot/circle) when checked */
    
    .container-radio input:checked~.checkmark-radio:after {
        display: block;
    }
    /* Style the indicator (dot/circle) */
    
    .container-radio .checkmark-radio:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }
    
    p.disabled {
        color: #092334;
        opacity: .3;
    }
    
    .select-donacion {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .option-donation {
        width: 92px;
        height: 92px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        font-size: 18px!important;
        letter-spacing: -0.05em;
        text-align: center;
        color: #fff;
        background-repeat: no-repeat;
        background: url(../img/donacion-inactive.png);
        cursor: pointer;
        margin-bottom: 10px;
    }
    
    .option-donation.active,
    .option-donation:hover {
        color: var(--azul-marino);
        background: url(../img/donacion-active.png);
    }
    
    .label.label-azul.active {
        border: 3px solid #191919;
    }
    
     #telefono_contacto {
        display: none;
    }
    
    @media only screen and (max-width: 1416px) {
        .embed-responsive {
            width: 24vw;
        }    
    }
    
    @media only screen and (max-width: 992px) {
        .embed-responsive {
            width: 40vw;
            height: 30vh;
        }    
    }
    
    @media only screen and (max-width: 769px) {
        .embed-responsive {
            width: 94vw;
            height: 70vh;
        }    
    }
    
    @media (max-width: 1270px) {
        .article-media-video {
            /*width: 20%;*/
        }
    }
    
    .aligncenter,
    .wp-caption {
        text-align: center;
    }    
    
    .importanteForm {
    display: none;
}

.importanteFormulario,
    .field-shift {
        display: none;
    }
    
    @media only screen and (max-width: 760px) {
        #formNewsletterMovil {
            display: block;
        }
        #formNewsletterEscritorio {
            display: none;
        }
    }
    
    @media only screen and (min-width: 761px) {
        #formNewsletterMovil {
            display: none;
        }
        #formNewsletterEscritorio {
            display: block;
        }
    }
    
.centrar-recupera {
        text-align: center;
        margin-top: -20px;
    }
    
    
       
/* barra campaña socios */
#barra-desktop {
                visibility: visible;
                width: 100%;
                background-color: #19ABBC;
                height: 100px;
            }

            #barra-movil {
                visibility: hidden;
                display: none;
                width: 100%;
                background-color: #19ABBC;
                height: 270px;
                padding-top: 50px;
                margin-bottom: -60px;
            }

            @media only screen and (max-width: 1400px) and (min-width: 900px) {
                #barra-desktop {
                    height: 130px;
                }
            }

            @media only screen and (max-width: 900px) {
                
                #barra-desktop {
                    visibility: hidden;
                    display: none;
                }

                #barra-movil {
                    visibility: visible;
                    display: block;
                }
                
            }

            @media only screen and (max-width: 530px) {
                #barra-movil {
                    height: 290px;
                }
            }

            @media only screen and (max-width: 320px) {
                #barra-movil {
                    height: 330px;
                }
            }

/* fin barra campa���a socios */

/* bold destacado */
    
    .text-highlight {
        background-image: linear-gradient(yellow, yellow);
        background-size: 0 100%;
        transition: background-size 1s ease-in;
        background-repeat: no-repeat;
    }
    
    .text-highlight:hover {
        background-size: 100% 100%;
    }
    
    .activeBold {
        background-size: 100% 100%;
    }
    
    
    
    .wp-die-message, p {
    font-size: inherit!important;
    /*line-height: inherit!important;
    margin: inherit!important;*/
}

/************************************/
/* carrusel */


@media (min-width: 769px) {
    /* Por defecto, oculta el m���vil y muestra el escritorio */
    #slideshow-container-movil {
        display: none;
    }
    #slideshow-container-escritorio {
        display: block; /* O flex, grid, etc., seg���n tu dise���o */
    }
}
    

@media (max-width: 768px) {
    #slideshow-container-escritorio {
        display: none; /* Oculta el carrusel de escritorio en m���vil */
    }

    #slideshow-container-movil {
        display: block; /* O 'flex', 'grid' para mostrar el carrusel m���vil */
    }
}

#slideshow-container .mySlides, 
#slideshow-container-movil .mySlides, 
#slideshow-container-escritorio .mySlides {
    display: none;
    text-align: center;
}


#slideshow-container, #slideshow-container-movil, #slideshow-container-escritorio {
      margin: 20px 0;
      /*background: linear-gradient(45deg, rgba(79, 12, 105, 1) 0%, rgba(217, 0, 173, 1) 100%);*/
      background: linear-gradient(45deg, rgba(17,85,112,1) 0%, rgba(57,173,106,1) 100%);
      color: #ffffff;
      border-radius: 25px;
      min-height: 25vh;
      padding: 2rem;
      position: relative;
    }

    #slideshow-container h2, #slideshow-container-movil h2, #slideshow-container-escritorio h2 {
      border-bottom: 2px solid white;
      padding-bottom: 0.5rem;
      font-size: 1.5em;
      color: white;
      text-align: center;
      margin-top: 0;
    }

    #slideshow-container .mySlides, #slideshow-container-movil .mySlides, #slideshow-container-escritorio .mySlides {
      display: none;
      text-align: center;
    }

    #slideshow-container .mySlides img, #slideshow-container-movil .mySlides img, #slideshow-container-escritorio .mySlides img {
      vertical-align: middle;
    }
    
    #slideshow-container .mySlides blockquote, #slideshow-container-movil .mySlides blockquote, #slideshow-container-escritorio .mySlides blockquote {
        padding-top: -0.8em;
        font-size: 0.9em!important;
        font-weight: 400;
        border-left: none;
    }
    
    #slideshow-container .mySlides p, #slideshow-container-movil .mySlides p, #slideshow-container-escritorio .mySlides p {
        margin-bottom: 0em;
    }

    #slideshow-container .author, #slideshow-container-movil .author, #slideshow-container-escritorio .author {
      font-style: italic;
      padding-top: 1em;
      font-weight: 600;
      font-size: 0.8em!important;
    }

    #slideshow-container .botonesCarrusel,  #slideshow-container-movil .botonesCarrusel,  #slideshow-container-escritorio .botonesCarrusel {
      display: flex;
      justify-content: center;
      gap: 2rem;
      /*margin-top: 1rem;*/
    }

    #slideshow-container .prev,
    #slideshow-container .next,
    #slideshow-container-movil .prev,
    #slideshow-container-movil .next,
    #slideshow-container-escritorio .prev,
    #slideshow-container-escritorio .next {
      cursor: pointer;
      padding: 5px;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 50%;
      transition: background-color 0.3s ease;
    }

    #slideshow-container .prev:hover,
    #slideshow-container .next:hover,
    #slideshow-container-movil .prev:hover,
    #slideshow-container-movil .next:hover,
    #slideshow-container-escritorio .prev:hover,
    #slideshow-container-escritorio .next:hover {
      background-color: rgba(34, 186, 188, 0.8);
    }

    #slideshow-container .prev img,
    #slideshow-container .next img,
    #slideshow-container-movil .prev img,
    #slideshow-container-movil .next img,
    #slideshow-container-escritorio .prev img,
    #slideshow-container-escritorio .next img {
      vertical-align: middle;
    }
    
    
    .modal-footer {
            display: none;
            position: fixed;
            z-index: 999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
            -webkit-animation-name: fadeIn;
            -webkit-animation-duration: 0.4s;
            animation-name: fadeIn;
            animation-duration: 0.4s;
            font-family: "Montserrat", sans-serif;
            color: #000000;
        }

        /* modal-footer Content */
        .modal-footer-content {
            position: fixed;
            bottom: 0;
            /*background-color: #fefefe;*/
            width: 100%;
            -webkit-animation-name: slideInFooter;
            -webkit-animation-duration: 0.4s;
            animation-name: slideInFooter;
            animation-duration: 0.4s
            left: -10px;
        }

        /* modal-footer Ciper */
        .modal-footer-ciper {
            background-color: #ffff00 !important;
            font-weight: bolder;
            border-top: 5px #000000 solid;
            border-bottom: 5px #000000 solid;
            padding: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items:center:
            left: -3px;
            margin-bottom: auto;
        }

        .modal-footer-separador{
            border-right: #000000 dotted 2px;
        }

        /* The Close Button */
        .closefooter {
            color: white;
            float: right;
            font-size: 50px;
            font-weight: bold;
            cursor: pointer;
            padding-right: 10px;
            margin-top: -10px;
        }

        .closefooter:hover,
        .closefooter:focus {
            color: rgb(151, 151, 151);
            text-decoration: none;
        }

        .modal-footer-header {
            border-bottom: 0px;
            position: relative;
        }

        .modal-footer-header h1 {
            font-size: 32px;
            font-weight: bold;
            margin-left: 2vw;
        }

        .modal-footer-header h2 {
            font-size: 24px;
            font-weight: bold;
        }

        .modal-footer-body {
            padding: 10px 20px;
        }

        .modal-footer-footer {
            border-top: 0px;
        }

        .modal-footer-ciper p {
            font-size: 18px;
            font-weight: 600;
        }

        .modal-footer-btn {
            background-color: #FFFFFF !important;
            color: #092334 !important;
            font-size: 14px;
            font-weight: bold;
            border-radius: 50px !important;
            text-decoration: none;
            padding: 5px 15px;
            display: inline-block;
            margin-left:10px;
        }

        .modal-footer-btn:hover{
            /*background-color: #092334 !important;*/
            background-color: #FFFF00 !important;
            color: #092334 !important;
        }

        /* Add Animation */
        @keyframes slideInFooter {
            from {
                bottom: -300px;
                opacity: 0
            }
            to {
                bottom: 0;
                opacity: 1
            }
        }

        @keyframes fadeInFooter {
            from {
                opacity: 0
            }
            to {
                opacity: 1
            }
        }

        @media only screen and (max-width: 600px) {
            .modal-footer-ciper p {
                font-size: 14px;
            }
            .modal-footer-btn {
                font-size: 20px;
            }
            .modal-footer-header h1 {
                font-size: 24px;
            }
            .modal-footer-header h2 {
                font-size: 18px;
            }
        }
    


@media only screen and (max-width: 481px) {
                #headermodelspan, #footermodelspan { display:none; }
            }