/* Self-hosted variable fonts, latin subset (fontsource), SIL OFL 1.1: see fonts/OFL-*.txt */
@font-face{font-family:"Anybody";font-weight:100 900;font-stretch:50% 150%;font-display:block;src:url("fonts/anybody-latin-wdth-normal.woff2") format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-weight:400 900;font-display:block;src:url("fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Spline Sans Mono";font-weight:300 700;font-display:block;src:url("fonts/spline-sans-mono-latin-wght-normal.woff2") format("woff2")}

:root{
  /* Grawwww / Registro tokens v1.0 */
  --gw-stock:#FBFBFA;--gw-ink:#111111;--gw-cyan:#00A0DC;--gw-magenta:#E5007D;--gw-yellow:#FFD400;--gw-slug:#BDBDB8;--gw-board:#E7E7E4;
  --gw-cyan-ink:#0087BA;--gw-magenta-ink:#C4006B;
  --gw-cyan-50:#99D9F1;--gw-magenta-50:#F5A0CC;--gw-yellow-50:#FFEA80;--gw-k-50:#888888;
  --gw-font-display:"Anybody",system-ui,sans-serif;--gw-font-body:"Schibsted Grotesk",system-ui,sans-serif;--gw-font-mono:"Spline Sans Mono",ui-monospace,monospace;
  --gw-display-stretch:118%;
  /* semantic: models */
  --gw-pixal3d:var(--gw-cyan);--gw-trellis2:var(--gw-magenta);
}
.gw-h{font-family:var(--gw-font-display);font-stretch:var(--gw-display-stretch);font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.01em}
.gw-m{font-family:var(--gw-font-mono);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.gw-hl{background:linear-gradient(transparent 12%,var(--gw-yellow) 12%,var(--gw-yellow) 90%,transparent 90%);padding:0 .12em;margin:0 -.12em}

/* Grawwww identity C "Registro", web (light) theme. Loaded AFTER every page style so it wins.
   Tokens/fonts come from the brand kit (grawwww-tokens.css / grawwww-fonts.css, loaded before this file). */
:root{
  color-scheme:light;
  --bg:#FBFBFA;--bg-2:#F1F1EE;--bg-3:#FFFFFF;--text:#111111;--muted:#4A4A46;--dim:#6E6E69;
  --line:#BDBDB8;--line-2:#111111;
  --orange:#C4006B;--orange-2:#E5007D;--cobalt:#0087BA;--mint:#0087BA;--blue:#0087BA;--green:#0087BA;--ink:#111111;
  --display:"Anybody","Arial Narrow",system-ui,sans-serif;--serif:"Anybody","Arial Narrow",system-ui,sans-serif;
  --body:"Schibsted Grotesk",system-ui,sans-serif;--mono:"Spline Sans Mono",ui-monospace,monospace;
}
/* dark "plates": full-frame boards in dark C (kit/dark tokens) */
.hero,.film,.lab,.show,.cta,.d-equipos,.plate,.w-media.grid-bg{
  --bg:#0E0E0E;--bg-2:#161615;--bg-3:#222220;--text:#F4F4F1;--muted:#B9B9B4;--dim:#8E8E8A;
  --line:#3A3A38;--line-2:#8E8E8A;--orange:#FF2D92;--orange-2:#FF2D92;--cobalt:#12A9E6;--mint:#12A9E6;--blue:#12A9E6;--green:#12A9E6;--ink:#F4F4F1;
  color-scheme:dark;background-color:var(--bg);color:var(--text);
}
*,*::before,*::after{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
body{background:var(--bg);color:var(--text);font:400 17px/1.6 var(--body)}
.grain{display:none!important}
:focus-visible{outline:3px solid var(--gw-yellow);outline-offset:2px;box-shadow:0 0 0 1px #111!important}
h1,h2,h3,h4{font-family:var(--display)!important;font-weight:900!important;font-stretch:112%;text-transform:uppercase;line-height:.95!important;letter-spacing:-.005em!important;text-wrap:balance}
h1{font-size:clamp(34px,5.1vw,84px)!important}
h2{font-size:clamp(28px,4vw,64px)!important}
h3{font-size:clamp(18px,1.9vw,30px)!important;font-stretch:104%;overflow-wrap:break-word;hyphens:auto}
h4{font-size:clamp(15px,1.4vw,20px)!important}
.hero h1{max-width:11em}
h1 em,h2 em,h3 em,h4 em,em.s{font-family:var(--display)!important;font-style:normal!important;font-weight:900!important;color:#111!important;
  background:linear-gradient(transparent 12%,var(--gw-yellow) 12%,var(--gw-yellow) 90%,transparent 90%);padding:0 .12em;margin:0 -.04em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.cta h2{font-size:clamp(40px,10vw,150px)!important;line-height:.9!important}
.cta h2 i{color:var(--gw-yellow)!important;font-style:normal}
.stat b,.sec-head h2{font-family:var(--display)}
.stat b{font-weight:900;font-stretch:112%;letter-spacing:0}
.stat b sup{color:var(--orange)}
.eyebrow,.door-top,.ticker-track{font-family:var(--mono)!important;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}
.eyebrow{color:var(--text)}
.eyebrow::before{content:"";width:10px;height:10px;background:var(--gw-magenta);flex:none}
.hero .eyebrow::before,.cta .eyebrow::before{background:var(--gw-yellow)}
.mono,.lane h4,.board-top{font-family:var(--mono)}
/* header: stock bar with a K hairline, no capsule */
.top .topbar{border-radius:0;padding:10px 0}
.top.solid .topbar{padding:10px 18px;background:rgba(251,251,250,.94);border:0;border-bottom:1px solid #111;-webkit-backdrop-filter:none;backdrop-filter:none;color:#111}
.top{color:#111}
body:has(.hero,.film,.lab) .top:not(.solid){color:#F4F4F1}
.logo{display:inline-flex;align-items:center;line-height:0}
.logo img{height:24px;width:auto;max-width:none;display:block}
.top nav{font:500 12.5px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.top nav a{opacity:1;padding:9px 12px;color:inherit}
.top nav a:hover,.top nav a[aria-current]{background:var(--gw-yellow);color:#111;opacity:1}
.top .talk,.top.solid .talk{background:#111;color:#FBFBFA;margin-left:8px}
.top .talk:hover{background:var(--gw-yellow);color:#111}
.lang{font-family:var(--mono)}
.lang a:hover,.lang [aria-current]{background:var(--gw-yellow);color:#111;opacity:1}
.menu-btn{border:1.5px solid currentColor!important}
.menu-open nav{background:#FBFBFA!important;border:1px solid #111!important;color:#111}
.menu-open nav a.talk{color:#FBFBFA}
/* buttons */
.btn{font:500 13.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:16px 22px;border:1.5px solid #111;transition:background .15s,color .15s}
.btn.hot,.btn.light,.btn.ink{background:#111;color:#FBFBFA;border-color:#111}
.btn.hot:hover,.btn.light:hover,.btn.ink:hover{background:var(--gw-yellow);color:#111}
.btn.ghost{background:transparent;color:var(--text);border:1.5px solid var(--text)}
.btn.ghost:hover{background:var(--gw-yellow);color:#111;border-color:#111}
.hero .btn.hot,.cta .btn.hot,.plate .btn.hot,.d-equipos .btn.hot{background:#F4F4F1;color:#111;border-color:#F4F4F1}
.hero .btn.hot:hover,.cta .btn.hot:hover{background:var(--gw-yellow)}
.hero .btn.ghost,.cta .btn.ghost{color:#F4F4F1;border-color:#F4F4F1}
.btn:active{transform:none}
/* cards / panels: hairline boards, no radius */
.door,.card,.board,.lane,[class*="card"],[class*="tile"]{border-radius:0}
.board{transform:none!important;border:1.5px solid #111;background:var(--bg-3)}
.d-empresas{background:var(--bg-2)!important;color:#111!important;border:1.5px solid #111}
.d-empresas .door-top span:last-child{color:var(--gw-magenta-ink)!important}
.d-empresas .go i{background:#111!important}
.d-equipos{border:1.5px solid #111}
.door .go i{width:40px;height:40px}
.door li,.ticker-track,.tag,.pill{font-family:var(--mono)}
.door li{border:1px solid currentColor}
.ticker{border-block:1px solid #111}
.ticker-track span::after{color:var(--gw-magenta)}
.cta{border-top:0}
.cta::before,.day::before,.ag::after{display:none!important}
.mail a.addr{font-family:var(--mono)}
.mail a.addr:hover{color:var(--gw-yellow);border-color:var(--gw-yellow)}
.foot{border-top:1px solid #111;background:var(--bg)}
.foot .wrap{align-items:center;font:500 12.5px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text)}
.foot .foot-logo{height:36px;width:auto;display:block;flex:none}
.foot a:hover{background:var(--gw-yellow);color:#111}
.legal p,.legal li{color:#2b2b29}
.legal a{color:var(--gw-magenta-ink)}
.legal th,.legal td{border-color:#111}
.hero-case{color:var(--gw-cyan-ink);border-bottom-color:var(--gw-cyan-ink)}
.ag-estado,.hero-cap{font-family:var(--mono)}
a{text-underline-offset:3px}
@media (max-width:860px){.logo img{height:22px}}
.logo .lg-neg{display:none}
body:has(.hero,.film,.lab) .top:not(.solid) .logo .lg-pos{display:none}
body:has(.hero,.film,.lab) .top:not(.solid) .logo .lg-neg{display:block}

.film h1{font-size:clamp(40px,7.4vw,120px)!important;max-width:9em}
.film h1 em,.hero h1 em{color:#111!important}
.film .btn.hot{background:#F4F4F1;color:#111;border-color:#F4F4F1}
.film .btn.hot:hover{background:var(--gw-yellow)}
.film .btn.ghost{color:#F4F4F1;border-color:#F4F4F1}
.film .tag{border-radius:0;font-family:var(--mono);backdrop-filter:none}
.offer.star{background:var(--gw-yellow)!important;color:#111!important;border:1.5px solid #111!important}
.offer.star *{color:#111}
.cost div+div{background:rgba(255,212,0,.22)!important;border-left:1px solid #111}
.foot .wrap{row-gap:18px}
.foot .foot-logo{margin-right:auto}
.foot nav{flex-basis:100%;order:3}

.lab::after{display:none!important}
.show{border:1.5px solid #111;backdrop-filter:none}
.btn.mint{background:#111;color:#FBFBFA;border:1.5px solid #111}
.btn.mint:hover{background:var(--gw-yellow);color:#111}
.lab .btn.mint,.plate .btn.mint,.cta .btn.mint{background:#F4F4F1;color:#111}
.lab .btn.ghost{color:#F4F4F1;border-color:#F4F4F1}
.lab .btn.ghost:hover{color:#111}
.eyebrow.mint{color:var(--text)}
.lab .hero-case{color:#12A9E6;border-bottom-color:#12A9E6}

.lane h4{font:500 10.5px/1.2 var(--mono)!important;letter-spacing:.04em!important;font-stretch:100%!important}

.film-foot p{color:rgba(244,244,241,.88)!important}
.tools span,.spec li{color:#2B2B29}
.show .pipe span.ok,.show .pipe span{color:#D8D8D4}
.art .fig img{background:#fff}
.legal table{display:block;overflow-x:auto;max-width:100%}
.menu-btn{color:inherit!important}
body:has(.hero,.film,.lab) .top:not(.solid) .talk{background:#F4F4F1;color:#111}
body:has(.hero,.film,.lab) .top:not(.solid) .talk:hover{background:var(--gw-yellow)}
.top.solid .menu-btn{color:#111!important}
.menu-open .menu-btn{color:#111!important}
h1,h2,h3,h4{overflow-wrap:break-word}
.w-body :is(h2,h3,h4){font-size:clamp(16px,1.45vw,23px)!important;font-stretch:100%;hyphens:auto}
.w-media.grid-bg .w-text b{color:#F4F4F1}
.menu-btn{flex:none!important;min-width:42px}
@media (max-width:860px){.logo{min-width:0;flex:0 1 auto}.logo img{height:20px;max-width:100%}.top .lang{margin-left:auto;flex:none}}
.top.solid{background:rgba(251,251,250,.96);border-bottom:1px solid #111}
.top.solid .topbar{border-bottom:0!important;background:transparent!important}
.art h1,article h1{font-size:clamp(30px,3.9vw,62px)!important}
/* social-profile avatars in UI mockups: our G, round like the real platforms; UI dots stay round too */
.ig-head i,.story-who i{border-radius:50%!important;background:#111 url(avatar-g.png) center/cover no-repeat!important}
.ig-head i{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #111!important}
.story-who i{box-shadow:0 0 0 2px #fff!important}
.phone-head i,.typing i,.browser-bar i{border-radius:50%!important}
.story-who{text-shadow:0 1px 6px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.6)!important}