/* Aldea Digital — Paleta Global v1.4
   Selectores específicos de las landings creadas para Elementor.
   !important es intencional: sus <style> embebidos contienen colores fijos y títulos importantes. */

/* Correspondencia con los tokens CSS existentes en las siete secciones */
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) {
  --bg:var(--ap-bg) !important;
  --bg2:var(--ap-section) !important;
  --mid:var(--ap-section) !important;
  --panel:var(--ap-card) !important;
  --panel2:var(--ap-card) !important;
  --panel3:var(--ap-card) !important;
  --card:var(--ap-card) !important;
  --card2:var(--ap-card) !important;
  --line:var(--ap-border) !important;
  --line2:var(--ap-border) !important;
  --border:var(--ap-border) !important;
  --hair:var(--ap-border) !important;
  --text:var(--ap-title) !important;
  --ink:var(--ap-title) !important;
  --light:var(--ap-title) !important;
  --muted:var(--ap-muted) !important;
  --soft:var(--ap-muted) !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;
  --ad-fg:var(--ap-title) !important;
  --ad-muted:var(--ap-muted) !important;
  --ad-line:var(--ap-border) !important;
  --ad-accent:var(--ap-accent) !important;
  --af-bg:var(--ap-bg) !important;
  --af-bg-deep:var(--ap-bg) !important;
  --af-surface:var(--ap-card) !important;
  --af-border:var(--ap-border) !important;
  --af-white:var(--ap-title) !important;
  --af-muted:var(--ap-muted) !important;
  --af-teal:var(--ap-accent) !important;
  --af-teal-deep:var(--ap-accent-deep) !important;
  background:var(--ap-bg) !important;
  color:var(--ap-title) !important;
}

/* Forzar color de títulos frente a estilos globales Elementor. */
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) :is(h1,h2,h3,h4,h5,h6) {
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
  opacity:1 !important;
}
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) :is(h1,h2,h3,h4,h5,h6) em,
body #ad-home .ad-overline,
body #ad-home .ad-kicker,
body #aldea-nosotros .an-eyebrow,
body #aldea-nosotros .an-tag,
body #aldea-contacto .ac-eyebrow,
body #aldea-contacto .ac-tag,
body #aldea-marketing .am-label,
body #aldea-marketing .am-tag,
body #aldea-portafolio .adp-eyebrow,
body #aldea-portafolio .adp-meta,
body #aldea-footer .af-kicker,
body #aldea-ia .ad-eyebrow,
body #aldea-ia .ad-kicker,
body #aldea-ia .ad-smallbrand,
body #aldea-footer .af-brandname span,
body #aldea-ia .ad-logo span {
  color:var(--ap-accent) !important;
  -webkit-text-fill-color:var(--ap-accent) !important;
}

/* Párrafos: cubrir colores que aparecen escritos directamente como hexadecimales. */
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) p,
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) :is(.ad-lead,.ad-intro,.ad-description,.an-intro,.an-description,.ac-hero-text,.ac-intro,.am-intro,.am-description,.adp-description,.adp-note,.af-desc,.af-contact-line,.ad-proof) {
  color:var(--ap-muted) !important;
  -webkit-text-fill-color:var(--ap-muted) !important;
}

/* Fondos de secciones y de cabeceras de todas las landings */
body #ad-home :is(.ad-header,.ad-section-alt,.ad-section-soft),
body #aldea-nosotros :is(.an-hero,.an-section-alt),
body #aldea-contacto :is(.ac-hero,.ac-section-alt),
body #aldea-marketing :is(.am-hero,.am-section-alt),
body #aldea-ia :is(.ad-hero,.ad-section-soft),
body #aldea-footer .af-cta {
  background:linear-gradient(135deg,var(--ap-section),var(--ap-bg)) !important;
}
body #ad-home :is(.ad-topnav,.ad-foot),
body #aldea-nosotros :is(.an-nav,.an-foot),
body #aldea-ia :is(.ad-nav,.ad-bar,.ad-foot),
body #aldea-marketing .am-contact-bar,
body #aldea-footer .af-bottom {
  background:var(--ap-section) !important;
}

/* Tarjetas y superficies: especialización por los nombres existentes */
body #ad-home :is(.ad-hero-board,.ad-browser,.ad-board-row,.ad-ribbon,.ad-service,.ad-feature,.ad-creative-panel,.ad-project,.ad-fact,.ad-chip,.ad-faqs details,.ad-btn-outline,.ad-btn-subtle),
body #aldea-nosotros :is(.an-display,.an-proof span,.an-mini,.an-card,.an-purpose-item,.an-cap,.an-project,.an-person,.an-person-chip,.an-secondary),
body #aldea-contacto :is(.ac-pill,.ac-panel,.ac-visual-row,.ac-sticker,.ac-channel,.ac-form-card,.ac-aside-card,.ac-faq details,.ac-mini-status,.ac-secondary),
body #aldea-marketing :is(.am-mini-trust span,.am-dashboard,.am-kpi,.am-service,.am-ai-item,.am-example,.am-example-list li,.am-faq details,.am-btn-secondary),
body #aldea-ia :is(.ad-visual,.ad-service,.ad-step,.ad-experience,.ad-trust div,.ad-faq details,.ad-btn-outline,.ad-btn-dark),
body #aldea-portafolio :is(.adp-project,.adp-history,.adp-tags span,.adp-history-label,.adp-pending),
body #aldea-footer :is(.af-mark,.af-pill,.af-social a) {
  background:var(--ap-card) !important;
  border-color:var(--ap-border) !important;
}
/* Fondos con degradados que parecen contenedores, no ilustraciones */
body #ad-home :is(.ad-about,.ad-final),
body #aldea-nosotros :is(.an-cta-inner),
body #aldea-contacto .ac-cta,
body #aldea-marketing .am-cta {
  background:linear-gradient(120deg,var(--ap-card),var(--ap-section)) !important;
  border-color:var(--ap-border) !important;
}
body #aldea-contacto .ac-field :is(input,textarea,select) {
  background:var(--ap-input) !important;
  border-color:var(--ap-border) !important;
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
}
body #aldea-contacto .ac-field :is(input,textarea)::placeholder {
  color:var(--ap-muted) !important;
  -webkit-text-fill-color:var(--ap-muted) !important;
}
body #aldea-contacto .ac-field select option {background:var(--ap-input);color:var(--ap-title)}

/* Botones principales, incluido el CTA con !important que ya tenía el footer */
body #ad-home .ad-btn-primary,
body #aldea-nosotros .an-primary,
body #aldea-contacto .ac-primary,
body #aldea-marketing .am-btn-primary,
body #aldea-ia .ad-btn-primary,
body #aldea-footer .af-cta-button,
body #aldea-footer a.af-cta-button {
  background:linear-gradient(125deg,var(--ap-accent),var(--ap-accent-deep)) !important;
  color:var(--ap-button-text) !important;
  -webkit-text-fill-color:var(--ap-button-text) !important;
  border-color:transparent !important;
}
body #ad-home :is(.ad-btn-outline,.ad-btn-subtle),
body #aldea-nosotros :is(.an-secondary,.an-ghost),
body #aldea-contacto .ac-secondary,
body #aldea-marketing .am-btn-secondary,
body #aldea-ia :is(.ad-btn-outline,.ad-btn-dark) {
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
  border-color:var(--ap-border) !important;
}

/* Enlaces, pictogramas y etiquetas de acento */
body #ad-home :is(.ad-project-link,.ad-overline,.ad-board-ico,.ad-feature-symbol,.ad-kicker),
body #aldea-nosotros :is(.an-link,.an-eyebrow,.an-icon,.an-cap-index),
body #aldea-contacto :is(.ac-link,.ac-eyebrow,.ac-ico,.ac-list b),
body #aldea-marketing :is(.am-label,.am-service .am-icon,.am-ai-item b),
body #aldea-portafolio :is(.adp-link,.adp-meta,.adp-eyebrow),
body #aldea-footer :is(.af-links a:hover,.af-contact-line svg,.af-contact-line a:hover,.af-bottom a:hover,.af-brandname span),
body #aldea-ia :is(.ad-eyebrow,.ad-kicker,.ad-symbol) {
  color:var(--ap-accent) !important;
  -webkit-text-fill-color:var(--ap-accent) !important;
}
body #aldea-portafolio .adp-eyebrow::before,
body #aldea-footer .af-pill::before,
body #aldea-contacto .ac-eyebrow::before,
body #aldea-nosotros .an-eyebrow::before,
body #aldea-marketing .am-label::before,
body #ad-home .ad-overline::before {background:var(--ap-accent) !important;}

/* Bordes visibles sin alterar ilustraciones de proyectos, fotos o SVG */
body #ad-home :is(.ad-service,.ad-feature,.ad-project,.ad-faqs details),
body #aldea-nosotros :is(.an-card,.an-cap,.an-project),
body #aldea-contacto :is(.ac-panel,.ac-channel,.ac-form-card,.ac-aside-card,.ac-faq details),
body #aldea-marketing :is(.am-service,.am-dashboard,.am-faq details),
body #aldea-portafolio :is(.adp-project,.adp-history),
body #aldea-footer :is(.af-pill,.af-social a,.af-cta) {
  border-color:var(--ap-border) !important;
}

/* Reglas complementarias de contraste del footer y del portafolio */
body #aldea-footer :is(.af-heading,.af-brandname) {
  color:var(--ap-title) !important;
  -webkit-text-fill-color:var(--ap-title) !important;
}
body #aldea-footer :is(.af-links a,.af-contact-line a,.af-bottom p) {
  color:var(--ap-muted) !important;
  -webkit-text-fill-color:var(--ap-muted) !important;
}
body #aldea-portafolio .adp-content :is(p,.adp-note),
body #aldea-portafolio .adp-grouphead p {color:var(--ap-muted) !important}
body #aldea-portafolio .adp-content h3,
body #aldea-portafolio .adp-grouphead h3 {color:var(--ap-title) !important}

/* Foco accesible para enlaces/botones */
body :is(#ad-home, #aldea-ia, #aldea-marketing, #aldea-nosotros, #aldea-contacto, #aldea-portafolio, #aldea-footer) :is(a,button,input,select,textarea):focus-visible {
  outline-color:var(--ap-accent) !important;
}