/* =============================================
   CORRECCIONES DE ACCESIBILIDAD - WCAG AA
   ============================================= */

/* 1. CORRECCIÓN DE COLORES PRINCIPALES */
:root {
    /* Colores primarios con mejor contraste */
    --primary: #0066a1 !important;        /* Ratio 4.5:1 sobre blanco */
    --primary-dark: #004d78 !important;
    --primary-light: #e5f2f9 !important;

    /* Links más oscuros */
    --link-color: #004d78 !important;
    --link-hover: #003456 !important;
}

/* 2. BOTONES PRIMARIOS */
.btn-primary {
    background-color: #0066a1 !important;
    border-color: #0066a1 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #004d78 !important;
    border-color: #004d78 !important;
    color: #ffffff !important;
}

/* 3. COMPARISON ITEMS - Why SignaSuite Section */
.comparison-item.bad {
    background: #fef0f0 !important;  /* Fondo más claro */
    color: #b71c1c !important;       /* Rojo más oscuro - Ratio 4.5:1 */
}

.comparison-item.bad span {
    color: #b71c1c !important;
}

.comparison-item.good {
    background: #f0fef0 !important;  /* Fondo más claro */
    color: #1b5e20 !important;       /* Verde más oscuro - Ratio 4.5:1 */
}

.comparison-item.good span {
    color: #1b5e20 !important;
}

/* 4. TEXTO EN TABLAS DE COMPARACIÓN */
.text-success {
    color: #1b5e20 !important;  /* Verde oscuro */
}

.text-danger {
    color: #b71c1c !important;   /* Rojo oscuro */
}

/* 5. DOC-TYPE BADGES */
.doc-type {
    background: #e3f2fd !important;  /* Fondo más claro */
    color: #01579b !important;       /* Azul muy oscuro */
    font-weight: 600 !important;     /* Más peso para mejor legibilidad */
}

/* 6. NAVEGACIÓN TABS */
.nav-link {
    color: #495057 !important;
}

.nav-link.active,
.nav-link:hover {
    color: #004d78 !important;
}

/* 7. COOKIE BANNER */
#cookie-banner {
    background: #f8f9fa !important;
    color: #212529 !important;
}

#cookie-banner .btn-primary {
    background-color: #0066a1 !important;
    border-color: #0066a1 !important;
}

#cookie-banner .btn-link {
    color: #004d78 !important;
}
.process-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #212529;
}

.feature-subtitle {
    font-size: 1.125rem;  /* Tamaño de h5 */
    font-weight: 600;
    color: #495057;
    margin-bottom: 1rem;
}

.timeline-title {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 0.25rem;
}

.cookie-title {
    font-size: 1.5rem;  /* Tamaño de h3 */
    font-weight: 600;
    margin-bottom: 1rem;
}