@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════════
   Nosotros — página 2 del PDF (1920 × 3945,8 pt).
   Necesita base.css cargado antes.

   Coordenadas: la y del PDF menos el inicio de la sección. Cada bloque lleva
   escrita la resta. Detalle de las secciones en docs/03-ESTRUCTURA.md.
   ═══════════════════════════════════════════════════════════════════════ */

.foto-hero    {height:68.90rem;background:var(--azul);overflow:hidden}
.historia     {height:63.63rem;background:var(--violeta)}
.valores      {height:30.22rem;background:var(--blanco)}
.equipo       {height:71.82rem;background:var(--azul);overflow:hidden}
.ventajas     {height:50.55rem;background:var(--violeta)}
.clientes     {height:50.09rem;background:var(--blanco)}
.seguir       {height:37.84rem;background:var(--violeta)}
.pie-seccion  {height:21.53rem;background:var(--blanco);overflow:hidden}

/* ═══ FOTO A SANGRE ═══════════════════════════════ y del PDF 0 → 689 ══ */

/* La foto va girada −90,74°: en el PDF es un retrato de 1200×1800 puesto de
   lado. Colocarla por su bounding box la dejaba recta y deformada. */
.foto-fondo{
  position:absolute;
  left:-9.12rem;top:103.753rem;
  width:138.294rem;height:207.441rem;
  transform:rotate(-90.74deg);
  transform-origin:0 0;
}

/* El PDF oscurece la foto con una capa negra. El factor se sacó ajustando
   los píxeles de los dos renders: 0,651, o sea negro al 34,9 %. Aplicarlo
   baja el error medio de la franja de 62 a 2 sobre 255. */
.velo{
  position:absolute;inset:0;
  background:#000;opacity:.349;
}

/* ═══ NUESTRA HISTORIA ══════════════════════ y del PDF − 689 ═════════ */

.historia h1{font-weight:400;font-size:inherit}

.caja-historia{
  left:58.9rem;top:15.87rem;
  width:30.94rem;height:10.7rem;
  border-radius:1.08rem;
  background:var(--blanco);
  transform:rotate(-1.85deg);
}
.hs-nuestra{
  left:61.02rem;top:calc(23.98rem - var(--asc-sans) * 7.1rem);
  font-size:7.1rem;color:var(--violeta);
  transform:rotate(-2.19deg);
  transform-origin:left calc(var(--asc-sans) * 1em);
}
.hs-historia{
  left:91.56rem;top:calc(24.65rem - var(--asc-serif) * 12rem);
  font-size:12rem;color:var(--blanco);
  transform:rotate(-2.19deg);
  transform-origin:left calc(var(--asc-serif) * 1em);
}

/* El párrafo está CENTRADO, no alineado a la izquierda: las cinco líneas
   empiezan en x distintas y comparten centro en 996. Por eso va como bloque
   centrado y no como cinco cadenas colocadas una a una. */
.hs-texto{
  position:absolute;
  left:61.6rem;width:76rem;
  top:calc(32.8rem - (var(--asc-sans) + .13) * 2.842rem);
  font-size:2.842rem;color:var(--blanco);
  line-height:calc(3.41 / 2.842);
  text-align:center;
}
.hs-texto .desvanecido{opacity:.2}

.hs-lee{left:85.53rem;top:49.53rem;width:20.96rem;height:4.92rem}
.hs-lee .serif{left:1.43rem;top:calc(3.62rem - var(--asc-serif) * 3.794rem)}

/* ═══ MEET OUR VALUES ═══════════════════════ y del PDF − 1325,3 ══════ */

.valores h2{font-weight:400;font-size:inherit}

/* OJO con los espacios iniciales: en el PDF estos dos textos son " Values" y
   " Nuestro ", con un espacio delante que forma parte del fragmento. La `x`
   que da PyMuPDF es la del cursor, no la del primer trazo, así que hay que
   sumarle el ancho del espacio: 0,226 em en Albra y 0,3 em en Atyp. Sin eso
   la palabra se pega a la anterior. */
.vl-meet  {left:61.74rem;top:calc(12.86rem - var(--asc-sans) * 7.1rem); font-size:7.1rem;color:var(--violeta)}
/* "Values" es el único fragmento de todo el PDF donde get_text() y
   get_texttrace() discrepan: el primero da la línea base de la línea entera
   (931,7 · 1453,9) y el segundo la real del fragmento (954,9 · 1461,4).
   Con la del dict la palabra quedaba 7 px alta y 23 pegada a "our". */
.vl-values{left:95.49rem;top:calc(13.61rem - var(--asc-serif) * 12rem); font-size:12rem; color:var(--amarillo)}

.valor img{position:absolute}
.valor span{font-size:3.963rem;color:var(--violeta-texto)}

.v1 img{left:58.164rem;top:19.553rem;width:2.616rem;height:2.617rem}
.v2 img{left:81.401rem;top:19.447rem;width:1.58rem;height:2.842rem}
.v3 img{left:109.945rem;top:19.515rem;width:2.694rem;height:2.694rem}

.v1 span{left:61.72rem; top:calc(21.85rem - var(--asc-sans) * 3.963rem)}
.v2 span{left:84.42rem; top:calc(21.84rem - var(--asc-sans) * 3.963rem)}
.v3 span{left:114.44rem;top:calc(22.27rem - var(--asc-sans) * 3.963rem)}

/* ═══ NUESTRO EQUIPO ════════════════════════ y del PDF − 1627,5 ══════ */

.equipo h2{font-weight:400;font-size:inherit}

.caja-equipo{
  left:91.56rem;top:7.63rem;
  width:39.86rem;height:13.58rem;
  border-radius:1.38rem;
  background:var(--blanco);
  transform:rotate(-1.84deg);
}
.eq-nuestro{left:62.55rem;top:calc(16.9rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--blanco)}
.eq-equipo{
  left:93.63rem;top:calc(17.82rem - var(--asc-serif) * 12rem);
  font-size:12rem;color:var(--violeta);
  transform:rotate(-1.61deg);
  transform-origin:left calc(var(--asc-serif) * 1em);
}

/* Los retratos: cada uno con su tamaño y posición del PDF, no una rejilla.
   El diseño los escalona a distintas alturas a propósito. */
.ficha img{position:absolute}
.f1 img{left:19.275rem;top:21.261rem;width:31.489rem;height:35.951rem}
.f2 img{left:60.569rem;top:18.294rem;width:30.105rem;height:40.140rem}
.f3 img{left:101.919rem;top:22.173rem;width:20.840rem;height:37.049rem;transform:rotate(.11deg);transform-origin:0 0}
.f4 img{left:142.942rem;top:26.086rem;width:17.123rem;height:32.932rem}

.ficha .cargo{background:var(--violeta);transform:rotate(-3.03deg)}
.f1 .cargo{left:24.96rem; top:56.15rem;width:19.78rem;height:4.55rem;border-radius:.5rem}
.f2 .cargo{left:61.17rem; top:54.89rem;width:26.59rem;height:4.96rem;border-radius:.62rem;transform:rotate(-.34deg)}
.f3 .cargo{left:97.86rem; top:54.77rem;width:29.19rem;height:4.54rem;border-radius:.61rem}
.f4 .cargo{left:136.36rem;top:55.47rem;width:29.19rem;height:4.54rem;border-radius:.61rem}

.ficha .puesto{
  font-size:4.565rem;color:#f5e200;
  transform:rotate(-3.22deg);
  transform-origin:left calc(var(--asc-serif) * 1em);
}
.f1 .puesto{left:30.1rem;  top:calc(60.34rem - var(--asc-serif) * 4.565rem)}
.f2 .puesto{left:62.77rem; top:calc(58.81rem - var(--asc-serif) * 4.565rem);transform:rotate(-.53deg)}
.f3 .puesto{left:98.43rem; top:calc(59.38rem - var(--asc-serif) * 4.565rem)}
.f4 .puesto{left:136.94rem;top:calc(60.08rem - var(--asc-serif) * 4.565rem)}

.ficha .nombre{font-size:2.807rem;color:var(--blanco)}
.f1 .nombre{left:24.88rem; top:calc(63.49rem - var(--asc-sans) * 2.807rem)}
.f2 .nombre{left:62.53rem; top:calc(62.8rem - var(--asc-sans) * 2.807rem)}
.f3 .nombre{left:107.08rem;top:calc(61.84rem - var(--asc-sans) * 2.807rem)}
.f4 .nombre{left:146.56rem;top:calc(62.54rem - var(--asc-sans) * 2.807rem)}

.eq-izq{left:12.115rem;top:41.16rem;width:2.036rem;height:4.042rem}
.eq-der{left:177.874rem;top:41.16rem;width:2.036rem;height:4.042rem}

/* ═══ WHAT YOU'LL GET ═══════════════════════ y del PDF − 2345,7 ══════ */

.ventajas h2{font-weight:400;font-size:inherit}

.vt-what{left:66.35rem;top:calc(17.25rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--blanco)}
.vt-get {left:107.7rem;top:calc(17.36rem - var(--asc-serif) * 12rem);font-size:12rem;color:var(--amarillo)}

.ventaja .et{font-size:3.963rem;color:var(--blanco)}
.ventaja .caja{background:var(--amarillo);height:4.66rem;top:27.79rem}
.ventaja .vv{font-size:3.794rem;color:var(--violeta)}

.g1 .et{left:42.67rem} .g2 .et{left:68.94rem}
.g3 .et{left:95.96rem} .g4 .et{left:125.55rem}
.ventaja .et{top:calc(27.01rem - var(--asc-sans) * 3.963rem)}

.g1 .caja{left:41.03rem;width:17.97rem;border-radius:1.02rem}
.g2 .caja{left:63.29rem;width:26.37rem;border-radius:1.23rem}
.g3 .caja{left:92.54rem;width:26.37rem;border-radius:1.23rem}
.g4 .caja{left:121.78rem;width:32.4rem;border-radius:1.37rem}

.g1 .vv{left:43.08rem; top:calc(31.04rem - var(--asc-serif) * 3.794rem)}
.g2 .vv{left:65.01rem; top:calc(31.24rem - var(--asc-serif) * 3.794rem)}
.g3 .vv{left:96.4rem;  top:calc(31.24rem - var(--asc-serif) * 3.794rem)}
.g4 .vv{left:123.04rem;top:calc(31.17rem - var(--asc-serif) * 3.794rem)}

/* ═══ OUR CLIENTS ═══════════════════════════ y del PDF − 2851,2 ══════ */

.clientes h2{font-weight:400;font-size:inherit}

.caja-our{
  left:67.43rem;top:7.78rem;
  width:18.93rem;height:10.71rem;
  border-radius:.84rem;
  background:var(--amarillo);
  transform:rotate(-1.85deg);
}
.cl-our{
  left:70.73rem;top:calc(15.43rem - var(--asc-sans) * 7.1rem);
  font-size:7.1rem;color:var(--violeta);
  transform:rotate(-2.19deg);
  transform-origin:left calc(var(--asc-sans) * 1em);
}
.cl-clients{
  left:88.81rem;top:calc(14.98rem - var(--asc-serif) * 12rem);
  font-size:12rem;color:var(--violeta);
  transform:rotate(-2.19deg);
  transform-origin:left calc(var(--asc-serif) * 1em);
}
.cl-tira{position:absolute;left:18.237rem;top:24.226rem;width:155.551rem;height:14.821rem}

/* ═══ FOLLOW US ═════════════════════════════ y del PDF − 3352,1 ══════ */

.seguir h2{font-weight:400;font-size:inherit}

.sg-follow{left:34.8rem;top:calc(25.66rem - var(--asc-sans) * 7.1rem);font-size:7.1rem;color:var(--amarillo)}
.sg-us    {left:58.51rem;top:calc(26.32rem - var(--asc-serif) * 12rem);font-size:12rem;color:var(--blanco)}

.sg-iconos{position:absolute;left:87.05rem;top:14.884rem;width:70.294rem;height:7.381rem}
.zona-red{position:absolute;top:14.5rem;height:8.2rem;display:block}
.r-fb{left:86.8rem; width:9rem}
.r-ig{left:104.6rem;width:11rem}
.r-tt{left:126rem;  width:10rem}
.r-in{left:146rem;  width:11.6rem}

/* En el PDF esta línea va en Ubuntu Light, la única aparición de esa fuente
   en toda la página. Aquí va en Atyp a la espera de que el cliente confirme.
   Ver docs/05-PENDIENTE-CLIENTE.md, punto 12. */
.sg-usuario{
  left:141.16rem;top:calc(26.45rem - var(--asc-sans) * 3.5rem);
  font-size:3.5rem;color:var(--blanco);
}

/* ═══ PIE ═══════════════════════════════════ y del PDF − 3730,5 ══════ */

.logo-pie{left:11.25rem;top:4.88rem;width:14.73rem;height:11.77rem}
.mosaico {left:77.619rem;top:.233rem;width:114.405rem;height:20.993rem}

/* ═══ COLUMNA FLOTANTE DE REDES ═══════════════════════════════════════ */
/* Va sobre el documento: en esta página arranca en y 2255 del PDF. */

.redes{left:176.193rem;top:226.046rem;height:47.446rem}
.z-mail{top:.6rem}
.z-fb  {top:7.4rem}
.z-ig  {top:13.8rem}
.z-tt  {top:20.2rem}
.z-in  {top:26.6rem}
.z-wa  {top:38.5rem;height:9.5rem}