/* ==================== FIX ESPECÍFICO - SOLO ELEMENTOS PROBLEMÁTICOS ==================== */

/* Corregir footer que puede tener color rosado */
.page-footer {
  background: linear-gradient(135deg, #00529B 0%, #003d82 100%) !important;
  background-color: #00529B !important;
}

.footer-copyright {
  background: rgba(0, 0, 0, 0.2) !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
}

/* Corregir enlaces del footer que pueden verse rosados */
.footer-links a,
.footer-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.footer-links a:hover,
.footer-link:hover {
  color: #F37021 !important; /* Naranja MOPC */
}

/* Corregir cualquier navbar superior que pueda verse rosada */
nav,
.navbar-fixed nav,
.nav-wrapper {
  background-color: #00529B !important;
}

/* Corregir breadcrumbs si están causando el problema */
.breadcrumb {
  color: #00529B !important;
}

.breadcrumb:before {
  color: #666 !important;
}

.breadcrumb:last-child {
  color: #F37021 !important;
}

/* Corregir tabs si están en la página */
.tabs {
  background-color: white !important;
}

.tabs .indicator {
  background-color: #F37021 !important;
}

.tabs .tab a {
  color: #666 !important;
}

.tabs .tab a:hover,
.tabs .tab a.active {
  color: #00529B !important;
}

/* Corregir collection items si están causando el problema */
.collection {
  border: 1px solid #e0e0e0 !important;
  background-color: white !important;
}

.collection .collection-item {
  background-color: white !important;
  border-bottom: 1px solid #e0e0e0 !important;
  color: #333 !important;
}

.collection .collection-item:hover {
  background-color: #f5f5f5 !important;
}

/* Corregir cualquier elemento con clase pink de Materialize */
.pink.lighten-4 {
  background-color: #f5f5f5 !important;
}

.pink.lighten-3 {
  background-color: #eeeeee !important;
}

/* Corregir elementos que puedan tener color purple/violet */
.purple.lighten-4 {
  background-color: #f5f5f5 !important;
}

.purple.lighten-5 {
  background-color: #fafafa !important;
}

/* Asegurar que los chips no tengan colores extraños */
.chip {
  background-color: #e4e4e4 !important;
  color: #333 !important;
}

/* Corregir tooltips */
.material-tooltip {
  background-color: #323232 !important;
  color: white !important;
}

/* Si hay un elemento card-panel que se vea rosado */
.card-panel {
  background-color: white !important;
}

.card-panel.pink,
.card-panel.purple {
  background-color: #00529B !important;
  color: white !important;
}