/* Archivo user.css FINAL Y SIMPLE */

/* 1. PALETA DE COLORES PERSONALIZADA (Variables CSS) */
:root {
    /* Color principal: Gris verdoso claro (#ABBBB8) */
    --cassiopeia-color-primary: #ABBBB8;
    
    /* Color de hover: Tono oscuro para sutilidad en botones (#8A9A96) */
    --cassiopeia-color-hover: #8A9A96; 
    
    /* Color de ENLACES: Tono oscuro para buena legibilidad (#8A9A96) */
    --cassiopeia-color-link: #8A9A96; 
    
    /* Color de ENLACES en hover: Aclarar al pasar el ratón (#ABBBB8) */
    --cassiopeia-color-link-hover: #ABBBB8;
}

/* 2. CENTRADO UNIVERSAL DEL LOGO (ESCRITORIO Y MÓVIL) */
.navbar-brand {
    /* Fuerza al contenedor del logo a ocupar todo el ancho */
    width: 100%;
    /* Centra el contenido (tu logo WEBP) */
    text-align: center;
    /* Margen inferior */
    margin-bottom: 5px;
}

/* 3. AJUSTE DE IMAGEN (ASEGURA QUE EL LOGO WEBP ESCALE CORRECTAMENTE) */
.navbar-brand img {
    max-width: 100%;
    height: auto;
}