/* css/style.css */
:root {
    --primary: #1e293b;
    --accent: #10b981; /* Verde esmeralda para bienestar */
    --light: #f8fafc;
}

body { font-family: 'Inter', sans-serif; background-color: var(--light); color: var(--primary); margin: 0; }

/* Hero con tu imagen de familia.png */
.hero-buenavista {
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1)), 
                url('../img/familia.png') center/cover no-repeat;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Efecto de degradado inferior para que el texto sea legible */
.hero-buenavista::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(transparent, var(--light));
}

.img-container {
    border-radius: 2.5rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}