/* AESTHETICS MIX v18.0 — CLEAN UX BASE
   Single authoritative UX layer rebuilt from v16.7.
   No stacked v17.x patches. */
:root{
  --amix-ink:#2f2a27;
  --amix-body:#57514d;
  --amix-glass:rgba(255,255,255,.23);
  --amix-glass-hover:rgba(255,255,255,.34);
  --amix-glass-border:rgba(255,255,255,.58);
  --amix-glass-shadow:0 10px 30px rgba(42,32,26,.12);
  --amix-radius:18px;
  --amix-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Helvetica,Arial,sans-serif;
}
html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--amix-font)!important}
body{color:var(--amix-body)}
h1,h2,h3,h4,h5,h6,#menu,.gateway-card,.science-beauty-cta,.amix-scroll-control{font-family:var(--amix-font)!important}

/* STANDARD SITE NAV — glass, four rounded corners. */
#menu.amix-nav-glass{
  background:var(--amix-glass)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
  border:1px solid var(--amix-glass-border)!important;
  border-radius:var(--amix-radius)!important;
  box-shadow:var(--amix-glass-shadow)!important;
  overflow:visible!important;
}
#menu.amix-nav-glass .menu-list>li>a,
#menu.amix-nav-glass .language-dropdown>a{
  color:var(--amix-ink)!important;
  text-shadow:none!important;
  font-weight:500!important;
}
#menu.amix-nav-glass .menu-list>li>a:hover,
#menu.amix-nav-glass .menu-list>li>a:focus-visible,
#menu.amix-nav-glass .language-dropdown>a:hover,
#menu.amix-nav-glass .language-dropdown>a:focus-visible{
  color:var(--amix-ink)!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
}

/* LANGUAGE SUBMENU — same glass and four rounded corners. */
#menu.amix-nav-glass .language-dropdown .dropdown,
#menu.amix-nav-glass .language-dropdown ul.dropdown{
  background:rgba(255,255,255,.28)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  border:1px solid var(--amix-glass-border)!important;
  border-radius:var(--amix-radius)!important;
  box-shadow:0 16px 38px rgba(42,32,26,.16)!important;
  overflow:hidden!important;
  padding:8px!important;
}
#menu.amix-nav-glass .language-dropdown .dropdown li,
#menu.amix-nav-glass .language-dropdown ul.dropdown li{margin:0!important}
#menu.amix-nav-glass .language-dropdown .dropdown a,
#menu.amix-nav-glass .language-dropdown ul.dropdown a{
  background:transparent!important;
  color:var(--amix-ink)!important;
  border-radius:10px!important;
}
#menu.amix-nav-glass .language-dropdown .dropdown a:hover,
#menu.amix-nav-glass .language-dropdown .dropdown a:focus-visible{
  background:rgba(255,255,255,.22)!important;
  color:var(--amix-ink)!important;
  outline:none!important;
}
#menu.amix-nav-glass .language-dropdown .dropdown li+li{border-top:1px solid rgba(255,255,255,.24)!important}

/* FOOTER/LEGAL DESTINATION PAGES — explicitly NO GLASS. Keep original chocolate header. */
#menu.amix-nav-plain{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  border:none!important;
  border-radius:0!important;
}
#menu.amix-nav-plain .language-dropdown .dropdown,
#menu.amix-nav-plain .language-dropdown ul.dropdown{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:0 8px 20px rgba(42,32,26,.10)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}

/* ROOT LANGUAGE GATEWAY — visibly glass, not an opaque card over an opaque card. */
.language-gateway .gateway-card{
  background:rgba(250,247,244,.46)!important;
  -webkit-backdrop-filter:blur(20px) saturate(120%)!important;
  backdrop-filter:blur(20px) saturate(120%)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:28px!important;
  box-shadow:0 28px 76px rgba(42,32,26,.22)!important;
}
.language-gateway .gateway-toggle,
.language-gateway .gateway-list{
  background:rgba(255,255,255,.18)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:18px!important;
  box-shadow:0 10px 26px rgba(42,32,26,.10)!important;
  color:var(--amix-ink)!important;
}
.language-gateway .gateway-list{overflow:hidden!important;padding:8px!important}
.language-gateway .gateway-link{background:transparent!important;color:var(--amix-ink)!important;border-radius:10px!important}
.language-gateway .gateway-link:hover,.language-gateway .gateway-link:focus-visible{background:rgba(255,255,255,.24)!important;color:var(--amix-ink)!important;outline:none!important}
.language-gateway .gateway-list li+li{border-top:1px solid rgba(255,255,255,.28)!important}

/* Main-home contextual CTAs: identical geometry without removing their contextual role. */
.science-beauty-actions .science-beauty-cta{
  min-width:230px!important;
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding:10px 22px!important;
}

/* Ethics letter signature: emphasis by weight only, never a separate black. */
.ethics-signature,.ethics-signature strong{
  color:inherit!important;
}
.ethics-signature strong{font-weight:700!important}

/* Elegant quick navigation on genuinely long pages. */
.amix-scroll-control{
  position:fixed!important;
  right:24px!important;
  z-index:9998!important;
  display:none;
  align-items:center!important;
  gap:7px!important;
  min-height:36px!important;
  padding:7px 12px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.25)!important;
  -webkit-backdrop-filter:blur(12px) saturate(120%)!important;
  backdrop-filter:blur(12px) saturate(120%)!important;
  box-shadow:0 8px 22px rgba(42,32,26,.12)!important;
  color:var(--amix-ink)!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:500!important;
  cursor:pointer!important;
}
.amix-scroll-control.is-visible{display:flex!important}
.amix-scroll-control:hover,.amix-scroll-control:focus-visible{background:rgba(255,255,255,.38)!important;outline:none!important}
.amix-scroll-arrow{font-size:17px!important;font-weight:300!important;line-height:1!important}
#amix-scroll-bottom{top:92px!important}
#amix-scroll-top{bottom:22px!important}

@media(max-width:768px){
  #menu.amix-nav-glass{border-radius:14px!important}
  #menu.amix-nav-glass .language-dropdown .dropdown,#menu.amix-nav-glass .language-dropdown ul.dropdown{border-radius:14px!important}
  .amix-scroll-control{right:12px!important;font-size:10px!important;padding:6px 10px!important}
  #amix-scroll-bottom{top:74px!important}
  #amix-scroll-top{bottom:12px!important}
  .science-beauty-actions .science-beauty-cta{min-width:min(230px,100%)!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.amix-scroll-control{transition:none!important}}


/* ============================================================
   AESTHETICS MIX v18.3 — NAV LANGUAGE DROP + STATIC PAGE JUMPS
   ============================================================ */

/* Desktop language menu: open immediately BELOW the nav bar, never over it.
   The trigger row is vertically centred in a 60px nav; +10px reaches the nav foot. */
@media (min-width:769px){
  #menu .language-dropdown{position:relative!important;}
  #menu .language-dropdown::after{
    content:"";
    position:absolute;
    top:100%;
    right:0;
    width:100%;
    height:10px;
    pointer-events:auto;
  }
  #menu .language-dropdown .dropdown,
  #menu .language-dropdown ul.dropdown{
    top:calc(100% + 10px)!important;
    right:0!important;
    left:auto!important;
    margin-top:0!important;
  }
}

/* Quick page navigation is part of the document flow: no floating pills, no glass. */
.amix-jump-strip{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:12px clamp(18px,4vw,56px)!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.amix-jump-strip--down{padding-top:14px!important;padding-bottom:8px!important;}
.amix-jump-strip--up{padding-top:18px!important;padding-bottom:14px!important;}
.amix-jump-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:3px 0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  color:var(--amix-ink)!important;
  font-family:var(--amix-font)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:500!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.amix-jump-link:hover,
.amix-jump-link:focus-visible{
  color:var(--amix-ink)!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
  outline:none!important;
}
.amix-jump-arrow{
  font-size:18px!important;
  line-height:1!important;
  font-weight:300!important;
}
/* Retire any old floating quick-scroll UI if old markup survives in a cached page. */
.amix-scroll-control{display:none!important;}

@media(max-width:768px){
  #menu .language-dropdown::after{display:none!important;}
  #menu .language-dropdown .dropdown,
  #menu .language-dropdown ul.dropdown{top:auto!important;margin-top:.35rem!important;}
  .amix-jump-strip{padding-left:16px!important;padding-right:16px!important;}
  .amix-jump-link{font-size:12px!important;}
}


/* AESTHETICS MIX v18.4 — navegación vertical integrada, funcional y sin bandas */
html{scroll-behavior:smooth!important;}
#imagen{position:relative!important;}
.amix-page-anchor{display:block!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important;}
.amix-page-jump{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:2px 0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;color:var(--amix-ink,#2f2a27)!important;font-family:var(--amix-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;font-size:13px!important;font-weight:500!important;line-height:1.25!important;text-decoration:none!important;cursor:pointer!important;}
.amix-page-jump:hover,.amix-page-jump:focus-visible{text-decoration:underline!important;text-underline-offset:4px!important;outline:none!important;}
.amix-page-jump__arrow{font-size:18px!important;font-weight:300!important;line-height:1!important;}
/* En páginas con hero, el enlace pertenece a la fotografía: no crea separación entre bloques. */
#imagen>.amix-page-jump--down{position:absolute!important;right:clamp(18px,3vw,42px)!important;bottom:clamp(12px,2vw,24px)!important;z-index:6!important;}
/* En páginas sin hero (legales), queda en el flujo del contenido y sin caja visual. */
.amix-page-jump-row--down{display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;margin:0!important;padding:8px clamp(18px,4vw,56px) 6px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
/* Volver arriba forma parte del footer, no genera una franja independiente. */
.amix-page-jump-row--up{display:flex!important;justify-content:flex-end!important;align-items:center!important;width:100%!important;margin:0!important;padding:8px clamp(18px,4vw,56px)!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.amix-jump-strip,.amix-scroll-control{display:none!important;}
@media(max-width:768px){.amix-page-jump{font-size:12px!important;}#imagen>.amix-page-jump--down{right:16px!important;bottom:12px!important;}.amix-page-jump-row--up,.amix-page-jump-row--down{padding-left:16px!important;padding-right:16px!important;}}