body {
    font-family: 'Arial', sans-serif;
}

.hero {
    background-color: #E6F0F1; /* Fondo tenue */
}

.shadow-img {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); /* Sombreado a la imagen */
    max-width: 300px;
    border-radius: 8px;
}

h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: #1C4358; /* Resalta el texto de Próximamente */
}

p.lead {
    font-size: 1.25rem;
    color: #517581; /* Texto de subtítulo */
}

.btn-primary {
    background-color: #1C4358; /* Resaltar botón */
    border-color: #1C4358;
}

.btn-primary:hover {
    background-color: #517581; /* Efecto hover */
    border-color: #517581;
}