/* SEXOGO · puerta de edad. Autónoma: funciona con cualquier tema (usa Archivo/Fraunces si el tema Sexogo está activo). */
html.sxg-age-ok #agegate{display:none!important}
html.sxg-age-pending,html.sxg-age-pending body{overflow:hidden!important}
#agegate{--g-ink:#0c0708;--g-bone:#f4e6dc;--g-bone-2:rgba(244,230,220,.68);--g-bone-3:rgba(244,230,220,.42);--g-red:#ff3b2f;--g-red-2:#ff6a4d;--g-line:rgba(244,230,220,.14);
  position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;overflow:auto;color:var(--g-bone);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left;
  background:radial-gradient(50% 60% at 78% 20%,rgba(255,59,47,.55),transparent 60%),radial-gradient(45% 55% at 12% 90%,rgba(91,15,58,.9),transparent 60%),var(--g-ink)}
#agegate::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
#agegate *{box-sizing:border-box}
#agegate .gate{position:relative;max-width:640px;width:100%}
#agegate .wm{display:inline-flex;align-items:center;font-weight:900;font-stretch:125%;letter-spacing:-.02em;line-height:1;color:var(--g-bone);gap:.02em;font-size:clamp(48px,11vw,96px)}
#agegate .wm .o{display:inline-block;width:.78em;height:.78em;border-radius:50%;border:.15em solid currentColor;margin:0 .03em;position:relative;top:-.005em}
#agegate .wm .o.f{background:var(--g-red);border-color:var(--g-red)}
#agegate .wm .o:first-of-type{margin-right:-.06em}
#agegate .big{display:flex;align-items:baseline;gap:14px;margin:30px 0 8px}
#agegate .big b{font-weight:900;font-stretch:125%;font-size:clamp(76px,16vw,150px);line-height:.8;letter-spacing:-.06em;color:var(--g-red)}
#agegate .big span{font-size:clamp(20px,3vw,28px);line-height:1.05;font-weight:800;font-stretch:110%;text-transform:uppercase;letter-spacing:-.01em}
#agegate p{color:var(--g-bone-2);font-size:16px;margin:14px 0}
#agegate p strong{color:var(--g-bone)}
#agegate a{color:inherit}
#agegate .acts{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}
#agegate .gbtn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font:inherit;font-weight:800;font-stretch:112%;font-size:16px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;padding:18px 28px;border-radius:999px;background:var(--g-red);color:#170404;transition:transform .15s ease,background .15s}
#agegate .gbtn:hover{background:var(--g-red-2);transform:translateY(-1px)}
#agegate .gbtn.ghost{background:transparent;color:var(--g-bone);box-shadow:inset 0 0 0 1.5px var(--g-line)}
#agegate .gbtn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--g-bone)}
#agegate .gbtn:focus-visible{outline:3px solid var(--g-bone);outline-offset:3px}
#agegate .small{font-size:13px;color:var(--g-bone-3)}
#agegate .small a{color:var(--g-bone-2)}
@media (max-width:520px){#agegate .gbtn{width:100%;padding:16px 20px;font-size:15px}}
@media (prefers-reduced-motion:reduce){#agegate .gbtn{transition:none}}