/* Paleta:
   Primary: #2C3E50
   Secondary: #3498DB
   Accent: #E74C3C
   Background: #ECF0F1
   Texto: #333
*/

body {
    font-family: Arial, sans-serif;
    background-color: #ECF0F1;
    color: #333;
    margin-top: 70px;
}

.navbar {
    background-color: #2C3E50;
}

.navbar-brand, .nav-link, .dropdown-item {
    color: #ECF0F1 !important;
}

.nav-link:hover, .dropdown-item:hover {
    color: #3498DB !important;
}

.section {
    padding: 80px 0;
}

.bg-home {
    background-color: #ECF0F1;
}

.card {
    border: none;
}

.btn-primary {
    background-color: #3498DB;
    border-color: #3498DB;
}

.btn-primary:hover {
    background-color: #2980B9;
    border-color: #2980B9;
}

/* Efecto fade-in */
.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.fade-in.visible {
    opacity: 1;
}