@font-face {
    font-family: 'viato';
    src: url('../fonts/viato_trial_bd-webfont.woff2') format('woff2'), url('../fonts/viato_trial_bd-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'viato';
    src: url('../fonts/viato_trial_lt-webfont.woff2') format('woff2'), url('../fonts/viato_trial_lt-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'viato';
    src: url('../fonts/viato_trial_rg-webfont.woff2') format('woff2'), url('../fonts/viato_trial_rg-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'gellixregular';
    src: url('../fonts/Gellix-Regular.woff2') format('woff2'), url('../fonts/Gellix-Regular.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'gellixregular';
    src: url('../fonts/Gellix-SemiBold.woff2') format('woff2'), url('../fonts/GGellix-SemiBold.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


/*ROOT*/

:root {
    --fuente: 'gellixregular';
    --fuente-texto: 'viato';
    --verde-claro: #54CA90;
    --verde-oscuro: #5CAD78;
    --azul: #5E86A0;
    --gris: #F4F4F4;
    --negro: #253843;
}

a:visited {
    color: inherit;
}

a {
    color: var(--negro);
}

body,
button,
input,
select,
optgroup,
textarea {
    font-family: var(--fuente);
    color: var(--negro);
    font-weight: 100;
}

:is(h1,
h2,
h3,
h4,
h5,
h6) {
    font-family: var(--fuente);
    font-weight: 300;
    line-height: 1.2em;
}

.wrapper {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

#page {
    margin-top: 170px;
}

.post,
.page {
    margin-bottom: 0;
}

.btn-verde-borde {
    border: 2px solid var(--verde-claro);
    color: var(--negro);
    padding: 9px 30px 10px 30px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    transition: all .5s ease;
    font-family: var(--fuente);
}

a.btn-verde-borde:visited {
    color: var(--negro);
}

.btn-verde-borde:hover {
    background: var(--verde-claro);
    color: #fff;
    ;
}

.btn-verde {
    border: 2px solid var(--verde-claro);
    background: var(--verde-claro);
    color: #fff;
    padding: 9px 30px 10px 30px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    transition: all .5s ease;
    font-family: var(--fuente);
}

a.btn-verde:visited {
    color: #fff;
}

.btn-verde:hover {
    background: var(--azul);
    color: #fff;
    ;
}

select {
    -webkit-appearance: none;
}

@media only screen and (max-width: 500px) {
    .header_seccion {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}


/*HEADER*/

.social-float {
    position: fixed;
    right: 0;
    z-index: 3;
    top: 170px;
}

.social-float ul {
    display: block !important;
}

.social-float li {
    display: block;
    background: var(--gris);
    margin: 1px 0;
    text-align: center;
    padding: 0px !important;
    cursor: pointer;
    transition: all .5s ease;
}

.social-float li svg path {
    fill: var(--negro);
}

.social-float li:hover {
    background: var(--verde-claro);
}

.social-float li:hover svg path {
    fill: var(--negro);
}

.social-float a {
    padding: 8px;
    display: block;
    line-height: 10px;
}

.social-float a svg {
    width: 15px;
    height: 15px;
}

#masthead {
    position: fixed;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 99;
}

#masthead.fixed-header {
    top: 0 !important;
    border-bottom: 3px solid var(--verde-claro);
    min-height: 54px;
}

.admin-bar #masthead {
    top: 32px;
}

.admin-bar {
    padding-top: 32px;
}


/*VIEJO*/

.site-branding {
    align-self: center;
    justify-self: left;
}

.wrapper.wrapper-header {
    display: grid;
    grid-template-columns: minmax(180px, 215px) 1fr;
    min-height: 54px;
    align-items: center;
    grid-column-gap: 20px;
    column-gap: 20px;
    row-gap: 0;
}

.fixed-header .wrapper.wrapper-header {
    grid-template-columns: auto 1fr;
}

.fixed-header .menu-menu-principal-container ul li {
    margin-left: 25px;
}

.fixed-header .menu-menu-principal-container ul li a {
    font-size: 14px;
}

.btn-share a {
    display: inline-block;
    color: #fff;
    background: var(--verde-claro);
    text-decoration: none;
    text-align: center;
    padding: 10px 25px;
    transition: all .5s ease;
    width: 100%;
}

.btn-share a:hover {
    background: var(--azul);
}

.cont-menu_principal {
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 20px;
    grid-column: 1/4;
    justify-content: center;
}

.fixed-header .btn-share a {
    padding: 15px 25px;
}

.buscador-header {
    grid-column: 2/3;
    position: relative;
    max-width: 420px;
    justify-self: right;
    width: 100%;
}

.btn-share.btn-share--header {
    grid-column: 3/4;
    width: 200px;
}

.fixed-header .btn-share.btn-share--header {
    grid-column: 3/4;
    width: 130px;
}

.fixed-header .cont-menu_principal {
    grid-row: 1/2;
    grid-column: 2/3;
}

.topheader {
    display: flex;
    gap: 20px;
    justify-content: right;
    grid-column: 2/4;
    align-items: center;
}

.fixed-header .topheader {
    grid-column: 3/4;
}

.btn-share a:hover {
    background: var(--azul);
}

.buscador-header input[type="search"] {
    background: var(--gris);
    border: 0;
    width: 100%;
    border-radius: 0;
    padding: 10px 20px 10px 50px;
    outline: none;
}

.buscador-header input[type="submit"] {
    position: absolute;
    left: 15px;
    top: 12px;
    background: url(../img/search-icon.svg)no-repeat;
    background-size: 20px;
    border: 0;
    width: 20px;
    overflow: hidden;
    text-indent: 32px;
}

.btn-categories {
    justify-self: center;
    align-self: center;
}

.btn-categories a svg path {
    transition: all .5s ease;
}

.btn-categories a:hover svg path {
    stroke: var(--verde-oscuro);
}

.fixed-header .buscador-header {
    display: none;
}

/* .fixed-header .main-navigation ul {
    display: flex;
    align-items: center;
    min-height: 54px;
} */

#Grupo_139 {
    opacity: 1;
    transition: all .5s ease;
}

.fixed-header #Grupo_139 {
    opacity: 0;
}

.site-branding svg {
    transition: all .5s ease;
    width: 100%;
}

.fixed-header .site-branding svg {
    height: 30px;
    transition: all .5s ease;
}

.fixed-header .btn-share a {
    padding: 15px 25px;
}


/*MENU PRINCIPAL*/

.main-navigation a {
    font-size: 16px;
    font-family: var(--fuente);
    color: var(--negro);
    transition: all .5s ease;
}

.main-navigation a:hover {
    color: var(--verde-oscuro);
}

.main-navigation {
    display: block;
    width: 100%;
    align-self: center;
    grid-column: 1/3;
}

.main-navigation ul {
    display: flex;
    align-items: center;
    min-height: 50px;
    justify-content: center;
    padding-right: 0;
}
.abre_menu.toggle_menu {
    cursor: pointer;
}
.cont-menu_principal .btn-share.btn-share--header {
    display: none;
}

.menu-menu-principal-container ul li {
    margin-left: 35px;
}

.menu-menu-principal-container ul li:first-child {
    margin-left: 0;
}

.cierra-menu {
    display: none;
}

/* .abre_menu {
    display: none;
} */

.cont_abre {
    display: none;
}

.toggle_menu {
    /* display: none; */
    cursor: pointer;
}
.arrow_submenu {
    display: none;
    cursor: pointer;
}
.menu-item-has-children> .arrow_link .arrow_submenu {
     display: block;
}
@media only screen and (min-width: 1200px) {
.main-navigation ul ul {
        box-shadow: 3px 3px 6px #00000042;
        float: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 99999;
        border-left: 1px solid var(--verde-claro);
        padding: 10px;
        background: #fff;
        display: none;
    }
        .main-navigation ul li:hover>ul,
        .main-navigation ul li.focus>ul {
            display: block;
        }
                .sub-menu li {
                    margin-left: 0 !important;
                }
}

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

    .main-navigation ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        z-index: 99999;
        border-right: 1px solid var(--verde-claro);
        padding: 0px 13px 0 0;
        display: none;
    }
    .main-navigation ul ul a {
        width: 100%;
    }
    .sub-menu.activo {
        display: block;
    }
    .menu-item-has-children>.arrow_submenu {
        position: absolute;
        top: 0;
        right: -21px;
        display: block;
        width: 20px;
        text-align: center;
    }
}
.buscador-header.buscador_off_canvas {
    position: fixed;
    width: 100%;
    padding: 25px 40px;
    background: #fff;
    z-index: 991;
    top: 0;
    box-shadow: 0 0 5px #00000045;
    transform: translateY(-105%);
    margin: 0;
    transition: all .5s ease;
    display: flex;
    justify-content: space-between;
}

.buscador-header.buscador_off_canvas form {
    position: relative;
    width: 100%;
}

#buscador_off_canvas.activo {
    transform: translateY(0);
}

#talk_about.talk_about--off_canvas {
    margin: 30px 0 40px 0;
}

.talk_about--off_canvas .talk_about--content {
    display: flex;
    gap: 5px;
    justify-content: left;
    flex-wrap: wrap;
}

.talk_about--off_canvas .talk_about--item a {
    color: var(--negro);
    padding-left: 0;
}

@media only screen and (max-width: 1200px) {
    .topheader {
        display: none;
    }
    .social-float {
        position: fixed;
        right: 0;
        /* z-index: 999; */
        top: 85px;
    }
    .site-branding svg {
        width: 140px;
    }
    .cont_abre {
        display: block;
    }
    /* .toggle_menu {
        display: block;
    } */
    #page {
        margin-top: 85px;
    }
    .abre_menu {
        display: block;
        cursor: pointer;
    }
    .cont-menu_principal .toggle_menu {
        text-align: right;
    }
    .cont_abre {
        justify-self: right;
        align-self: center;
        display: flex;
    }
    .abre_buscador {
        margin-right: 20px;
        cursor: pointer;
    }
    .cierra-menu {
        display: block;
        position: absolute;
        right: 45px;
        top: 10px;
    }
    .cont-menu_principal {
        position: fixed;
        right: 0;
        height: 100%;
        background: #fff;
        width: 400px;
        box-shadow: 0px 0 12px #00000029;
        transition: all .5s ease;
        display: block;
        padding: 70px 50px 90px 20px;
        transform: translateX(103%);
        top: 0;
    }
    .cont-menu_principal.activo {
        transform: translateX(0%);
    }
    .cont-menu_principal .btn-share.btn-share--header {
        display: block;
        text-align: right;
        width: 100% !important;
    }
   .main-navigation ul {
       display: block;
       text-align: right;
       padding: 0 10px 0 0px;
   }
    .main-navigation a {
        font-size: 20px;
        margin: 20px 0;
    }
    .btn-share.btn-share--header a {
        width: 185px;
    }
    .btn-share.btn-share--header {
        display: flex;
        justify-content: flex-end;
    }
    .btn-categories {
        display: none;
    }
    .buscador-header {
        margin-top: 40px;
    }
    .fixed-header .main-navigation ul {
        display: block;
    }
    #cierra_buscador {
        display: block;
        margin-right: 20px;
    }
    #cierra_buscador svg {
        width: 40px;
        cursor: pointer;
    }
    .btn-share a {
        width: 200px;
    }
}


/* SLIDER CASOS HOME */

.slider_case--item {
    height: 560px;
    position: relative;
}

.item_case--imagen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.item_case--imagen img {
    height: 560px;
    object-fit: cover;
    width: 100%;
}

.slider_case--item::before {
    content: "";
    background: linear-gradient(to right, rgba(72, 116, 143, 0.89) 0%, rgba(92, 173, 120, 0.28) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.item_case--info {
    position: relative;
    z-index: 1;
    color: #fff;
    top: 20%;
    max-width: 440px;
    width: 100%;
    padding-right: 10px;
    padding-left: 55px;
}

.item_case--leer_mas {
    border: 2px solid var(--verde-oscuro);
    color: #fff;
    padding: 9px 30px 10px 30px;
    text-decoration: none;
    font-size: 16px;
    display: inline-block;
    transition: all .5s ease;
    font-family: var(--fuente);
}

.item_case--leer_mas:hover {
    background: var(--verde-oscuro);
    color: #fff;
}

.case_item--meta {
    color: var(--verde-claro);
    font-size: 14px;
    font-family: var(--fuente);
    font-weight: 100;
}

.case_item--meta .cat_separator:last-child {
    display: none;
}

.item_case--titulo h2 {
    font-size: 30px;
    margin: 10px 0 0 0;
    line-height: 35px;
    font-family: var(--fuente);
    font-weight: 200;
}

.item_case--titulo p {
    margin: 0;
    font-family: var(--fuente);
    font-weight: 200;
    margin: 10px 0 20px 0;
}

.slider_thumb-case {
    margin-top: -60px;
    padding: 0 15px;
}

.item_thumb-case {
    position: relative;
    width: 285px !important;
    height: 130px;
    border: 5px solid #fff;
    text-align: center;
    margin: 0 5px;
}

.item_case_thumb--imagen::after {
    content: "";
    display: block;
    width: 100%;
    height: 130px;
    background: var(--azul);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}

.item_thumb-case h3 {
    position: absolute;
    top: 50%;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    padding: 0 10px;
    transform: translateY(-50%);
    width: 100%;
}

.slider_thumb-case .slick-prev.slick-arrow {
    position: absolute;
    right: 50px;
    top: -30px;
    z-index: 1;
    cursor: pointer;
}

.slider_thumb-case .slick-next.slick-arrow {
    position: absolute;
    right: 25px;
    top: -30px;
    z-index: 1;
    cursor: pointer;
}


/* RESPONSIVE SLIDER HOME */

@media only screen and (max-width: 1024px) {
    .slider_case--item {
        height: 480px;
    }
    .item_case--imagen img {
        height: 480px;
    }
}

@media only screen and (max-width: 991px) {
    .slider_case--item {
        height: 460px;
    }
    .item_case--imagen img {
        height: 460px;
    }
}

@media only screen and (max-width: 768px) {
    .slider_case--item {
        height: 360px;
    }
    .item_case--info {
        position: relative;
        z-index: 1;
        color: #fff;
        top: 30px;
        max-width: 90%;
        width: 100%;
        padding-right: 10px;
        padding-left: 55px;
    }
}

@media only screen and (max-width: 600px) {
    .item_case--titulo h2 {
        margin-bottom: 40px;
    }
    .item_case--info {
        top: 60px;
    }
    p.item_case--descripcion {
        display: none;
    }
}


/* TRENDING HOME */

.trending_home--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 100px;
}

.trending_home--item {
    max-width: 285px;
    width: 100%;
    display: grid;
    grid-template-columns: 30px 1fr;
    grid-gap: 10px;
}

.trending_home--item a {
    text-decoration: none;
}

.item_trending_home--number {
    font-size: 30px;
    color: var(--verde-claro);
    line-height: 30px;
    font-weight: 300;
}

.trending_home--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    grid-gap: 65px;
    justify-items: left;
}

.item_trending_home--header h4 {
    font-weight: 100;
    font-size: 13px;
    margin: 0;
}

.item_trending_home--case a {
    text-decoration: none;
}

.trending_home--item figure {
    margin: 0;
    width: 28px;
    height: 28px;
}

.item_trending_home--header figure {
    left: 0;
    display: inline-block;
}

.item_trending_home--info {
    position: relative;
}

.item_trending_home--avatar {
    position: relative;
    min-height: 28px;
}

.item_trending_home--autor {
    display: flex;
    position: relative;
    margin-top: 5px;
    flex-wrap: wrap;
}

.item_trending_home--autor h4::after {
    content: "·";
    margin-left: 5px;
    margin-right: 5px;
}

.item_trending_home--header h4:last-child::after {
    content: "";
    margin: 0;
}

.item_trending_home--header figure img {
    border-radius: 100px;
}

.item_trending_home--case h3 {
    margin: 12px 0;
    font-size: 16px;
    line-height: 20px;
    margin: 5px 0;
}

.trending_home--item:hover h3 a {
    color: var(--verde-claro);
}

.item_trending_home--meta {
    font-size: 14px;
    color: var(--azul);
}

.trending_home--header :is(h1,
h2,
h3,
h4,
h5,
h6) {
    font-weight: 100;
    font-family: var(--fuente);
}

.trending_home--header :is(h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong) {
    font-weight: bold;
    font-family: var(--fuente);
}


/* TRENDING CASE SLIDER */

#trending_home .img_recent--envent img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
}


/* RESPONSIVE TRENDING HOME */

@media only screen and (max-width: 535px) {
    .item_trending_home--number {
        font-size: 140px;
        opacity: 0.09;
        position: relative;
        top: 40px;
    }
    .trending_home--content {
        justify-items: center;
        text-align: center;
        grid-template-columns: 1fr;
    }
    .trending_home--item {
        grid-template-columns: 0px 1fr;
    }
    .item_trending_home--autor {
        justify-content: center;
    }
}


/* TALK ABOUT */

#talk_about {
    max-width: 1024px;
    margin: 80px auto;
}

.talk_about--item a {
    font-size: 18px;
    text-decoration: none;
    color: var(--verde-claro);
    border-radius: 100px;
    padding: 8px 15px 5px 15px;
    display: inline-block;
    line-height: 20px;
    font-family: var(--fuente);
}

.talk_about--item a:hover {
    color: var(--azul);
}

.talk_about--content {
    display: flex;
    gap: 5px;
    justify-content: center;
    flex-wrap: wrap;
}

.talk_about--header :is(h1,
h2,
h3,
h4,
h5,
h6) {
    font-weight: 100;
    font-family: var(--fuente);
}

.talk_about--header :is(h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong) {
    font-weight: bold;
    font-family: var(--fuente);
}


/* EVENT/NEWS */

.article-event img {
    object-fit: contain;
}

#last_posts {
    margin-top: 115px;
    margin-bottom: 85px;
}

.last_posts--loop {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 30px;
}

.last_posts--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.sh_item--header {
    border-bottom: 1px solid var(--verde-claro);
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    margin-bottom: 15px;
}

.sh_item--header span,
.sh_item--header a {
    color: var(--verde-claro);
    font-size: 13px;
}

.sh_item--img {
    width: 100%;
    height: 250px;
}

.sh_item--img img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    object-position: center;
}

#last_student .sh_post--item img,
.post-type-archive-case img,
.tax-case_category img,
.post-type-archive-students img,
.tax-students_category img {
    object-fit: cover;
}

.sh_item--titulo a {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    text-decoration: none;
    color: var(--negro);
}

.sh_item--titulo h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
    text-decoration: none;
}

.sh_item--footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.sh_item--titulo {
    margin-bottom: 0px;
}

.sh_post--item {
    max-width: 100%;
    width: 280px;
    position: relative;
    /* height: 100%; */
    padding-bottom: 2.5em;
}

.article-news .sh_post--item {
    min-height: 460px;
}

.sh_item--auto a {
    text-decoration: none;
}

.sh_item--auto {
    font-size: 14px;
}


/* HOME LAST POSTS */

#trending_home {
    margin-top: 90px;
}

.home #last_posts {
    margin-top: 115px;
    margin-bottom: 85px;
    padding: 40px 0;
}

.home .trending_home--header.header_seccion {
    margin-top: 0;
}

#popular_research {
    margin-top: 90px;
}


/* SHARE BANNER */

#banner_share {
    min-height: 430px;
    position: relative;
    margin-top: 90px;
}

#banner_share::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right top, rgba(72, 116, 143, 0.4) 0%, rgba(92, 173, 120, 0.61) 100%);
    position: absolute;
}

.banner_share--content {
    position: relative;
    max-width: 500px;
    color: #fff;
    padding: 160px 0 120px 100px;
    width: 100%;
}

#banner_share .btn-verde-borde {
    color: #fff;
}

.banner_share--content a {
    display: inline-block;
    margin: 10px 0;
}

.banner_share--content>div {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .banner_share--content {
        position: relative;
        max-width: 500px;
        color: #fff;
        padding: 70px 15px;
        width: 95%;
        margin: 0 auto;
    }
}


/* OUR TEAM */

.writers--header {
    margin-bottom: 45px;
    margin-top: 90px;
}

.writers--header :is(h1,
h2,
h3,
h4,
h5,
h6) {
    font-weight: 100;
    font-family: var(--fuente);
}

.writers--header :is(h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong) {
    font-weight: bold;
    font-family: var(--fuente);
}

.writers--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: 60px;
}

.writer--item {
    text-align: center;
    max-width: 200px;
    width: 100%;
}

.writer--item h4 {
    margin: 0 0 5px 0;
    color: var(--verde-claro);
}

.writer--item a {
    display: block;
    text-decoration: none;
}

.writer--item img {
    transition: all .5s ease;
    border-radius: 100px;
    width: 150px;
    filter: grayscale(1);
    height: 150px;
    object-fit: cover;
}

.writer--item span {
    font-size: 14px;
    display: block;
    line-height: 19px;
    white-space: break-spaces;
}

.writer--item:hover img {
    opacity: .7;
}

@media only screen and (max-width: 1010px) {
    .writers--content {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

@media only screen and (max-width: 600px) {
    .writers--content {
        display: block;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-gap: 0;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 40px;
    }
    .writer--item {
        text-align: center;
        max-width: 200px;
        width: 100%;
        display: inline-block;
        vertical-align: text-top;
    }
    .writer--item img {
        transition: all .5s ease;
        width: 120px;
    }
}


/* NEWSLETTER */

#green_updates {
    background: linear-gradient(to left, var(--verde-oscuro) 0%, var(--azul) 100%);
    min-height: 370px;
    display: flex;
    align-items: center;
    margin: 70px 0 50px 0;
}

.green_updates--content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    align-items: center;
    min-height: 370px;
    justify-content: start;
    grid-gap: 30px;
    margin: 0 auto;
    max-width: 890px;
    width: 90%;
    padding: 40px 0;
}

#green_updates a {
    color: #fff;
    text-decoration: underline;
}

.updates_col--form {
    justify-self: end;
    width: 100%;
}

.updates_col--texto {
    color: #fff;
}

.updates_col--form label {
    display: block;
}

.mailchimp_form--cont {
    display: grid;
    grid-template-columns: minmax(200px, 280px) minmax(90px, 100px);
    align-items: center;
}

.updates_col--form p {
    margin: 0;
    color: #fff;
}

.mailchimp_form--cont input[type="email"] {
    width: 100%;
    border: 2px solid var(--verde-claro);
    border-radius: 0;
    height: 55px;
    padding-left: 15px;
    outline: none;
}

.mailchimp_form--cont input[type="submit"] {
    height: 55px;
    border-radius: 0;
    border: 2px solid var(--verde-claro);
    color: #fff;
    width: 100%;
    background: var(--verde-claro) url(../img/icon_send.svg) no-repeat;
    background-position: 10px center;
    padding-left: 30px;
}

.mailchimp_form--cont input[type="submit"]:hover {
    border: 2px solid var(--azul);
    background: var(--azul) url(../img/icon_send.svg) no-repeat;
    background-position: 10px center;
    cursor: pointer;
}

.updates_col--form label a {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    text-decoration: none;
}

.legal_p {
    grid-column: 1/3;
}


/* RESPONSIVE NEWSLETTER */

@media only screen and (max-width: 460px) {
    .green_updates--content {
        grid-template-columns: 1fr;
    }
}

@media only screen and (max-width: 360px) {
    .mailchimp_form--cont {
        display: flex;
        flex-wrap: wrap;
    }
    .mailchimp_form--cont p {
        margin: 0;
        color: #fff;
        display: block;
        width: 100%;
    }
}


/* FOOTER */

.footer_col--tres img {
    width: 17px;
    height: 17px;
}

#colophon {
    background: var(--gris);
    padding: 55px 0 20px 0;
    position: relative;
}

#colophon::after {
    content: "";
    display: block;
    background: url(../img/logo-share-footer.svg) no-repeat;
    width: 165px;
    height: 200px;
    position: absolute;
    top: 30px;
    right: 0;
    background-size: cover;
}

.wrapper.wrapper_footer {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 30px;
    font-family: var(--fuente);
}

.footer_col a {
    text-decoration: none;
    color: var(--negro);
    font-family: var(--fuente);
}

.footer_col h2 {
    font-size: 16px;
    line-height: 19px;
    font-family: var(--fuente);
    font-weight: bold;
}

.footer_col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 30px;
}

.footer_col--uno.footer_col {
    grid-column: 1/3;
}

.footer_col--dos.footer_col {
    grid-column: 3/6;
}

.footer_col--dos.footer_col ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}

.footer_col--tres.footer_col {
    grid-column: 6/8;
}

.footer_col--tres.footer_col p {
    display: flex;
    align-content: center;
}

.footer_col--tres.footer_col p a {
    margin: 0 5px;
    line-height: 1em;
    display: block;
}

.footer_col--cuatro.footer_col {
    grid-column: 8/11;
}

.bottom_footer {
    border-top: 1px solid var(--azul);
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 40px;
    font-family: var(--fuente);
}

@media only screen and (max-width: 991px) {
    .footer_col--uno.footer_col {
        grid-column: 1/span 2;
    }
    .footer_col--dos.footer_col {
        grid-column: 3/span 3;
    }
    .footer_col--tres.footer_col {
        grid-column: 6/span 2;
    }
    .footer_col--cuatro.footer_col {
        grid-column: 8/span 4;
    }
}

@media only screen and (max-width: 768px) {
    .footer_col--uno.footer_col {
        grid-column: 1/span 3;
    }
    .footer_col--dos.footer_col {
        grid-column: 4/span 4;
    }
    .footer_col--tres.footer_col {
        grid-column: 8/span 4;
    }
    .footer_col--cuatro.footer_col {
        grid-column: 1/span 11;
    }
}

@media only screen and (max-width: 620px) {
    .footer_col--uno.footer_col {
        grid-column: 1/span 5;
    }
    .footer_col--dos.footer_col {
        grid-column: 6/span 6;
    }
    .footer_col--tres.footer_col {
        grid-column: 1/span 5;
    }
    .footer_col--cuatro.footer_col {
        grid-column: 6/span 11;
    }
}

@media only screen and (max-width: 500px) {
    .footer_col--dos.footer_col ul {
        grid-template-columns: 1fr;
    }
    .wrapper.wrapper_footer {
        display: flex;
        flex-wrap: wrap;
    }
}

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


/* ARCHIVE CASE STUDIES */

.page-header {
    border-top: 1px solid var(--gris);
    border-bottom: 1px solid var(--gris);
    color: var(--azul);
    min-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.migas {
    font-size: 14px;
}

.wrapper.case_archive--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrapper.case_archive--header h1 {
    font-size: 20px;
}

.page-title_case {
    font-size: 20px;
    font-family: var(--fuente);
    line-height: 24px;
    max-width: 400px;
    width: 100%;
}

.case_archive--header .talk_about--item a {
    font-size: 16px;
}

.btn-filtros {
    display: none;
}

.aside_filtros ul {
    padding: 0;
    margin: 0;
}

.aside_filtros form>ul>li {
    margin-bottom: 40px;
    padding: 0;
}

.aside_filtros .searchandfilter label {
    width: 100%;
}

.aside_filtros .searchandfilter label input {
    border: 1px solid var(--gris);
    border-radius: 0;
}

.sf-meta-range.sf-meta-range-slider label {
    width: 75px;
}

.aside_filtros .search-filter-component-combobox-base {
    border: 1px solid var(--gris);
    border-radius: 0 !important;
    cursor: pointer;
}
.search-filter-component-combobox__listbox-toggle::before{
    display: none;
}
.search-filter-component-combobox__listbox-toggle svg {
    fill: var(--verde-claro);
    color: var(--search-filter-input-interactive-color);
}
.search-filter-label{
    font-family: var(--fuente);
    font-size: 18px;
    color: var(--negro);
    font-weight: 600;
    padding: 0;
    margin-bottom: 10px;
}
.search-filter-input-text {
    border-radius: 0 !important;
    border-color: var(--gris);
}


.search-filter-component-range-slider {
    color: var(--verde-claro) !important;
}

.search-filter-field button {
    background: var(--gris);
    border-radius: 0;
        padding: 12px 0;
        border: 0;
}

.search-filter-field button:hover {
    background: var(--negro) !important;
    color: #fff !important;
}


.aside_filtros ul li input[type="radio"],
.aside_filtros ul li input[type="checkbox"] {
    display: none;
}

.searchandfilter ul li label.sf-label-radio,
.searchandfilter ul li label.sf-label-checkbox {
    position: relative;
    display: block;
    cursor: pointer;
}

.searchandfilter ul li.sf-option-active label.sf-label-radio::after,
.searchandfilter ul li.sf-option-active label.sf-label-checkbox::after {
    background-position: right;
}

.searchandfilter ul li label.sf-label-radio::after,
.searchandfilter ul li label.sf-label-checkbox::after {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: url(../img/radio.svg);
    position: absolute;
    right: 0;
    bottom: 12px;
}

.searchandfilter ul li label.sf-label-radio,
.searchandfilter ul li label.sf-label-checkbox {
    position: relative;
    display: block;
    cursor: pointer;
    font-family: var(--fuente);
    font-weight: 100;
    font-size: 14px;
    padding: 20px 15px 10px 0;
    border-bottom: 1px solid var(--gris);
}

.sf-field-search input {
    width: 100%;
    border-radius: 0;
    border: 1px solid var(--gris);
    padding: 10px 5px;
    color: var(--negro);
    outline: none;
}

.sf-meta-range.sf-meta-range-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sf-range-values-seperator {
    display: none;
}

.searchandfilter .meta-slider {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 5px;
    max-width: 95%;
    width: 100%;
}

.searchandfilter .noUi-horizontal .noUi-handle {
    width: 24px;
    height: 24px;
    top: -10px;
    border-radius: 20px;
    left: -12px;
}

.searchandfilter .noUi-connect {
    background-color: var(--verde-claro);
}

.searchandfilter .sf-range-max,
.searchandfilter .sf-range-min {
    max-width: 80px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.result_case--cont {
    display: grid;
    grid-template-columns: 240px 1fr;
    grid-column-gap: 65px;
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.result-case {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    display: grid;
    grid-column-gap: 30px;
    margin-top: 30px;
    grid-auto-rows: 1fr;
}

.result-case article {
    /*margin-bottom: 60px;*/
    position: relative;
    width: 100%;
    max-width: 280px;
}

.blog .result-case article {
    min-height: 460px;
}


/* .result-case .sh_item--img img, .result-case .sh_item--img, .result-case .sh_post--item {
	max-width: 500px;
	/* max-width:300px; */


/*width: 100%;
} */

.result-case .sh_item--img img,
.result-case .sh_item--img {
    /* max-width: 500px; */
    /* max-width: 300px; */
    width: 100%;
    height: 230px;
}

.sh_item--img.event_archive img {
    object-fit: contain;
}

.sh_item--img a {
    display: block;
}

.caso_destacado {
    display: grid;
    grid-template-columns: minmax(220px, 345px) minmax(200px, 480px);
    grid-gap: 20px;
}

.caso_destacado--info {
    max-width: 345px;
    width: 100%;
    align-self: center;
}

.sh_item--category {
    color: var(--verde-claro);
    font-size: 14px;
}

.caso_destacado--header {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 50px);
    border-bottom: 1px solid var(--verde-claro);
    padding-bottom: 5px;
    color: var(--verde-claro);
    font-size: 14px;
}

.caso_destacado--info h3 a {
    font-size: 20px;
    text-decoration: none;
    color: var(--verde-claro);
    line-height: 24px;
}

.read_more--destacado {
    display: inline-block;
    margin-top: 40px;
    text-decoration: none;
    font-weight: 300;
}

.caso-destacado--imagen {
    max-width: 520px;
    width: 100%;
}

.caso-destacado--imagen img {
    max-width: 520px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.read_more--destacado:hover svg {
    transform: translateX(10px);
    transition: all .5s ease;
}

.read_more--destacado svg {
    transition: all .5s ease;
}

.filtros_mv {
    display: none;
}

.sf-field-reset {
    margin-bottom: 10px !important;
}

.sf-field-submit input {
    background: var(--verde-claro);
    border: 2px solid var(--verde-claro);
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    padding: 15px 10px;
    cursor: pointer;
}

.sf-field-submit input:hover {
    background: #fff;
    color: var(--verde-claro);
    border: 2px solid var(--verde-claro);
}

.sf-field-reset a {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px 10px;
    background: var(--gris);
    color: var(--negro);
    border: 2px solid var(--gris);
    text-decoration: none;
    font-size: 16px;
}

.sf-field-reset a:hover {
    background: var(--negro);
    color: #fff;
    border: 2px solid var(--negro);
}

ul.lista-seleccionados {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
    display: flex;
}

ul.lista-seleccionados label {
    background: var(--verde-claro);
    padding: 5px 15px;
    border-radius: 100px;
    margin-right: 10px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
}

@media only screen and (max-width: 920px) {
    .btn-filtros {
        display: block;
        position: absolute;
        right: 30px;
        top: 30px;
        cursor: pointer;
    }
    .filtros_mv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 75px;
        color: var(--negro);
        margin: 40px 0;
        cursor: pointer;
    }
    .filtros_mv span {
        display: block;
        font-size: 15px;
        font-weight: 300;
        color: var(--negro);
    }
    .btn-filtros svg {
        transform: rotate(45deg);
    }
    .btn-filtros svg path {
        stroke: var(--verde-claro);
    }
    .result_case--cont {
        grid-template-columns: 1fr;
    }
    .aside_filtros {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 991;
        padding: 90px 40px;
        overflow: auto;
        height: 100%;
        transform: translateX(-106%);
        transition: all .5s ease;
    }
    #filtros_cont.activo {
        transform: translateX(0);
    }
    .sf-field-taxonomy-case_category>ul,
    .sf-field-post-meta-gross_area_case>ul,
    .sf-field-post-meta-embodied_case>ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        grid-gap: 30px;
    }
    .sf-field-taxonomy-case_category>ul>li,
    .sf-field-post-meta-gross_area_case>ul>li,
    .sf-field-post-meta-embodied_case>ul>li {
        display: block;
        margin: 0 10px;
        width: 100%;
    }
    .talk_about--content {
        display: flex;
        gap: 5px;
        justify-content: start;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-bottom: 10px;
        margin: 30px 0;
        position: relative;
        z-index: 1;
    }
    .home .talk_about--content {
        justify-content: center;
        flex-wrap: wrap;
        white-space: nowrap;
    }
    .wrapper.case_archive--header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .page-title_case {
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 620px) {
    .caso_destacado {
        display: none;
    }
    .result-case {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
}


/* SINGLE CASE */

.breadcrumbs--single {
    background: #fff;
    border-top: 1px solid var(--gris);
    border-bottom: 1px solid var(--gris);
    padding: 10px 0;
}

.breadcrumbs--single,
.breadcrumbs--single a {
    font-size: 14px;
    color: var(--azul);
}

.breadcrumbs--single a {
    font-weight: 300;
    text-decoration: none;
}

.wrapper--single {
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
}

.entry-header_case {
    margin: 40px 0;
}

.entry-header_case h1 {
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}

.entry_header--arquitechture h3 {
    margin: 0;
    font-weight: 100;
}

.single_case--meta {
    text-align: right;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.entry_header--arquitechture {
    display: flex;
}

.entry_header--arquitechture h3::after {
    content: "·";
    margin: 0 5px;
}

.entry_header--arquitechture h3:last-child::after {
    content: "";
    margin: 0;
}

.slider_case--single .slick-prev.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    left: 10px;
    background: var(--verde-claro);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    transition: all .5s ease;
}

.slider_case--single .slick-next.slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    right: 10px;
    background: var(--verde-claro);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    transition: all .5s ease;
}

.slider_case--single .slick-prev.slick-arrow:hover,
.slider_case--single .slick-next.slick-arrow:hover {
    background: var(--azul);
}

.single_case--slider_item,
.single_case--slider_item img {
    /* height: 530px; */
    width: auto;
    object-fit: contain;
    margin: 0 auto;
}

.slick-dots {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-content: center;
}

.slick-dots li button {
    background: var(--verde-claro);
    border: 0;
    overflow: hidden;
    padding: 0;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    color: #54CA9000;
    margin: 0 5px;
    transition: all .5s ease;
    cursor: pointer;
}

.slick-dots li.slick-active button {
    background: #54CA906E;
}

.lb-data .lb-close {
    background-size: contain !important;
}

.lightbox .lb-image {
    border: 0 !important;
    border-radius: 0 !important;
}

.lightboxOverlay {
    background-color: var(--gris) !important;
    cursor: pointer;
}

.details_case--header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--verde-claro);
    margin-bottom: 40px;
}

.details_case--header h3 {
    font-weight: 100;
    margin: 0 0 10px 0;
}

.details_case--share {
    display: flex;
    color: var(--verde-claro);
}

.share-buttons {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

.share-buttons li a svg {
    width: 13px;
    height: 13px;
}

.share-buttons li {
    margin: 0 5px;
}

.detalle--item .cat_separator:last-child {
    display: none;
}

.detalle--item {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.detalle--item img {
    margin-right: 10px;
    width: 30px;
}

.detalle--item h4 {
    margin: 0 10px 0 0;
    color: #000;
    font-weight: bold;
    font-size: 13px;
}

.detalles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    align-content: center;
    grid-gap: 30px;
}

.features_case {
    margin-top: 85px;
}

.accordion {
    background: #fff;
    cursor: pointer;
    padding: 0 0 12px 0;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    border-bottom: 1px solid var(--verde-claro);
    border-radius: 0;
    display: flex;
    justify-content: space-between;
}

.cont_acordeon {
    margin-bottom: 80px;
}

.active,
.accordion:hover,
.active,
.accordion:focus,
.active,
.accordion:active {
    border-color: var(--verde-claro);
}

.panel {
    padding: 10px 0px;
    display: none;
    background-color: white;
    overflow: hidden;
    transition: all .5s ease;
    font-size: 16px;
}

.panel a {
    color: var(--verde-claro);
}

.cont_acordeon ul {
    padding: 0;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 16px;
    line-height: 28px;
}

.accordion svg {
    transition: all .5s ease;
}

.accordion.active svg {
    transform: rotate(180deg);
}

.link_case a {
    color: var(--verde-claro);
}

.nav-links a {
    text-decoration: none;
    color: var(--negro);
    font-size: 16px;
    font-weight: 300;
    border: 2px solid var(--verde-claro);
    padding: 10px 20px;
}

.nav-links a:hover {
    background: var(--verde-claro);
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
    flex-wrap: wrap;
}


/* FORM CASE */

.wrapper_form {
    max-width: 800px;
    margin: 0 auto;
}

.form_case label {
    font-size: 13px;
    font-weight: 100 !important;
    font-family: var(--fuente);
}

.form_case .acf-fields>.acf-field {
    border: 0 !important;
}

.form_case input[type="text"],
.form_case select {
    border: 1px solid var(--gris);
    padding: 10px 15px !important;
    border-radius: 0 !important;
    color: var(--verde-claro);
}

.form_case input[type="text"]::-webkit-input-placeholder {
    /* Edge */
    color: var(--verde-claro);
    opacity: 1;
}

.form_case input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--verde-claro);
    opacity: 1;
}

.form_case input[type="text"]::placeholder {
    color: var(--verde-claro);
    opacity: 1;
}

.cabecera_form label {
    font-size: 18px;
}

.file_case label {
    font-size: 16px;
}

.file_case .description,
.acf-label .description {
    font-size: 11px;
    color: var(--verde-claro);
}

.acf-field p.description span {
    color: #B52F91;
}

.aclaration_case span {
    color: #B52F91;
}

.file_case .acf-button.button {
    background: var(--verde-claro);
    display: block;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.form_case input[type="submit"] {
    background: var(--verde-claro);
    border-radius: 0;
    border: 2px solid var(--verde-claro);
    color: #fff;
}

.file_case .acf-input {
    display: block;
    overflow: hidden;
    width: 100%;
    background: var(--verde-claro);
}

.file_case .acf-input label {
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    padding: 10px;
}

.file_case .acf-input input[type="file"] {
    color: #fff;
}

.work_step .trending_home--item h3 {
    color: var(--verde-claro);
}

.work_step .trending_home--item p {
    margin: 0;
}

section#related_content {
    margin: 200px 0px 200px 0;
}


@media only screen and (max-width: 768px) {
    .acf-field[data-width] {
        float: none;
        width: 100% !important;
    }
    .entry-header_case h1 {
        font-size: 25px;
    }
}


/* LASTS EVENTS */

#last_events .sh_item--img img {
    object-fit: contain !important;
}


/* EVENTOS */

/*FILTROS EVENTOS*/
form.events-filter-form input,
form.events-filter-form select {
    height: 40px;
    padding: 0 0 0 7px;
    width: 100%;
    border-radius: 0 !important;
    border-color: var(--gris);
}

.filter-group {
    margin-bottom: 20px;
    margin-top: 40px;
}
.filter-group {
    margin-bottom: 20px;
}
form.events-filter-form button {
    border-radius: 0;
    width: 100%;
    height: 40px;
    background: var(--gris);
    padding: 12px 0;
    border: 0;
}
form.events-filter-form button:hover {
background: var(--negro) !important;
color: #fff !important;
}


#recent_events {
    margin: 120px 0;
}

.recent_event--image .slick-prev,
.recent_case--image .slick-prev,
.recent_media--image .slick-prev {
    background: var(--verde-claro);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 10px;
    z-index: 1;
}

.recent_event--image .slick-next,
.recent_case--image .slick-next,
.recent_media--image .slick-next {
    background: var(--verde-claro);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}

.item--event_list {
    opacity: 0.5;
    transition: all .5s ease;
}

.item--event_list.slick-current,
.item--event_list:hover {
    opacity: 1;
}

.recent_event--cont {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-gap: 30px;
}

.img_recent--envent {
    max-width: 100%;
    width: 100%;
    height: 320px;
    position: relative;
}

.img_recent--envent img {
    width: 100%;
    height: 320px;
    object-fit: contain;
    object-position: center;
}

.btn-verde.btn-recent_event {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.item--event_list a {
    text-decoration: none;
    display: grid;
    grid-template-columns: minmax(0, 80px) minmax(0, 1fr);
    border-bottom: 1px solid var(--gris);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.date_event--list {
    font-size: 25px;
    color: var(--verde-claro);
    font-weight: 300;
    width: 80px;
    margin-right: 15px;
}

.item--event_span {
    display: grid;
    grid-template-columns: minmax(0, 80px) minmax(0, 1fr);
    border-bottom: 1px solid var(--gris);
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.recent_case--list {
    height: 320px;
    overflow: hidden;
}

.item_event--title h3 {
    color: var(--negro);
    margin: 0;
}

.item_event--meta {
    color: var(--azul);
}

.single_post_image {
    text-align: center;
    margin-bottom: 50px;
}

#the_content {
    margin: 90px 0;
}

#the_content a {
    color: var(--verde-claro);
}

#the_content blockquote {
    border-left: 3px solid var(--verde-claro);
    padding-left: 30px;
    padding-right: 20px;
    color: var(--negro);
    margin-left: 20px;
}

.loop_post--wrapper {
    max-width: 800px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.filtro_blog {
    text-align: center;
    margin: 40px 0;
}

.filtro_blog ul {
    padding: 0;
    margin: 0;
}

select option {
    font-family: sans-serif;
}

.archive .sh_post--item {
    width: 100%;
}

.event_end .sh_post--item {
    filter: grayscale(100%);
    opacity: 0.6;
}

.event_end_tag {
    display: none;
}

.event_end .event_end_tag {
    display: block;
}

.event_end_tag {
    background: var(--negro);
    text-align: center;
    padding: 10px;
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 50%;
}

.sh_item--footer a {
    color: var(--verde-claro);
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.sh_item--footer a:hover {
    color: var(--azul);
}

.sh_item--footer a:hover svg path {
    fill: var(--azul);
}

.sh_item--footer a span {
    display: block;
}

.cont_loop--post {
    display: grid;
    grid-gap: 20px;
    grid-row-gap: 50px;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.cont_loop--post .sh_post--item {
    max-width: 100%;
    width: 100%;
}

.cont_loop--post .sh_post--item .sh_item--img {
    max-width: 100%;
    width: 100%;
}

.cont_loop--post .sh_item--img img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

.cont_loop--post .sh_item--footer {
    display: flex;
    justify-content: start;
}


/* SINGLE POST */

.wrapper--single.single_post h1 {
    text-align: center;
}

.single_post--meta {
    text-align: center;
    color: var(--verde-claro);
}

@media only screen and (max-width: 1100px) {
    .recent_event--cont {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-gap: 30px;
        max-width: 480px;
        width: 100%;
        margin: 0 auto;
    }
    .img_recent--envent {
        height: 225px;
    }
    .img_recent--envent img {
        width: 480px;
        height: 225px;
    }
    #trending_home .img_recent--envent img {
        width: 100%;
        height: 225px;
        object-fit: cover;
        object-position: center;
    }
}


/*COMENTARIOS*/

.comentarios {
    background: #f4f4f4;
    padding: 70px 0;
    margin-top: 100px;
    border-top: 3px solid var(--verde-claro);
}

.comments h2 {
    text-align: center;
    margin-bottom: 55px;
}

.comments {
    width: 870px;
    padding: 0 30px;
    max-width: 100%;
    margin: 0 auto;
}

.comments ul {
    list-style: none;
}

.comment-body {
    font-size: 14px;
    color: #555;
    position: relative;
    margin-bottom: 20px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    background: var(--gris);
    padding: 35px 15px 35px 80px;
    border: solid 1px #f8f8f8;
    border-radius: 0;
}

.comment-body a {
    color: var(--verde-claro);
    text-decoration: none;
}

.comment-inner {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.comment-author {
    font-size: 1em;
    font-weight: 700;
    color: #1d2733;
    margin-bottom: 5px;
}

.comment-body .avatar {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 15px;
    top: 25px;
    border-radius: 100%;
    padding: 1px;
    border: 2px solid var(--verde-claro);
    background: #fff;
}

.comment-form-comment label {
    display: block;
}

#comments .comment-text p:last-child {
    margin-bottom: 5px;
}

#comments .children {
    margin-left: 0px;
}

#comment {
    width: 100%;
    border: 1px solid var(--verde-claro);
    outline: none;
}

.comment::marker {
    display: none !important;
    color: #fff;
}

.comment-list {
    margin: 0;
    padding: 0;
}

#respond input#submit {
    background: var(--verde-claro);
    color: #fff;
    border-radius: 0;
    border: 1px solid var(--verde-claro);
    padding: 20px 30px;
    cursor: pointer;
}

#respond input#submit:hover {
    background: #fff;
    color: var(--verde-claro);
}

.single_post #the_content {
    margin-top: 80px;
}

#the_content.is_autor {
    display: grid;
    grid-template-columns: minmax(70px, 70px) minmax(300px, 690px);
    grid-gap: 40px;
}

.single_post .details_case--share {
    justify-content: end;
}

.col_writer {
    font-size: 13px;
    text-align: center;
}

.col_writer svg {
    width: 60px;
    height: 60px;
}

.col_writer a svg {
    width: 16px;
    height: 16px;
}

.col_writer span {
    color: var(--azul);
    margin-bottom: 20px;
    display: block;
}

.col_writer p {
    line-height: 16px;
}

@media only screen and (max-width: 768px) {
    .comment-body .avatar {
        position: relative;
        top: 0;
        left: 0;
    }
    .comment-body {
        padding-left: 35px;
    }
    .comments {
        width: 870px;
        padding: 0;
    }
    #comments .children {
        padding-left: 15px;
    }
}

@media only screen and (max-width: 560px) {
    #the_content.is_autor {
        display: block;
        grid-template-columns: 1fr;
        grid-gap: 40px;
    }
    .cont_post--txt {
        max-width: 690px;
        width: 100%;
    }
    .col_writer {
        display: grid;
        grid-template-columns: 60px 1fr;
        text-align: left;
        grid-column-gap: 20px;
        grid-row-gap: 10px;
    }
    .col_writer span {
        grid-column: 1/3;
        text-align: left;
        margin: 0;
    }
    .col_writer img {
        width: 60px;
        grid-row: 2/4;
    }
    .col_writer a {
        grid-column: 2/3;
    }
    .col_writer p {
        margin: 0;
        align-self: center;
    }
}


/* CONTACTO */

.dos_col--input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.dos_col--input input {
    width: 100%;
}

.un_col--input input {
    width: 100%;
}

.dos_col--input input[type="text"],
.dos_col--input input[type="email"],
.dos_col--input input[type="tel"],
.un_col--input input[type="text"],
.un_col--input input[type="email"],
.un_col--input input[type="tel"] {
    border-radius: 0;
    border: 1px solid var(--gris);
    outline: none;
    padding: 10px 10px;
}

.wpcf7-form textarea {
    border: 1px solid var(--gris);
    border-radius: 0;
    height: 150px;
    padding: 10px;
    outline: none;
}

.wpcf7-form-control.wpcf7-submit {
    background: var(--verde-claro);
    border-radius: 0;
    border: 1px solid var(--verde-claro);
    color: #fff;
    padding: 15px 30px;
}

.dos_col--input label,
.un_col--input label {
    font-size: 16px;
    color: var(--verde-claro);
}

.wpcf7-form-control-wrap span {
    margin: 0 0 20px 0;
}

.grecaptcha-badge {
    z-index: 99 !important;
}


/* SEARCH RESULT */

.search .loop_post--wrapper {
    margin-top: 120px;
    margin-bottom: 120px;
}


/*OFF CANVAS*/

.off_canvas--taxonomy {
    max-width: 640px;
    width: 100%;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    transform: translateX(101%);
    transition: all .7s ease;
}

.off_canvas--taxonomy.activo {
    transform: translateX(0);
}

.off_canvas--wrapper {
    max-width: 100%;
    width: 90%;
    margin: 0 auto;
    position: relative;
    padding: 30px 80px 40px 60px;
    height: 100vh;
}

.off_canvas--case {
    margin-bottom: 40px;
    margin-top: 40px;
}

.off_canvas--header {
    display: flex;
    justify-content: space-between;
}

.off_canvas--header .btn-categories svg {
    transform: rotate(45deg);
}

.off_canvas--header .btn-categories svg path {
    stroke: var(--verde-claro);
}

.off_canvas--case h3 {
    margin-bottom: 25px;
    font-size: 18px;
}

.off_canvas--case .talk_about--content {
    justify-content: left;
}

.off_canvas--case div.talk_about--item a {
    color: var(--negro);
    font-size: 14px;
    font-weight: 200;
    padding-left: 0;
}

.item_talk--cont {
    display: flex;
    flex-wrap: wrap;
}

.off_canvas--footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 90px;
    position: absolute;
    bottom: 70px;
}

.off_canvas--social {
    align-self: end;
}

.off_canvas--social_account ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    justify-content: left;
}

.off_canvas--social_account ul li {
    padding: 0 10px 0 0;
}

.off_canvas--footer h3 {
    margin-bottom: 10px;
}

.off_canvas--footer p {
    margin-bottom: 0;
}

@media only screen and (max-width: 640px) {
    .off_canvas--wrapper {
        padding: 30px 0px 40px 0px;
    }
    .off_canvas--footer {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
}


/* RESEARCH */

embed {
    border: 1px solid var(--negro);
    margin-bottom: 30px;
}

.content_research {
    margin-bottom: 90px;
}

@media only screen and (max-width: 420px) {
    .entry-header_case {
        margin: 25px 0;
    }
    .panel ul {
        margin-left: 20px;
    }
    .panel {
        padding: 10px 20px;
    }
    .nav-previous,
    .nav-next {
        flex: 1 0 100% !important;
        height: 61px;
    }
    .nav-links a {
        text-decoration: none;
        color: var(--negro);
        font-size: 16px;
        font-weight: 300;
        border: 2px solid var(--verde-claro);
        padding: 10px 20px;
        display: block;
        text-align: center;
    }
}

.single_research--autor{
    text-align: left;
}
/* STUDENTS */

#last_student {
    margin-top: 120px;
}


/* JOBS */

.jobs_item a {
    display: grid;
    grid-template-columns: 100px 1fr;
    align-items: center;
    grid-column-gap: 30px;
    padding: 20px 20px;
    border-bottom: 1px solid #54CA90;
    text-decoration: none;
    margin: 20px 0;
}

.jobs_item a:hover {
    background: #F4F4F482;
    color: var(--negro);
    cursor: pointer;
}

.job_item--compay h3 {
    margin: 0;
    font-size: 24px;
}

.jobs_item a:hover .job_item--compay h3 {
    color: var(--negro);
}

.job_item--compay h4 {
    margin: 5px 0 20px 0;
    color: var(--verde-oscuro);
}

.job_item--data {
    display: flex;
    gap: 30px;
    font-size: 14px;
}

.job_item--data span {
    color: var(--verde-oscuro);
}

.entry-header_job {
    margin: 40px 0;
}

.job_single-header .item_companyName {
    font-size: 40px;
    color: #ACACAC;
    display: inline-block;
}

.item_jobDate {
    display: block;
    font-size: 14px;
}

.entry-header_job h1 {
    font-size: 40px;
    font-weight: 300;
    margin: 0;
    display: inline-block;
}

.item_companyLocation {
    display: flex;
    gap: 5px;
    align-items: center;
}

.entry-header_job {
    margin: 40px 0;
    display: grid;
    gap: 30px;
    border-bottom: 1px solid var(--gris);
    grid-template-columns: 100px 1fr;
    padding-bottom: 30px;
}

.item_infoJob span {
    margin-bottom: 5px;
}

.item_companySlary {
    display: flex;
    align-items: center;
    gap: 5px;
}

.item_infoJob a {
    margin-top: 20px;
}

.item_jobData {
    background: var(--gris);
    padding: 40px;
}

.item_jobData h2 {
    margin-top: 0;
}

.item_jobData ul {
    padding: 0;
    margin: 0 0 0 15px;
}

.item_jobData p {
    margin: 0;
}

#applyJob {
    height: 50px;
    display: inline-block;
}

.item_jobInfo {
    border-bottom: 1px solid var(--gris);
    padding-bottom: 20px;
}

.item_jobInfo ul {
    padding: 0;
}

.item_jobPicture {
    margin-top: 30px;
}

.job_updates h3 {
    font-size: 30px;
    margin-bottom: 0;
}


/*FEATURED JOBS*/

.list_featuredJobs h2 {
    margin-bottom: 60px;
}

#featuredJobs {
    margin-bottom: 60px;
}

.cont-item_featuredJobs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    scroll-snap-type: x mandatory;
    overflow-x: auto;
    padding-bottom: 20px;
    padding-top: 30px;
}

.item_featuredJob {
    background: var(--gris);
    text-align: center;
    max-width: 250px;
    padding: 0;
    width: 220px;
    position: relative;
    scroll-snap-align: start;
}

.item_featuredJob a {
    text-decoration: none;
    display: block;
    width: 220px;
    height: 100%;
    text-align: center;
    padding: 20px 20px 40px 20px;
}

.item_featuredJob a {
    color: var(--negro);
}

.item_featuredJob h3 {
    font-size: 16px;
    margin: 3px 0;
}

.job_item--company {
    font-size: 14px;
}

.item_featuredJob .job_item--location {
    position: absolute;
    bottom: 0;
    right: 0;
    border-top: 1px solid var(--verde-claro);
    width: 100%;
    padding: 3px 0;
    font-size: 14px;
}

.item_featuredJob .job_item--date {
    position: absolute;
    top: -24px;
    font-size: 12px;
    background: var(--gris);
    padding: 5px 5px 0px 5px;
    right: -1px;
}

.item_featuredJob .job_item--date {
    border-top: 1px solid var(--gris);
    border-left: 1px solid var(--gris);
    border-right: 1px solid var(--gris);
}

.item_featuredJob:hover .job_item--location {
    background: var(--verde-claro);
}

.job_item--image img {
    height: 100px;
    object-fit: contain;
}

@media only screen and (max-width: 768px) {
    .job_item--compay h3 {
        margin: 0;
        font-size: 18px;
    }
    .jobs_item a {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        grid-row-gap: 20px;
        padding: 20px 20px;
        border-bottom: 1px solid #54CA90;
        text-decoration: none;
        margin: 20px 0;
    }
}

@media only screen and (max-width: 600px) {
    .entry-header_job {
        margin: 40px 0;
        display: grid;
        gap: 30px;
        border-bottom: 1px solid var(--gris);
        grid-template-columns: 1fr;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width: 460px) {
    .entry-header_job h1 {
        font-size: 24px;
    }
    .job_single-header .item_companyName {
        font-size: 24px;
    }
}

.numbers-link {
    margin-top: 90px;
}

.numbers-link ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.numbers-link a {
    background: #fff;
    color: var(--fuente-texto);
    border: 1px solid var(--verde-claro);
    text-decoration: none;
    display: inline-block;
    padding: 7px;
    line-height: 14px;
    font-size: 16px;
    min-width: 30px;
    text-align: center;
    transition: all .5s ease;
}

.numbers-link .active a {
    background: var(--verde-claro);
}

.numbers-link a:hover {
    background: var(--verde-claro);
}


/*PODCAST*/

.result-case.podcast-grid {
    grid-template-columns: repeat(auto-fill, minmax(47%, 1fr));
    margin-top: 0;
    grid-auto-rows: auto;
}

.result-case.podcast-grid article {
    margin-bottom: 60px;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.podcast-grid .sh_item--img img {
    width: 100%;
    height: 250px;
    object-fit: contain;
    object-position: center;
}

.result-case.podcast-grid .sh_item--img img,
.result-case.podcast-grid .sh_item--img {
    /* max-width: 500px; */
    /* max-width: 300px; */
    width: 100%;
    height: auto;
}

.result-case.podcast-grid .sh_post--item {
    min-height: 300px;
}

.entry-header_case span {
    font-size: 20px;
}

.aside_podcast img {
    width: 250px;
}

.aside_podcast .sh_item--footer {
    position: relative;
    margin-top: 10px;
}

.single-podcast #the_content {
    margin: 0px 0;
}

.aside_podcast h4 {
    margin: 0;
}


/*REV SLIDER HOME*/

.slider_rev_home {
    margin-bottom: 60px;
}


/* PARTNERS */

#logo_partner {
    margin: 120px 0;
}

.partners_logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cont_logo_partner {
    flex-basis: 180px;
    padding: 20px;
    border: 1px solid var(--gris);
    margin: 10px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    display: flex;
    align-items: center;
}

.cont_logo_partner:hover {
    border: 1px solid var(--verde-claro);
}

.cont_logo_partner a {
    display: block;
    outline: none;
}
.item_logo_partner img {
    height: 140px;
    object-fit: contain;
    width: 140px;
}
@media only screen and (max-width: 680px) {
    .cont_logo_partner {
        /*flex-basis: 120px;*/
    }
}

@media only screen and (max-width: 460px) {
    .cont_logo_partner {
        /*flex-basis: 90px;*/
    }
}

/*POPUP*/

.pum-close.popmake-close {
    border-radius: 200px !important;
    line-height: 1em !important;
    width: 30px !important;
}

/*MEDIA SLIDER COLUMS*/
section#recent_media {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    max-width: 1200px;
    width: 100%;
    margin: 100px auto 100px auto;
}



article.recent_media_colum {
    min-width: 0;
}

.img_recent--media img {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: 2px solid #fff;
    padding: 2px;
}
.img_recent--media img:hover {
    border: 2px solid var(--verde-claro);
    transition: all .5s ease;
}
.recent_media--image .slick-prev,
.recent_media--image .slick-next {
    top: -49px;
}

@media only screen and (max-width: 792px) {
section#recent_media {
        grid-template-columns: 1fr;
        row-gap: 60px;
        max-width: 500px;
        padding: 0 20px;
    }
    section#recent_media .header_seccion{
        text-align: left;
    }

}
@media only screen and (max-width: 460px) {
section#recent_media h2 {
        /* font-size: 20px; */
        margin-bottom: 60px;
    }
}

/*MENU OFF CANVAS*/


section#off_canvas_menu {
    position: fixed;
    top: 0;
    left: 0;
    background: var(--gris);
    width: 100%;
    height: 100vh;
    z-index: 999;
    border-top: 15px solid var(--verde-claro);
    display: flex;
    transform: translateX(103%);
    transition: all 1s ease;
    opacity: 0;
}

section#off_canvas_menu.activo{
    transform: translateX(0%);
    transition: all 1s ease;
    opacity: 1;
}


div#close_off_canvas {
    position: absolute;
    top: 30px;
    right: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}
div#close_off_canvas:after {
    content: "";
    width: 100%;
    height: 5px;
    background: var(--verde-claro);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: 25px;
    left: 0;
}
div#close_off_canvas:before {
    content: "";
    width: 100%;
    height: 5px;
    background: var(--verde-claro);
    display: block;
    position: absolute;
    transform: rotate(-45deg);
    top: 25px;
    left: 0px;
}

.image_off_canvas {
    height: calc(100vh - 10px);
    background: var(--gris);
    width: 35vw;
    background-size: cover !important;
    background-position: center !important;
}
div#activa_menu {
    cursor: pointer;
}

.menu_off_canvas {
    width: 65vw;
    padding: 120px 90px 90px 90px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
}

ul.primary-menu_off_canvas,
ul.primary-menu_off_canvas li,
ul.primary-menu_off_canvas .sub-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

ul.primary-menu_off_canvas {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

ul.primary-menu_off_canvas a {
    text-decoration: none;
    font-size: 20px;
}

ul.primary-menu_off_canvas a:hover{
    color: var(--verde-claro);
}


.menu-item-has-children>.arrow_submenu {
    position: absolute;
    top: -2px;
    right: -10px;
    display: block;
}

ul.primary-menu_off_canvas .sub-menu {
    border-left: 1px solid var(--verde-claro);
    padding: 10px;
    display: none;
    margin-left: 20px;
}
ul.primary-menu_off_canvas .sub-menu.activo{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.menu-item-has-children>.arrow_link .arrow_submenu {
    /* position: absolute; */
    /* top: -2px; */
    /* right: -10px; */
    display: block;
}
span.arrow_link {
    display: flex;
    gap: 10px;
    align-items: center;
}
span.arrow_submenu svg {
    width: 10px;
    height: 10px;
}

span.arrow_submenu:hover svg path {
    fill: var(--verde-claro);
}

nav#site-navigation_off_canvas {
    display: grid;
    grid-template-columns: repeat(2, minmax(11rem, 250px)) minmax(250px, 1fr);
    gap: 15px 20px;
}

.col_nav.col_poster_offcanvas {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-content: start;
}
.foto_poster_off_canvas {

    width: 250px;
    height: 250px;
}
.off_canvas_social {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}
.contacto_offcanvas {
    width: 100%;
}

.contacto_offcanvas h3{
    margin-bottom: 10px;
}
.contacto_offcanvas a {
    text-decoration: none;
}

.contacto_offcanvas a:hover {
    color: var(--verde-claro);
}

@media only screen and (max-width: 1200px) {
    nav#site-navigation_off_canvas {
            grid-template-columns: repeat(1, minmax(11rem, 300px)) minmax(250px, 1fr);
        }
    .col_nav.col_poster_offcanvas {
            grid-column: 2/4;
            grid-row: 1/4;
        }
}
@media only screen and (max-width: 870px) {
    nav#site-navigation_off_canvas {
            grid-template-columns: 1fr;
    }
        .col_nav {
            grid-column: 1/2;
        }
    .col_nav.col_poster_offcanvas {
            grid-column: 1/4;
            grid-row: 3/4;
        }
    .col_nav.col_poster_offcanvas {
        /*display: none;*/
    }

    .col_nav.col_poster_offcanvas {
        gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .foto_poster_off_canvas {
        max-width: 250px;
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 500px) {

        .menu_off_canvas {
            width: auto;
            padding: 40px 40px 90px 40px;
            overflow-y: auto;
        }
        .image_off_canvas {
            width: 54vw;
        }
        ul.primary-menu_off_canvas {
            gap: 10px;
        }
        ul.primary-menu_off_canvas a {
            text-decoration: none;
            font-size: 16px;
        }
        div#close_off_canvas {
            position: absolute;
            top: 0px;
            width: 25px;
            height: 25px;
        }
        .contacto_offcanvas a {
            font-size: 14px;
        }
}