body {
    background: linear-gradient(135deg, #e6eaeb, #2575fc, #8ff3fa);
    font-family: 'Arial', sans-serif;
}

.card {
    border: none;
    border-radius: 15px;
}

.card h3 {
    font-weight: bold;
    color: #333;
}

.btn-primary {
    background-color: #2575fc;
    border: none;
}

.btn-primary:hover {
    background-color: #dbdbdb;
}

.form-check-label {
    font-size: 0.9em;
    color: #555;
}

.text-center a {
    color: #2575fc;
    text-decoration: none;
}

.text-center a:hover {
    text-decoration: underline;
}
/* Estilo base para los enlaces del navbar */
.nav-link-hover {
    transition: all 0.3s ease;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

/* Efecto al pasar el puntero */
.nav-link-hover:hover {
    color: #000000 !important; /* Cambia el color a amarillo */
    transform: scale(1.1); /* Aumenta ligeramente el tamaño */
}

/* Íconos más grandes */
.nav-link-hover i {
    font-size: 1.2rem;
    margin-right: 0.3rem;
}

/* Footer */
footer {
    font-size: 0.9rem;
}

footer h5 {
    margin-bottom: 1rem;
    font-weight: bold;
    color: #ffffff;
}

footer a.text-white:hover {
    color: #000000 !important; /* Cambia el color al pasar el puntero */
    text-decoration: none;
}

footer i.fab {
    transition: transform 0.3s ease;
}

footer i.fab:hover {
    transform: scale(1.2); /* Aumenta el tamaño del ícono al pasar el puntero */
}