/* css/global.css */

/* Importación de tipografía principal */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');

/* Variables de color globales */
:root {
    --primary-color-rgb: 106, 76, 156;
}

/* Clases de fondos Hero (Ajustadas para buscar las imágenes en la carpeta assets) */
.hero-bg {
    background: linear-gradient(to right, rgba(var(--primary-color-rgb), 0.85), rgba(var(--primary-color-rgb), 0.6)), url('../assets/img/byho-hero.jpg') center/cover no-repeat;
}

.hero-bg-sobre-mi {
    background: linear-gradient(to bottom, rgba(var(--primary-color-rgb), 0.7), rgba(var(--primary-color-rgb), 0.9)), url('../assets/img/byho-sobremi.jpg') center/cover no-repeat;
}

.hero-bg-servicios {
    background: linear-gradient(to bottom, rgba(var(--primary-color-rgb), 0.7), rgba(var(--primary-color-rgb), 0.9)), url('../assets/img/hero-servicios.jpg') center/cover no-repeat;
}

.hero-bg-contacto {
    background: linear-gradient(to bottom, rgba(var(--primary-color-rgb), 0.7), rgba(var(--primary-color-rgb), 0.9)), url('../assets/img/hero-contacto.jpg') center/cover no-repeat;
}