/* ============================================================
   QueShow — HOME a tema CLARO / sobrio (como el login).
   Sobrescribe el tema oscuro de css_personalizados (carga después).
   Reversible: quitar el <link> de qs_light.css en SiteWeb.Master.
   ============================================================ */

/* Contenedor principal: fondo claro, SIN glow oscuro, texto oscuro */
.contenido_g {
    background-color: #F4F3F8 !important;
    background-image: none !important;
    color: #07072B !important;
}
.contenido_g main,
.contenido_g > section {
    background-color: transparent !important;
}
.contenido_g .background-negro-kynetick {
    background-color: transparent !important;
}

/* Títulos y textos de sección -> oscuros (antes blancos) */
.contenido_g .color-negro-kynetick,
.contenido_g h1,
.contenido_g h2,
.contenido_g h3,
.contenido_g h4,
.contenido_g h5,
.contenido_g h3.fw-bold,
.contenido_g p,
.contenido_g span:not(.badge):not(.carousel-control-prev-icon):not(.carousel-control-next-icon),
.contenido_g label,
.contenido_g .text-white {
    color: #07072B !important;
}

/* Tarjetas de evento -> BLANCAS con texto oscuro (mantienen borde morado y hover del refresh) */
.scrolling-container-evento .card,
.scrolling-card-evento .card,
#ex1-content .card,
#carrusel_multi_padres .card {
    background-color: #ffffff !important;
    color: #07072B !important;
}
.scrolling-container-evento .card .card-body,
.scrolling-container-evento .card h1, .scrolling-container-evento .card h2,
.scrolling-container-evento .card h3, .scrolling-container-evento .card h4,
.scrolling-container-evento .card h5, .scrolling-container-evento .card p,
.scrolling-container-evento .card span,
#ex1-content .card h1, #ex1-content .card h2, #ex1-content .card h3,
#ex1-content .card h4, #ex1-content .card h5, #ex1-content .card p, #ex1-content .card span,
#carrusel_multi_padres .card h1, #carrusel_multi_padres .card h2,
#carrusel_multi_padres .card h3, #carrusel_multi_padres .card h4,
#carrusel_multi_padres .card h5, #carrusel_multi_padres .card p, #carrusel_multi_padres .card span {
    color: #07072B !important;
}
.contenido_g .card .text-muted {
    color: #6b7280 !important;
}

/* Flechas de carrusel: morado de marca */
.contenido_g .color-lila-kynetick,
.contenido_g .color-lila-kynetick i {
    color: #6220CD !important;
}
