/* Fondo unificado del sitio — referencia: home. Se carga al final del <head> en todas las páginas. */
body{background:
  radial-gradient(1200px 760px at 18% 0%,rgba(209,171,108,.24),transparent 62%),
  radial-gradient(980px 660px at 88% 28%,rgba(184,146,63,.17),transparent 66%),
  radial-gradient(1200px 820px at 24% 100%,rgba(209,171,108,.16),transparent 70%),
  linear-gradient(180deg,#12100c 0%,#08080A 38%,#12100c 100%)!important}
.aurora{display:none!important}
.flow-bg{position:fixed!important;inset:0!important;z-index:-2;pointer-events:none;filter:none!important;opacity:.72!important;animation:none!important;background:
  radial-gradient(1200px 760px at 7% -10%,rgba(240,217,166,.32),transparent 68%),
  radial-gradient(1040px 680px at 98% 8%,rgba(209,171,108,.26),transparent 72%),
  radial-gradient(980px 700px at 52% 28%,rgba(209,171,108,.2),transparent 76%),
  radial-gradient(900px 640px at 15% 74%,rgba(184,146,63,.2),transparent 70%),
  radial-gradient(1100px 740px at 88% 104%,rgba(231,199,126,.2),transparent 73%),
  linear-gradient(130deg,rgba(209,171,108,.16),transparent 30%,rgba(231,199,126,.12) 56%,transparent 78%)!important}
.flow-bg::before{content:"";position:absolute;inset:0;animation:none!important;opacity:.6;background:
  linear-gradient(118deg,transparent 0 16%,rgba(209,171,108,.13) 32%,transparent 48%,rgba(231,199,126,.1) 68%,transparent 88%)!important}
.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5!important;background:
  radial-gradient(120% 90% at 50% -10%,rgba(255,255,255,.05),transparent 55%),
  linear-gradient(180deg,rgba(8,8,10,.15),rgba(8,8,10,.7) 82%)!important}
/* Modo rendimiento (igual que home): sin blurs sobre capas fijas para evitar tirones al hacer scroll. */
.pill.glass,.glass,.metric,.home-shot .cap,.tbtn,.mcta{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
/* Menú en vidrio: el desenfoque se limita a la barra fija y sus paneles (área pequeña, no afecta el scroll).
   El vidrio de la barra vive en .bar::before: un backdrop-filter anidado no podría desenfocar la página
   detrás del desplegable de servicios, que está dentro de la barra. */
.bar{position:relative;isolation:isolate;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:1px solid rgba(255,255,255,.13)!important}
.bar::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 46%,rgba(209,171,108,.04)),rgba(16,15,13,.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(209,171,108,.12),0 18px 50px rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6)}
.nav-menu,.mobile-links .wrap{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025) 46%,rgba(209,171,108,.04)),rgba(16,15,13,.46)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 -1px 0 rgba(209,171,108,.12),0 18px 50px rgba(0,0,0,.42),0 0 0 1px rgba(209,171,108,.05)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.6)!important;backdrop-filter:blur(22px) saturate(1.6)!important}
.nav-menu{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),rgba(14,13,11,.7)!important}
.mobile-links a,.menu-toggle,.lang-sw{
  background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.mobile-links a:hover,.mobile-links a:focus-visible{background:rgba(209,171,108,.14)!important;border-color:rgba(209,171,108,.45)!important;color:#F6E7C4!important}
.nav-menu a:hover,.nav-menu a:focus-visible{background:rgba(255,255,255,.07)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bar::before,.mobile-links .wrap{background:rgba(14,13,11,.94)!important}.nav-menu{background:rgba(12,11,10,.97)!important}}
/* main.js añade .motion-press (position:relative) al botón de WhatsApp; debe seguir flotando. */
.motion-ready .wa-float.motion-press{position:fixed}
footer{background:transparent!important}
footer::after{content:none!important}
:where(img[width][height]){height:auto}
@media(max-width:720px){.flow-bg{background:
  radial-gradient(720px 540px at 0% -8%,rgba(240,217,166,.3),transparent 70%),
  radial-gradient(660px 540px at 112% 18%,rgba(209,171,108,.24),transparent 72%),
  radial-gradient(680px 540px at 50% 42%,rgba(209,171,108,.18),transparent 76%),
  radial-gradient(720px 560px at 10% 92%,rgba(184,146,63,.2),transparent 72%),
  radial-gradient(720px 560px at 96% 108%,rgba(231,199,126,.18),transparent 72%)!important}}