/* Aldea Paleta Global PRO 2.1 – efecto cristal líquido opcional.
   Diseño inspirado en vidrio translúcido; no reproduce componentes nativos de Apple.
   Solo activos cuando body.ap-liquid está presente. */

/* Fallback para navegadores sin desenfoque: la tarjeta siempre queda legible. */
html body.ap-liquid.ap-liquid :is(
  #ad-home :is(.ad-service,.ad-feature,.ad-fact,.ad-project,.ad-phase,.ad-hero-board,.ad-browser,.ad-board-row,.ad-ai-note,.ad-safe-note,.ad-creative-panel,.ad-faqs details),
  #aldea-nosotros :is(.an-card,.an-cap,.an-project,.an-purpose-item,.an-process-step,.an-person-panel,.an-display,.an-mini,.an-note),
  #aldea-contacto :is(.ac-channel,.ac-form-card,.ac-panel,.ac-aside-card,.ac-visual-row,.ac-no-share,.ac-form-note,.ac-faq details),
  #aldea-marketing :is(.am-service,.am-ai-item,.am-kpi,.am-dashboard,.am-chart,.am-step,.am-example,.am-note,.am-mini-trust,.am-faq details),
  #aldea-ia :is(.ad-service,.ad-step,.ad-experience,.ad-trust>div,.ad-callout,.ad-status,.ad-faq details),
  #aldea-portafolio :is(.adp-project,.adp-history,.adp-note,.adp-browser),
  #aldea-footer :is(.af-pill,.af-cta,.af-contact-line),
  #aldea-header :is(.ah-menu-mobile,.ah-nav-menu,.ah-lang-wrap)
) {
  background:var(--ap-chroma-card,var(--ap-card)) !important;
  border:1px solid var(--ap-liquid-edge) !important;
  border-radius:var(--ap-liquid-radius) !important;
  box-shadow:inset 1px 1px 0 var(--ap-liquid-reflect),0 14px 34px rgba(0,0,0,.16) !important;
}

/* Capas de reflejo y tintes propios de la paleta con fondo difuminado. */
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) {
html body.ap-liquid.ap-liquid :is(
  #ad-home :is(.ad-service,.ad-feature,.ad-fact,.ad-project,.ad-phase,.ad-hero-board,.ad-browser,.ad-board-row,.ad-ai-note,.ad-safe-note,.ad-creative-panel,.ad-faqs details),
  #aldea-nosotros :is(.an-card,.an-cap,.an-project,.an-purpose-item,.an-process-step,.an-person-panel,.an-display,.an-mini,.an-note),
  #aldea-contacto :is(.ac-channel,.ac-form-card,.ac-panel,.ac-aside-card,.ac-visual-row,.ac-no-share,.ac-form-note,.ac-faq details),
  #aldea-marketing :is(.am-service,.am-ai-item,.am-kpi,.am-dashboard,.am-chart,.am-step,.am-example,.am-note,.am-mini-trust,.am-faq details),
  #aldea-ia :is(.ad-service,.ad-step,.ad-experience,.ad-trust>div,.ad-callout,.ad-status,.ad-faq details),
  #aldea-portafolio :is(.adp-project,.adp-history,.adp-note,.adp-browser),
  #aldea-footer :is(.af-pill,.af-cta,.af-contact-line),
  #aldea-header :is(.ah-menu-mobile,.ah-nav-menu,.ah-lang-wrap)
) {
  background:linear-gradient(138deg,var(--ap-liquid-reflect) 0%,transparent 28%,var(--ap-liquid-accent) 75%,transparent 100%) !important;
  background-color:var(--ap-liquid-fill) !important;
  -webkit-backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.5);
  backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.5);
  box-shadow:inset 1px 1px 0 var(--ap-liquid-reflect),inset -1px -1px 0 rgba(255,255,255,.035),0 14px 34px rgba(0,0,0,.18) !important;
}
}

/* Campos del formulario de contacto: cristal legible sin alterar inputs externos. */
html body.ap-liquid #aldea-contacto :is(.ac-field input:not([type="checkbox"]),.ac-field select,.ac-field textarea) {
 background:var(--ap-liquid-fill) !important;
 border:1px solid var(--ap-liquid-edge) !important;
 -webkit-backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.2);
 backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.2);
 border-radius:min(var(--ap-liquid-radius),14px) !important;
 color:var(--ap-title) !important;
}

/* Secciones pequeñas de contenido y cajas de iconos; el fondo cromático permanece visible. */
html body.ap-liquid.ap-liquid :is(
 #ad-home :is(.ad-feature-symbol,.ad-board-ico,.ad-snum),
 #aldea-nosotros :is(.an-icon,.an-cap-index),
 #aldea-contacto :is(.ac-ico,.ac-number),
 #aldea-marketing :is(.am-icon,.am-label),
 #aldea-ia :is(.ad-symbol,.ad-step-n),
 #aldea-portafolio :is(.adp-tag)
){
  background:var(--ap-liquid-fill) !important;
  border:1px solid var(--ap-liquid-edge) !important;
  box-shadow:inset 1px 1px 0 var(--ap-liquid-reflect) !important;
}

/* Selector voluntario para los widgets de Elementor fuera de las landings conocidas. */
html body.ap-liquid.ap-liquid-extended :is(
  .elementor-widget-icon-box .elementor-widget-container,
  .elementor-widget-image-box .elementor-widget-container,
  .elementor-widget-testimonial .elementor-widget-container,
  .elementor-widget-call-to-action .elementor-cta,
  .elementor-widget-accordion .elementor-accordion-item,
  .elementor-widget-toggle .elementor-tab-title,
  .elementor-widget-tabs .elementor-tab-content
){
  background:var(--ap-liquid-fill) !important;
  border:1px solid var(--ap-liquid-edge) !important;
  border-radius:var(--ap-liquid-radius) !important;
  -webkit-backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.4);
  backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.4);
  box-shadow:inset 1px 1px 0 var(--ap-liquid-reflect),0 12px 30px rgba(0,0,0,.15) !important;
}

html body.ap-liquid.ap-liquid-buttons :is(
 #ad-home .ad-btn-outline,
 #aldea-nosotros :is(.an-secondary,.an-ghost),
 #aldea-contacto .ac-secondary,
 #aldea-marketing .am-btn-secondary,
 #aldea-ia .ad-btn-outline,
 #aldea-footer .af-cta-button,
 #aldea-header :is(.ah-cotizar,.ah-button)
){
  background:linear-gradient(140deg,var(--ap-liquid-reflect),transparent 55%) !important;
  background-color:var(--ap-liquid-fill) !important;
  border:1px solid var(--ap-liquid-edge) !important;
  -webkit-backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.4);
  backdrop-filter:blur(var(--ap-liquid-blur)) saturate(1.4);
  border-radius:var(--ap-button-radius,12px) !important;
  box-shadow:inset 1px 1px 0 var(--ap-liquid-reflect),0 8px 20px rgba(0,0,0,.16) !important;
  color:var(--ap-title) !important;
}

/* En móviles nunca superamos 14px; sin efectos si se configura 0px. */
@media(max-width:700px){
 html body.ap-liquid{--ap-liquid-blur:var(--ap-liquid-blur-mobile,14px)}
}
@media (prefers-reduced-transparency:reduce){
 html body.ap-liquid.ap-liquid :is(#ad-home,#aldea-nosotros,#aldea-contacto,#aldea-marketing,#aldea-ia,#aldea-portafolio,#aldea-footer) :is(article,.an-card,.ac-channel,.am-service,.ad-service,.adp-project){
  background:var(--ap-card) !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
 }
}