body.page-template-page-nosotros .header-nav a,
body.page-template-page-nosotros .header-lang a,
body.page-template-page-nosotros .btn-color,
body.page-template-page-nosotros footer,
body.page-template-page-nosotros footer a {
    color: var(--color-texto);
    transition: color 0.2s ease;
}

body.page-template-page-nosotros .header-logo #lottie-logo svg {
    filter: brightness(0) invert(1) !important;
}

.icono-externo,
body.page-template-page-nosotros .btn-hamburger {
    filter: brightness(0) saturate(100%) invert(11%) sepia(5%) saturate(6200%) hue-rotate(314deg) brightness(100%) contrast(81%);
    transition: filter 0.2s ease;
}

[data-theme="tema-1"] body.page-template-page-nosotros .header-logo #lottie-logo svg,
[data-theme="tema-3"] body.page-template-page-nosotros .header-logo #lottie-logo svg {
    filter: brightness(0) saturate(100%) invert(11%) sepia(5%) saturate(6200%) hue-rotate(314deg) brightness(100%) contrast(81%) !important;
}

[data-theme="tema-2"] body.page-template-page-nosotros .btn-hamburger,
[data-theme="tema-4"] body.page-template-page-nosotros .btn-hamburger,
[data-theme="tema-2"] .icono-externo,
[data-theme="tema-4"] .icono-externo {
    filter: none !important;
}

body.page-template-page-nosotros header::before {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: -1;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    -webkit-mask-image: linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 0.01) 0%, 
            rgba(0, 0, 0, 1) 30%, 
            rgba(0, 0, 0, 0.6) 70%, 
            rgba(0, 0, 0, 0) 100%
        ) !important;
        
        mask-image: linear-gradient(
            to bottom, 
            rgba(0, 0, 0, 0.01) 0%, 
            rgba(0, 0, 0, 1) 30%, 
            rgba(0, 0, 0, 0.6) 70%, 
            rgba(0, 0, 0, 0) 100%
        ) !important;
}

body.page-template-page-nosotros .desktop-footer::before {
    content: '';
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    pointer-events: none;
    z-index: -1;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%) !important;
}

.page-nosotros {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 65px 15px 15px 15px;
    box-sizing: border-box;
    align-items: flex-start;
}

.movil-page-nosotros {
    display: none;
}

.page-nosotros p,
.movil-page-nosotros p,
.page-nosotros div,
.movil-page-nosotros div {
    color: var(--color-texto);
}

.page-nosotros h2,
.movil-page-nosotros h2,
.drawer-nombre,
.prensa-ano,
.charlas-ano,
.servicio-total a,
.botones-conoce a,
.drawer-close,
.derecha p {
    font-family: 'Aether-AMono', sans-serif;
    font-size: 14px;
}

.page-nosotros h2,
.movil-page-nosotros h2,
.drawer-nombre {
    font-weight: normal;
    margin: 0;
}

.titulo-nosotros {
    text-transform: uppercase;
    padding-bottom: 25px;
    margin: 0;
}

.abajo .titulo-nosotros {
    padding: 25px 0 !important;
}

/* IZQUIERDA */

.izquierda {
    width: 75%;
    position: sticky;
    top: 65px;
    height: fit-content;
}

/* ARRIBA */

.arriba {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 95px;
    min-height: 400px;
    padding-top: 3px;
}

.about {
    margin-right: 10%;
    margin-bottom: 20px;
}

.contenido {
    width: 400px;
    text-wrap: pretty;
}

.contenido p {
    margin-top: 0;
    font-family: 'OverusedGrotesk', sans-serif;
    font-size: 16px;
}

.servicios {
    display: flex;
}

.servicio-total {
    margin-bottom: 12px;
}

.servicios .titulo-nosotros {
    margin-right: 50px;
}

.servicio-titulo {
    background-color: var(--amarillo);
    color: var(--marron);
    text-transform: uppercase;
    text-decoration: none;
    padding: 5px 20px;
    border-radius: 100px;
}

.servicio-titulo::before {
    content: "+";
    margin-right: 10px;
    transition: transform 0.2s ease;
}

.servicio-total.is-active .servicio-titulo::before {
    content: "-";
}

.servicio-descripcion {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
    opacity: 0;
}

.servicio-descripcion p {
    width: 400px;
    padding-right: 20px;
    margin-left: 35px;
    text-wrap: pretty;
    font-family: 'OverusedGrotesk', sans-serif;
    font-size: 16px;
}

.servicio-total.is-active .servicio-descripcion {
    opacity: 1;
}

/* ABAJO */

.abajo {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

.prensa {
    width: 60%;
}

.prensa-tabla {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
    align-items: start;
}

.prensa-grupo-ano {
    display: grid;
    grid-template-columns: 60px 1fr;
}

.prensa-noticias {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.prensa-articulo {
    display: flex;
    flex-direction: column;
    width: 255px;
    text-wrap: pretty;
    font-family: 'OverusedGrotesk', sans-serif;
    font-size: 16px;
}

.prensa-articulo-titulo {
    margin: 0;
}

.prensa-articulo-titulo a {
    color: inherit;
    text-decoration: none;
}

.external-icon {
    display: inline-block;
    margin-left: 2px;
}

.charlas {
    width: 40%;
}

.charlas-lista {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: start;
    gap: 40px;
}

.charlas-grupo-ano {
    display: grid;
    grid-template-columns: 60px 1fr;
}

.charlas-articulos {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: 'OverusedGrotesk', sans-serif;
    font-size: 16px;
}

.charla-articulo {
    display: flex;
    flex-direction: column;
    width: 255px;
    text-wrap: pretty;
}

.charla-articulo-titulo {
    margin: 0;
}

.charla-articulo-titulo a {
    color: inherit;
    text-decoration: none;
}

/* DERECHA */

.derecha {
    width: 25%;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 65px;
    height: fit-content;
    margin-bottom: 15px;
}

.derecha img {
    width: 100%;
}

.derecha p {
    text-transform: uppercase;
}

.botones-conoce {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

.botones-conoce a {
    background-color: var(--amarillo);
    color: var(--marron);
    text-transform: uppercase;
    text-decoration: none;
    width: 47%;
    text-align: center;
    padding: 3px 0;
    border-radius: 100px;
}

.drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 10000 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.drawer-overlay.is-open {
    opacity: 1;
    visibility: visible;
}

.drawer-content {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-wrap: pretty;
    position: absolute;
    top: 0;
    right: -60%;
    width: 60%;
    height: 100%;
    background-color: var(--amarillo);
    transition: right 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    flex-direction: column;
    overflow-y: auto;
    padding: 50px 0;
    box-sizing: border-box;
}

.drawer-overlay.is-open .drawer-content {
    right: 0;
}

.drawer-close {
    position: absolute;
    top: 20px;
    right: 25px;
    background: none;
    border: none;
    color: var(--marron);
    cursor: pointer;
    text-transform: uppercase;
}

.drawer-close span {
    margin-right: 10px;
}

.drawer-img {
    width: 45% !important;
    max-width: 675px;
    aspect-ratio: 675 / 635;
    object-fit: cover;
    object-position: center;
}

.drawer-nombre {
    text-transform: uppercase;
    color: var(--marron) !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.drawer-info {
    width: 82%;
    max-width: 675px;
    color: var(--marron) !important;
    font-family: 'OverusedGrotesk', sans-serif;
    font-size: 16px;
}

.gif-div {
    width: 100%;
    height: auto;
}

.gif-arquitectura,
video.gif-arquitectura,
.gif-estudio,
video.gif-estudio {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.galeria-interactiva {
    position: relative;
    width: 100%;
    height: 35vw;
    max-height: 700px;
    overflow: hidden;
}

.galeria-estudio {
    position: relative;
    width: 100%;
    height: 100%;
}

.galeria-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow-clip-margin: unset;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease-in-out;
}

.galeria-img.is-active {
    opacity: 1;
    pointer-events: auto;
}

.galeria-btn {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    z-index: 10;
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

/* PREV */

[data-theme="tema-1"] .galeria-btn.prev {
    left: 0;
    cursor: url('../assets/img/Flecha-blanca-prev.svg'), w-resize;
}

[data-theme="tema-2"] .galeria-btn.prev {
    left: 0;
    cursor: url('../assets/img/Flecha-marron-prev.svg'), w-resize;
}

[data-theme="tema-3"] .galeria-btn.prev {
    left: 0;
    cursor: url('../assets/img/Flecha-crema-prev.svg'), w-resize;
}

[data-theme="tema-4"] .galeria-btn.prev {
    left: 0;
    cursor: url('../assets/img/Flecha-teja-prev.svg'), w-resize;
}

/* NEXT */

[data-theme="tema-1"] .galeria-btn.next {
    right: 0;
    cursor: url('../assets/img/Flecha-blanca.svg'), e-resize;
}

[data-theme="tema-2"] .galeria-btn.next {
    right: 0;
    cursor: url('../assets/img/Flecha-marron.svg'), e-resize;
}

[data-theme="tema-3"] .galeria-btn.next {
    right: 0;
    cursor: url('../assets/img/Flecha-crema.svg'), e-resize;
}

[data-theme="tema-4"] .galeria-btn.next {
    right: 0;
    cursor: url('../assets/img/Flecha-teja.svg'), e-resize;
}

@media (max-height: 850px) {

    .drawer-content {
        justify-content: unset;
    }

}

@media (max-width: 1750px) {

    .arriba {
        margin-bottom: 0;
    }

}

@media (max-width: 1600px) {

    .about {
        margin-right: 50px;
    }

}

@media (max-width: 1414px) {

    .prensa {
        width: 100%;
    }

    .charlas {
        width: 100%;
    }

}

@media (max-width: 1000px) {

    .page-nosotros {
        display: none;
    }

    .page-nosotros h2,
    .movil-page-nosotros h2,
    .drawer-nombre,
    .prensa-ano,
    .charlas-ano,
    .servicio-total a,
    .botones-conoce a,
    .drawer-close,
    .derecha p {
        font-size: 14px !important;
    }

    .prensa-articulo,
    .charlas-articulos {
        font-size: 16px;
    }

    .movil-page-nosotros {
        display: flex;
        flex-direction: column;
        padding: 60px 15px 50px 15px;
        box-sizing: border-box;
    }

    .about,
    .servicios .titulo-nosotros {
        margin-right: unset;
    }

    .about {
        margin-bottom: unset;
    }

    .titulo-nosotros {
        padding-top: 25px;
    }

    .contenido {
        width: unset;
        padding-right: 53px;
    }

    .prensa-noticias,
    .charlas-articulos {
        padding-right: 53px;
    }

    .servicios {
        flex-direction: column;
    }

    .botones-conoce {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .botones-conoce span {
        padding-right: unset;
    }
    
    .botones-conoce a {
        width: 48%;
        padding: 5px 0;
    }

    .prensa-tabla {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        margin-right: unset;
    }

    .charlas {
        padding-bottom: 50px;
    }

    .charlas .titulo-nosotros {
        padding-top: 50px;
    }

    .movil-p {
        text-transform: uppercase;
        font-family: 'Aether-AMono', sans-serif;
        font-size: 14px;
    }

    .gif-arquitectura {
        height: unset;
    }

    .galeria-interactiva {
        padding-top: 25px;
        height: 550px;
    }

    .servicio-titulo {
        cursor: pointer !important;
        touch-action: manipulation;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-user-select: none;
        user-select: none;
    }

    .servicio-titulo * {
        pointer-events: none;
    }

    .servicio-descripcion {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease-in-out;
    }

    .servicio-descripcion p {
        width: unset;
        font-size: 16px;
        padding-right: 53px;
    }

    .contenido p {
        font-size: 16px;
    }

    .drawer-overlay {
        height: 100dvh;
    }

    .drawer-content {
        width: 100%;
        padding: 60px 15px 50px 15px;
        box-sizing: border-box;
        overflow: auto;
        justify-content: unset;
    }

    .drawer-img {
        width: 80% !important;
        height: 350px;
    }

    .drawer-info {
        width: 80%;
        font-size: 14px;
    }

    .galeria-interactiva .galeria-btn {
        display: flex;
        align-items: center;
        z-index: 15;
    }

    .galeria-interactiva .galeria-btn.prev {
        justify-content: flex-start;
        padding-left: 10px;
    }

    .galeria-interactiva .galeria-btn.next {
        justify-content: flex-end;
        padding-right: 10px;
    }

    .galeria-interactiva .galeria-btn::before {
        content: '';
        display: block;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }

    [data-theme="tema-1"] .galeria-interactiva .galeria-btn.prev::before {
        background-image: url('../assets/img/Flecha-blanca-prev.svg');
    }
    [data-theme="tema-2"] .galeria-interactiva .galeria-btn.prev::before {
        background-image: url('../assets/img/Flecha-marron-prev.svg');
    }
    [data-theme="tema-3"] .galeria-interactiva .galeria-btn.prev::before {
        background-image: url('../assets/img/Flecha-crema-prev.svg');
    }
    [data-theme="tema-4"] .galeria-interactiva .galeria-btn.prev::before {
        background-image: url('../assets/img/Flecha-teja-prev.svg');
    }

    [data-theme="tema-1"] .galeria-interactiva .galeria-btn.next::before {
        background-image: url('../assets/img/Flecha-blanca.svg');
    }
    [data-theme="tema-2"] .galeria-interactiva .galeria-btn.next::before {
        background-image: url('../assets/img/Flecha-marron.svg');
    }
    [data-theme="tema-3"] .galeria-interactiva .galeria-btn.next::before {
        background-image: url('../assets/img/Flecha-crema.svg');
    }
    [data-theme="tema-4"] .galeria-interactiva .galeria-btn.next::before {
        background-image: url('../assets/img/Flecha-teja.svg');
    }

}