body {
    font-family: 'Inter', sans-serif;
    background-color: #fcfcfc;
    /* Un gris muy, muy claro */
    color: #212529;
}

.card {
    border-radius: 16px;
    border: none;
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
}

.btn-dark {
    border-radius: 8px;
}

.modal-content {
    border-radius: 15px;
}

.navbar {
    background-color: #ffffff !important;
    /* Blanco puro para máxima elegancia */
    border-bottom: 1px solid #eaeaea !important;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-brand {
    font-size: 1.5rem;
    letter-spacing: -0.5px;
}

/* Mejora para el logo */
.navbar-brand div {
    background-color: #f0f0f0;
    /* Espacio para el logo */
    border: 1px solid #e0e0e0;
}

.img-logo {
    height: 45px; /* Ajusta este valor para hacerlo más grande o pequeño */
    width: auto;
    object-fit: contain;
    display: block; /* Ayuda a evitar espacios extra debajo de la imagen */
}

/* Opcional: un efecto suave al pasar el mouse por encima */
.img-logo:hover {
    transform: scale(1.05);
}