/* ============================================================ NOSOTROS - nosotros.html unicamente Se carga DESPUES de base-v2.css (header, hero, boton, label, CTA, footer, revelado) y de servicio.css (seccion clara de lectura y filas alternadas). Aqui solo va lo propio de esta pagina. Todo esta bajo .nosotros, la tercera clase del : ============================================================ */ /* ============================================================ HERO - las tres fotos de la tienda en cruce lento El mecanismo ya existe en estilos.css (.hero-slider con la animacion heroFade de 24s). Aqui solo se mete dentro del hero nuevo, que mide 100svh y lleva el degradado del sistema. Las fotos son el local de la empresa: son material, no fondo. ============================================================ */ .nosotros .hero-media{overflow:hidden} .nosotros .hero-slider{position:absolute;inset:0;z-index:0} /* Las fotos dejaron de ser fondo de CSS y ahora son de verdad, para poder aplazar la segunda y la tercera. Cada se coloca encima de su .slide y la llena igual que hacia background-size:cover. Va absoluta y no estatica porque cuando el visitante tiene el JavaScript apagado la etiqueta