/* Importar una fuente limpia, similar a la del diseño (ej. Poppins o Montserrat) */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap');

body {
    font-family: 'Montserrat', sans-serif;
    color: #1a1a1a;
}

.fw-extrabold {
    font-weight: 800;
}

.hero-title {
    line-height: 1.1;
    letter-spacing: -1px;
}

/* Color azul característico del botón y acentos */
.btn-primary {
    background-color: #0022ff;
    border-color: #0022ff;
}

.btn-primary:hover {
    background-color: #001acc;
    border-color: #001acc;
}

.text-primary {
    color: #0022ff !important;
}

/* Altura mínima para los placeholders de imágenes mientras colocas las reales */
.min-vh-50 {
    min-height: 400px;
    background-size: cover;
    background-position: center;
}

/* Fondo decorativo sutil para la sección CTA */
.cta-section {
    background: linear-gradient(135deg, #ffffff 0%, #f4f6fc 100%);
    border: 1px solid #eaeaea;
}

/* Ajustes responsivos menores */
@media (max-width: 991px) {
    .hero-title {
        font-size: 2.5rem;
    }
    .min-vh-50 {
        min-height: 300px;
    }
}