.titulo-160{font-family:var(--titular);font-weight:800;font-size:calc(7.2rem * var(--escala));letter-spacing:var(--tracking);line-height:6.3rem;text-transform:uppercase}
.titulo-32{font-family:var(--titular);font-weight:700;font-size:calc(3.2rem * var(--escala));letter-spacing:var(--tracking);line-height:3.3rem;text-transform:uppercase}

.esencia-anclas{display:flex;flex-direction:column;gap:.6rem}
.esencia-ancla{padding:.5rem 0;color:var(--negro);font-size:2.6rem;letter-spacing:0;line-height:1.2}
.esencia-ancla .enlace-barra{background:var(--gris)}

.subservicio-cabeza,.subservicio-cuerpo,.subservicio-proyectos,.subservicio-hablemos{background:var(--negro);color:var(--gris)}
.subservicio-cabeza{padding:12rem var(--margen) 0}
.subservicio-rotulo{font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:-.053em;line-height:1.15;text-align:center}
.subservicio-lema{margin:3.6rem 0 4rem;font-family:var(--titular);font-weight:900;font-size:3.6rem;letter-spacing:0;line-height:1.05;text-transform:uppercase}
.subservicio-foto{position:relative;aspect-ratio:4/3;border-radius:1rem;overflow:hidden}
.subservicio-foto .paralaje{position:absolute;inset:0}
.subservicio-cuerpo{display:flex;flex-direction:column;gap:6rem;padding:6rem var(--margen) 8rem}
.subservicio-texto{display:flex;flex-direction:column;gap:2rem;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.7rem;letter-spacing:-.04em;line-height:1.3}
.subservicio-area,.subservicio-pregunta{box-shadow:inset 0 1px currentColor;interpolate-size:allow-keywords}
.subservicio-area:last-child,.subservicio-pregunta:last-child{box-shadow:inset 0 1px currentColor,0 1px currentColor}
.subservicio-area::details-content,.subservicio-pregunta::details-content{block-size:0;overflow:clip;overflow-clip-margin:.6rem;transition:block-size .6s var(--expo-sale),content-visibility .6s allow-discrete}
.subservicio-area[open]::details-content,.subservicio-pregunta[open]::details-content{block-size:auto}
.subservicio-fila{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:5.6rem;padding:1rem 0;font-family:var(--titular);font-weight:700;font-size:2.6rem;letter-spacing:0;line-height:1.2;text-transform:uppercase;list-style:none;cursor:pointer}
.subservicio-fila::-webkit-details-marker{display:none}
.subservicio-fila h3{font:inherit}
.subservicio-signo{flex:none;width:2.2rem;height:2.2rem}
[open]>.subservicio-fila .subservicio-signo-vertical{display:none}
.subservicio-area-lista{padding-bottom:1.8rem;font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:2rem;line-height:1.27;list-style:none}
.subservicio-area-lista a{transition:color .2s linear}
.subservicio-area-lista a:hover{color:var(--verde)}
.subservicio-proyectos{padding:0 var(--margen) 8rem}
.subservicio-proyectos-titulo{margin-bottom:3rem;font-family:var(--titular);font-weight:900;font-size:3.6rem;letter-spacing:0;line-height:1.05;text-align:center;text-transform:uppercase}
.subservicio-tarjetas{display:grid;gap:1.2rem}
.subservicio-tarjeta{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:2rem;aspect-ratio:4/5;padding:2rem;border-radius:1rem;overflow:hidden;color:var(--gris)}
.subservicio-tarjeta>img{position:absolute;inset:0}
.subservicio-tarjeta .trabajo-titulo,.subservicio-tarjeta .trabajo-datos{position:relative}
.subservicio-hablemos{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:8rem var(--margen);text-align:center}
.subservicio-grano{color:var(--verde);font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:2rem;letter-spacing:-.053em;line-height:1.2;text-transform:uppercase}
.subservicio-boton{font-weight:900;font-size:3.2rem;letter-spacing:.01em}
.subservicio-boton .boton-frente{padding:1rem 3rem}
.subservicio-preguntas{padding:8rem var(--margen);background:var(--gris);color:var(--negro)}
.subservicio-respuesta{display:flex;flex-direction:column;gap:1.6rem;padding-bottom:3rem;font-family:Inter,system-ui,sans-serif;font-weight:500;font-size:1.6rem;letter-spacing:-.04em;line-height:1.3}
.subservicio-respuesta strong{font-weight:700}

.areas{position:relative}
.area{position:relative;display:flex;flex-direction:column;padding:12rem var(--margen)}
.area-clara{background:var(--gris);color:var(--negro)}
.casos{padding:15rem 0;background:var(--negro);color:var(--gris);overflow:hidden}
.casos-arriba{display:flex;flex-direction:column;gap:3rem;padding:0 var(--margen) 4rem}
.casos-capas{display:grid}
.casos-capa{grid-area:1 / 1}
.casos-capa[aria-hidden="true"]{opacity:0;visibility:hidden}
.casos-nota{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem;max-width:33.5rem}
.casos-pista{display:flex;gap:1rem;padding:0 var(--margen);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--margen);scrollbar-width:none}
.casos-pista::-webkit-scrollbar{display:none}
.casos-pista::after{content:"";flex:none;width:calc(100vw - 34rem - 3 * var(--margen))}
.casos-foto{flex:none;height:19rem;aspect-ratio:16/9;border-radius:1rem;overflow:hidden;scroll-snap-align:start;opacity:.35;transition:opacity .5s var(--alfa)}
.casos-foto.activo,.casos-foto:hover{opacity:1}
.casos-foto img{pointer-events:none}
.casos-pie{display:flex;flex-direction:column;gap:4rem;padding:4rem var(--margen) 0}
.casos-cifras{display:flex;flex-direction:column;gap:3rem}
.casos-cifra{display:flex;flex-direction:column;gap:1rem}
.casos-cifra dd{max-width:33.5rem}
.casos-control{display:flex;align-items:center;gap:1rem}
.casos-contador{margin-right:auto}
.casos-flecha{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid rgb(236 238 238 / .3);border-radius:.2rem;transition:background-color .2s linear,color .2s linear,border-color .2s linear}
.casos-flecha:hover{background:var(--verde);border-color:var(--verde);color:var(--negro)}
.casos-flecha svg{width:2rem;height:2rem}
.area-oscura{background:var(--negro);color:var(--gris)}
.area-cabeza{display:flex;align-items:flex-start;gap:2rem}
.area-clara .area-cabeza .etiqueta{background:var(--negro);color:var(--gris)}
.area-texto{max-width:52rem;margin:3rem 0 6rem;font-family:Inter;font-weight:500;font-size:1.8rem;letter-spacing:-.05rem;line-height:1.4}
.area-lista{display:grid;column-gap:var(--hueco);list-style:none}
.area-fila{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.8rem 0;border-top:1px solid rgb(236 238 238 / .15)}
.area-clara .area-fila{border-color:rgb(22 24 24 / .15)}
.area-flecha{flex:none;width:2rem;height:2rem;transition:transform .3s var(--expo-sale)}
.area-fila:hover .area-flecha{transform:translate(.3rem,-.3rem)}
.area-fotos{display:grid;gap:var(--hueco);margin-top:8rem}
.area-foto{position:relative;border-radius:1rem;overflow:hidden}
.area-foto .paralaje{position:absolute;inset:0}
.area-foto-ancha{aspect-ratio:16/10}
.area-foto-alta{aspect-ratio:4/5}

.preguntas{display:flex;flex-direction:column;gap:4rem;padding:15rem var(--margen);background:var(--gris);color:var(--negro)}
.preguntas-cabeza{display:flex;flex-direction:column;align-items:flex-start;gap:2.4rem}
.preguntas-cabeza .etiqueta{background:var(--negro);color:var(--gris)}
.preguntas-lista{border-bottom:1px solid rgb(22 24 24 / .2)}
.pregunta{border-top:1px solid rgb(22 24 24 / .2)}
.pregunta-titulo{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:2.4rem 0;cursor:pointer;list-style:none}
.pregunta-titulo::-webkit-details-marker{display:none}
.pregunta-signo{flex:none;width:2.4rem;height:2.4rem}
.pregunta[open] .pregunta-vertical{display:none}
.pregunta-respuesta{display:flex;flex-direction:column;gap:1.6rem;max-width:56rem;padding-bottom:3rem}

@media (min-width:768px){
  .subservicio-tarjetas{grid-template-columns:1fr 1fr}
}

@media (min-width:768px) and (max-width:1199px){
  .titulo-160{font-size:calc(12rem * var(--escala));line-height:10.4rem}
  .preguntas-titulo{max-width:60rem}
}

@media (min-width:1200px){
  .titulo-160{font-size:calc(16rem * var(--escala));line-height:13.92rem}
  .titulo-32{font-size:calc(3.2rem * var(--escala))}

  .esencia-despues{--x:99.6;--y:29.9}
  .esencia-resto{--d:100;--y:783.7}
  .esencia-texto{position:absolute;left:calc(1329.4 * 100cqw / 1920);top:calc(88.9 * 100cqw / 1920)}
  .esencia-anclas{position:absolute;left:calc(102.7 * 100cqw / 1920);top:calc(744.8 * 100cqw / 1920)}
  .esencia-anclas{gap:calc(25.28 * 100cqw / 1920)}
  .esencia-ancla{padding:0;font-size:calc(33.75 * 100cqw / 1920)}

  .subservicio-cabeza{padding:10.37rem 0 0}
  .subservicio-rotulo{font-size:2.175rem;letter-spacing:-.115rem}
  .subservicio-lema{max-width:120.47rem;margin:5.74rem 0 4.6rem 9.5rem;font-size:5.25rem;line-height:1.2}
  .subservicio-foto{height:78rem;margin:0 1.5rem;aspect-ratio:auto;border-radius:.7rem}
  .subservicio-cuerpo{display:grid;grid-template-columns:36.14rem 64.35rem;column-gap:27.51rem;align-items:start;padding:5.18rem 0 0 8.27rem}
  .subservicio-areas{grid-column:1;grid-row:1;margin-top:.69rem}
  .subservicio-texto{grid-column:2;grid-row:1;gap:2.5rem;font-size:2.175rem;letter-spacing:-.115rem;line-height:1.15;hyphens:auto}
  .subservicio-fila{height:5.09rem;min-height:0;padding:0 1.52rem 0 0;font-size:2.53rem}
  .subservicio-signo{width:1.66rem;height:1.66rem}
  .subservicio-area-lista{padding-bottom:1.32rem;font-size:1.95rem}
  .subservicio-proyectos{padding:6.3rem 1.5rem 5.57rem}
  .subservicio-proyectos-titulo{margin-bottom:3.77rem;font-size:5.25rem;line-height:1.2}
  .subservicio-tarjetas{gap:1.87rem}
  .subservicio-tarjeta{aspect-ratio:927.9/980;padding:2.62rem 2.12rem 3.05rem 2.31rem;border-radius:.7rem}
  .clientes-corta{height:max(60.4rem,600px);min-height:0}
  .subservicio-hablemos{gap:2.84rem;padding:5.84rem 0 12.1rem}
  .subservicio-grano{font-size:3rem}
  .subservicio-boton{font-size:4.37rem}
  .subservicio-boton .boton-frente{width:28.6rem;padding:0 0 .9rem;line-height:7.46rem}
  .subservicio-preguntas{padding:8.21rem 17.58rem 8.01rem}
  .subservicio-respuesta{gap:2.5rem;padding:2.39rem 2.13rem 4.15rem 3.41rem;font-size:2.175rem;letter-spacing:-.115rem;line-height:1.14}

  .area{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--hueco);padding:15rem var(--margen)}
  .area-cabeza{grid-column:1 / -1}
  .area-nombre{white-space:nowrap}
  .area-texto{grid-column:1 / 5;margin:4rem 0 0}
  .area-lista{grid-column:7 / 13;grid-template-columns:1fr 1fr;align-self:start;margin-top:4rem}
  .area-fotos{grid-column:1 / -1;grid-template-columns:8fr 4fr;align-items:end;margin-top:12rem}
  .casos{padding:18rem 0}
  .casos-arriba{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--hueco);align-items:end}
  .casos-titulo{grid-column:1 / 6}
  .casos-arriba .casos-capas{grid-column:10 / 13}
  .casos-pista{gap:var(--hueco)}
  .casos-pista::after{width:calc(100vw - 77.5rem - 3 * var(--margen))}
  .casos-foto{height:43.6rem}
  .casos-pie{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--hueco);align-items:end}
  .casos-pie .casos-capas{grid-column:1 / 10}
  .casos-cifras{display:grid;grid-template-columns:1fr 1fr;gap:var(--hueco)}
  .casos-control{grid-column:10 / 13;justify-content:flex-end}
  .casos-contador{margin-right:2rem}

  .preguntas{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--hueco);align-items:start}
  .preguntas-cabeza{grid-column:1 / 6}
  .preguntas-lista{grid-column:7 / 13}
}