/* Tipografía base */
body {
    font-family: 'Geist';
    background: #fff;
}

/* HERO */
.hero {
    background: url("hero.jpg") center/cover no-repeat;
    height: 480px;
}

/* Tarjetas blancas */
.custom-card {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}

/* Sección azul */
.section-blue {
    background: #0050FF;
}

/* Estilo del navbar */
.nav-link {
    color: #333 !important;
}

.nav-link:hover {
    color: #0050FF !important;
}

/* Botón principal */
.btn-primary {
    background-color: #0050FF;
    border: none;
    border-radius: 8px;
    padding: 12px 28px;
    font-weight: 600;
}

.btn-primary:hover {
    opacity: 0.88;
}

/* Texto */
h1, h2, h3 {
    letter-spacing: -0.5px;
}