@charset "utf-8";
body { font-family: basic-sans, sans-serif;  overflow-x: hidden; }
*{ margin: 0px; padding: 0px; outline: none; }

:root {
    --color-black: #222222;
    --color-ocre: #F1EAE3;
    --color-white: #FFFFFF;
}

.divider-20 { min-height: 20px; } .divider-30 { min-height: 30px; } .divider-40 { min-height: 40px; } .divider-10vh { min-height: 10vh; } .divider-100 { min-height: 100px; }
.btn-idearium { padding: 8px 24px; border: 1px solid var(--color-black); border-radius: 20px; color: var(--color-black); text-decoration: none; display: inline-block; transition: 300ms all; }
.btn-idearium:hover { color: var(--color-white); background-color: var(--color-black); }

.btn-idearium.dark { border: 1px solid var(--color-white); color: var(--color-white); }
.btn-idearium.dark:hover { color: var(--color-black); background-color: var(--color-white); }

.btn-idearium.reverse { background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); }
.btn-idearium.reverse:hover { background-color: transparent; color: var(--color-black); }

.button-center { text-align: center; }

header { width: calc(100% - 100px); height: 20px; padding: 25px 50px; background-color: var(--color-ocre); }
header > ul { list-style: none; display: flex ; width: 100%; }
header > ul > li:nth-child(1) { position: relative; z-index: 999; }
header > ul > li:nth-child(2) { margin-left: auto; }
header > ul > li:nth-child(1) a img{ height: 22px;}
header > ul > li:nth-child(2) > ul { list-style: none; display: flex; gap: 20px; }
header > ul > li:nth-child(2) > ul > li { cursor: pointer; }
header > ul > li:nth-child(2) > ul > li::before { content: ''; background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; width: 20px; height: 20px; display: block; }
header > ul > li .instagram::before { background-image: url(../img/instagram.svg); }
header > ul > li .twitter::before { background-image: url(../img/twitter.svg); }
header > ul > li .linkedin::before { background-image: url(../img/linkedin.svg); }
header > ul > li .youtube::before { background-image: url(../img/youtube.svg); }
header > ul > li:nth-child(3) { margin-left: 50px; }
header > ul > li:nth-child(3) .burger { width: 30px; height: 30px; cursor: pointer; position: relative; z-index: 999; }
header > ul > li:nth-child(3) .burger span { width: 100%;height: 3px; background-color: var(--color-black); display: block; border-radius: 10px; transition: 300ms all; }
header > ul > li:nth-child(3) .burger.opened span { background-color: var(--color-white); }
header > ul > li:nth-child(3) .burger span:nth-of-type(1) { margin-bottom: 3px; }
header > ul > li:nth-child(3) .burger span:nth-of-type(2) { margin-bottom: 3px; }
header > ul > li:nth-child(3) .burger span:nth-of-type(3) { margin-bottom: 3px; }
header > ul > li:nth-child(3) .burger.opened span:nth-of-type(1) { opacity: 0; }
header > ul > li:nth-child(3) .burger.opened span:nth-of-type(2) { transform: rotate(45deg) translateY(4px); }
header > ul > li:nth-child(3) .burger.opened span:nth-of-type(3) { transform: rotate(-45deg) translateY(-4px); }
header > ul > li:nth-child(3) .burger.opened span:nth-of-type(4) { opacity: 0; }
header > ul > li:nth-child(3) .burger:not(.opened):hover span:nth-child(odd) { transform: translateX( -5px ) }
header > ul > li:nth-child(3) .burger:not(.opened):hover span:nth-child(even) { transform: translateX( 5px ) }

footer { height: 100vh; width: 100%; background-color: var(--color-black); position: relative; z-index: 120; color: var(--color-white); display: flex; align-items: center; justify-content: center; z-index: 99; margin-top: 15%; }
footer img { position: absolute; top: 40px; left: 10%; height: 80%; }
footer #text_block { margin-left: 30%; display: flex; flex-direction: column; gap: 30px; position: relative; z-index: 10; }
footer #text_block a { width: 100px; text-align: center; text-transform: uppercase; }
footer p.h1 { font-size: 70px; line-height: 70px; }
footer #links { position: absolute; width: 80%; left: 10%; bottom: 20px; color: var(--color-white); padding: 20px; border-bottom: 1px solid var(--color-white); }
footer #links ul { list-style: none; display: flex; justify-content: space-evenly; }
footer #links ul a { color: white; text-decoration: none; }

aside#main_menu { width: 0px; height: 100vh; position: fixed; top: 0; right: 0; background-color: var(--color-black); overflow: hidden; transition: 300ms all; z-index: 888; }
aside#main_menu.opened { width: 100%; }
aside#main_menu ul { display: flex; list-style: none; color: var(--color-white); }
aside#main_menu > ul { width: 80%; height: calc(100% - 200px); margin: 100px auto 0px; }
aside#main_menu > ul > li { width: 50%; }
aside#main_menu > ul > li:nth-child(1) > ul { flex-direction: column; text-transform: uppercase; }
aside#main_menu > ul > li:nth-child(1) > ul > li > a { font-size: 100px; -webkit-text-stroke: 3px var(--color-white); cursor: pointer; transition: 300ms all; color: white; display: block; text-decoration: none; }
aside#main_menu > ul > li:nth-child(1) > ul > li > a:hover { transform: translateX(50px); }

aside#main_menu > ul > li:nth-child(2) { position: relative; }
aside#main_menu > ul > li:nth-child(2) > ul { flex-direction: column; padding: 0px 100px; gap: 20px; position: absolute; bottom: 0; right: 0; width: 300px; }
aside#main_menu > ul > li:nth-child(2) > ul > li { font-size: 25px; transition: 300ms all; }
aside#main_menu > ul > li:nth-child(2) > ul > li:not(.no-hover):not(.separator) { cursor: pointer; }
aside#main_menu > ul > li:nth-child(2) > ul > li:not(.no-hover):not(.separator):hover { font-weight: bold; }
aside#main_menu > ul > li:nth-child(2) > ul > li.separator { height: 1px; background-color: var(--color-white); margin: 10px 0px; }
aside#main_menu > ul > li:nth-child(2) > ul > li.no-hover { font-size: 16px; -webkit-text-stroke: 1px var(--color-white); }
aside#main_menu > ul > li:nth-child(2) > ul > li a{ font-size: 25px; color: var(--color-white); text-decoration: none; }
aside#main_menu > ul > li:nth-child(2) > ul > li a:hover{ color: var(--color-white);}

section#home { background-color: var(--color-ocre); color: var(--color-black); }
section#home h1 { font-size: 14vw; line-height: 15vw; text-align: center; }
section#home .content-90 { width: 85%; margin: 0 auto; overflow-x: hidden; }
section#home div.project-marquee { font-size: 30px; display: block; width: 100%; white-space: nowrap; display: flex; gap: 10px; }
section#home div.project-marquee span::before { content: '·'; margin-right: 10px; font-weight: bold; }
section#home div.project-marquee .pn-date { font-weight: 100; }
section#home div.project-marquee .pn-place { font-weight: normal; -webkit-text-stroke: 1px var(--color-black); }
section#home div.project-marquee .pn-name { font-weight: bold; }
section#home .project-container { position: relative; text-align: center; }
section#home .project-container video { width: 100%;  border-radius: 35px; }
section#home .project-container h1 { font-size: 80px; line-height: 80px; color: white; position: absolute; bottom: 16vh; width: 100%; text-transform: uppercase; }
section#home .project-container a { font-size: 20px; color: white; position: relative; bottom: 10vh; }
section#home .content-90 .tags { display: flex; justify-content: center; gap: 20px; padding-bottom: 20px; }

section#somos { background-color: var(--color-white); overflow-x: hidden; }
section#somos .somos-marquee { font-weight: bold; white-space: nowrap; display: flex;  }
section#somos .somos-marquee div { border: 1px solid var(--color-black);border-left: 0px; border-right: 0px; }
section#somos .somos-marquee div span { margin-left: 80px; font-size: 300px; line-height: 250px; }
section#somos .somos-texto { width: 90%; margin: 0 auto; }
section#somos .somos-texto h2 { font-size: 60px; font-weight: bold; line-height: 65px; overflow: hidden; font-weight: 900; }
section#somos .somos-texto p { font-size: 25px; line-height: 34px; overflow: hidden; font-weight: 100; }
section#somos .somos-texto p span { display: block; }
section#somos .somos-texto ul { display: flex; list-style: none;  padding: 70px 0px 400px 0px;}
section#somos .somos-texto ul li { width: 50%; padding: 50px; }
section#somos .somos-texto ul li img { width: 100%; }
section#somos .somos-texto .btn-idearium { text-transform: uppercase; }

section#proyectos { width: 100%; position: relative;z-index: 99; background-color: white; padding-bottom: 200px; }
section#proyectos ul { list-style: none; display: flex; width: 50%; margin: 0 auto; gap: 30px; padding: 100px 0px; }
section#proyectos ul > li { width: 50%; }
section#proyectos ul li:last-child { margin-top: 150px; }
section#proyectos .project-card { width: 100%; position: relative; }
section#proyectos .project-card h3 { font-size: 40px; line-height: 40px; margin-bottom: 10px; text-transform: uppercase; }
section#proyectos .project-card img { width: 100%; display: block;  border-radius: 10px; }
section#proyectos .project-card .tags { margin-top: 10px; }
section#proyectos .project-card .hover-container { position: relative; }
section#proyectos .project-card .hover-container aside { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; display: flex; align-items: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; transition: 300ms all; }
section#proyectos .project-card .hover-container:hover aside { height: 100%; }
section#proyectos .project-card aside .aside-marquee { display: flex; gap: 20px; }
section#proyectos .project-card aside .aside-marquee h3 { white-space: nowrap; color: white; }

section#creamos { display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center; background-color: var(--color-ocre); position: relative; z-index: 99; }
section#creamos h2 { font-size: 100px; text-align: center; overflow: hidden; }

article#somos_page section#header { background-color: var(--color-ocre); }
article#somos_page section#header { padding: 20px 5%; border-bottom: 1px solid var(--color-black); }
article#somos_page section#header .title h1 { font-size: 140px; }
article#somos_page section#sub_header { background-color: var(--color-ocre); padding: 60px 5%; font-size: 40px; font-weight: bold; display: flex; height: calc(100vh - 400px); }
article#somos_page section#sub_header .text-divider { width: 25%; }
article#somos_page section#sub_header > div:nth-child(2) { width: 60%; }
article#somos_page section#sub_header > div:nth-child(2) p { font-size: 21px; font-weight: normal; width: 40%; margin: 0 auto; }
article#somos_page section#sub_header > a:nth-child(3) { width: 15%; text-align: center; font-size: 21px; line-height: 21px; height: 20px; font-weight: normal; text-transform: uppercase;}
article#somos_page section#pictures { border-bottom: 1px solid var(--color-black); }
article#somos_page section#pictures #pics_container { display: flex; gap: 40px; height: 100vh; overflow: hidden; position: relative; top: -15vh; }
article#somos_page section#pictures #pics_container img { height: 100%; display: block;  }
article#somos_page section#pictures img:nth-child(1) { transform: translateX(10vw); }
article#somos_page section#pictures img:nth-child(2) { transform: translateX(10vw); }

article#somos_page section#reinventarnos { padding: 100px 5%; height: 100vh; position: relative; }
article#somos_page section#reinventarnos ul { list-style: none; display: flex; gap: 40px; }
article#somos_page section#reinventarnos > ul > li:first-child { width: 65%; }
article#somos_page section#reinventarnos > ul > li:last-child { width: 35%; }
article#somos_page section#reinventarnos #gets_bigger { background-color: black; width: 100%; height: 70vh; border-radius: 15px; position: absolute; max-width: 90%; right: 5%; top: 40vh; overflow: hidden; }
article#somos_page section#reinventarnos #gets_bigger video { position: absolute; top: 0; left: 0; width: 100%; }
article#somos_page section#reinventarnos ul li p { width: 50%; margin: 0 auto; font-size: 21px; line-height: 24px; font-weight: 100; }

article#somos_page section#equipo { overflow: hidden; width: 100%; background-color: var(--color-black); }
article#somos_page section#equipo hr { border: 1px solid var(--color-ocre); }
article#somos_page section#equipo hr.hr-top { margin-top: 40px; }
article#somos_page section#equipo hr.hr-bottom { margin-bottom: 40px; }
article#somos_page section#equipo .team-marquee { font-size: 300px; line-height: 300px; font-weight: bold; width: 100%; white-space: nowrap; display: flex; gap: 40px; color: var(--color-ocre); background-color: var(--color-black); }

article#somos_page section#equipo .team-swiper { width: 60%; margin: 0 auto; padding-bottom: 40px; }
article#somos_page section#equipo .team-swiper .swiper-slide { width: 100%; height: 50vh; background-color: var(--color-ocre); border-radius: 15px; padding: 40px; }
article#somos_page section#equipo .team-swiper .swiper-slide ul { display: flex; list-style: none;  flex-wrap: wrap;}
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(1) { width: 70%; height: 10px; }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) { width: 100%; display: flex;}
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) div:first-child{width: 70%;}
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) div:last-child{width: 30%;}
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) h1 { font-size: 80px; font-weight: bold; line-height: 80px; margin-top: 40px; }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) h2 { font-size: 65px; font-weight: normal; line-height: 65px; margin-bottom: 40px; }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) p { font-size: 20px; line-height: 24px; width: 70%; }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) img { width: 100%; border-radius: 20px; filter: grayscale(100%); }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(3) { width: 100%; display: flex; justify-content: flex-end; }
article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(3) h2 { font-size: 80px; line-height: 80px; margin-top: 40px; bottom: 20px; right: 24px; position: absolute;}

article#somos_page section#sostenibles { display: flex; width: 100%; height: 100vh; justify-content: center; align-items: center; background-color: var(--color-ocre); position: relative; z-index: 99; }
article#somos_page section#sostenibles ul { display: flex; list-style: none; width: 70%; margin: 0 auto; }
article#somos_page section#sostenibles ul li:first-of-type { width: 25%; }
article#somos_page section#sostenibles ul li:last-of-type { width: 75%; text-align: left; padding: 0 10%; display: flex; flex-direction: column; justify-content: center; }
article#somos_page section#sostenibles ul img { width: 100%; mix-blend-mode: multiply; }
article#somos_page section#sostenibles h2 { font-size: 100px; font-weight: 900; line-height: 110px; }
article#somos_page section#sostenibles h2:first-of-type { color: #00612a; }
article#somos_page section#sostenibles h2:last-of-type { color: #72B900; }


article#somos_page section#customers { overflow: hidden; width: 100%; height: 100vh; }
article#somos_page section#customers h1 { font-size: 100px; line-height: 104px; text-align: center; overflow: hidden; font-weight: 900; }
article#somos_page section#customers .wrapper { display: flex;  list-style: none; }
article#somos_page section#customers .wrapper2 { display: flex;  list-style: none; }

article#proyectos_page { background-color: var(--color-ocre); }
article#proyectos_page section#proyectos_list h1 { font-size: 15vw; line-height: 15vw; text-align: center; border-bottom: 1px solid var(--color-black); }


article#proyectos_page section#proyectos_list ul { list-style: none; display: flex; width: 65%; margin: 0 auto; gap: 30px; padding: 100px 0px; }
article#proyectos_page section#proyectos_list ul > li { width: 50%; }
article#proyectos_page section#proyectos_list ul li:last-child { margin-top: 150px; }
article#proyectos_page section#proyectos_list .project-card { width: 100%; position: relative; opacity: 0; }
article#proyectos_page section#proyectos_list .project-card h3 { font-size: 40px; line-height: 40px; margin-bottom: 10px; text-transform: uppercase; }
article#proyectos_page section#proyectos_list .project-card img { width: 100%; display: block; border-radius: 20px; }
article#proyectos_page section#proyectos_list .project-card .tags { margin-top: 20px; }
article#proyectos_page section#proyectos_list .project-card .hover-container { position: relative; }
article#proyectos_page section#proyectos_list .project-card .hover-container aside { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; display: flex; align-items: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; transition: 300ms all; }
article#proyectos_page section#proyectos_list .project-card .hover-container:hover aside { height: 100%; }
article#proyectos_page section#proyectos_list .project-card aside .aside-marquee { display: flex; gap: 20px; }
article#proyectos_page section#proyectos_list .project-card aside .aside-marquee h3 { white-space: nowrap; color: white; }

article#proyecto_page { background-color: var(--color-ocre); }
article#proyecto_page section#proyecto_desc h1 { font-size: 10vw;line-height: 16vh; text-align: center; border-bottom: 1px solid var(--color-black);  text-transform: uppercase; margin: auto 20px;}
article#proyecto_page section#proyecto_desc > ul { list-style: none; display: flex; margin: 40px auto; width: 80%; position: relative; height: 115vh; }
article#proyecto_page section#proyecto_desc > ul > li:first-child { width: calc(47% - 70px); }
article#proyecto_page section#proyecto_desc > ul > li:first-child h3{padding-bottom: 10px; text-transform: uppercase; font-weight: 900; }
article#proyecto_page section#proyecto_desc > ul > li:first-child h4{padding-bottom: 20px; text-transform: uppercase; font-weight: 900; }
article#proyecto_page section#proyecto_desc > ul > li:last-child { width: calc(45% - 40px);  }
article#proyecto_page section#proyecto_desc > ul > li:last-child img { width: 100%; border-radius: 20px; position: absolute; top: 25vh; left: 0; }
article#proyecto_page section#proyecto_desc > ul > li:last-child video { width: 100%; border-radius: 20px; position: absolute; top: 25vh; left: 0; }
article#proyecto_page #project_tags { display: flex; justify-content: center; margin: 40px 0px; gap: 20px; }
article#proyecto_page section#proyecto_gal { padding: 50px 0px; text-align: center; }
article#proyecto_page section#proyecto_gal ul { display: flex; list-style: none; gap: 20px; width: 60%; margin: 0 auto; }
article#proyecto_page section#proyecto_gal ul li { width: 50%; }
article#proyecto_page section#proyecto_gal > a { margin: 40px 0px; }
article#proyecto_page section#proyecto_gal ul li img { width: 100%; border-radius: 20px; }
article#proyecto_page section#proyecto_gal ul li video { width: 100%; border-radius: 20px; }
section#proyectos .project-card .tags .btn-idearium { margin-bottom: 10px; }


section#error404 { height: calc(100vh); display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-color: var(--color-ocre); }
section#error404 h1 { font-size: 200px; line-height: 200px; margin-top: 100px; }
section#error404 h3 { font-size: 100px; line-height: 100px; }

article#politica-privacidad{background-color: var(--color-ocre); padding: 50px 15%;margin: 0 auto; margin-bottom: -15%; }
article#politica-privacidad h1 { font-weight: 100; font-size: 36px; margin-bottom: 36px; }
article#politica-privacidad p {font-weight: 400;margin-bottom: 15px;line-height: 22px;}
article#politica-privacidad ul {margin-bottom: 15px;list-style-type: none;}
article#politica-privacidad ul li { margin: 0 0 10px 20px; font-weight: 400;}

article#politica-cookies{background-color: var(--color-ocre); padding: 50px 15%;margin: 0 auto; margin-bottom: -15%; }
article#politica-cookies h3 { font-weight: 100; font-size: 36px; margin-bottom: 36px; }
article#politica-cookies p {font-weight: 400;margin-bottom: 15px;line-height: 22px;}
article#politica-cookies a { text-decoration: none; color: initial;}
article#politica-cookies a:hover { cursor: pointer; color: gray;}
article#politica-cookies table td { border: 1px solid gray;}
article#politica-cookies table tbody td.bg-gray{ background: gray; color: white;}
article#politica-cookies table tbody td{ padding: 10px; }
article#politica-cookies ol,
article#politica-cookies ul{ margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; }
article#politica-cookies .boton{ padding: 8px 10px; background-color: transparent; cursor: pointer; border: 1px solid black; }
article#politica-cookies .boton:hover{ color: var(--color-ocre); background-color: black; }


article#agencia-porsche { background-color: var(--color-ocre); margin-bottom: -15%; }
article#agencia-porsche .logo-porsche{ display: block; margin: 0 auto; padding: 100px 0; }
article#agencia-porsche section.container{ width: 80%; margin: 0 auto;  padding-top: 40px; }
article#agencia-porsche section.container h1{ font-size: 50px; font-weight: 100; font-style: normal; margin-left: 40px; padding: 40px 0;}
article#agencia-porsche section.container ul{ list-style: none; display: flex; gap: 40px;}
article#agencia-porsche section.container ul img{ display: block; width: 100%; }
article#agencia-porsche section.container ul li:nth-of-type(1){ width: 40%; display: flex; flex-direction: column; justify-content: space-between; }
article#agencia-porsche section.container ul li:nth-of-type(1) div{ padding: 0px; }
article#agencia-porsche section.container ul li:nth-of-type(1) div p:nth-of-type(1){ margin-bottom: 20px; font-size: 18px;}
article#agencia-porsche section.container ul li:nth-of-type(1) div p:nth-of-type(2){ margin-bottom: 18px; font-size: 18px;}
article#agencia-porsche div.texto{ width: 80%; margin: 0 auto; }
article#agencia-porsche div.texto p{ padding: 50px 40px; font-size: 18px; }
article#agencia-porsche div.texto p.filosofia{ font-size: 50px; padding: 0 50px; font-weight: 100; padding-bottom: 50px;}
article#agencia-porsche section.revistas{ position: relative; padding-bottom: 100px; }
article#agencia-porsche section.revistas div{ position: absolute; top: 0; width: 100%; background-color: #FFFFFFE6; }
article#agencia-porsche section.revistas div p{ width: 80%; margin: 0 10%; padding: 50px 50px; font-size: 18px;}
article#agencia-porsche section.revistas a{ display: block; margin: 0 auto; }
article#agencia-porsche .button-center{ padding-bottom: 100px; }

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

    .divider-100 { min-height: 50px; }
    section#home .content-90 .tags{padding: 20px 0px; flex-wrap: wrap;}


    header { width: calc(100% - 30px); padding: 20px 15px; }
    header > ul > li:nth-child(2) > ul { display: none; }
    section#home h1{padding: 30px 0px;}
    section#home .project-container h1 { font-size: 40px; line-height: 40px; }
    section#home .project-container video {border-radius: 30px; min-height: 70vh;}
    section#home div.project-marquee{font-size: 20px;}

    section#creamos h2 { font-size: 50px; }
    section#proyectos ul { width: 90%; flex-direction: column; margin: 0 auto; }
    section#proyectos ul > li { width: 100%; }
    section#proyectos ul li:last-child { margin-top: 0; }
    section#proyectos .project-card .hover-container:hover aside{display: none;}
    article#proyectos #project_tags { margin: 0px; margin-top: 10px; }
    article#proyectos_page section#proyectos_list .project-card .btn-idearium { margin: 0px; margin-top: 10px;  padding: 8px 10px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) div:first-child{width: auto;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) div:last-child{width: auto;}




    footer { flex-direction: column; }
    footer img { height: 30%; }
    footer #text_block { margin-left: 10px; align-items: flex-start; justify-content: center; top:-31vh; gap: 15px; }
    footer p.h1 { font-size: 25px; line-height: 39px; text-align: start; }
    footer #links { left: auto; padding: 20px;  border-bottom: 0px }
    footer #links ul { flex-direction: column; line-height: 35px;}
    footer #links ul li {  padding-left: 8% ;}
    footer #links ul li:nth-child(3) { margin-bottom: 50px; }
    footer #links ul li:nth-child(4) {display: none; }
    footer #links ul li:nth-child(7) {display: none;}
    footer #links ul li:nth-child(11) { margin-bottom: 20px; }
    footer #links ul li:nth-child(5) {order:2; }
    footer #links ul li:nth-child(6) {order:1; width: 100%; border-top: 1px solid var(--color-white); }

    aside#main_menu ul { flex-direction: column; gap: 10px; }
    aside#main_menu > ul > li { width: 100%; }
    aside#main_menu > ul > li:nth-child(1) > ul > li > a { font-size: 30px; }
    aside#main_menu > ul > li:nth-child(1) > ul > li > a:hover { transform: translateX(0); }
    aside#main_menu > ul > li:nth-child(2) > ul { position: relative; padding: 0; margin-top: 30%; gap: 10px; }

    article#somos_page section#header .title h1 { font-size: 85px; }
    article#somos_page section#sub_header { flex-direction: column; padding: 20px 5% 150px; gap: 50px; height: auto; }

    section#somos .somos-marquee { font-size: 120px; }
    section#somos .somos-marquee div span{font-size: 80px; line-height: 90px;}
    section#somos .somos-marquee  div{ line-height: 90px; }
    section#somos .somos-texto h2 { font-size: 40px; line-height: 45px; }
    section#somos .somos-texto ul { flex-direction: column-reverse; }
    section#somos .somos-texto ul li { padding: 0; width: 100%; margin-bottom: 20px; }
    section#somos .somos-texto p { font-size: 18px; line-height: 22px; }
    article#somos_page section#equipo .team-marquee { font-size: 100px; line-height: 120px;}

    section#somos .somos-texto a{text-align: center; }
    article#somos_page section#sub_header .text-divider { width: 100%; }
    article#somos_page section#sub_header > div:nth-child(2) { width: 100%; }
    article#somos_page section#sub_header > div:nth-child(2) p { width: 100%; }
    article#somos_page section#sub_header > a:nth-child(3) { width: 31%; }
    article#somos_page section#pictures #pics_container { top: -10vh; }
    article#somos_page section#reinventarnos { padding: 60px 5%; height: 70vh; position: relative; }
    article#somos_page section#reinventarnos ul {  gap: 50px; flex-direction: column; }
    article#somos_page section#reinventarnos > ul > li:first-child { width: 100%; order: 2;}
    article#somos_page section#reinventarnos > ul > li:last-child { width: 100%; order: 1; }
    article#somos_page section#reinventarnos #gets_bigger { background-color: black; width: 100%; height: auto; border-radius: 15px; position: relative; max-width: 100%; right: 0; top: 0; overflow: hidden;  }
    article#somos_page section#reinventarnos #gets_bigger video { position: relative; top: 0; left: 0; width: 100%; }
    article#somos_page section#reinventarnos ul li p { width: 100%; margin: 0 auto; font-size: 21px; line-height: 24px; font-weight: 100; }

    article#somos_page section#equipo .team-swiper { width: 75%; margin: 0 auto; padding-bottom: 40px; }
    article#somos_page section#equipo .team-swiper .swiper-slide{ height: auto; padding: 0px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul {width: 80%; margin: 0 auto;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(1) {font-size: 20px;line-height: 24px;width: 100%; height: 50px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(1) h2 { font-size: 35px;  line-height: 20px; margin-bottom: 20px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(1) img{padding: 15px 0px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) h1 { font-size: 24px; line-height: 25px; margin-top: 10px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) h2{ font-size: 24px; line-height: 25px; margin-top: 10px; font-weight: 700;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2){flex-direction: column-reverse;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(2) p {font-size: 20px;line-height: 24px;width: 100%;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(3){position: absolute; top: -30px; right: 30px;}
    article#somos_page section#equipo .team-swiper .swiper-slide ul li:nth-child(3) h2{ position: relative;font-size: 30px; margin-top: 15px; right: 0; bottom: 0; }


    article#somos_page section#customers { overflow: hidden; width: 100%; }
    article#somos_page section#customers img{ width: 120px;}
    article#somos_page section#customers h1 { font-size: 40px; line-height: 50px; text-align: center; overflow: hidden; }

    article#somos_page section#sostenibles ul { flex-direction: column; }
    article#somos_page section#sostenibles ul li:first-of-type { width: 100%; }
    article#somos_page section#sostenibles h2 { font-size: 40px; line-height: 44px; }

    article#proyectos_page section#proyectos_list ul { width: 90%; flex-direction: column; margin: 0 auto; }
    article#proyectos_page section#proyectos_list ul > li { width: 100%; }
    article#proyectos_page section#proyectos_list ul li:last-child { margin-top: 20px; }
    article#proyectos_page section#proyectos_list .project-card { width: 100%; position: relative; opacity: 0; margin-bottom: 30px; }
    article#proyectos_page section#proyectos_list .project-card h3 { font-size: 40px; line-height: 40px; margin-bottom: 10px; text-transform: uppercase; }
    article#proyectos_page section#proyectos_list .project-card img { width: 100%; display: block; }
    article#proyectos_page section#proyectos_list .project-card .tags { margin-top: 20px; }
    article#proyectos_page section#proyectos_list .project-card .hover-container { position: relative; }
    article#proyectos_page section#proyectos_list .project-card .hover-container aside { overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; display: flex; align-items: center; cursor: pointer; background-color: rgba(0, 0, 0, 0.4); border-radius: 10px; transition: 300ms all; }
    article#proyectos_page section#proyectos_list .project-card .hover-container:hover aside { height: 100%; }
    article#proyectos_page section#proyectos_list .project-card aside .aside-marquee { display: flex; gap: 20px; }
    article#proyectos_page section#proyectos_list .project-card aside .aside-marquee h3 { white-space: nowrap; color: white; }
    article#proyecto_page section#proyecto_desc h1 { margin: auto 20px; line-height: 40px;}



    article#proyectos_page section#proyectos_list .project-card .hover-container aside{display: none;}
    article#proyecto_page #project_tags { margin: 0px; margin-top: 10px; }
    article#proyecto_page #project_tags.tags { gap: 10px; flex-wrap: wrap; justify-content: flex-start; width: initial; margin-left: 10%;}
    article#proyecto_page #project_tags.tags .btn-idearium{ padding: 8px 10px;}
    article#proyecto_page section#proyecto_desc > ul{width: 80%; flex-direction: column; position: relative; margin-top: 20px; flex-wrap: wrap; height: auto;}
    article#proyecto_page section#proyecto_desc > ul > li:first-child{width: 100%; padding: 0px;}
    article#proyecto_page section#proyecto_desc > ul > li:last-child{width: 100%; padding: 0px; padding-top: 30px;}
    article#proyecto_page section#proyecto_desc > ul > li:last-child video{position: relative; top: 0; min-height: 60vh;}
    article#proyecto_page section#proyecto_desc > ul > li:last-child img{position: relative; top: 0;}

    article#proyecto_page section#proyecto_gal ul{width: 80%; flex-direction: column; gap: 10px;}
    article#proyecto_page section#proyecto_gal ul .divider-20{ min-height: 10px;}
    article#proyecto_page section#proyecto_gal ul li{width: 100%;}
    article#proyecto_page section#proyecto_gal ul li img{border-radius: 20px;}

    article#agencia-porsche .logo-porsche{ width: 80%; margin: 0 auto; }
    article#agencia-porsche section.container{ width: 80%; margin: 0 auto;  padding-top: 40px; }
    article#agencia-porsche section.container h1{  margin-left: 0; font-size: 30px; }
    article#agencia-porsche section.container ul{ flex-direction: column-reverse;}
    article#agencia-porsche section.container ul li:nth-of-type(1){ width: 100%; }
    article#agencia-porsche section.container ul li:nth-of-type(1) div{ padding: 40px 0; }
    article#agencia-porsche div.texto{ width: 80%; margin: 0 auto; }
    article#agencia-porsche div.texto p{ padding: 50px 0px; }
    article#agencia-porsche div.texto p.filosofia{ font-size: 30px; padding: 0px; font-weight: 100; padding-bottom: 0px;}
    article#agencia-porsche section.revistas{ position: relative; padding-bottom: 100px; }
    article#agencia-porsche section.revistas div{ position: relative; }
    article#agencia-porsche section.revistas div p{ width: 80%; margin: auto; padding: 50px 0px; font-size: 18px;}
    article#agencia-porsche section.revistas a{ display: block; margin: 0 auto; }
    article#agencia-porsche .button-center{ padding-bottom: 100px; }
}
@media only screen and (max-height: 570px) {
    footer p.h1{line-height: 30px;}
    footer #text_block{top: -37vh;}
    aside#main_menu > ul > li:nth-child(2) > ul { margin-top: 10%; }


}