html * {
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
}

html, body {
  height:100vh;
  min-height: 100vh;
  background-color: white;
  scroll-behavior: smooth;
  display:flex;
  flex-direction:column;
  scrollbar-color:#aba093 #E2E0DF;
}

body {
  font-family: "Inter Tight", sans-serif;
  font-size:1rem;
  font-optical-sizing: auto;
  font-style: normal;
  color:black;
  margin: 0;
  font-weight:400;
  padding:0;
  position:relative;
  overflow-x:hidden;
  scroll-behavior: smooth;
}

::before, ::after {box-sizing: border-box;}

:root {
  --animate-delay: 0.5s;
  --select-border: blue;
  --select-focus:blue;
}




a {font-family: 'DIN', sans-serif;}

.negro {color:#252923 !important;}
.blanco {color:white !important;}
.gradiente {background:linear-gradient(0deg, rgba(37,41,35,0) 0%, rgba(37,41,35,0.6) 100%);}
.gradiente2 {background:linear-gradient(180deg, rgba(37,41,35,0) 0%, rgba(37,41,35,0.8) 100%);}
.solido {background-color:#F1F1F2 !important;}
.fblack {fill:black !important;}
.fder {float:right;}
.derecha {padding-left:10rem;}
.no-mostrar {display:none !important;}


#loader {position:absolute; width:100%; height:100%; background-color:white; left:0px; top:0px; z-index: 9999999999;}
#logotipo {position:relative; width:320px; height:100px; top:50%; left:50%; margin-left:-160px; margin-top:-50px; opacity:0;}

.aviso { display:none !important; width:100%;  height:100%; max-width:100%; min-height:100vh; padding: 0; margin:0; position:absolute;  z-index:99999999999; background-color:black;}
.aviso h1 {font-size:1.5rem; font-weight:600; color:white; width:600px; height:100vh; margin: 0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center;}

.container { width:100%;  height:100%;  display:flex; flex-direction:column; justify-content:center;  padding: 0; margin:0; position:absolute; top:0; left:0;  z-index:0;}

header {width: calc(97% - 218px); height:auto; background:white; position:fixed; top:0; left:218px; display:none; justify-content:space-between; align-items:start; margin:0; padding:3vh 1.5% 3vh 1.5%;  z-index:200;}
.transparente {background:transparent;}
.contenido { width:calc(100% - 218px);  height:auto; min-height:100vh; padding:0; margin:0; display:flex; flex-direction:column; justify-content:center; z-index:100; position:absolute; top:0; left:0; }
.burger {cursor: pointer; display:none; border: 0; width:35px; height:auto; padding: 0;  background: url("../images/menu.svg") no-repeat bottom; transition: opacity 250ms ease; position: absolute; top:1.5rem; z-index:99999;}
.mobile-nav-toggle { cursor: pointer; display:none; border: 0; width:130px; height:40px; padding: 0; color:black; background: url("../images/logo_grajales.svg") no-repeat center; transition: opacity 250ms ease; position: absolute; top:1.5rem; z-index:99999;}


.pleca {width:3%; min-width:min-content; height:94svh; position:fixed; top:0; left:0; display:flex; flex-direction:column; justify-content:space-between; margin:0; padding:3vh 1.5vw; background:white; z-index:300;}
.pleca2 {width:auto; height:70svh; display:flex; flex-direction:column; justify-content:end; margin:0; padding:0;}
.pleca3 {display:none;}
.logo {width:auto; height:auto; display:block;  margin:0; padding:0;}
.logo img {width:auto; height:50px;  margin:0; padding:0; }
.logob {display:none;}
.primary-navigation {width:auto; height:auto;  display:flex; flex-direction:column; justify-content:space-between;  z-index:9999; margin:0; padding:0;}
.primary-navigation a{ text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0 0 0.5rem 0; color:#666;}
.primary-navigation a:last-child {margin:0;}
.primary-navigation a:hover, .primary-navigation a.active {color:black !important;}


.orden {width:auto; height:30px;  margin:0; padding:0; position:absolute; top:15%; opacity:0; pointer-events:none; transition: opacity .3s ease;}
.orden img {width:auto; height:30px;}

.ordena {width:auto; height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0; padding:0; opacity: 1;  transition: opacity .3s ease;}
.ordena-header .arrow {display:none;}
.ordena-content {width:auto; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0; padding:0;}

.filtros {width:auto; height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0 0 2.5rem 0; padding:0; opacity: 0; pointer-events: none; transition: opacity .35s ease;}
.filtros a, .ordena a, .ordena p{text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0 0 0.5rem 0; color:#666;}
.ordena p {color:black; padding:0; margin:0 0 1rem 0 !important;}
.filtros a:hover, .filtros a.active, .ordena a:hover, .ordena a.active {color:black;}

.filtros.visible, .orden.visible {opacity: 1; pointer-events: auto;}

.base {min-width:auto; height:auto; margin-right:19%; padding:0;}

.idiomab {width:auto; height:auto; display:flex; flex-direction:row; justify-content:space-between; z-index:9999; margin:0; padding:0;}
.idiomab a{ text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0 1rem; color:white; opacity:0.7; }
.idiomab a:hover, .idiomab a.active {color:white; opacity:1;}
.idioma {width:auto; height:auto; display:flex; justify-content:space-between; position:absolute; right:1.5vw; top:3vh; z-index:9999; margin:0; padding:0;}
.idioma, .opciones, .ordenar {width:auto; height:auto; display:flex; flex-direction:row; justify-content:space-between;  z-index:9999; margin:0; padding:0;}
.idioma a, .opciones a, .ordenar p { text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0; color:#666;}
.idioma a:hover, .idioma a.active, .opciones a:hover, .opciones a.active {color:black;}
.idioma a:nth-child(2), .opciones a:nth-child(2) {margin-left:1.5rem;}
.opciones {justify-content:start; margin: 0 0 0.75rem 0;}

.proyectos {width:calc(97% - 218px); height:auto; display:grid; grid-template-columns: 1fr 1fr 1fr; gap:6vw; align-items:center;  margin:0 0 3rem 0; padding:0 1.5% 1.5% 1.5%; position:absolute; top: 15%; left:218px;}
.proyectos a {text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#666; margin:0; padding:0;}
.proyectos a p {width:auto; height:auto; margin:0 !important; line-height:1.4rem; padding:0; color:black;}
.proyectos a span {width:auto; height:auto; color:#666; margin:0; padding:0;}
.proyectos a img:hover {opacity:0.6;}
.proyectos img {width:100%; height:auto; margin:0 0 1rem 0; padding:0;}

.listado {width:calc(97% - 218px); height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0; padding:0 1.5%; position:absolute; top: 15%; left:218px;}
.table {width:50%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 0 4rem 0; padding:0;}
.table h1 {font-family: "Inter Tight", sans-serif; font-size:1.0rem; font-weight:400; color:black; margin:0 0 2rem 0 !important; padding:0;}
.row {min-width:100%; height:auto; display:flex; flex-direction:row; justify-content:start; margin:0 0 0.5rem 0; padding:0; text-decoration:none;}
.row:hover {text-decoration:underline; color:black !important;}
p {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; margin:0 1rem 0 0 !important; padding:0;  text-decoration:none;}
.row p:first-child {width:18vw;}
.row p:nth-child(2) {width:10vw;}
.row p:nth-child(3) {width:8vw;}
.row p:last-child {width:4vw; margin:0 !important; white-space: nowrap;}
.foto {width:35%; height:auto; margin:0; padding:0; position:fixed; top:15vh; right:1.5%;}
.foto img {width:auto; max-width:100%; max-height:70vh; margin:0; padding:0; opacity:0; transition: opacity .3s ease; display:block;}
.foto img.visible {opacity: 1;}

.nosotros {width:calc(97% - 218px); height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0; padding:0 1.5%; position:absolute; top: 13vh; left:218px;}
.cca {width:90%; height:auto; column-count:2; column-gap:10%; margin:0 auto 3rem auto; padding:0;}
.cca p {width:100%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; line-height:1.4rem; font-weight:300; margin:0 0 2rem 0 !important; padding:0; text-align:justify;}

.estudio {width:90%; height:auto; display:flex; justify-content:space-between; margin: 0 auto 5rem auto; padding:0;}
.texto {width:45%; height:auto; margin:0; padding:0;}
.texto p {width:100%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; line-height:1.2rem; font-weight:300; margin:0 0 2rem 0 !important; padding:0; text-align:justify;}
.texto p:last-child {margin:0 !important; padding:0;}
.imagen {width:45%; height:auto; display:flex; justify-content:start; align-items:start; margin:0; padding:0;}
.imagen img {width:100%; height:100%; object-fit:cover; margin:0; padding:0;}

.generales {width:90%; height:auto; display:flex; justify-content:space-between; margin:0 auto 5rem auto; padding:0;}
.equipo {width:45%; height:auto; display:flex; justify-content:space-between; margin:0; padding:0;}
.equipo p {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; margin:0 !important; padding:0;}
.equipo span {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; margin:0; padding:0;}
.socios p {margin:0 0 2rem 0 !important; line-height:1.2rem;}
.colaboradores p {line-height:1.4rem;}

.location {width:45%; height:auto; display:flex; justify-content:space-between; margin:0;}
.location p, .location a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; margin:0; padding:0;}
.location a {text-decoration:none;}
.address, .links {width:auto; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0; padding:0;}
.address p, .links p, .address a {font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; line-height:1.2rem; color:black; margin:0 !important; padding:0;}
.tels {margin:2rem 0;}
.links p {margin:0 0 2rem 0 !important;}
.links a {font-family: "Inter Tight", sans-serif; font-size:0.8rem;  font-weight:300; line-height:1.2rem; color:#999; padding:0; margin:0 0 2rem 0 !important;}

.redes {width:auto; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0; padding:0;}
.redes a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; line-height:1.4rem; color:black; margin:0 !important; padding:0;}

.location a:hover {text-decoration:underline;}

.premios {width:90%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 auto 5rem auto; padding:0;}
.premios h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 3rem 0; padding:0;}
.premios h2 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1rem; font-weight:400; color:black; margin:1rem 0; padding:0;}
.premios p {width:44%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; line-height:1.4rem; margin:0; padding:0;}
.premios span {width:44%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1.5rem 0; padding:0;}


.media {width:90%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 auto 3rem auto; padding:0;}
.top, .complete {width:100%; height:auto; display:flex; justify-content:space-between; margin:0 0 2rem 0; padding:0;}
.complete {margin:0;}
.awards, .publications {width:45%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0; padding:0; }

.media h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.5rem; font-weight:400; color:black; margin:0 0 3rem 0; padding:0;}
.media h2 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1rem; font-weight:400; color:black; margin:1rem 0; padding:0;}
.media p {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1.5rem 0 !important; padding:0;}
.media b {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; line-height:1.4rem; margin:0; padding:0;}
.media a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1.5rem 0; padding:0; text-decoration:underline;}
.top a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1rem; font-weight:400; color:black; line-height:1.4rem; margin:0 0 1rem 0; padding:0; text-decoration:none;}
.top a:hover, .complete a:hover {text-decoration:underline; color:black;}


.noticias {width:calc(100% - 218px); height:auto; display: grid;  gap:3rem; margin:0; padding:0 1.5%; position:absolute; top: 15%; left:218px;}

.post {width:90%; height:auto; display:flex; justify-content: start; align-items:start; margin:0 0 5rem 0 !important; padding:0;}

.news {width:calc(97% - 218px); height:auto; display:grid; grid-template-columns: repeat(3, 1fr); gap: clamp(20px, 3vw, 56px);  margin:0; padding:0 1% 6rem 1% !important; position:absolute; top: 15%; left:218px;}
.arti {width:100%; height:100%; display:flex; flex-direction:column; margin:0 0 2rem 0; padding:0;}

.gallery {width:100%;  display:flex; flex-direction:column; overflow:hidden;  margin:0 0 1.5rem 0; padding:0;  }
.nota {width:40%; height:auto; margin:0; padding:0;} 
.nota h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 1rem 0; padding:0;}
.nota p, .nota a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1rem 0 !important; padding:0; text-align:justify;}
.nota a {text-decoration:underline; color:black;}

.slides-container {display: flex; flex:1; transition: transform .4s ease; }
.slide {width:100%; flex-shrink:0;}
.slide img {width:100%; height:auto; object-fit:contain; display:block;}
.gallery .pagination {height:24px; display:flex; justify-content:center; align-items:center; gap:8px;}
.gallery .dot {width:5px; height:5px; border-radius: 50%; background:#CCC; cursor: pointer; transition: background .3s;}
.gallery .dot.active { background: black;}

/* Initially hide extra paragraphs */
.extra {max-height: 0; overflow: hidden; opacity: 0; transition: all .4s ease;}
.extra.open {max-height: 500px; opacity: 1;}
.read-more {font-weight: 300; cursor: pointer; display: inline-block; margin-top: 0.5rem; font-size: 0.9rem; color:black; text-decoration:underline;}





.data {width:100%; height:auto; margin:0; padding:0;}
.data h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 1rem 0; padding:0;}
.data p, .nota a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1rem 0 !important; padding:0; text-align:justify;}
.data a {text-decoration:underline; color:black;}

@media (max-width:35em) {
  #loader {position:absolute; width:100%; height:100%; background-color:white; left:0px; top:0px; z-index: 9999999999;}
  #logotipo {position:relative; width:180px; height:56px; top:50%; left:50%; margin-left:-90px; margin-top:-28px; opacity:0;}
  
  .pleca {width:94%; min-width:min-content; height:auto; position:fixed; top:0; left:0; display:none; flex-direction:row; justify-content:space-between; margin:0; padding:3vh 3%; background:white; z-index:300;}
  header {width: 94%; height:auto; background:white; position:fixed; top:0; left:0; display:flex; justify-content:space-between; align-items:start; margin:0; padding:3vh 3%;  z-index:200;}
  
  .mobile-nav-toggle, .burger { display:block !important; position:fixed; top:2vh; right:3%; z-index:99999 !important; width:40px; height:auto;}
  .mobile-nav-toggle[aria-expanded="true"] {display:block; background: url("../images/cerrar.svg") no-repeat bottom !important; z-index:999999 !important; width:40px; height:auto;}
  .burger[aria-expanded="true"] {display:block;  background: url("../images/cerrar.svg") no-repeat bottom !important; z-index:999999 !important; width:40px; height:auto;}
  .primary-navigation { position:fixed;  width:20%; height:auto; max-height:20vh; inset:0; background:white; display:flex;  flex-direction:column; justify-content:flex-end; align-items:flex-end; padding:1vh 3%; z-index:99999 !important; transform: translateX(110%); left:72% !important; transition:transform 0.15s ease; text-align:right;}
  .primary-navigation[data-visible="true"] {transform: translateX(10%); left:72%;}
  .nav-links {display:flex; flex-direction:column; margin:0; padding:0;}
  .nav-links a{ text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0 0 0.5rem 0; color:#666;}
  .nav-links a:last-child {margin:0;}
  .nav-links a:hover, .nav-links a.active {color:black !important;}
  
  .primary-navigation .idioma-mobile {width:58px; height:auto; display:flex; flex-direction:row; justify-content:space-between; margin:1.5rem 0 0 0; padding:0;}
  
  
  
  .desk {display:none;}
  .filtros {width:auto; height:auto; display:none; flex-direction:column; justify-content:start; position:absolute; top: 15%; margin:0; padding:0; opacity: 0; pointer-events: none; transition: opacity .35s ease;}
  .ordena {width:auto; height:auto; display:none; flex-direction:column; justify-content:start; position:absolute; bottom: 15%; margin:0; padding:0; opacity: 1;  transition: opacity .3s ease;}
  
  .pleca3 {width:97%; height:50px; background:white; display:flex; justify-content:start; align-items:center; margin:0; padding:0 1.5%; position:fixed; left:0; top:98px;  z-index:100;}
  
  .ordenar {
  gap: 1rem;
  align-items: start;
  background:white;
  margin-right:20%;
}

.filtrar {
  gap: 1rem;
  align-items: start;
  background:white;
  z-index:100;
  opacity:1;
}

  .orden {width:30px; height:40px;  margin:0; padding:0; background:white; display:flex; justify-content:center; align-items:center; left:91%; opacity:1; pointer-events:none; transition: opacity .3s ease; z-index:100;}
  .orden img {width:auto; height:30px;}

.filtrar,
.orden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.filtrar.visible,
.orden.visible {
  opacity: 1;
  pointer-events: auto;
}

.dropdown {
  position: relative;
  margin:0;
}

.dropdown-trigger {
  background: none;
  border: none;
  font-family: "Inter Tight", sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  color: black;
  cursor: pointer;
  padding:0.5rem;
  margin:0;
}

.dropdown-trigger:hover {
  color: black;
  
}

.dropdown-menu {
  position: absolute;
  top: 1.5rem;
  left: 0;
  display: flex;
  flex-direction: column;
  background: white;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .25s ease, transform .25s ease;
  width:100px;
  padding:0.5rem;
  margin:0;
}

.dropdown-menu button, .dropdown-menu a {
  background: none;
  border: none;
  text-align: left;
  font-family: "Inter Tight", sans-serif;
  font-size: 0.8rem;
  font-weight: 300;
  color: #666;
  padding: 0.25rem 0;
  cursor: pointer;
  white-space: nowrap;
  text-decoration:none;
}


.dropdown-menu button:hover,
.dropdown-menu button.active, .dropdown-menu a:hover, .dropdown-menu a.active {
  color: black; text-decoration:none;
}

/* open state */
.dropdown.open .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.dropdown.open .dropdown-menu {
  opacity: 1;
  pointer-events: auto;
}

.dropdown-menu {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

/* caret triangle */
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.4rem;
  vertical-align: middle;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #666;
  transition: transform .25s ease;
}

/* rotate when open */
.dropdown.open .caret {
  transform: rotate(180deg);
}

/* label inside dropdown */
.dropdown-menu .label {
  cursor: default;
  color: #999;
  pointer-events: none;
  padding-bottom: 0.4rem;
}

/* spacing consistency */
.dropdown-menu button {
  padding: 0.25rem 0;
}

  .filtros a, .ordena a, .ordena p{text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; width:auto; padding:0; margin:0 0 0.5rem 0; color:#666;}
  .ordena p {color:black; padding:0; margin:0 0 1rem 0 !important;}
  .filtros a:hover, .filtros a.active, .ordena a:hover, .ordena a.active {color:black;}
  
  .filtros.visible {
    opacity: 1;
    pointer-events: auto;
  }
  
  .logob {width:auto; height:auto; display:block;  margin:0; padding:0; position:absolute; top:3%; left:3%; z-index:200;}
  .logob img {width:auto; height:50px;  margin:0; padding:0; }
  
  .opciones {width:94%; height:25px; display:flex; flex-direction:row; justify-content:space-between; background:white;  z-index:9999; margin:0.5rem 0 0 0; padding:0; }
  .none {display:none;}
  .proyectos {width:94%; height:auto; display:grid; grid-template-columns: 1fr; gap:6vw; align-items:center;  margin:0 0 3rem 0; padding:0 3%; position:absolute; top: 20%; left:0;}
  .proyectos a {text-decoration:none; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#666; margin:0 0 1rem 0; padding:0;}
  .proyectos a p {width:auto; height:auto; margin:0 !important; line-height:1.4rem; padding:0; color:black;}
  .proyectos a span {width:auto; height:auto; color:#666; margin:0; padding:0;}
  .proyectos a img:hover {opacity:0.6;}
  .proyectos img {width:100%; height:auto; margin:0 0 1rem 0; padding:0;}
  
  .listado {width:94%; height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0; padding:0 3%; position:absolute; top: 20%; left:0;}
  .table {width:100%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 0 4rem 0; padding:0;}
  .table h1 {font-family: "Inter Tight", sans-serif; font-size:1.0rem; font-weight:400; color:black; margin:0 0 2rem 0 !important; padding:0;}
  .row {min-width:100%; height:auto; display:flex; flex-direction:row; justify-content:start; margin:0 0 1rem 0; padding:0; text-decoration:none;}
  
  p {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; line-height:1.2rem; margin:0 1rem 0 0 !important; padding:0;  text-decoration:none;}
  .row p:first-child {width:50%;}
  .row p:nth-child(2) {width:50%;}
  .row p:nth-child(3) {width:50%;}
  .row p:last-child {width:50%; margin:0 !important; white-space: nowrap;}
  
  .foto {display:none;}
  
  .nosotros {width:94%; height:auto; display:flex; flex-direction:column; justify-content:start;  margin:0; padding:0 3%; position:absolute; top: 20%; left:0;}
  .cca {width:100%; height:auto; column-count:1; column-gap:10%; margin:0 auto 3rem auto; padding:0;}
  
  .estudio {width:100%; height:auto; display:flex; flex-direction:column-reverse;  justify-content:space-between; margin: 0 auto 3rem auto; padding:0;}
  .texto {width:100%; height:auto; margin:0; padding:0;}
  .texto p {width:100%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; line-height:1.2rem; font-weight:300; margin:0 0 1.5rem 0 !important; padding:0; text-align:justify;}
  .imagen {width:100%; height:auto; display:flex; justify-content:start; align-items:start; margin:0 0 1.5rem 0; padding:0;}
  .imagen img {width:100%; height:100%; object-fit:cover; margin:0; padding:0;}
  
  .generales {width:100%; height:auto; display:flex; flex-direction:column; justify-content:space-between; margin:0 auto 3rem auto; padding:0;}
  .equipo {width:100%; height:auto; display:flex; justify-content:space-between; margin:0 0 3rem 0; padding:0;}
  .socios, .colaboradores {width:45%; height:auto;}
  .colaboradores p {line-height:1.4rem; margin:0 !important;}
  .location {width:100%; height:auto; display:flex; justify-content:space-between; margin:0; padding:0;}
  .address, .links {width:45%; height:auto;}
  .premios {width:100%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 auto 5rem auto; padding:0;}
  .premios h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 1rem 0; padding:0;}
  .premios h2 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1rem; font-weight:400; color:black; margin:1rem 0; padding:0;}
  .premios p {width:100%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:black; line-height:1.4rem; margin:0; padding:0;}
  .premios span {width:100%; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1.5rem 0; padding:0;}
   
  .media {width:100%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0 auto 3rem auto; padding:0;}
  .top, .complete {width:100%; height:auto; display:flex; justify-content:space-between; margin:0 0 2rem 0; padding:0;}
  .complete {margin:0;}
  .awards, .publications {width:45%; height:auto; display:flex; flex-direction:column; justify-content:start; margin:0; padding:0; }
  
  .media h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 1rem 0; padding:0;}
  .media h2 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1rem; font-weight:400; color:black; margin:1rem 0; padding:0;}
  .media p {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.75rem; font-weight:300; color:black; line-height:1.2rem; margin:0; padding:0;}
  .media span {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.75rem; font-weight:300; color:#999; line-height:1.2rem; margin:0 0 1.5rem 0; padding:0;}
  
  .noticias {width:94%; height:auto; display: grid;  gap:3rem; margin:0; padding:0 3%; position:absolute; top: 20%; left:0;}
  
  .post {width:100%; height:auto; display:flex; flex-direction:column; justify-content: start; align-items:start; margin:0 0 2rem 0 !important; padding:0;}
  
  .news {width:94%; height:auto; display:grid; grid-template-columns:1fr; gap:3rem; align-items:stretch;  margin:0; padding:0 3% !important; position:absolute; top: 20%; left:0;}
  .arti {width:100%; height:100%; display:flex; flex-direction:column; margin:0; padding:0;}
  
  .gallery {width:100%; height:auto; text-align:center; position:relative; margin:0 0 2rem 0; padding:0; overflow:hidden;}
  .gallery img {width:100%; height:auto; max-height:40vh; margin:0; padding:0;}
  .nota {width:100%; height:auto; margin:0; padding:0;} 
  .nota h1 {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:1.2rem; font-weight:400; color:black; margin:0 0 1rem 0; padding:0;}
  .nota p, .nota a {width:auto; height:auto; font-family: "Inter Tight", sans-serif; font-size:0.8rem; font-weight:300; color:#999; line-height:1.4rem; margin:0 0 1rem 0 !important; padding:0; text-align:justify;}
  .nota a {text-decoration:underline; color:black;}
  
}


@media only screen and (orientation:landscape) and (max-width:992px){.aviso {display:block !important; width:100%; height:100% !important;} .container {display:none;}}