/*  estilos paginal piel */
.bg-blanc-beige {
    background-color: #EDEDE4;
}

/* jorge */
html body.page-template-temporal #masthead.site-header {
    background-color: #EDEDE4;
}

html body.page-template-temporal #masthead.site-header .bg-green-light {
    background-color: #EDEDE4 !important;
}

.bg-dark-beige.class-la_ciudad_como_artefacto.clase-dispositivo-ios-mac,
.seccion-video-col-9.bg-dark-beige.clase-dispositivo-ios-mac,
.bg-dark-artefacto-15.clase-dispositivo-ios-mac,
.bg-dark-artefacto-16.clase-dispositivo-ios-mac {
    background-color: #eae9e3;
}

.bg-dark-beige.class-la_ciudad_como_artefacto.clase-dispositivo-windows,
.seccion-video-col-9.bg-dark-beige.clase-dispositivo-windows,
.bg-dark-artefacto-15.clase-dispositivo-windows,
.bg-dark-artefacto-16.clase-dispositivo-windows {
    /* background-color: #E7E5DF; */
    background-color: #eae9e3;
}

.titulo-piel-pagina,
.titulo-piel-pagina h1,
.titulo-piel-pagina h2,
.titulo-piel-pagina h3,
.titulo-piel-pagina h4,
.titulo-piel-pagina h5,
.titulo-piel-pagina p,
.titulo-piel-pagina span {
    color: var(--green-new);
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 9.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 10.5625rem;
    letter-spacing: -0.46875rem;

}

.titulo-seccion-card,
.titulo-seccion-card h1,
.titulo-seccion-card h2,
.titulo-seccion-card h3,
.titulo-seccion-card h4,
.titulo-seccion-card h5,
.titulo-seccion-card p,
.titulo-seccion-card span {
    color: var(--green-new);
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 4.3125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.1725rem;
}

.medium-text {
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05625rem;
}

.content-medium-text,
.content-medium-text p,
.content-medium-text h1,
.content-medium-text h2,
.content-medium-text h3,
.content-medium-text h4,
.content-medium-text h5,
.content-medium-text span,
.content-medium-text strong,
.content-medium-text em {
    color: var(--green-new);
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.05625rem;
}

.content-normal-text,
.content-normal-text p,
.content-normal-text h1,
.content-normal-text h2,
.content-normal-text h3,
.content-normal-text h4,
.content-normal-text h5,
.content-normal-text span,
.content-normal-text strong,
.content-normal-text em {
    color: var(--green-new);
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.normal-text {
    -webkit-leading-trim: both;
    -webkit-text-edge: cap;
    font-size: 0.8125rem;
    font-style: normal;
    line-height: normal;
}

/* piel de la ciudad */
.banner-la-piel-de-la-ciudad .right-content {
    width: 60%;
}

.video-mini-element-controls {
    height: 10rem !important;
    width: 100%;
}

.texto-mini-video {
    min-height: 52px;
}

/* video */
/* .video-seccion {
    height: 52.8125rem;
} */

.content-btn-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.btn-play-video {
    display: inline-flex;
    padding: 0.9375rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    word-wrap: break-word;
    border-radius: 3.125rem;
    background-color: var(--light-2);
    box-shadow: none !important;
}

/* secciones solo imagen */
.seccion-solo-image {
    background-position: center !important;
    background-size: cover !important;
}

.seccion-solo-image-completa-grande {
    height: 63.375rem;
}

.seccion-solo-image-completa-mediana {
    height: 38.75rem;
}

.content-image-size-video {
    height: 55.09131rem;
}

/*  seccion grid de imagenes */
.primera-image-grid-izquierda {
    height: 12.22594rem;
}

.segunda-image-grid-derecha {
    height: 27.93069rem;
}

.imagen-mediana-center {
    height: 18.007rem;
}

.image-mediana-izquierda {
    height: 27.43194rem;
}

.image-mediana-derecha {
    height: 18.00931rem;
}

.image-center-grid-final {
    height: 27.93069rem;
}

.row-imagenes-grid img {
    object-fit: cover;
}

/* seccion tabs entrevistas */
.content-img-entrevistado img {
    object-fit: cover;
}

.nav-content-entevistas {
    margin-bottom: 5rem;
}

.nav-content-entevistas .nav-tabs {
    border: none;
}

.btn-trigger-entrevistas {
    color: var(--light) !important;
}

html body .nav-content-entevistas .btn-trigger-entrevistas {
    padding: 0px;
}

.btn-trigger-entrevistas:hover {
    border: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.btn-trigger-entrevistas.active {
    background-color: transparent !important;
    ;
    border: none;
    box-shadow: none;
    color: var(--green-new) !important;
}

.content-cargo-entrevistado {
    max-width: 17rem;
}

.nombre-entrevistado {
    font-size: 1.37731rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cargo-entrevistado {
    text-align: center;
    font-size: 0.64275rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.content-frase-entrevistado {
    max-width: 37rem;
}

.content-frase-entrevistado h1,
.content-frase-entrevistado h2,
.content-frase-entrevistado h3,
.content-frase-entrevistado h4,
.content-frase-entrevistado h5,
.content-frase-entrevistado span,
.content-frase-entrevistado p {
    color: var(--green-new);
    text-align: center;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.boton-ir-entrevista {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    word-wrap: break-word
}

.content-img-entrevistado {
    height: 28.05181rem;
}

/* seccion col-3 imagenes between */
.row-with-col-lg3 img {
    object-fit: cover;
}

.content-img-col-3-between {
    height: 27.88144rem;
}

.content-btn-ir-entrevista {
    max-width: 154px;
    width: 100%;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-radius: 50px;
    border: 1px #0A1B06 solid;
    justify-content: center;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

/****************************/
/****************** template teaser ***********/
.content-teaser-text h1,
.content-teaser-text h2,
.content-teaser-text h3,
.content-teaser-text h4,
.content-teaser-text h5,
.content-teaser-text span,
.content-teaser-text p,
.content-teaser-text em {
    font-size: 8.4375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.42188rem;
}

.texto-muy-pronto {
    font-size: 1.875rem;
    font-weight: 500;
    word-wrap: break-word
}

.formulario-news-teaser .input-correo-teaser::placeholder {
    color: var(--light);
    font-size: 1.125rem;
    font-weight: 400;
    word-wrap: break-word
}

.formulario-news-teaser .input-correo-teaser {
    color: var(--green-new);
    width: 100%;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.content-input-teaser {
    border-bottom: 1px solid var(--green-new);
}

html body .form-check-input:checked {
    background-color: var(--green-new);
    color: var(--light-2);
}

.video-teaser-element-controls {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* error form */
html body .content-banner-teaser .content-input-teaser.error-input {
    border-bottom: 1px solid red;
}

html body .content-banner-teaser .error-text {
    color: red !important;
}

/* gracias */
.content-flotante-gracias {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.5);
}

.text-gracias-form-teaser {
    font-size: 1.875rem;
    font-weight: 500;
    word-wrap: break-word;
    color: var(--light-2);
    max-width: 50%;
    text-align: center;
}

.content-banner-teaser {
    height: calc(100vh - 91px) !important;
    padding-bottom: 3.5%;
    padding-top: 3.5%;
}

/****************************/
/****************** template teaser ***********/

/* modif footer pagina piel */
html body.page-template-temporal footer#colophon {
    border-top: var(--bt-thin-4);
}

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

    /* banner */
    .banner-la-piel-de-la-ciudad .left-content {
        min-width: 100px;
    }

    .padding-top-custom-10 {
        padding-top: 3rem;
    }

    .padding-bottom-custom-10 {
        padding-bottom: 3rem;
    }

    .padding-top-custom-15 {
        padding-top: 5rem;
    }

    .padding-bottom-custom-15 {
        padding-bottom: 5rem;
    }

    .titulo-piel-pagina,
    .titulo-piel-pagina h1,
    .titulo-piel-pagina h2,
    .titulo-piel-pagina h3,
    .titulo-piel-pagina h4,
    .titulo-piel-pagina h5,
    .titulo-piel-pagina p,
    .titulo-piel-pagina span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 3.0625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.09188rem;
    }

    .titulo-seccion-card,
    .titulo-seccion-card h1,
    .titulo-seccion-card h2,
    .titulo-seccion-card h3,
    .titulo-seccion-card h4,
    .titulo-seccion-card h5,
    .titulo-seccion-card p,
    .titulo-seccion-card span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.05625rem;
    }

    .content-medium-text,
    .content-medium-text p,
    .content-medium-text h1,
    .content-medium-text h2,
    .content-medium-text h3,
    .content-medium-text h4,
    .content-medium-text h5,
    .content-medium-text span,
    .content-medium-text strong,
    .content-medium-text em {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .col-texto-grid .content-normal-text,
    .col-texto-grid .content-normal-text p,
    .col-texto-grid .content-normal-text h1,
    .col-texto-grid .content-normal-text h2,
    .col-texto-grid .content-normal-text h3,
    .col-texto-grid .content-normal-text h4,
    .col-texto-grid .content-normal-text h5,
    .col-texto-grid .content-normal-text span,
    .col-texto-grid .content-normal-text strong,
    .col-texto-grid .content-normal-text em {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .normal-text {
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 0.90rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* la piel de la ciudad */
    .col-reverse-mobile {
        display: flex;
        flex-direction: column;
    }

    .col-reverse-mobile .order-mobile-top {
        order: 1;
    }

    .col-reverse-mobile .order-mobile-bottom {
        order: 2;
    }

    .col-reverse-mobile .order-mobile-top .content-reset-mobile:last-of-type {
        align-items: start !important;
    }

    .banner-la-piel-de-la-ciudad .right-content {
        width: 100%;
    }

    .video-mini-element-controls {
        height: 7rem !important;
        width: 100%;
    }

    .texto-mini-video {
        min-height: 42px;
    }

    /* imagen completa grande */
    .seccion-solo-image-completa-grande {
        height: 23.05081rem;
    }

    /* seccion grid de imagenes */
    .primera-image-grid-izquierda {
        height: 13.75rem;
    }

    .segunda-image-grid-derecha {
        height: 14.98444rem;
    }

    .imagen-mediana-center {
        height: 15.07763rem;
    }

    .image-mediana-izquierda,
    .image-mediana-derecha {
        height: 15.10256rem;
    }

    .col-texto-primero {
        display: flex;
        justify-content: start;
        align-items: end;
    }

    .col-grid-mobile-num-1 {
        order: 1;
    }

    .col-grid-mobile-num-2 {
        order: 2;
    }

    .col-grid-mobile-num-3 {
        order: 3;
    }

    .col-grid-mobile-num-4 {
        order: 5;
    }

    .col-grid-mobile-num-5 {
        order: 4;
    }

    .col-grid-mobile-num-6 {
        order: 6;
        margin-left: auto;
        margin-right: auto;
    }

    .col-grid-mobile-num-7 {
        order: 7;
        margin-left: auto;
        margin-right: auto;
        padding-top: 1rem;
    }

    /* seccion entrevistas */
    .nav-content-entevistas {
        margin-bottom: 3.5rem;
    }

    html body .nav-content-entevistas .btn-trigger-entrevistas {
        padding: 0px;
    }

    html body .nav-content-entevistas .btn-trigger-entrevistas:not(:last-of-type) {
        padding-right: 2px;
    }

    .tab-content .tab-pane .entrevista-contenido-imagen-1 {
        order: 2;
    }

    .tab-content .tab-pane .entrevista-contenido-texto {
        order: 1;
    }

    .content-cargo-entrevistado {
        max-width: 100%;
    }

    .content-frase-entrevistado h1,
    .content-frase-entrevistado h2,
    .content-frase-entrevistado h3,
    .content-frase-entrevistado h4,
    .content-frase-entrevistado h5,
    .content-frase-entrevistado span,
    .content-frase-entrevistado p {
        color: var(--green-new);
        text-align: left;
        font-size: 1.375rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    /* seccion imagen completa mediana */
    .seccion-solo-image-completa-mediana {
        height: 7.81438rem;
    }

    /* seccion fila 3 imagenes */
    .col3-between-margin-auto-mobile {
        margin-left: auto;
        margin-right: auto;
    }

    .col3-between-margin-auto-mobile:not(.col3-between-margin-auto-mobile:first-of-type) {
        display: none !important;
    }

    /* .col3-between-margin-auto-mobile:not(.col3-between-margin-auto-mobile:last-of-type) {
        margin-bottom: 3rem;
    } */

    .content-img-col-3-between {
        height: 14.9915rem;
    }

    /* seccion imagen size video */
    .content-image-size-video {
        height: 14.10644rem;
    }

    .content-btn-ir-entrevista {
        max-width: 154px;
        width: 100%;
        height: 100%;
        padding-left: 12px;
        padding-right: 12px;
        padding-top: 11px;
        padding-bottom: 11px;
        border-radius: 50px;
        border: 1px #0A1B06 solid;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }

    .content-btn-entrevista-lan-es .content-btn-ir-entrevista {
        max-width: 170px;
    }

    .content-btn-entrevista-lan-en .content-btn-ir-entrevista {
        max-width: 65%;
    }

    .content-btn-entrevista-lan-fr .content-btn-ir-entrevista {
        max-width: 70%;
    }

    .content-btn-entrevista-lan-de .content-btn-ir-entrevista {
        max-width: 80%;
    }

    html body .video-seccion {
        padding: 56.25% 0 0 0;
    }

    /****************************/
    /****************** template teaser ***********/
    html body .content-banner-teaser {
        height: auto !important;
    }

    .content-teaser-text h1,
    .content-teaser-text h2,
    .content-teaser-text h3,
    .content-teaser-text h4,
    .content-teaser-text h5,
    .content-teaser-text span,
    .content-teaser-text p,
    .content-teaser-text em {
        font-size: 3.0625rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.12188rem;
    }

    .texto-muy-pronto {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .input-correo-teaser,
    .input-correo-teaser::placeholder,
    input.input-correo-teaser::placeholder {
        font-family: 'Basic';
        font-size: 0.7rem;
        -webkit-font-size: 0.7rem;
        /* Prefijo de proveedor para WebKit (Safari/Chrome) */
        -moz-font-size: 0.7rem;
        /* Prefijo de proveedor para Mozilla (Firefox) */
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    html body .content-banner-teaser .font-size-politica-teaser {
        font-size: 0.7rem;
        font-style: normal;
        line-height: normal;
    }

    html body .content-banner-teaser .video-teaser-element-controls {
        width: 100%;
        padding-top: 50px;
    }

    .content-banner-teaser {
        padding-bottom: 15%;
        padding-top: 1%;
    }

    #formTeaserSend .content-input-teaser {
        padding-left: 0px;
    }

    #formTeaserSend .content-checkbox-politicas {
        display: flex;
        align-items: center;
    }

    .text-gracias-form-teaser {
        font-size: 1.5rem;
        font-weight: 500;
        word-wrap: break-word;
        color: var(--light-2);
        max-width: 100%;
        text-align: center;
    }

    /****************************/
    /****************** template teaser ***********/
}

@media only screen and (min-width: 992px) {

    /* banner */
    .banner-la-piel-de-la-ciudad .left-content {
        min-width: 130px;
    }

    .padding-top-custom-10 {
        padding-top: 6rem;
    }

    .padding-bottom-custom-10 {
        padding-bottom: 6rem;
    }

    .padding-top-custom-15 {
        padding-top: 9rem;
    }

    .padding-bottom-custom-15 {
        padding-bottom: 9rem;
    }

    .titulo-piel-pagina,
    .titulo-piel-pagina h1,
    .titulo-piel-pagina h2,
    .titulo-piel-pagina h3,
    .titulo-piel-pagina h4,
    .titulo-piel-pagina h5,
    .titulo-piel-pagina p,
    .titulo-piel-pagina span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 6.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.34375rem;
    }

    .titulo-seccion-card,
    .titulo-seccion-card h1,
    .titulo-seccion-card h2,
    .titulo-seccion-card h3,
    .titulo-seccion-card h4,
    .titulo-seccion-card h5,
    .titulo-seccion-card p,
    .titulo-seccion-card span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 3.25rem;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        /* 3.25rem */
        letter-spacing: -0.13rem;
    }

    .content-medium-text,
    .content-medium-text p,
    .content-medium-text h1,
    .content-medium-text h2,
    .content-medium-text h3,
    .content-medium-text h4,
    .content-medium-text h5,
    .content-medium-text span,
    .content-medium-text strong,
    .content-medium-text em {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 2.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.0425rem;
    }

    /* la piel de la ciudad */
    .banner-la-piel-de-la-ciudad .right-content {
        width: 100%;
    }

    .video-mini-element-controls {
        height: 8rem !important;
        width: 100%;
    }

    html body .banner-la-piel-de-la-ciudad {
        /* height: calc(100vh - 91px);
        padding-top: 0rem !important;
        padding-bottom: 0rem !important; */
        height: calc(100vh);
        padding-top: 90px !important;
        padding-bottom: 0rem !important;
    }

    html body .banner-la-piel-de-la-ciudad .container-fluid,
    html body .banner-la-piel-de-la-ciudad .container-fluid .wrapper-header {
        height: 100%;
    }

    html body .banner-la-piel-de-la-ciudad .container-fluid .wrapper-header {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .content-btn-entrevista-lan-en .content-btn-ir-entrevista,
    .content-btn-entrevista-lan-es .content-btn-ir-entrevista {
        max-width: 180px;
    }

    .content-btn-entrevista-lan-fr .content-btn-ir-entrevista {
        max-width: 225px;
    }

    .content-btn-entrevista-lan-de .content-btn-ir-entrevista {
        max-width: 260px;
    }

    html body .video-seccion {
        padding: 56.25% 0 0 0;
    }

    /* jorge */
    .content-image-text-img-text {
        height: 29.25rem;
    }

    .content-text-image-text p,
    .content-text-image-text h1,
    .content-text-image-text h2,
    .content-text-image-text h3,
    .content-text-image-text h4,
    .content-text-image-text h5,
    .content-text-image-text span {
        font-size: 0.8125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }

    /****************************/
    /****************** template teaser ***********/
    .content-teaser-text h1,
    .content-teaser-text h2,
    .content-teaser-text h3,
    .content-teaser-text h4,
    .content-teaser-text h5,
    .content-teaser-text span,
    .content-teaser-text p,
    .content-teaser-text em {
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        /* 6.25rem */
        letter-spacing: -0.3125rem;
    }

    .texto-muy-pronto {
        font-size: 1.4375rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    /****************************/
    /****************** template teaser ***********/
}

@media only screen and (min-width: 992px) and (max-width: 1440px) {
    .video-mini-element-controls {
        height: 6rem !important;
        width: 100%;
    }

    /* .texto-mini-video{
        text-align: center;
    } */
}

@media only screen and (min-width: 1920px) {

    .titulo-piel-pagina,
    .titulo-piel-pagina h1,
    .titulo-piel-pagina h2,
    .titulo-piel-pagina h3,
    .titulo-piel-pagina h4,
    .titulo-piel-pagina h5,
    .titulo-piel-pagina p,
    .titulo-piel-pagina span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 8.375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 9.5625rem;
        letter-spacing: -0.36875rem;
    }

    .content-teaser-text h1,
    .content-teaser-text h2,
    .content-teaser-text h3,
    .content-teaser-text h4,
    .content-teaser-text h5,
    .content-teaser-text span,
    .content-teaser-text p,
    .content-teaser-text em {
        font-size: 8.4375rem;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        letter-spacing: -0.42188rem;
    }

    .texto-muy-pronto {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .padding-top-custom-10 {
        padding-top: 10rem;
    }

    .padding-bottom-custom-10 {
        padding-bottom: 10rem;
    }

    .padding-top-custom-15 {
        padding-top: 15rem;
    }

    .padding-bottom-custom-15 {
        padding-bottom: 15rem;
    }

    .video-mini-element-controls {
        height: 10rem !important;
        width: 100%;
    }

    .primera-image-grid-izquierda {
        height: 16.82506rem;
    }

    .segunda-image-grid-derecha {
        height: 38.4375rem;
    }

    .imagen-mediana-center {
        height: 25rem;
        height: 18.007rem;
    }

    .image-mediana-izquierda {
        height: 37.4375rem;
    }

    .image-mediana-derecha {
        height: 25rem;
    }

    .image-center-grid-final {
        height: 38.4375rem;
    }

    .content-img-entrevistado {
        height: 38.625rem;
    }

    .content-img-col-3-between {
        height: 614px;
    }

    .padding-top-custom-10 {
        padding-top: 10rem;
    }

    .padding-bottom-custom-10 {
        padding-bottom: 10rem;
    }

    .padding-top-custom-15 {
        padding-top: 15rem;
    }

    .padding-bottom-custom-15 {
        padding-bottom: 15rem;
    }

    .content-normal-text,
    .content-normal-text p,
    .content-normal-text h1,
    .content-normal-text h2,
    .content-normal-text h3,
    .content-normal-text h4,
    .content-normal-text h5,
    .content-normal-text span,
    .content-normal-text strong,
    .content-normal-text em {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .titulo-seccion-card,
    .titulo-seccion-card h1,
    .titulo-seccion-card h2,
    .titulo-seccion-card h3,
    .titulo-seccion-card h4,
    .titulo-seccion-card h5,
    .titulo-seccion-card p,
    .titulo-seccion-card span {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 2.3125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -2.08px;
    }

    .normal-text {
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-medium-text,
    .content-medium-text p,
    .content-medium-text h1,
    .content-medium-text h2,
    .content-medium-text h3,
    .content-medium-text h4,
    .content-medium-text h5,
    .content-medium-text span,
    .content-medium-text strong,
    .content-medium-text em {
        color: var(--green-new);
        -webkit-leading-trim: both;
        -webkit-text-edge: cap;
        font-size: 2.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.05625rem;
    }

    .nombre-entrevistado {
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .cargo-entrevistado {
        text-align: center;
        font-size: 0.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-frase-entrevistado h1,
    .content-frase-entrevistado h2,
    .content-frase-entrevistado h3,
    .content-frase-entrevistado h4,
    .content-frase-entrevistado h5,
    .content-frase-entrevistado span,
    .content-frase-entrevistado p {
        color: var(--green-new);
        text-align: center;
        font-size: 1.875rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .content-btn-ir-entrevista {
        max-width: 170px;
        width: 100%;
        height: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 17px;
        padding-bottom: 17px;
        border-radius: 50px;
        border: 1px #0A1B06 solid;
        justify-content: center;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }

    .boton-ir-entrevista {
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        word-wrap: break-word
    }

    .content-image-text-img-text {
        height: 38.9375rem;
    }

    .content-text-image-text p,
    .content-text-image-text h1,
    .content-text-image-text h2,
    .content-text-image-text h3,
    .content-text-image-text h4,
    .content-text-image-text h5,
    .content-text-image-text span {
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
    }

    .content-btn-entrevista-lan-en .content-btn-ir-entrevista,
    .content-btn-entrevista-lan-es .content-btn-ir-entrevista {
        max-width: 215px;
    }

    .content-btn-entrevista-lan-fr .content-btn-ir-entrevista {
        max-width: 250px;
    }

    .content-btn-entrevista-lan-de .content-btn-ir-entrevista {
        max-width: 285px;
    }
}

@media only screen and (min-width: 2500px) {}

@media screen and (min-width: 1080px) and (min-height: 707px) and (max-width: 1200px) and (orientation: landscape) {}

@media screen and (min-width: 810px) and (min-height: 977px) and (orientation: portrait) {

    /* Estilos específicos para dispositivos en orientación vertical */
    html body .content-banner-teaser .video-teaser-element-controls {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 991px) {
    html body.page-template-temporal .banner-la-piel-de-la-ciudad {
        padding-top: 10rem!important;
    }

    html body.page-template-temporal .menu-mobile-design-nuevo #navbar_mobile #main-menu-mobile {
        background-color: var(--green-new) !important;
    }
}