html {
    box-sizing: border-box;
}


*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Montserrat', sans-serif !important;
}

img {
    width: 100%;
    height: auto;
}

/*CONTENEDORES GENERALES*/
.contenedor-general {
    display: grid;
    grid-template-areas:
        "banner"
        "destacados"
        "logos-instituciones"
        "publicaciones-instituciones-home"
        "radio-video"
        "logos-auspiciadores"
        "footer-nuevo";
    grid-template-rows: 380px auto 245px auto 330px 285px;
    margin-top: 91px;
}

@media (max-width: 812px) {
    .contenedor-general {
        display: grid;
        grid-template-areas:
        "banner"
        "destacados"
        "logos-instituciones"
        "publicaciones-instituciones-home"
        "radio-video"
        "logos-auspiciadores"
        "footer-nuevo";
        grid-template-rows: 435px auto 245px auto 486px 223px auto;
    }
}

.contenedor {
    max-width: 1150px;
    margin: 0 auto;
}

@media (max-width: 812px) {
    .contenedor {
        max-width: 1100px;
        margin: 0 auto;
        width: 90%;
    }
}

.contenedor-home .container {
    width: 100%;
    max-width: 100% !important;
    margin: 0px;
    padding: 0px;
}


/*PARTES DEL SITIO*/


/*BANNER*/
.banner {
    grid-area: banner;
    background: #0056a4;
    /* display: grid; */
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}

.velo {
    background: rgb(2, 0, 36);
    background: linear-gradient(360deg, rgba(2, 0, 36, 0.6685049019607843) 0%, rgba(0, 211, 254, 0) 100%);
    position: absolute;
    width: 100%;
    height: 500px;
    bottom: 0px;
}

.contenedor-banner {
    display: grid;
    grid-template-columns: 100%;
    align-items: end;
    height: 320px;
}

.textos-banner {
    height: 150px;
    text-align: right;
    color: #fff;
    position: relative;
    z-index: 1;
}

.subtitulo-banner {
    font-size: 77px;
    font-weight: 700;
    line-height: 73px;
}

.titulo-banner {
    font-size: 38px;
    font-weight: 700;
    /* margin: 0px; */
    /* padding: 0px; */
    line-height: 45px;
}

.banner .carousel-cell {
    width: 100%;
    height: 380px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #8C8;
    border-radius: 5px;
    counter-increment: carousel-cell;
}

@media (max-width: 812px) {
    .textos-banner {
        height: 179px;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .subtitulo-banner {
        font-size: 31px;
        font-weight: 700;
        line-height: 31px;
    }

    .textos-banner {
        height: 179px;
        text-align: center;
        color: #fff;
        position: relative;
        z-index: 1;
    }

    .titulo-banner {
        font-size: 33px;
        font-weight: 700;
        /* margin: 0px; */
        /* padding: 0px; */
        line-height: 45px;
    }

    a.woodmart-sticky-sidebar-opener {
        display: none !important;
    }

    .flickity-page-dots {

        bottom: 9px !important;
    }

    .flickity-page-dots .dot {
        background: #fff !Important;
    }
}


/* REVISTA*/

div#revista {
    height: 100vh;
    position: fixed;
    background: #000000d4;
    z-index: 1000;
    width: 100%;
    top: 0;
    display: none;
}

div#revista {
    height: 100vh;
    position: fixed;
    background: #fffffff2;
    z-index: 1000;
    width: 100%;
    top: 0;
    display: none;
}

.contenedor-revista {
    max-width: 800px !important;
    margin: 0 auto;
    height: 570px !important;
    padding-top: 50px;
}

/*DESTACADOS*/
.destacados {
    grid-area: destacados;
}

.contenedor-destacados {
    display: grid;
    grid-template-columns: 57% 40%;
    grid-column-gap: 30px;
    height: 310px;
    align-items: center;
}

.revista-mes, .otras-ediciones {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.21);
    height: 210px;
    border-radius: 5px;
}

.revista-mes {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-gap: 20px;
    height: 210px;
}

.foto-revista {
    background: #eee;
    overflow: hidden;
    background-size: cover !important;
    background-position: center top !important;
}

.textos-mes {
    padding: 20px 40px 20px 0px;
}

.revista-titulo {
    color: #0056A4;
    font-size: 28px;
    font-weight: 700;
    padding: 0px;
    border-left: solid 5px #ffffff;
    margin-bottom: 20px;
    line-height: 19px;
}

span.revista-subtitulo {
    font-weight: 700;
    color: #0056a4;
    display: block;
    font-size: 13px;
}

.revista-texto {
    font-size: 13px;
    line-height: 18px;
}

.otras-ediciones {
    background-color: #0056a4 !important;
    height: 210px;
    padding: 25px;
    display: grid;
    align-items: end;
    position: relative;
    background-size: cover !important;
}

a.btn_mas {
    position: absolute;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    border: solid 1px #fff;
    padding: 5px 10px;
    border-radius: 5px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.ediciones-titulo {
    padding-left: 15px;
    font-size: 24px;
    max-width: 80%;
    color: #fff;
    line-height: 26px;
    font-weight: 700;
    border-left: solid 5px #ada944;
}

.fond-velo {
    background: #0056a4c7;
    width: 100%;
    height: 210px;
    position: absolute;
    border-radius: 5px;
}

.ediciones-titulo, .btn_mas {
    z-index: 10;
}

@media (max-width: 812px) {
    .contenedor-destacados {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 30px;
        height: auto;
        align-items: center;
        padding: 40px 0px;
    }

    .revista-mes {
        display: grid;
        grid-template-columns: 40% 60%;
        grid-gap: 20px;
        height: auto;
        margin-bottom: 30px;
    }

    .revista-titulo {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .revista-texto {
        font-size: 11px;
    }

}

/*LOGOS INSTITUCIONES*/
.logos-instituciones {
    grid-area: logos-instituciones;
}

.contenedor-logos {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0px;
    height: 245px;
    align-items: center;
}

.logo-item {
    background: #999;
    height: 150px;
}

.dos .carousel-cell {
    width: 16.7%;
    height: 160px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #fff !Important;
    border-radius: 5px;
    counter-increment: carousel-cell;
    align-items: center;
    display: grid;
}

.carousel {
    background: transparent !important;
    margin-bottom: 0px !Important;
}

@media (max-width: 812px) {
    .dos .carousel-cell {
        width: 50%;
    }
}

/*PUBLICACIONES HOME*/
.titulo-seccion {
    color: #0056A3;
    font-weight: 700;
    font-size: 30px;
    border-left: 5px solid #ADA944;
    padding-left: 10px;
    margin: 20px 0px 20px;
}

.bajada-seccion {
    padding-bottom: 40px;
    font-size: 13px;
}

.publicaciones-instituciones-home {
    grid-area: publicaciones-instituciones-home;
    padding-bottom: 50px;
}

.contenedor-colores {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    padding-bottom: 40px;
}

.item-color {
    height: 200px;
    position: relative;
    padding: 20px;
    color: #fff;
    display: grid;
    grid-template-rows: 40px 94px 15px 15px;
    border-radius: 5px;
}

h2.nombre-institucion {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
}

.item-color .ver-mas {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 30px;
    width: 30px;
    height: 30px;
    position: ABSOLUTE;
    line-height: 30px;
    background: #666;
    text-align: center;
    bottom: 0px;
    right: 0px;
}

.titulo-fecha {
    font-size: 12px;
}

h3.titulo-publicacion {
    font-size: 16px;
    margin: 0px;
    padding-top: 10px;
    color: #fff;
    text-decoration: none;
}

.fecha {
    font-size: 13px;
}

@media (max-width: 812px) {
    .contenedor-colores {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }

    h2.nombre-institucion {
        font-size: 13px;
    }

    h3.titulo-publicacion {
        font-size: 14px;
    }

    .titulo-seccion {
        font-size: 24px;
    }

    .bajada-seccion {
        padding-bottom: 30px;
        font-size: 14px;
    }
}

/*RADIO Y VIDEO*/
.radio-video {
    grid-area: radio-video;
}

.contenedor-radio-video {
    display: grid;
    grid-template-columns: 60% 40%;
    grid-column-gap: 20px;
    align-items: center;
    height: 270px;
}

@media (max-width: 812px) {
    .contenedor-radio-video {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 20px;
        align-items: center;
        height: 270px;
    }
}

.items {
    height: 320px;
}

.lados h3 {
    color: #0056A4;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 7px;
    line-height: 25px;
}

.items iframe {
    width: 100%;
    height: 380px;
}

.items.rad {
    display: grid;
    grid-template-columns: 50% 37%;
    grid-gap: 20px;
}

@media (max-width: 812px) {
    .items.rad {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 20px;
    }

    .items.rad iframe {
        height: 80px;
    }
}

/*LOGOS AUSPICIO*/
.logos-auspiciadores {
    grid-area: logos-auspiciadores;
}

/*FOOTER*/
.footer-nuevo {
    grid-area: footer-nuevo;
    background: #F1F8FF;
}

/*CATEGORIA DE INSTITUCIONES*/

.contenedor-categoria .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
    margin: 0px;
}

.int-cat {
    display: grid;
    grid-template-areas:
        'banner-categoria'
        'listado-post';
    grid-template-rows: 218px auto !important;
}

.banner-categoria {
    color: #fff;
    text-align: center;
    height: 218px;
    /* margin-bottom: 60px; */
    display: grid;
    align-items: end;
    padding-bottom: 30px;
}

.main-header {
    margin-bottom: 0px;
}

.banner-categoria h1 {
    color: #fff;
    font-family: montserrat;
    font-weight: 800;
    font-size: 34px !Important;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 812px) {
    .banner-categoria {
        color: #fff;
        text-align: center;
        height: 162px;
        /* margin-bottom: 60px; */
        display: grid;
        align-items: end;
        padding-bottom: 30px;
    }

    .int-cat {
        display: grid;
        grid-template-areas:
        'banner-categoria'
        'listado-post';
        grid-template-rows: 162px auto !important;
    }

    .listado-post {
        max-width: 80% !Important;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        grid-column-gap: 20px;
        padding: 40px 0px;
    }
}

/*LISTADO DE POST*/
.listado-post {
    max-width: 1150px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    padding: 70px 0px;
}

.fotos img {
    border-radius: 5px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fotos img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}

.fotos {
    border-radius: 5px;
    overflow: hidden;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.card-post {
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24);
    margin-bottom: 30px;
}

a.bajo-listado {
    padding: 20px 0px;
    max-width: 90%;
    margin: 0 auto;
    display: block;
}

.titulo-listado-blog h2 {
    font-family: montserrat;
    color: #0d559e;
    line-height: 23px;
    font-size: 18px;
    margin-bottom: 5px;
    border-bottom: solid 1px #ccc;
}

.categorias-blog a {
    position: absolute;
    background: #00529c;
    color: #fff !important;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 700;
    font-family: montserrat;
    z-index: 100;
}

.meta {
    color: #000;
    font-size: 12px;
}

/*ESTILOS PUBLICACIONES*/
.contenedor-colores-2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;

}

@media (max-width: 812px) {
    .contenedor-colores-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        max-width: 90%;
        margin: 0 auto;
    }
}

.contenedor-post {
    max-width: 1130px;
    margin: 0 auto;
    padding-top: 30px;
}

.control .foto-revista {
    display: none;
}

.control .textos-mes {
    padding: 13px 20px 20px 20px;
}

.control .revista-mes {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 20px;
    height: 150px;
}

.control .contenedor-destacados {
    display: grid;
    grid-template-columns: 57% 40%;
    grid-column-gap: 30px;
    height: 150px;
    align-items: end;
    margin-bottom: 50px;
}

@media (max-width: 812px) {
    .control .contenedor-destacados {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 30px;
        height: 315px;
        align-items: end;
        margin-bottom: 50px;
    }

    .control .revista-mes {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 20px;
        height: 184px;
    }
}

.control .otras-ediciones {
    background-color: #0056a4 !important;
    height: 150px;
    padding: 25px;
    display: grid;
    align-items: end;
    position: relative;
    background-size: cover !important;
}

.control .fond-velo {
    background: #0056a4c7;
    width: 100%;
    height: 150px;
    position: absolute;
    border-radius: 5px;
}

.imagen-principal {
    height: 350px;
    border-radius: 5px;
    margin-bottom: 51px;
    background-size: cover !important;
    background-position: top !important;
    position: relative;
    display: grid;
    align-items: end;
}

.textos-imagen-principal {
    width: 95%;
    height: 100px;
    margin: 0 auto;
    color: #fff;
    z-index: 10;
}

.textos-imagen-principal h1 {
    color: #fff;
    font-family: montserrat;
    font-size: 35px;
    margin: 0;
    border-left: 5px solid #fff;
    padding-left: 20px;
    max-width: 70%;
    float: left;
}

.imagen-principal .velo {
    height: 350px;
}

.fecha-int {
    font-size: 13px;
}

@media (max-width: 812px) {
    .textos-imagen-principal h1 {
        color: #fff;
        font-family: montserrat;
        font-size: 19px;
        margin: 0;
        border-left: 5px solid #fff;
        padding-left: 20px;
        max-width: 90%;
        float: left;
    }

}

/* ESTILOS MODAL*/


.cerrar-modal {
    position: absolute;
    right: 50px;
    top: 50px;
    border: solid 1px #000;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 700;
}

div#revista {
    padding-top: 92px;
}

.main-header {
    margin-bottom: 0px;
}

.banner01 {
    height: 80px;
    width: 100%;
    display: block;
    /* float: left; */
    text-align: center;
    padding-top: 5px;
}

.banner01 a {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}


.d-flex {
    display: flex !important
}

.banners-left {
    width: 380px !important;
}

.banner-1 {
    height: 475px !important;
    width: 360px !important;
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-2 {
    margin-top: 20px;
    background-color: lightgray;
    height: 120px !important;
    width: 360px !important;
    background-size: contain;
    background-repeat: no-repeat;
}

h2.nombre-institucion-2 {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
}

h3.titulo-publicacion-2 {
    font-size: 13px;
    margin: 0px;
    padding-top: 10px;
    color: #fff;
    text-decoration: none;
}

.contenedor-colores-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    padding-bottom: 40px;
    max-width: 770px;
}

.banner-full {
    margin-top: 20px;
    width: 100%;
    background-size: cover!important;
    height: 270px !important;
    margin-bottom: 20px;
}

.img-slider-banner{
    width: 570px;
    height: 365px;
    object-fit: cover;

}


.d-md-block{
    display: block!important;
}

.d-md-none{
    display: none!important;
}

@media (max-width: 414px) {
    .banners-left {
        width: 100% !important;
    }

    .d-flex {
        display: block !important
    }

    .banner-1 {
        height: 475px!important;
        width: 100% !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .banner-2 {
        margin-top: 20px;
        height: 120px !important;
        width: 100% !important;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }

    .contenedor-colores-3 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        padding-bottom: 40px;
        width: 100% !important;
    }

    .banner-full {
        margin-top: 20px;
        width: 100% !important;
        height: 213px !important;
        margin-bottom: 20px;
        background-size: cover!important;
        background-repeat: no-repeat;
    }

    .d-none{
        display: none!important;
    }

    .owl-carousel{
        width: 100%;
        position: relative;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag {
        position: absolute !important;
    }
}

@media (max-width: 375px) {
    .banners-left {
        width: 100% !important;
    }

    .d-flex {
        display: block !important
    }

    .banner-1 {
        /*height: 415px!important;*/
        max-width: 355px !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .banner-2 {
        margin-top: 20px;
        height: 120px !important;
        max-width: 100% !important;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag {
        position: absolute !important;
    }
}


@media (max-width: 320px) {

    .d-flex {
        display: block !important
    }

    .banner-1 {
        height: 415px!important;
        max-width: 310px !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .banner-2 {
        margin-top: 20px;
        height: 90px !important;
        max-width: 310px !important;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 20px;
    }

    .owl-carousel.owl-theme.owl-loaded.owl-drag {
        position: absolute !important;
    }
}

.position-absolute{
    position: absolute!important;
}