/* Aldea Digital Paleta Global PRO 1.6 – Colores uniformes de componentes.
   Nuevo estilo agregado DESPUÉS de paleta.css y efectos.css para evitar turquesas residuales.
   No modifica HTML, logos, fotografías, banderas del traductor o los indicadores
   de ventana rojo/amarillo/verde. Se limita a los bloques de Aldea Digital. */

/* 1 · Pictogramas / iconos: tanto el símbolo como su fondo y contorno. */
html body #ad-home :is(.ad-board-ico,.ad-feature-symbol),
html body #aldea-nosotros .an-icon,
html body #aldea-contacto :is(.ac-ico,.ac-list b),
html body #aldea-marketing :is(.am-service .am-icon,.am-ai-item b),
html body #aldea-ia :is(.ad-symbol,.ad-step-n,.ad-status-mark),
html body #aldea-footer .af-mark {
  background:var(--ap-accent-tint) !important;
  border-color:var(--ap-accent-border) !important;
  color:var(--ap-accent) !important;
  -webkit-text-fill-color:var(--ap-accent) !important;
}
/* Iconos SVG que usan stroke/fill: heredan color de su contenedor. */
html body #ad-home :is(.ad-board-ico,.ad-feature-symbol) svg,
html body #aldea-nosotros .an-icon svg,
html body #aldea-contacto .ac-ico svg,
html body #aldea-marketing .am-service .am-icon svg,
html body #aldea-footer .af-mark svg {
  color:var(--ap-accent) !important;
  stroke:currentColor !important;
}

/* 2 · Recuadros de explicación, notas, estado y chips con verde incrustado. */
html body #ad-home :is(.ad-board-done,.ad-ai-note,.ad-safe-note,.ad-chip),
html body #aldea-contacto .ac-mini-status,
html body #aldea-ia :is(.ad-status,.ad-callout),
html body #aldea-nosotros .an-callout,
html body #aldea-footer .af-pill {
  background:var(--ap-accent-tint) !important;
  border-color:var(--ap-accent-border) !important;
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
}
html body #ad-home :is(.ad-board-done,.ad-ai-note,.ad-safe-note,.ad-chip) strong,
html body #aldea-ia .ad-status strong {
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
}
html body #ad-home .ad-safe-note,
html body #aldea-marketing .am-quote {
  border-left-color:var(--ap-accent) !important;
}
html body #ad-home .ad-ai-note,
html body #ad-home .ad-board-done {
  border-color:var(--ap-accent-border) !important;
}
html body #ad-home .ad-chip {
  border-color:var(--ap-accent-border) !important;
}

/* 3 · Tarjetas y separadores cuyo hover y contorno permanecían verdes. */
html body #ad-home .ad-service:hover,
html body #aldea-marketing .am-service:hover,
html body #aldea-nosotros .an-cap:hover,
html body #aldea-contacto .ac-channel:hover {
  border-color:var(--ap-accent-border) !important;
}
html body #ad-home .ad-phase,
html body #aldea-nosotros .an-process-step,
html body #aldea-marketing .am-step {
  border-top-color:var(--ap-accent-deep) !important;
}

/* 4 · Números, etiquetas de interfaz y símbolos coloreados por hexadecimales. */
html body #ad-home :is(.ad-snum,.ad-project-meta,.ad-fact strong,.ad-phase b),
html body #aldea-nosotros :is(.an-process-step b,.an-tag),
html body #aldea-contacto .ac-tag,
html body #aldea-marketing :is(.am-tag,.am-service-btm,.am-service .am-service-btm,.am-example-list b,.am-step strong,.am-dash-foot b,.am-faq summary::after),
html body #aldea-ia :is(.ad-kicker,.ad-eyebrow,.ad-proof b),
html body #aldea-footer .af-kicker {
  color:var(--ap-accent) !important;
  -webkit-text-fill-color:var(--ap-accent) !important;
}
html body #ad-home .ad-board-title::before,
html body #ad-home .ad-service li::before,
html body #ad-home .ad-creative-panel li::marker,
html body #ad-home .ad-faqs summary::after {
  color:var(--ap-accent) !important;
}

/* 5 · Puntitos decorativos: actualiza únicamente los indicadores de marca,
      conservando los tres puntos rojo/amarillo/verde de las ventanas demo. */
html body #ad-home .ad-overline::before,
html body #aldea-nosotros .an-eyebrow::before,
html body #aldea-contacto .ac-eyebrow::before,
html body #aldea-marketing .am-label::before,
html body #aldea-portafolio .adp-eyebrow::before,
html body #aldea-footer .af-pill::before {
  background-color:var(--ap-accent) !important;
  box-shadow:0 0 0 5px var(--ap-accent-glow-soft) !important;
}

/* 6 · Gráficos informativos; barras adaptadas al tono de marca. */
html body #aldea-marketing .am-chart i {
  background:linear-gradient(0deg,var(--ap-accent-deep),var(--ap-accent)) !important;
}
html body #aldea-marketing .am-dash-foot b {
  border-color:var(--ap-accent-border) !important;
}

/* 7 · Otros componentes de planes o procesos y del desarrollo IA. */
html body #aldea-ia .ad-callout {border-left-color:var(--ap-accent) !important;}
html body #aldea-ia .ad-status small {
  color:var(--ap-muted) !important;
  -webkit-text-fill-color:var(--ap-muted) !important;
}
html body #aldea-marketing .am-ai-item b {border-color:var(--ap-accent-border) !important;}

/* Las transiciones permanecen sujetas a la preferencia de movimiento. */
@media (prefers-reduced-motion:reduce) {
  body :is(#ad-home,#aldea-ia,#aldea-marketing,#aldea-nosotros,#aldea-contacto) :is(.ad-board-ico,.ad-feature-symbol,.an-icon,.ac-ico,.am-icon,.ad-symbol) {
    transition:none !important;
  }
}