/* LiquidGlass SVG refraction from nikdelvin/liquid-glass; see vendor/liquid-glass. */
:root {
  --lg-fill: rgba(255, 255, 255, .56);
  --lg-edge: rgba(255, 255, 255, .84);
  --lg-highlight: rgba(255, 255, 255, .74);
  --lg-reflection: rgba(255, 255, 255, .20);
  --lg-shadow: rgba(33, 83, 99, .13);
  --lg-frost: 6px;
  --lg-blur: .6px;
  --lg-brightness: 1.04;
}

body.cosmic-garden-mode {
  --lg-fill: rgba(8, 27, 39, .54);
  --lg-edge: rgba(161, 235, 225, .26);
  --lg-highlight: rgba(211, 255, 247, .38);
  --lg-reflection: rgba(131, 225, 207, .08);
  --lg-shadow: rgba(0, 0, 0, .30);
  --lg-brightness: 1.08;
}

/* Panels keep their optical finish without filtering entire animated backdrops. */
/* Rounded controls let the optical rim flow continuously around their ends. */
body.theme-aero-kids .button.liquid-glass,
body.theme-aero-kids .cosmic-toggle.liquid-glass,
body.theme-aero-kids .about-photo-caption.liquid-glass {
  border-radius: 999px;
}

body.theme-aero-kids .liquid-glass {
  isolation: isolate;
  background: var(--lg-fill);
  border-color: var(--lg-edge);
  box-shadow: 0 16px 44px var(--lg-shadow),
    inset 0 1px 0 var(--lg-highlight),
    inset 0 -1px 0 rgba(94, 150, 154, .12),
    inset 1px 0 0 var(--lg-reflection);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.theme-aero-kids .nav-wrap.liquid-glass {
  position: relative;
  --lg-fill: rgba(255, 255, 255, .44);
  -webkit-backdrop-filter: blur(var(--lg-frost)) saturate(125%);
  backdrop-filter: blur(var(--lg-frost)) saturate(125%);
  box-shadow: 0 14px 42px var(--lg-shadow),
    inset 0 1px 0 var(--lg-highlight), inset 0 0 0 1px var(--lg-reflection);
}

body.theme-aero-kids .portrait-whisper.liquid-glass,
body.theme-aero-kids .about-photo-caption.liquid-glass,
body.theme-aero-kids .cosmic-hud.liquid-glass,
body.theme-aero-kids .cosmic-toast.liquid-glass,
body.theme-aero-kids .mobile-whatsapp-cta.liquid-glass {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

/* Split the backdrop's RGB channels through the lens, with neutral edges. */
body.theme-aero-kids .liquid-glass.liquid-glass--refracted {
  -webkit-backdrop-filter: var(--lg-filter) blur(var(--lg-blur))
    brightness(var(--lg-brightness)) saturate(120%);
  backdrop-filter: var(--lg-filter) blur(var(--lg-blur))
    brightness(var(--lg-brightness)) saturate(120%);
}

/* Movement keeps refraction visible with one displacement pass, not three. */
html.liquid-glass-in-motion body.theme-aero-kids .liquid-glass.liquid-glass--refracted {
  -webkit-backdrop-filter: var(--lg-motion-filter) blur(var(--lg-blur))
    brightness(var(--lg-brightness)) saturate(120%);
  backdrop-filter: var(--lg-motion-filter) blur(var(--lg-blur))
    brightness(var(--lg-brightness)) saturate(120%);
}

body.theme-aero-kids .nav-wrap.liquid-glass::before { display: none; }
/* The original cosmic toggle also had a decorative colored outline. */
body.theme-aero-kids .cosmic-toggle.liquid-glass::after { content: none; }
body.theme-aero-kids .site-header.is-scrolled .nav-wrap.liquid-glass {
  --lg-fill: rgba(255, 255, 255, .62);
}

body.theme-aero-kids .button.liquid-glass,
body.theme-aero-kids .card.liquid-glass,
body.theme-aero-kids .faq-stack details.liquid-glass { position: relative; }

body.theme-aero-kids .button.liquid-glass,
body.theme-aero-kids .cosmic-toggle.liquid-glass {
  --lg-blur: 1px;
  box-shadow: 0 8px 22px var(--lg-shadow), inset 0 1px 0 var(--lg-highlight),
    inset 0 0 0 1px var(--lg-reflection);
}
body.theme-aero-kids .cosmic-toggle.liquid-glass { --lg-fill: rgba(255, 255, 255, .70); }

body.theme-aero-kids .button-primary.liquid-glass,
body.theme-aero-kids .mobile-whatsapp-cta.liquid-glass {
  background: linear-gradient(135deg, rgba(20, 95, 112, .96), rgba(20, 103, 98, .96));
  --lg-highlight: rgba(236, 255, 252, .58);
  --lg-reflection: rgba(255, 255, 255, .10);
}

/* Contact glass reveals the real panel beneath a milky, neutral tint. */
body.theme-aero-kids:not(.cosmic-garden-mode) .cta-actions > .button-primary.liquid-glass {
  --lg-fill: rgba(255, 255, 255, .48);
  --lg-blur: .25px;
  --lg-brightness: 1;
  --lg-highlight: rgba(255, 255, 255, .9);
  --lg-reflection: rgba(255, 255, 255, .32);
  background: var(--lg-fill);
  color: #123c49;
  border-color: rgba(255, 255, 255, .78);
  box-shadow: 0 10px 26px rgba(13, 59, 68, .15),
    inset 0 1px 1px var(--lg-highlight), inset 0 -1px 1px var(--lg-reflection);
}
body.theme-aero-kids:not(.cosmic-garden-mode) .cta-actions > .button-primary.liquid-glass:not(.liquid-glass--refracted) {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
body.theme-aero-kids:not(.cosmic-garden-mode) .cta-actions > .button-primary.liquid-glass::before { content: none; }
body.theme-aero-kids:not(.cosmic-garden-mode) .cta-actions > .button-primary.liquid-glass:focus-visible {
  outline-color: #fff;
}

body.theme-aero-kids .card.liquid-glass { --lg-fill: rgba(255, 255, 255, .66); }
/* Pearl: a clear center with soft silver reflections along the rim. */
body.theme-aero-kids .location-photo.liquid-glass {
  --lg-fill: rgba(255, 255, 255, .18);
  background: linear-gradient(135deg, rgba(255, 255, 255, .30),
    rgba(237, 249, 247, .12) 45%, rgba(245, 237, 255, .20));
  border-color: rgba(255, 255, 255, .66);
  -webkit-backdrop-filter: blur(2px) saturate(115%);
  backdrop-filter: blur(2px) saturate(115%);
  box-shadow: 0 16px 44px var(--lg-shadow),
    inset 0 1px 1px rgba(255, 255, 255, .82),
    inset 0 -1px 1px rgba(223, 234, 255, .28);
}
body.theme-aero-kids .location-photo .clinic-brand-title { color: #f4fcfa; }
body.theme-aero-kids .location-photo .clinic-brand-subtitle,
body.theme-aero-kids .location-photo .clinic-brand-text { color: #daecec; }
body.theme-aero-kids.cosmic-garden-mode .location-photo.liquid-glass {
  background: linear-gradient(135deg, rgba(174, 222, 223, .16),
    rgba(8, 27, 39, .24) 45%, rgba(191, 175, 220, .12));
  border-color: rgba(211, 246, 243, .38);
}
body.theme-aero-kids .service-primary.liquid-glass {
  background: linear-gradient(132deg, rgba(222, 246, 236, .65),
    rgba(255, 255, 255, .58) 50%, rgba(249, 234, 226, .44));
}
body.theme-aero-kids .faq-stack details.liquid-glass {
  --lg-fill: rgba(255, 255, 255, .64);
  --lg-blur: 3px;
}
body.theme-aero-kids .portrait-whisper.liquid-glass,
body.theme-aero-kids .about-photo-caption.liquid-glass { --lg-fill: rgba(255, 255, 255, .60); }

body.cosmic-garden-mode .nav-wrap.liquid-glass { --lg-fill: rgba(7, 23, 34, .48); }
body.cosmic-garden-mode .cosmic-toggle.liquid-glass { --lg-fill: rgba(8, 32, 43, .54); }
body.cosmic-garden-mode .site-header.is-scrolled .nav-wrap.liquid-glass {
  --lg-fill: rgba(7, 23, 34, .68);
}
body.cosmic-garden-mode .card.liquid-glass,
body.cosmic-garden-mode .faq-stack details.liquid-glass { --lg-fill: rgba(9, 31, 43, .62); }
body.cosmic-garden-mode .service-primary.liquid-glass {
  background: linear-gradient(132deg, rgba(19, 62, 59, .58),
    rgba(10, 34, 44, .60) 50%, rgba(50, 31, 40, .44));
}
body.cosmic-garden-mode .portrait-whisper.liquid-glass,
body.cosmic-garden-mode .about-photo-caption.liquid-glass { --lg-fill: rgba(8, 28, 38, .58); }
body.cosmic-garden-mode .button-primary.liquid-glass {
  background: linear-gradient(135deg, rgba(186, 245, 232, .91),
    rgba(114, 212, 221, .91) 55%, rgba(233, 176, 154, .91));
  --lg-highlight: rgba(255, 255, 255, .72);
  --lg-reflection: rgba(255, 255, 255, .20);
}
body.cosmic-garden-mode .mobile-whatsapp-cta.liquid-glass {
  background: linear-gradient(135deg, rgba(10, 48, 59, .80), rgba(19, 80, 81, .80));
}

body.theme-aero-kids .liquid-glass:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 4px;
}

/* Compact labels: neutral reflections, without stacking live SVG lenses. */
body.theme-aero-kids .section-badge.liquid-glass,
body.theme-aero-kids .location-meta span.liquid-glass {
  position: relative;
  border-radius: 999px;
  --lg-fill: rgba(255, 255, 255, .38);
  --lg-edge: rgba(255, 255, 255, .88);
  --lg-highlight: rgba(255, 255, 255, .95);
  --lg-reflection: rgba(255, 255, 255, .34);
  color: #286474;
  background: var(--lg-fill);
  -webkit-backdrop-filter: blur(5px) saturate(115%);
  backdrop-filter: blur(5px) saturate(115%);
  box-shadow: 0 3px 10px rgba(30, 83, 93, .07),
    inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(66, 120, 128, .10);
}
body.theme-aero-kids .section-badge.liquid-glass { padding: 7px 13px; }
body.theme-aero-kids .location-meta span.liquid-glass { padding: 9px 13px; }
body.theme-aero-kids .section-badge-light.liquid-glass,
body.theme-aero-kids .location-copy .section-badge.liquid-glass,
body.theme-aero-kids .location-meta span.liquid-glass,
body.cosmic-garden-mode .section-badge.liquid-glass {
  --lg-fill: rgba(255, 255, 255, .11);
  --lg-edge: rgba(228, 255, 249, .34);
  --lg-highlight: rgba(255, 255, 255, .30);
  color: #e4f7f4;
  box-shadow: 0 3px 10px rgba(0, 25, 33, .10),
    inset 0 1px 0 var(--lg-highlight), inset 0 -1px 0 rgba(0, 25, 33, .10);
}
body.cosmic-garden-mode .section-badge.liquid-glass { --lg-fill: rgba(28, 65, 74, .38); }

/* A narrow optical rim; its filtered photograph stays cached during motion. */
.portrait-glass-rim { display: none; }
@supports (mask-composite: exclude) or (-webkit-mask-composite: xor) {
  body.theme-aero-kids:not(.cosmic-garden-mode) .portrait-glass-frame {
    isolation: isolate;
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .58);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  body.theme-aero-kids:not(.cosmic-garden-mode) .portrait-glass-rim {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 3;
    border-radius: inherit;
    padding: var(--portrait-rim-width, 9px);
    box-sizing: border-box;
    pointer-events: none;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .portrait-glass-rim::before,
  .portrait-glass-rim::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
  }
  .portrait-glass-rim::before {
    background-image: var(--portrait-image);
    background-size: cover;
    background-position: var(--portrait-image-position, center);
    filter: var(--portrait-filter, blur(1px)) saturate(.9);
    opacity: .72;
  }
  .portrait-glass-rim::after {
    background: linear-gradient(135deg, rgba(255, 255, 255, .72),
      rgba(255, 255, 255, .12) 28%, rgba(255, 255, 255, .24) 66%,
      rgba(255, 255, 255, .62));
    box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .88),
      inset -1px -1px 2px rgba(56, 102, 110, .22);
  }
}

@media (prefers-reduced-transparency: reduce) {
  /* This explicit accessibility preference overrides each component's tint. */
  body.theme-aero-kids .liquid-glass { --lg-fill: rgb(250, 253, 253) !important; }
  body.cosmic-garden-mode .liquid-glass { --lg-fill: rgb(8, 27, 39) !important; }
  body.theme-aero-kids .liquid-glass {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
  body.theme-aero-kids .service-primary.liquid-glass { background: var(--lg-fill); }
  body.theme-aero-kids .location-photo.liquid-glass { background: var(--lg-fill); }
  body.theme-aero-kids:not(.cosmic-garden-mode) .location-photo .clinic-brand-title { color: #123c49; }
  body.theme-aero-kids:not(.cosmic-garden-mode) .location-photo .clinic-brand-subtitle,
  body.theme-aero-kids:not(.cosmic-garden-mode) .location-photo .clinic-brand-text { color: #42616b; }
  body.theme-aero-kids .section-badge.liquid-glass,
  body.theme-aero-kids .location-meta span.liquid-glass { color: #286474; }
  body.cosmic-garden-mode .section-badge.liquid-glass,
  body.cosmic-garden-mode .location-meta span.liquid-glass { color: #e4f7f4; }
  body.theme-aero-kids .button-primary.liquid-glass,
  body.theme-aero-kids .mobile-whatsapp-cta.liquid-glass {
    background: linear-gradient(135deg, #145f70, #146762);
  }
  body.cosmic-garden-mode .button-primary.liquid-glass {
    background: linear-gradient(135deg, #baf5e8, #72d4dd 55%, #e9b09a);
  }
  body.cosmic-garden-mode .mobile-whatsapp-cta.liquid-glass {
    background: linear-gradient(135deg, #0a303b, #135051);
  }
  body.theme-aero-kids:not(.cosmic-garden-mode) .portrait-glass-frame {
    background: rgb(250, 253, 253);
  }
  body.theme-aero-kids:not(.cosmic-garden-mode) .portrait-glass-rim { display: none; }
}

/* Keep optical light between the glass fill and the copy. */
.glass-prism-surface,
.glass-prism-surface > summary { isolation: isolate; }
body.theme-aero-kids .button.glass-prism-surface { overflow: visible; }
body.theme-aero-kids .button.glass-prism-surface::before { content: none; }
.glass-prism-surface > summary { position: relative; border-radius: inherit; }
body.theme-aero-kids .glass-prism-surface > .glass-prism-light,
body.theme-aero-kids .glass-prism-surface > summary > .glass-prism-light {
  position: absolute;
  inset: -32px;
  z-index: -1;
  display: block;
  width: calc(100% + 64px);
  height: calc(100% + 64px);
  overflow: visible;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity 140ms ease-out;
}
body.theme-aero-kids .portrait-glass-frame > .glass-prism-light { z-index: 4; }
/* Replace the previous unfiltered white spot on participating surfaces. */
body.theme-aero-kids .glass-prism-surface.optical-glass::after,
body.theme-aero-kids .glass-prism-surface.glass-panel::after {
  content: none;
}
body.cosmic-garden-mode .glass-prism-surface.signal-card::before,
body.cosmic-garden-mode .glass-prism-surface.card::before { content: none; }
@media (hover: none), (pointer: coarse), (prefers-reduced-transparency: reduce) {
  body.theme-aero-kids .glass-prism-surface > .glass-prism-light,
  body.theme-aero-kids .glass-prism-surface > summary > .glass-prism-light { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.theme-aero-kids .glass-prism-surface .glass-prism-light { transition: none; }
}