/* Aldea Paleta Global PRO 1.7.0 — Uniformidad cromática entre paletas.
   Cubre los elementos que en las landings guardaban tonos turquesa literales,
   además de variables del plugin. Solo afecta a contenido de Aldea Digital.
   No recolorea imágenes, logo, ilustraciones de proyectos o puntos de ventana. */

/* Todos los alias utilizados por las landings, incluidos los que faltaban. */
html body :is(#ad-home,#aldea-nosotros,#aldea-contacto,#aldea-marketing,#aldea-ia,#aldea-portafolio,#aldea-footer) {
  --accent:var(--ap-accent)!important;
  --accent2:var(--ap-accent-deep)!important;
  --primary:var(--ap-accent)!important;
  --primary-deep:var(--ap-accent-deep)!important;
  --green:var(--ap-accent)!important;
  --teal:var(--ap-accent)!important;
  --teal2:var(--ap-accent-deep)!important;
  --mint:var(--ap-accent)!important;
  --mint2:var(--ap-accent-deep)!important;
  --blue:var(--ap-accent)!important;
}

/* Superficies de marca, pequeñas cajas y pastillas: ni azul ni verde fijos. */
html body #ad-home :is(.ad-board-ico,.ad-feature-symbol,.ad-board-done,.ad-ai-note,.ad-safe-note,.ad-chip),
html body #aldea-nosotros :is(.an-icon,.an-cap-index,.an-person-chip i),
html body #aldea-contacto :is(.ac-ico,.ac-number,.ac-sticker,.ac-list b,.ac-mini-status,.ac-no-share),
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,.ad-callout,.ad-pulse),
html body #aldea-footer :is(.af-mark,.af-pill) {
  background:var(--ap-accent-tint)!important;
  border-color:var(--ap-accent-border)!important;
}

/* Símbolos, textos, etiquetas y métricas en color de marca. */
html body #ad-home :is(.ad-board-ico,.ad-feature-symbol,.ad-snum,.ad-project-meta,.ad-project-link,.ad-fact strong,.ad-phase b),
html body #aldea-nosotros :is(.an-icon,.an-cap-index,.an-person-chip i,.an-mini b,.an-display-main>span,.an-tag,.an-eyebrow,.an-link,.an-process-step b),
html body #aldea-contacto :is(.ac-ico,.ac-number,.ac-tag,.ac-eyebrow,.ac-link,.ac-list b,.ac-mini-status),
html body #aldea-marketing :is(.am-label,.am-tag,.am-kpi b,.am-dash-foot b,.am-service .am-icon,.am-service-btm,.am-ai-item b,.am-step strong,.am-example-list b),
html body #aldea-ia :is(.ad-smallbrand,.ad-logo span,.ad-eyebrow,.ad-kicker,.ad-proof b,.ad-symbol,.ad-step-n,.ad-trust b,.ad-faq summary::after),
html body #aldea-portafolio :is(.adp-eyebrow,.adp-meta,.adp-link),
html body #aldea-footer :is(.af-kicker,.af-brandname span,.af-pill) {
  color:var(--ap-accent)!important;
  -webkit-text-fill-color:var(--ap-accent)!important;
}

/* SVG de iconos (no se alteran logos ni fotografías). */
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-icon svg,
html body #aldea-footer .af-mark svg {
  color:var(--ap-accent)!important;
  stroke:currentColor!important;
}

/* Em y palabras destacadas: estilos propios con !important en Elementor. */
html body :is(#ad-home,#aldea-nosotros,#aldea-contacto,#aldea-marketing,#aldea-ia) :is(h1,h2,h3,h4) em {
  color:var(--ap-accent)!important;
  -webkit-text-fill-color:var(--ap-accent)!important;
}

/* Indicadores y separadores de marca. */
html body #ad-home .ad-overline::before,
html body #ad-home .ad-board-title::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-ia .ad-pulse,
html body #aldea-portafolio .adp-eyebrow::before,
html body #aldea-footer .af-pill::before {
  background:var(--ap-accent)!important;
  box-shadow:0 0 0 5px var(--ap-accent-glow-soft)!important;
}
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,
html body #aldea-contacto summary::after,
html body #aldea-marketing .am-faq summary::after,
html body #aldea-ia .ad-faq summary::after {
  color:var(--ap-accent)!important;
  -webkit-text-fill-color:var(--ap-accent)!important;
}
html body #ad-home :is(.ad-safe-note,.ad-phase),
html body #aldea-nosotros :is(.an-story-side,.an-process-step),
html body #aldea-contacto .ac-no-share,
html body #aldea-marketing :is(.am-quote,.am-step),
html body #aldea-ia .ad-callout {
  border-color:var(--ap-accent-border)!important;
  border-left-color:var(--ap-accent)!important;
}

/* Marcos, cápsulas y filas informativas con tonos fijos. */
html body #ad-home :is(.ad-hero-board,.ad-board-row,.ad-browser,.ad-ribbon,.ad-feature,.ad-service,.ad-fact,.ad-project,.ad-faqs details,.ad-creative-panel),
html body #aldea-nosotros :is(.an-proof span,.an-display,.an-mini,.an-card,.an-purpose-item,.an-cap,.an-project,.an-person,.an-person-chip),
html body #aldea-contacto :is(.ac-pill,.ac-panel,.ac-visual-row,.ac-channel,.ac-form-card,.ac-aside-card,.ac-faq details),
html body #aldea-marketing :is(.am-mini-trust span,.am-dashboard,.am-dash-header span,.am-kpi,.am-service,.am-ai-item,.am-example,.am-example-list li,.am-faq details),
html body #aldea-ia :is(.ad-visual,.ad-service,.ad-step,.ad-experience,.ad-trust div,.ad-faq details),
html body #aldea-footer :is(.af-social a,.af-cta) {
  border-color:var(--ap-border)!important;
}
html body #aldea-nosotros .an-purpose-item,
html body #aldea-contacto :is(.ac-panel,.ac-visual-row),
html body #aldea-marketing :is(.am-dashboard,.am-example) {
  background:linear-gradient(143deg,var(--ap-card),var(--ap-section))!important;
}
html body #aldea-nosotros :is(.an-proof span,.an-mini,.an-person-chip),
html body #aldea-contacto :is(.ac-pill,.ac-channel,.ac-form-card,.ac-aside-card,.ac-faq details),
html body #aldea-marketing :is(.am-mini-trust span,.am-dash-header span,.am-kpi,.am-service,.am-ai-item,.am-example-list li,.am-faq details),
html body #aldea-ia :is(.ad-service,.ad-step,.ad-trust div,.ad-faq details) {
  background:var(--ap-card)!important;
}

/* Fondos con acento: paneles enriquecidos sin turquesa fijo. */
html body #ad-home :is(.ad-hero-board,.ad-about,.ad-final),
html body #aldea-nosotros :is(.an-display,.an-person,.an-cta-inner),
html body #aldea-contacto .ac-cta,
html body #aldea-marketing .am-cta,
html body #aldea-ia .ad-experience {
  background:radial-gradient(ellipse at 86% 12%,var(--ap-accent-tint),transparent 57%),linear-gradient(135deg,var(--ap-card),var(--ap-section))!important;
  border-color:var(--ap-border)!important;
}
html body #ad-home .ad-header,
html body #aldea-nosotros .an-hero,
html body #aldea-contacto .ac-hero,
html body #aldea-marketing .am-hero,
html body #aldea-ia .ad-hero {
  background:radial-gradient(ellipse at 86% 13%,var(--ap-accent-tint),transparent 39%),linear-gradient(135deg,var(--ap-section),var(--ap-bg))!important;
}
html body.ap-gradient #ad-home .ad-header,
html body.ap-gradient #aldea-nosotros .an-hero,
html body.ap-gradient #aldea-contacto .ac-hero,
html body.ap-gradient #aldea-marketing .am-hero,
html body.ap-gradient #aldea-ia .ad-hero {
  background:linear-gradient(var(--ap-grad-angle,140deg),var(--ap-gradient-overlay),transparent 74%),linear-gradient(135deg,var(--ap-section),var(--ap-bg))!important;
}
html body #aldea-nosotros .an-display::after,
html body #aldea-nosotros .an-project-cover::after,
html body #aldea-ia :is(.ad-hero::before,.ad-cta::after) {
  background:radial-gradient(circle,var(--ap-accent-tint),transparent 68%)!important;
}

/* Panel de campañas: barras, KPIs y gráficos siguen toda paleta. */
html body #aldea-marketing .am-chart i {
  background:linear-gradient(0deg,var(--ap-accent-deep),var(--ap-accent))!important;
}
html body #aldea-marketing :is(.am-dashboard,.am-kpi,.am-example-list li,.am-ai-item) {
  border-color:var(--ap-border)!important;
}
html body #aldea-marketing .am-dash-foot b {
  border-color:var(--ap-accent-border)!important;
}

/* Recuadros auxiliares: se armonizan fondos e indicadores sin tocar el contenido. */
html body #ad-home :is(.ad-board-done,.ad-safe-note,.ad-ai-note),
html body #aldea-nosotros :is(.an-cap-index,.an-person-chip i),
html body #aldea-contacto :is(.ac-mini-status,.ac-sticker,.ac-no-share),
html body #aldea-marketing .am-ai-item b,
html body #aldea-ia :is(.ad-status,.ad-callout) {
  background:var(--ap-accent-tint)!important;
  border-color:var(--ap-accent-border)!important;
}
html body #ad-home :is(.ad-board-done,.ad-safe-note,.ad-ai-note),
html body #aldea-contacto :is(.ac-sticker,.ac-no-share),
html body #aldea-ia :is(.ad-status,.ad-callout) {
  color:var(--ap-muted)!important;
  -webkit-text-fill-color:var(--ap-muted)!important;
}

/* Texto legible sin convertir a rojo todo el contenido explicativo. */
html body #aldea-nosotros :is(.an-story-side,.an-prose,.an-purpose-item p,.an-person p,.an-display-main p),
html body #aldea-contacto :is(.ac-sticker,.ac-aside-card p,.ac-visual-row span,.ac-panel p),
html body #aldea-marketing :is(.am-quote,.am-chart-title small,.am-dashboard-note,.am-example-list span),
html body #aldea-ia :is(.ad-file,.ad-callout,.ad-status small) {
  color:var(--ap-muted)!important;
  -webkit-text-fill-color:var(--ap-muted)!important;
}
html body #ad-home :is(.ad-board-row strong,.ad-board-title),
html body #aldea-contacto .ac-visual-row strong,
html body #aldea-marketing .am-chart-title,
html body #aldea-nosotros .an-display-year {
  color:var(--ap-title)!important;
  -webkit-text-fill-color:var(--ap-title)!important;
}

/* Botones principales y secundarios: mismas reglas para las ocho paletas. */
html body #ad-home .ad-btn-primary,
html body #aldea-nosotros .an-primary,
html body #aldea-contacto .ac-primary,
html body #aldea-marketing .am-btn-primary,
html body #aldea-ia .ad-btn-primary,
html body #aldea-footer .af-cta-button {
  background:linear-gradient(130deg,var(--ap-accent),var(--ap-accent-deep))!important;
  color:var(--ap-button-text)!important;
  -webkit-text-fill-color:var(--ap-button-text)!important;
}
html body #ad-home :is(.ad-btn-outline,.ad-btn-subtle),
html body #aldea-nosotros :is(.an-secondary,.an-ghost),
html body #aldea-contacto .ac-secondary,
html body #aldea-marketing .am-btn-secondary,
html body #aldea-ia :is(.ad-btn-outline,.ad-btn-dark) {
  background:var(--ap-card)!important;
  border-color:var(--ap-border)!important;
  color:var(--ap-title)!important;
  -webkit-text-fill-color:var(--ap-title)!important;
}

/* Estados interactivos, colores y contornos, sin interferir con widgets de terceros. */
html body #ad-home :is(.ad-service,.ad-feature,.ad-project):hover,
html body #aldea-nosotros :is(.an-card,.an-cap,.an-project):hover,
html body #aldea-contacto :is(.ac-channel,.ac-form-card):hover,
html body #aldea-marketing :is(.am-service,.am-ai-item):hover {
  border-color:var(--ap-accent-border)!important;
}
html body :is(#ad-home,#aldea-nosotros,#aldea-contacto,#aldea-marketing,#aldea-ia) :is(a,button,input,textarea,select):focus-visible {
  outline:2px solid var(--ap-accent)!important;
  outline-offset:3px;
}
@media (prefers-reduced-motion:reduce) {
  html body :is(#ad-home,#aldea-nosotros,#aldea-contacto,#aldea-marketing,#aldea-ia) * {
    scroll-behavior:auto!important;
  }
}
/* Detalles cromáticos presentes en el texto de Nosotros y en el ejemplo de código. */
html body #aldea-nosotros .an-display-year span,
html body #aldea-ia .ad-c-green {
  color:var(--ap-accent)!important;
  -webkit-text-fill-color:var(--ap-accent)!important;
}
html body #aldea-nosotros :is(.an-display-head small,.an-project-cover span) {
  color:var(--ap-muted)!important;
  -webkit-text-fill-color:var(--ap-muted)!important;
}