/* ---------------------------------------------------------------------- * app.css — tus estilos custom (overrides, ajustes, animaciones propias). * Este archivo NO se regenera desde Stitch. Editalo libremente. * Se carga al final del , por lo que pisa a cualquier regla * de Tailwind o de los css/.css extraídos de Stitch. * ---------------------------------------------------------------------- */ /* index.html — anclar al tope del hero las tarjetas flotantes (Guía de Trámite + Seguridad). !important + alta especificidad para superar cualquier cache u otra regla. */ section.relative .absolute.bottom-12.right-8.xl\:grid { bottom: auto !important; top: 2rem !important; } /* index.html — subir 100px el bloque de contenido del hero (título, lede y CTAs). Uso transform en lugar de margin para no afectar el flujo del resto. */ section.relative > .relative.z-10.max-w-screen-2xl { transform: translateY(-100px); } /* Si hay más de un bloque bento en el mismo hero (duplicado manualmente en el HTML), el segundo (y siguientes) se apila debajo del primero. Usa el combinador ~ (sibling general): aplica a cualquiera que tenga un hermano previo con las mismas clases. 200px = alto aproximado del bloque. */ section.relative .absolute.bottom-12.right-8.xl\:grid ~ .absolute.bottom-12.right-8.xl\:grid { top: calc(2rem + 200px) !important; }