/* 
 * Corrección de Colores - Sistema Marino
 * Este archivo sobrescribe todos los colores no marinos con tonos marinos
 * Se carga al final para garantizar máxima prioridad
 */

/* Variables CSS principales - Sobrescribir colores morados */
:root {
    --quiz-primary: #1976d2; /* Azul marino en lugar de morado */
    --quiz-secondary: #1565c0; /* Azul marino oscuro en lugar de morado */
    --primary-color: #1976d2; /* Azul marino */
    --secondary-color: #1565c0; /* Azul marino oscuro */
    --accent-primary: #1976d2; /* Azul marino */
    --accent-secondary: #1565c0; /* Azul marino oscuro */
}

/* Sobrescribir gradientes morados con gradientes marinos */
.hero-section,
.admin-header,
.admin-nav .nav-link:hover,
.admin-nav .nav-link.active,
.btn-admin,
.stats-banner,
.quiz-header::before,
.question-content::before,
.indicator-icon.score,
#continueButton,
.page-link:hover,
.page-item.active .page-link,
.dropdown-item.active,
.user-stats-card,
.general-quiz-card,
.quiz-header,
.btn-quick-quiz,
.cta-section,
.category-header,
.book-icon,
.stat-icon,
.quiz-icon,
.ip-count,
.stats-icon.users,
.progress-fill.users {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

/* Sobrescribir bordes morados */
.form-control:focus,
.form-select:focus,
.border-color {
    border-color: #1976d2 !important;
    box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25) !important;
}

/* Sobrescribir colores de texto morados */
.text-primary,
h1, h2, h3, h4, h5, h6,
.navbar-brand,
.quiz-info h3 {
    color: #1976d2 !important;
}

/* Corregir colores de éxito (verde) a azul marino */
.score-excellent,
.option-card.correct {
    background: linear-gradient(135deg, #1976d2, #1565c0) !important;
    border-color: #1976d2 !important;
}

/* Corregir colores de advertencia (amarillo) a azul marino claro */
.score-good,
.option-card.warning {
    background: linear-gradient(135deg, #42a5f5, #1976d2) !important;
    border-color: #42a5f5 !important;
}

/* Corregir colores de error (rojo) a azul marino oscuro */
.score-poor,
.option-card.incorrect {
    background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
    border-color: #0d47a1 !important;
}

/* Corregir colores de información (cian) a azul marino */
.alert-info,
.bg-info {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    border-color: #1976d2 !important;
    color: white !important;
}

/* Corregir colores de advertencia (rosa) a azul marino */
.stats-icon.quizzes,
.progress-fill.quizzes {
    background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%) !important;
}

/* Corregir colores de progreso (amarillo) a azul marino */
.indicator-icon.timer {
    background: linear-gradient(135deg, #42a5f5, #1976d2) !important;
}

/* Corregir colores de progreso (verde) a azul marino */
.indicator-icon.progress {
    background: linear-gradient(135deg, #1976d2, #1565c0) !important;
}

/* Corregir colores de navbar de advertencia (amarillo) a azul marino */
.navbar-dark.bg-warning {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

/* Corregir colores de botones de advertencia */
.btn-warning {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    border-color: #1976d2 !important;
    color: white !important;
}

/* Corregir colores de botones de éxito */
.btn-success {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    border-color: #1976d2 !important;
    color: white !important;
}

/* Corregir colores de botones de peligro */
.btn-danger {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    border-color: #0d47a1 !important;
    color: white !important;
}

/* Corregir colores de badges */
.badge-primary {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    color: white !important;
}

.badge-success {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    color: white !important;
}

.badge-warning {
    background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%) !important;
    color: white !important;
}

.badge-danger {
    background: linear-gradient(135deg, #0d47a1 0%, #1565c0 100%) !important;
    color: white !important;
}

/* Corregir colores de alertas */
.alert-success {
    background: linear-gradient(135deg, rgba(25, 118, 210, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%) !important;
    border-color: #1976d2 !important;
    color: #1976d2 !important;
}

.alert-warning {
    background: linear-gradient(135deg, rgba(66, 165, 245, 0.1) 0%, rgba(25, 118, 210, 0.1) 100%) !important;
    border-color: #42a5f5 !important;
    color: #1976d2 !important;
}

.alert-danger {
    background: linear-gradient(135deg, rgba(13, 71, 161, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%) !important;
    border-color: #0d47a1 !important;
    color: #0d47a1 !important;
}

/* Corregir colores de notificaciones */
.notification-badge {
    background: #1976d2 !important;
    color: white !important;
}

/* Corregir colores de enlaces */
a {
    color: #1976d2 !important;
}

a:hover {
    color: #1565c0 !important;
}

/* Corregir colores de texto de error */
.invalid-feedback,
.text-danger {
    color: #0d47a1 !important;
}

/* Corregir colores de texto de éxito */
.text-success {
    color: #1976d2 !important;
}

/* Corregir colores de texto de advertencia */
.text-warning {
    color: #42a5f5 !important;
}

/* Corregir colores de texto de información */
.text-info {
    color: #1976d2 !important;
}

/* Corregir colores específicos de notificaciones */
.notification-badge,
.badge-notification {
    background: #1976d2 !important;
    color: white !important;
}

/* Corregir colores específicos de elementos flotantes */
.floating-badge,
.position-absolute {
    background: #1976d2 !important;
    color: white !important;
}

/* Corregir colores de variables CSS principales */
:root {
    --quiz-success: #1976d2; /* Azul marino en lugar de cian */
    --quiz-warning: #42a5f5; /* Azul marino claro en lugar de rosa */
    --quiz-danger: #0d47a1; /* Azul marino oscuro en lugar de rojo */
    --quiz-info: #1976d2; /* Azul marino en lugar de cian */
    --quiz-dark: #0d2033; /* Azul marino muy oscuro */
    --quiz-light: #e3f2fd; /* Azul marino muy claro */
}

/* Corregir colores de gradientes secundarios */
.secondary-gradient {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

.success-gradient {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

.warning-gradient {
    background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%) !important;
}

.dark-gradient {
    background: linear-gradient(135deg, #0d2033 0%, #13324e 100%) !important;
}

/* Corregir colores de opciones de quiz */
.option-card {
    border-color: #1976d2 !important;
}

.option-card.selected {
    border-color: #1976d2 !important;
    background-color: #e3f2fd !important;
}

.option-card.correct {
    border-color: #1976d2 !important;
    background-color: #e3f2fd !important;
}

.option-card.incorrect {
    border-color: #0d47a1 !important;
    background-color: #e8f5e8 !important;
}

/* Corregir colores de indicadores */
.indicator-icon.timer {
    background: linear-gradient(135deg, #42a5f5, #1976d2) !important;
}

.indicator-icon.progress {
    background: linear-gradient(135deg, #1976d2, #1565c0) !important;
}

.indicator-icon.score {
    background: linear-gradient(135deg, #1976d2, #1565c0) !important;
}

/* Corregir colores de formularios */
.form-control,
.form-select {
    border-color: #1976d2 !important;
}

.form-control:focus,
.form-select:focus {
    border-color: #1976d2 !important;
    box-shadow: 0 0 0 0.2rem rgba(25, 118, 210, 0.25) !important;
}

.form-section {
    background: #e3f2fd !important;
}

.form-label {
    color: #1976d2 !important;
}

.form-text {
    color: #1565c0 !important;
}

/* Corregir colores de texto */
.text-muted {
    color: #1565c0 !important;
}

.text-dark {
    color: #1976d2 !important;
}

/* Corregir colores de fondo */
.bg-light {
    background-color: #e3f2fd !important;
}

.bg-dark {
    background-color: #0d2033 !important;
}

/* Corregir colores de bordes */
.border-light {
    border-color: #bbdefb !important;
}

.border-dark {
    border-color: #1976d2 !important;
}

/* Corregir colores de navbar */
.navbar-dark.bg-warning {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

.navbar-dark.bg-warning .navbar-brand,
.navbar-dark.bg-warning .navbar-text,
.navbar-dark.bg-warning .nav-link {
    color: white !important;
}

/* Corregir colores de cards */
.card {
    border-color: #bbdefb !important;
}

.card-header {
    background-color: #e3f2fd !important;
    border-color: #bbdefb !important;
}

/* Corregir colores de preview */
.preview-section {
    background: #e3f2fd !important;
}

.preview-question {
    color: #1976d2 !important;
}

.preview-correct {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    color: white !important;
}

/* Corregir colores de estadísticas */
.stats-icon.questions {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
}

.stats-icon.results {
    background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%) !important;
    color: #1976d2 !important;
}

.stats-title {
    color: #1976d2 !important;
}

.stats-subtitle {
    color: #1565c0 !important;
}

.stats-description {
    color: #1565c0 !important;
}

/* Corregir colores de progreso */
.progress-bar {
    background: #e3f2fd !important;
}

.progress-fill.results {
    background: linear-gradient(135deg, #42a5f5 0%, #1976d2 100%) !important;
}

/* Corregir colores de elementos específicos */
.question-text {
    color: #1976d2 !important;
}

.question-options {
    background: #e3f2fd !important;
}

.option-item {
    border-bottom-color: #bbdefb !important;
}

.correct-answer {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    color: white !important;
}

/* Corregir colores de elementos de navegación */
.tab-item:focus,
.tab-item:hover {
    color: white !important;
}

/* Corregir colores de elementos de fondo */
body {
    background: linear-gradient(135deg, #0d2033 0%, #13324e 100%) !important;
    color: white !important;
}

/* Corregir colores de elementos de texto específicos */
.quiz-question-text {
    color: white !important;
}

.form-check-label {
    color: white !important;
}

.card-title {
    color: white !important;
}

/* Corregir colores de elementos de texto en diferentes tamaños */
@media (max-width: 768px) {
    .quiz-question-text {
        color: #1976d2 !important;
    }
    
    .form-check-label {
        color: #1976d2 !important;
    }
    
    .card-title {
        color: #1976d2 !important;
    }
}

@media (max-width: 576px) {
    .quiz-question-text {
        color: #1976d2 !important;
    }
    
    .form-check-label {
        color: #1976d2 !important;
    }
    
    .card-title {
        color: #1976d2 !important;
    }
}

/* Corregir colores de elementos de texto en modo oscuro */
@media (prefers-color-scheme: dark) {
    :root {
        --quiz-light: #0d2033;
        --quiz-dark: #e3f2fd;
    }
    
    body {
        background-color: #0d2033 !important;
        color: white !important;
    }
    
    .card {
        background-color: #13324e !important;
        color: white !important;
    }
}

/* Corregir colores de elementos específicos del quiz */
.quiz-header {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    color: white !important;
}

/* Corregir colores de elementos de texto específicos */
h2, h3 {
    color: #1976d2 !important;
}

/* Corregir colores de elementos de navegación específicos */
.nav-link:focus,
.navbar-brand:focus {
    outline: 2px solid #1976d2 !important;
    outline-offset: 2px;
}

/* Corregir colores específicos de templates */
.text-muted {
    color: #bbdefb !important;
}

#adsense-status {
    color: #bbdefb !important;
}

/* Corregir colores de alertas de error en templates */
.alert-danger {
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;
    border-left: 4px solid #0d47a1 !important;
}

/* Corregir colores específicos de quiz */
:root {
    --color-bg: #0d2033;
    --color-card: #13324e;
    --color-accent: #1976d2;
    --color-text: #fff;
}

/* Corregir colores de elementos específicos de quiz */
.quiz-container {
    background: #0d2033 !important;
}

.quiz-card {
    background: #13324e !important;
}

.quiz-accent {
    color: #1976d2 !important;
}

.quiz-text {
    color: white !important;
}

/* Corregir colores de elementos específicos */
.quiz-header {
    background: #0d2033 !important;
}

.quiz-content {
    color: #bbdefb !important;
}

.quiz-button {
    background: #1976d2 !important;
}

.quiz-button-secondary {
    background: #666 !important;
}

/* Corregir colores de elementos de estado */
.quiz-success {
    background: #1976d2 !important;
}

.quiz-error {
    background: #0d47a1 !important;
}

.quiz-warning {
    background: #42a5f5 !important;
}

/* Corregir colores de elementos específicos */
.quiz-footer {
    background: #0d2033 !important;
}

.quiz-footer-text {
    color: #bbdefb !important;
}

/* Corregir colores de elementos de formulario */
.quiz-form-border-success {
    border-color: #1976d2 !important;
}

.quiz-form-border-error {
    border-color: #0d47a1 !important;
}

/* Corregir colores de elementos de botón */
.btn-success {
    background: linear-gradient(135deg, #1976d2, #1565c0) !important;
}

.btn-error {
    background: linear-gradient(135deg, #0d47a1, #1565c0) !important;
}

/* Corregir colores de elementos de texto específicos */
.quiz-error-text {
    color: #0d47a1 !important;
}

.quiz-warning-text {
    color: #42a5f5 !important;
}

/* Corregir colores de elementos de información */
.quiz-info {
    background: #e3f2fd !important;
    border-left: 4px solid #1976d2 !important;
}

.quiz-info-text {
    color: #1976d2 !important;
}

/* Corregir colores de elementos de advertencia */
.quiz-warning-box {
    background: linear-gradient(135deg, #42a5f5, #1976d2) !important;
}

.quiz-warning-box-text {
    color: #1976d2 !important;
}

/* Corregir colores de elementos de fondo específicos */
.quiz-background {
    background: #0d2033 !important;
}

.quiz-card-background {
    background: #e3f2fd !important;
    border-left: 4px solid #1976d2 !important;
}

.quiz-card-text {
    color: #1976d2 !important;
}

/* Corregir colores de elementos de borde específicos */
.quiz-border-info {
    border-left: 3px solid #1976d2 !important;
}

.quiz-border-muted {
    border-left: 3px solid #1565c0 !important;
}

/* Corregir colores de elementos de fondo específicos */
.quiz-bg-light {
    background: #e3f2fd !important;
}

.quiz-bg-muted {
    background: #bbdefb !important;
}