@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════════
   We deliver — página 5 del PDF (1920 × 1359,3 pt). La más corta del sitio.
   Necesita base.css cargado antes.

   Coordenadas: la y del PDF menos el inicio de la sección.
   ═══════════════════════════════════════════════════════════════════════ */

.heroe     {height:60.98rem;background:var(--azul);overflow:hidden}
.servicios {height:74.95rem;background:var(--blanco);overflow:hidden}

/* ═══ HÉROE ═══════════════════════════════════════ y del PDF 0 → 609,8 */

.heroe h1{font-weight:400;font-size:inherit}

.hr-a    {left:67.23rem;top:calc(32.95rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--amarillo)}
.hr-new  {left:74.61rem;top:calc(32.95rem - var(--asc-serif) * 12rem);font-size:12rem;color:var(--blanco)}
.hr-level{left:98.72rem;top:calc(32.95rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--amarillo)}

.caja-exp{
  left:61.74rem;top:34.5rem;
  width:68.99rem;height:13.08rem;
  border-radius:2.93rem;
  background:var(--violeta);
  transform:rotate(-1.32deg);
}
.hr-exp{left:66.89rem;top:calc(44.85rem - var(--asc-serif) * 12rem);font-size:12rem;color:var(--blanco)}

/* ═══ NUESTROS SERVICIOS ════════════════════ y del PDF − 609,8 ═══════ */

.servicios h2{font-weight:400;font-size:inherit}

.sv-our     {left:69.18rem;top:calc(14.14rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--violeta)}
.sv-services{left:84.07rem;top:calc(14.14rem - var(--asc-serif) * 12rem);font-size:12rem;color:var(--amarillo)}

/* ── Las cuatro pestañas ─────────────────────────────────────────────── */
/* Las tres inactivas son una caja blanca; la abierta es un contorno
   violeta de 1 pt sobre el fondo blanco de la página. */

.pes .caja{position:absolute;background:var(--blanco)}
.pes .et{color:var(--amarillo)}
.pes .va{color:var(--azul-texto)}

.p1 .caja{left:14.82rem; top:19.43rem;width:28.35rem;height:6.81rem;border-radius:1.94rem}
.p3 .caja{left:102.39rem;top:18.95rem;width:32.54rem;height:7.29rem;border-radius:2.15rem}
.p4 .caja{left:142.28rem;top:18.95rem;width:35.36rem;height:7.29rem;border-radius:2.25rem}

.p2 .caja{
  left:57.47rem;top:19.55rem;
  width:30.55rem;height:6.35rem;
  border-radius:3.18rem;
  background:0;
  border:.1rem solid var(--violeta-texto);
}

.p1 .et{left:17.71rem; top:calc(24.25rem - var(--asc-sans) * 3.963rem); font-size:3.963rem}
.p1 .va{left:32.91rem; top:calc(24.25rem - var(--asc-serif) * 3.963rem);font-size:3.963rem}
.p2 .et{left:60.53rem; top:calc(24.31rem - var(--asc-sans) * 3.963rem); font-size:3.963rem}
.p2 .va{left:73.84rem; top:calc(24.31rem - var(--asc-serif) * 3.963rem);font-size:3.963rem}
.p3 .et{left:104.24rem;top:calc(23.68rem - var(--asc-sans) * 3.963rem); font-size:3.963rem}
.p3 .va{left:121.23rem;top:calc(23.68rem - var(--asc-serif) * 3.963rem);font-size:3.963rem}
.p4 .et{left:143.32rem;top:calc(23.68rem - var(--asc-sans) * 3.963rem); font-size:3.963rem}
.p4 .va{left:153.38rem;top:calc(23.68rem - var(--asc-serif) * 3.963rem);font-size:3.963rem}

/* ── El panel de la pestaña abierta ──────────────────────────────────── */

/* El panel se deja SIN posicionar y su caja se dibuja con ::before. Si el
   panel fuera el contenedor, la lista de dentro se colocaría respecto a él y
   todas las coordenadas de esta hoja dejarían de ser las del PDF. */
.panel{position:static}
.panel::before{
  content:'';position:absolute;
  left:56.81rem;top:26.61rem;
  width:38.97rem;height:16.17rem;
  border-radius:2.48rem;
  background:var(--blanco);
}
.detalle li img{position:absolute}
.detalle li span{font-size:2.842rem;color:var(--violeta)}

.d1 img{left:57.577rem;top:30.119rem;width:2.178rem;height:2.179rem}
.d2 img{left:58.009rem;top:33.315rem;width:1.315rem;height:2.366rem}
.d3 img{left:57.545rem;top:36.722rem;width:2.243rem;height:2.243rem}
.d4 img{left:57.744rem;top:40.23rem;width:1.846rem;height:1.902rem}
.d5 img{left:57.597rem;top:43.507rem;width:2.138rem;height:2.138rem}

.detalle li span{left:60.58rem}
.d1 span{top:calc(31.99rem - var(--asc-sans) * 2.842rem)}
.d2 span{top:calc(35.40rem - var(--asc-sans) * 2.842rem)}
.d3 span{top:calc(38.81rem - var(--asc-sans) * 2.842rem)}
.d4 span{top:calc(42.22rem - var(--asc-sans) * 2.842rem)}
.d5 span{top:calc(45.63rem - var(--asc-sans) * 2.842rem)}

/* ── Flechas del carrusel de pestañas ────────────────────────────────── */

.sv-izq{left:10.427rem;top:21.195rem;width:1.68rem;height:2.799rem}
.sv-der{left:179.726rem;top:21.106rem;width:1.871rem;height:2.978rem}

/* ═══ PIE ═══════════════════════════════════ y del PDF − 609,8 ═══════ */

.logo-pie{left:10.31rem;top:58.6rem;width:14.73rem;height:11.77rem}
.mosaico {left:76.678rem;top:53.956rem;width:115.459rem;height:20.992rem}
