.fondo-principal {
    background-color: #5b0000;
    color: #f3eadf;
}

.fondo-base {
    background-color: #ffffff;
    color: #1e293b;
}

/* Tarjeta Premium: Lighter distinct crema for contrast */
.fondo-tarjeta {
    background-color: #ffffff;
    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f8f1e9 100%
    ); 
    border: 1px solid rgba(51, 20, 10, 0.1);
}

.fondo-cafe {
    background: #361e00;
    color: #f8e2ba;
}

.fondo-verde {
    background-color: #1a3c34;
    color: #f3eadf;
}

.fondo-verde1 {
    background-color: #005b00;
}

.fondo-azul1 {
    background-color: #00005b;
}

.fondo-verde2 {
    background-color: #5b5b00;
}

.fondo-azul2 {
    background-color: #005b5b;
}

.texto-amarillo {
    color: #eaea00;
}

/* PAGINA AYUDA */
/* Encabezado destacado */
.fondo-verde-ayuda {
    background-color: #dcfce7;
    color: #166534;
}

.fondo-verde2 {
    background-color: #166534;
}
.fondo-amarillo2 {
    background-color: #eab308;
}

/* Animations */
@keyframes shine {
    to {
        background-position: 200% center;
    }
}

 .animate-shine {
    animation: shine 6s linear infinite;
}

/* Scrollbar personalizado - menos visible */
.scrollbar-custom {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.2) transparent;
}

.scrollbar-custom::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.scrollbar-custom::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.2);
  border-radius: 3px;
}

.scrollbar-custom::-webkit-scrollbar-thumb:hover {
  background-color: rgba(148, 163, 184, 0.3);
}

/* Scrollbar horizontal más sutil */
.scrollbar-horizontal {
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.15) transparent;
}

.scrollbar-horizontal::-webkit-scrollbar {
  height: 4px;
}

.scrollbar-horizontal::-webkit-scrollbar-track {
  background: transparent;
  margin: 0 4px;
}

.scrollbar-horizontal::-webkit-scrollbar-thumb {
  background-color: rgba(148, 163, 184, 0.15);
  border-radius: 2px;
}

.scrollbar-horizontal::-webkit-scrollbar-thumb:hover {
  background-color: rgba(148, 163, 184, 0.25);
}