:root {
    --color-primario: #1cd3d0;
    --color-fondo-body: #111827;
    --color-fondo-tarjeta: #1f2937;
    --color-texto-general: #ffffff;
}
/* ============================================= */
/* == AJUSTES PARA LOGO MÁS GRANDE EN NAVBAR    == */
/* ============================================= */

/* 1. Aumentamos la altura de la barra de navegación en todas las vistas */
.navbar-custom {
    padding-top: 1rem; /* 16px de espacio arriba */
    padding-bottom: 1rem; /* 16px de espacio abajo */
    transition: padding 0.3s ease-in-out; /* Transición suave */
}

/* 2. Definimos el nuevo tamaño del logo */
.navbar-custom .navbar-brand img {
    height: 70px; /* <-- Puedes cambiar este valor (ej: 80px, 90px) */
    width: auto;  /* Para que el ancho se ajuste automáticamente */
}

/* 3. (Opcional) Ajuste para el botón del menú en móvil para que quede centrado */
@media (max-width: 991.98px) {
    .navbar-custom .navbar-toggler {
        align-self: center;
    }
}