/* ===================== MODO CLARO (FINAL) ===================== */
/* Solo index, FAQ y ubicacion. NO toca .hero, formularios ni footer */

/* 1) Fondo de página blanco en las 3 páginas */
html[data-theme="light"][data-page="index"] body,
html[data-theme="light"][data-page="faq"] body,
html[data-theme="light"][data-page="ubicacion"] body{
  background:#ffffff !important;
  color:#000000 !important;
}

/* ===== INDEX -> RESULTADOS: todo blanco, texto/flechas negras ===== */
html[data-theme="light"][data-page="index"] .resultados,
html[data-theme="light"][data-page="index"] .resultados *,
html[data-theme="light"][data-page="index"] .resultados .carousel-container,
html[data-theme="light"][data-page="index"] .resultados .carousel,
html[data-theme="light"][data-page="index"] .resultados .carousel-slide{
  background:#ffffff !important;
  color:#000000 !important;
  box-shadow:none !important;
  border-color:#000000 !important;
}

/* Título */
html[data-theme="light"][data-page="index"] .resultados h2{
  color:#000000 !important;
}

/* Flechas del carrusel */
html[data-theme="light"][data-page="index"] .resultados .button_99,
html[data-theme="light"][data-page="index"] .resultados .prev,
html[data-theme="light"][data-page="index"] .button6,
html[data-theme="light"][data-page="index"] .resultados .next{
  background:transparent !important;
  color:#000000 !important;
  border:1px solid #000000 !important;
}

/* Imágenes sin filtros oscuros */
html[data-theme="light"][data-page="index"] .resultados img{
  filter:none !important;
}

/* Por si algún overlay pseudo-elemento la oscurece */
html[data-theme="light"][data-page="index"] .resultados::before,
html[data-theme="light"][data-page="index"] .resultados::after{
  content:none !important;
  background:none !important;
}


/* 2) Texto negro SOLO en contenedores de contenido
      (no incluimos .hero ni footer ni form) */
html[data-theme="light"][data-page="index"] header,
html[data-theme="light"][data-page="index"] section:not(.hero),
html[data-theme="light"][data-page="index"] .container,
html[data-theme="light"][data-page="index"] .servicios,
html[data-theme="light"][data-page="index"] .servicios h2,
html[data-theme="light"][data-page="index"] .adaptamos-section h2,
html[data-theme="light"][data-page="index"] .adaptamos-section h3,
html[data-theme="light"][data-page="index"] .adaptamos-section p,
html[data-theme="light"][data-page="index"] .servicios h2 p,
html[data-theme="light"][data-page="index"] .adaptamos-section,
html[data-theme="light"][data-page="index"] .servicio-bloque,
html[data-theme="light"][data-page="ubicacion"] .contenido,
html[data-theme="light"][data-page="ubicacion"] .motivos,
html[data-theme="light"][data-page="ubicacion"] .mapa,
html[data-theme="light"][data-page="faq"] .faq,
html[data-theme="light"][data-page="faq"] .question,
html[data-theme="light"][data-page="faq"] .answer{
  background:#ffffff !important;
  color:#000000 !important;
  box-shadow:none !important;
  border:none !important;
}

html[data-theme="light"][data-page="index"] .box1 h2 p {
  color:#000000 !important;
}

html[data-theme="light"][data-page="index"] .button6:hover {
  color: blueviolet !important;
  background-color: transparent !important;
  border: 1px solid blueviolet !important;
}

html[data-theme="light"][data-page="index"] .card h3,
html[data-theme="light"][data-page="index"] .card {
  background-color: gainsboro !important; 
  color: #000000 !important;
}


/* 3) FAQ: líneas y flechas negras */
html[data-theme="light"][data-page="faq"] .question,
html[data-theme="light"][data-page="faq"] .answer{
  border-bottom:2px solid #000000 !important;
}
html[data-theme="light"][data-page="faq"] .question i,
html[data-theme="light"][data-page="faq"] .answer i,
html[data-theme="light"][data-page="faq"] .question svg,
html[data-theme="light"][data-page="faq"] .answer svg{
  color:#000000 !important;
  stroke:#000000 !important;
  fill:#000000 !important;
}

/* 4) Enlaces del contenido: negros (footer intacto) */
html[data-theme="light"][data-page="index"] section:not(.hero) a,
html[data-theme="light"][data-page="index"] .container a,
html[data-theme="light"][data-page="ubicacion"] .contenido a,
html[data-theme="light"][data-page="ubicacion"] .motivos a,
html[data-theme="light"][data-page="ubicacion"] .mapa a,
html[data-theme="light"][data-page="faq"] .faq a{
  color:#000000 !important;
  text-decoration:none;
}

/* 5) Mantener botones tal cual (no se alteran) */
html[data-theme="light"] .button5,
html[data-theme="light"] .button6,
html[data-theme="light"] .button7,
html[data-theme="light"] .button_99,
html[data-theme="light"] .btn-theme,
html[data-theme="light"] .botonestructura{
  background:inherit !important;
  color:inherit !important;
}

/* 6) Footer y formularios: INTENCIONALMENTE SIN TOCAR */
html[data-theme="light"] .pie-pagina,
html[data-theme="light"] form{
  background:initial !important;
  color:initial !important;
}