/* Colores Corporativos Ceguih */
:root {
    --ceguih-magenta: #D2386C;
    --ceguih-black: #101820;
    --ceguih-white: #F9F9F9;
}

.bg-ceguih-black { background-color: var(--ceguih-black) !important; }
.bg-ceguih-magenta { background-color: var(--ceguih-magenta) !important; color: var(--ceguih-white) !important; }
.bg-ceguih-white { background-color: var(--ceguih-white) !important; }
.text-ceguih-magenta { color: var(--ceguih-magenta) !important; }
.text-ceguih-black { color: var(--ceguih-black) !important; }
.border-ceguih-magenta { border-color: var(--ceguih-magenta) !important; }

/* Global Override del Primary -> Magenta Corporativo */
.btn-primary {
    background-color: var(--ceguih-magenta) !important;
    border-color: var(--ceguih-magenta) !important;
    color: var(--ceguih-white) !important;
}
.btn-primary:hover {
    background-color: #B52B58 !important; /* Un poco más oscuro */
    border-color: #B52B58 !important;
}
.bg-primary { background-color: var(--ceguih-magenta) !important; }
.text-primary { color: var(--ceguih-magenta) !important; }

/* Puedes agregar estilos personalizados aquí para sobreescribir Bootstrap si es necesario */
.navbar-brand {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.navbar-brand img {
    height: 40px;
    margin-right: 10px;
}

/* --- Arreglo para el Footer Pegajoso (Sticky Footer) --- */

body {
    /* Le decimos al body que use Flexbox y organice a sus hijos en una columna */
    display: flex;
    flex-direction: column;
    
    /* Asegura que el body ocupe como mínimo toda la altura de la ventana del navegador */
    min-height: 100vh; /* vh = viewport height */
}

main {
    /* Le dice al contenido principal que "crezca" y ocupe todo el espacio sobrante, 
       empujando el footer hacia abajo */
    flex-grow: 1;
}