/* ACCESSIBILITY FIXES - CORRECCIONES DE ACCESIBILIDAD */

/* Mejorar contraste de texto "COP" */
.text-dark.fw-medium {
  color: #1f2937 !important; /* Gris oscuro para mejor contraste */
  font-weight: 500 !important;
}

/* Asegurar contraste suficiente en elementos de precio */
.price-section small {
  color: #374151 !important; /* Gris oscuro en lugar de text-muted */
  font-weight: 500 !important;
}

/* Mejorar contraste en elementos de descuento */
.compact-info small {
  color: #374151 !important;
  font-weight: 500 !important;
}

/* Asegurar contraste en badges de descuento */
.badge.bg-success {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Badge de descuento con mejor contraste */
.badge.bg-success-dark {
  background-color: #15803d !important; /* Verde más oscuro */
  color: #ffffff !important;
  font-weight: 600 !important;
  border: 1px solid #16a34a !important;
}

/* Asegurar contraste en elementos compact-descuento-lista */
.compact-descuento-lista {
  background-color: #15803d !important; /* Verde más oscuro para mejor contraste */
  color: #ffffff !important;
  font-weight: 600 !important;
  border: 1px solid #16a34a !important;
}

/* Mejorar contraste en precios de artículos promocionales */
.price-section small {
  color: #1f2937 !important; /* Gris más oscuro */
  font-weight: 700 !important;
}

/* Asegurar contraste en elementos de precio */
.price-section h4 {
  color: #1f2937 !important;
  font-weight: 700 !important;
}

/* Mejorar contraste en badges de artículos promocionales */
.badge.bg-light {
  background-color: #f3f4f6 !important;
  color: #1f2937 !important;
  font-weight: 600 !important;
}

/* Mejorar contraste en elementos de lista */
.list-group-item {
  color: #374151 !important;
}

.compact-rango-lista,
.compact-precio-lista {
  color: #1f2937 !important;
  font-weight: 500 !important;
}

/* Asegurar contraste en iconos informativos */
.bi-info-circle {
  color: #3b82f6 !important; /* Azul más oscuro */
}

/* Mejorar contraste en elementos de navegación */
.nav-link {
  color: #374151 !important;
}

.nav-link:hover {
  color: #1e40af !important;
}

/* Asegurar contraste en botones */
.btn-primary-modern {
  color: #ffffff !important;
  background-color: #1e40af !important;
}

.btn-primary-modern:hover {
  background-color: #1e3a8a !important;
}

/* Mejorar contraste en elementos de testimonio */
.testimonials-title .highlight {
  color: #1e40af !important;
  font-weight: 600 !important;
}

/* Asegurar contraste en elementos de precio destacados */
.featured-price,
.oversize-price {
  background-color: #f8fafc !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

/* Mejorar contraste en elementos de descuento */
.compact-descuento-lista {
  background-color: #10b981 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* Asegurar contraste en elementos de información */
.text-secondary-modern {
  color: #6b7280 !important;
}

/* Mejorar contraste en elementos de precio por volumen */
.precios-volumen-compact {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.compact-header h4 {
  color: #1e40af !important;
  font-weight: 600 !important;
}

/* Asegurar contraste en elementos de lista de precios */
.list-group-item {
  background-color: #ffffff !important;
  border-color: #e5e7eb !important;
}

.list-group-item:hover {
  background-color: #f9fafb !important;
}

/* Mejorar contraste en elementos de información de descuento */
.compact-info {
  background-color: #f8fafc !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  margin-top: 12px !important;
}

/* Asegurar contraste en elementos de precio principal */
.h2.text-primary-modern,
.h3.text-primary-modern {
  color: #1e40af !important;
  font-weight: 700 !important;
}

/* Mejorar contraste en elementos de descripción */
.text-secondary-modern strong {
  color: #374151 !important;
  font-weight: 600 !important;
}

/* Asegurar contraste en elementos de iconos */
.bi {
  color: #3b82f6 !important;
}

/* Mejorar contraste en elementos de botones secundarios */
.btn-secondary-modern {
  color: #374151 !important;
  background-color: #f3f4f6 !important;
  border-color: #d1d5db !important;
}

.btn-secondary-modern:hover {
  background-color: #e5e7eb !important;
  color: #1f2937 !important;
}

/* Asegurar contraste en elementos de testimonio */
.modern-testimonials-container {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
}

.testimonials-title {
  color: #1f2937 !important;
  font-weight: 600 !important;
}

/* Mejorar contraste en elementos de llamada a la acción */
.cta-buttons .btn {
  color: #ffffff !important;
  font-weight: 600 !important;
}

.cta-buttons .btn-secondary {
  color: #374151 !important;
  background-color: #f3f4f6 !important;
}

/* Asegurar contraste en elementos de precio compacto */
.compact-list {
  background-color: #ffffff !important;
  border-radius: 6px !important;
}

.compact-list .list-group-item {
  border-bottom: 1px solid #f3f4f6 !important;
  padding: 12px 16px !important;
}

.compact-list .list-group-item:last-child {
  border-bottom: none !important;
}

/* Mejorar contraste en elementos de información de producto */
.card-body-modern {
  background-color: #ffffff !important;
}

.card-body-modern h3,
.card-body-modern h4 {
  color: #1f2937 !important;
  font-weight: 600 !important;
}

/* Asegurar contraste en elementos de precio destacado */
.price-section {
  background-color: #f8fafc !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

/* Mejorar contraste en elementos de información de descuento */
.compact-info small {
  background-color: #f0f9ff !important;
  color: #1e40af !important;
  padding: 4px 8px !important;
  border-radius: 4px !important;
  font-weight: 500 !important;
}

/* Asegurar contraste en elementos text-secondary */
.text-secondary {
  color: #4b5563 !important; /* Gris más oscuro para mejor contraste */
  font-weight: 400 !important;
}

/* Mejorar contraste en elementos de información adicional */
.product-info.text-secondary {
  color: #374151 !important;
  font-weight: 500 !important;
}

/* Asegurar contraste en elementos de búsqueda */
.form-text.text-secondary {
  color: #6b7280 !important;
  font-weight: 400 !important;
}