/* Growing · /apuntate/. Cabecera a sangre con el móvil y el portátil como imagen.
   Sin tipografías, colores ni textos nuevos: todo sale de home2026.css. */

.apu{position:relative;background:var(--noche);color:#fff;overflow:hidden;height:1040px;
  display:flex;align-items:flex-end;padding:0 0 64px}
.apu .foto{position:absolute;inset:0}
.apu .foto img{width:100%;height:100%;object-fit:cover;object-position:center 30%;
  filter:grayscale(1) contrast(1.07) brightness(.82)}
.apu .foto::after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(7,16,12,.25),rgba(7,16,12,.15) 30%,rgba(7,16,12,.92) 100%),
  linear-gradient(115deg,rgba(11,110,76,.3),rgba(114,227,173,.15))}
.apu .env{position:relative;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;align-items:end}
.apu .miga{font-family:var(--m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gris-osc);margin-bottom:14px}
.apu .miga b{color:var(--menta);font-weight:500}
.apu h1{font-family:var(--d);font-weight:900;font-size:clamp(34px,3.8vw,54px);line-height:.94;
  letter-spacing:-.045em;text-transform:uppercase;max-width:14ch}
.apu h1 em{font-style:normal;color:var(--menta)}
.apu .entradilla{margin-top:18px;font-size:17px;line-height:1.5;color:#B8CBC1;max-width:44ch}
.apu .leadform{max-width:520px}
.apu .fine{margin-top:12px}
.apu .condi{padding-top:6px}

/* dispositivos */
.apu .disp{position:absolute;right:-120px;top:88px;width:900px;height:560px;pointer-events:none}
.apu .portatil{position:absolute;right:0;top:0;width:872px}
.apu .movil{position:absolute;left:0;top:190px;width:204px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}

@media(max-width:1180px){
  .apu .disp{right:-260px}
}
@media(max-width:900px){
  .apu{height:auto;padding:104px 0 56px;display:block}
  .apu .env{grid-template-columns:1fr;gap:28px}
  .apu .disp{position:relative;right:auto;top:auto;width:100%;height:auto;margin:0 0 8px}
  .apu .portatil{position:relative;width:100%;display:block}
  .apu .movil{position:absolute;left:-6px;bottom:-18px;top:auto;width:32%;max-width:180px}
  .apu h1{max-width:none}
}