/* Colores Institucionales */
:root {
    --guinda-principal: #9D1C21;
    --verde-acento: #178876;
    --verde-obscuro: #136e5f;
    --verde-olivo-claro: #CFE2B4; /* Color similar a la imagen */
    --verde-principal: #136e5f;
}

/* Modifica los colores de Bootstrap */
.btn-primary-guinda {
    background-color: var(--guinda-principal);
    border-color: var(--guinda-principal);
    color: #fff;
}

.btn-primary-guinda:hover {
    background-color: #721518; /* Guinda más oscuro para el hover */
    border-color: #721518;
}

/* 1️⃣ Aceptar / Confirmar */
.btn-aceptar { background-color: var(--verde-principal); color:#fff; }

/* 2️⃣ Cancelar / Rechazar */
.btn-cancelar { background-color: #721518; color:#fff; } /* rojo intenso */

/* 3️⃣ Buscar / Búsqueda */
.btn-buscar { background-color: var(--verde-acento); color:#fff; }

/* 4️⃣ Inicio / Dashboard */
.btn-inicio { background-color: var(--verde-principal); color:#fff; }

/* 5️⃣ Regresar / Atrás */
.btn-regresar { background-color: var(--verde-olivo-claro); color:#000; }


/* Estilo para los títulos y logos */
.text-guinda {
    color: var(--guinda-principal);
}

/* Estilo para los títulos y logos */
.text-verde-oscuro {
    color: var(--verde-principal);
}

/* Clases para el menú lateral */
.bg-verde-claro {
    background-color: var(--verde-olivo-claro) !important;
}

.nav-item-hover-verde:hover {
    background-color: rgba(0, 0, 0, 0.1);
}



.nav-item.active {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Gira el ícono de la flecha cuando el menú está abierto */
.nav-link[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

/* Estilos para el texto de la tabla (opcional) */
.table-messages th {
    background-color: #f8f9fa; /* Fondo suave para la cabecera */
    color: var(--guinda-principal);
}