/* Base overrides y utilidades extra que no se cubren fácil con Tailwind inline */

html {
    scroll-behavior: smooth;
    /* Ajuste para el header fijo (h-20 en Tailwind = 5rem = 80px) */
    scroll-padding-top: 5rem;
}

/* Efecto suave para imágenes de fondo en proyectos */
.project-bg-hover {
    transition: transform 0.7s ease, filter 0.5s ease;
}

.group:hover .project-bg-hover {
    transform: scale(1.05);
    filter: brightness(0.6);
}

/* Tipografía de marca personalizada si se necesita */
.font-brand {
    font-family: 'Inter', sans-serif;
}