/* Rouanet Games — guias: same Areia palette and type as the beach, built for reading */
:root{
  --sand:#F3EDE2; --sand2:#EAE2D3; --ink:#16130F; --ink2:#3A332A; --muted:#6E6658; --line:rgba(22,19,15,.12);
  --ipe:#E9A800; --mata:#0F5132; --night:#16130F; --ntext:#F3EDE2; --ntext2:#D8CFC0; --nline:rgba(243,237,226,.14);
  --serif:"Instrument Serif",Georgia,serif; --sans:"Geist",system-ui,sans-serif; --mono:"Geist Mono",ui-monospace,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--sand);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit}
::selection{background:var(--ipe);color:var(--ink)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}

nav{position:sticky;top:0;z-index:10;background:rgba(243,237,226,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:16px}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px;text-decoration:none}
.logo em{font-style:italic}
.logo .cube{width:18px;height:18px;position:relative;transform:rotate(45deg) scale(.85)}
.logo .cube::before,.logo .cube::after{content:"";position:absolute;inset:0;background:var(--ipe)}
.logo .cube::after{inset:5px;background:var(--mata)}

.btn{display:inline-flex;align-items:center;gap:11px;padding:12px 20px;border-radius:999px;font:500 14px var(--sans);cursor:pointer;border:0;text-decoration:none;transition:transform .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn-main{background:var(--ink);color:var(--sand)}
.btn-main i{width:7px;height:7px;background:var(--ipe);transform:rotate(45deg)}
.btn:disabled{opacity:.6;cursor:wait;transform:none}

.crumbs{margin:34px 0 0;font-size:13px;color:var(--muted)}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs span{margin:0 6px;opacity:.5}
.head{max-width:820px;padding:44px 0 36px;border-bottom:1px solid var(--line)}
.eyebrow{color:var(--mata);display:block;margin-bottom:18px}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.2vw,84px);line-height:.98;letter-spacing:-.02em;text-wrap:balance}
h1 em,h2 em{font-style:italic;color:var(--mata)}
.lead{margin-top:22px;font-size:clamp(17px,1.6vw,20px);color:var(--ink2);max-width:62ch;text-wrap:pretty}

article{max-width:720px;padding:20px 0 30px;font-size:17px;color:var(--ink2)}
article h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,40px);line-height:1.05;color:var(--ink);margin:46px 0 14px;letter-spacing:-.01em}
article p{margin:0 0 14px}
article strong{color:var(--ink);font-weight:500}
article a{color:var(--mata);text-underline-offset:3px}
article ul,article ol{margin:6px 0 18px;padding:0;list-style:none;display:grid;gap:10px}
article li{position:relative;padding-left:26px}
article ul li::before{content:"";position:absolute;left:4px;top:.62em;width:7px;height:7px;background:var(--ipe);transform:rotate(45deg)}
article ol{counter-reset:n}
article ol li{counter-increment:n}
article ol li::before{content:"0" counter(n);position:absolute;left:0;top:.2em;font:500 12px var(--mono);color:var(--mata)}
.nota{font-size:14.5px;padding:14px 18px;border-left:3px solid var(--ipe);background:rgba(233,168,0,.08);border-radius:0 12px 12px 0;color:var(--ink2)}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin:16px 0 22px}
.card{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.4)}
.card h3{font:500 15px var(--sans);color:var(--ink);margin-bottom:6px}
.card p{font-size:14.5px;margin:0}
.faq{display:grid;gap:8px;margin:26px 0}
.faq details{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.4);padding:4px 18px}
.faq summary{cursor:pointer;padding:13px 0;font-weight:500;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--mata)}
.faq details[open] summary::after{content:"−"}
.faq details p{padding:0 0 14px;font-size:15.5px}

.cta{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:start;margin:40px 0 70px;padding:clamp(26px,4vw,48px);border-radius:30px;background:var(--night);color:var(--ntext)}
.cta .eyebrow{color:var(--ipe)}
.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);line-height:1.02;text-wrap:balance}
.cta p{margin-top:16px;color:var(--ntext2);font-size:15px}
.cta p a{color:var(--ntext)}
.cta form{display:grid;gap:10px}
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.who input{position:absolute;opacity:0;pointer-events:none}
.who label{text-align:center;padding:11px 6px;border:1px solid var(--nline);border-radius:999px;cursor:pointer;color:var(--ntext2);font-size:13.5px;transition:.2s}
.who input:checked+label{border-color:var(--ipe);color:var(--ntext);background:rgba(233,168,0,.14)}
.who input:focus-visible+label{outline:2px solid var(--ipe)}
.field{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--nline);border-radius:14px;padding:14px 16px;color:var(--ntext);font:400 15px var(--sans);outline:0;resize:vertical}
.field:focus{border-color:var(--ipe)}
.field::placeholder{color:#A79E8F}
.cta .btn-main{background:var(--ipe);color:var(--ink);justify-content:center;padding:15px}
.cta .btn-main i{background:var(--ink)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form-msg{font-size:14px;color:var(--ntext2)}.form-msg:empty{display:none}
.form-msg.ok{color:#9be3b5}.form-msg.err{color:#ffb4a8}.form-msg a{color:inherit}

.mais{padding:0 0 70px}
.mais-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.mais-grid a{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s}
.mais-grid a:hover{transform:translateY(-3px);border-color:rgba(22,19,15,.3);background:rgba(255,255,255,.45)}
.mais-grid b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.1}
.mais-grid span{font-size:13.5px;color:var(--muted)}

footer{background:var(--night);color:var(--ntext);padding:56px 0 40px}
footer .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
footer .sign{font-family:var(--serif);font-size:clamp(32px,4vw,52px);line-height:1}
footer .sign em{color:var(--ipe)}
footer .meta{color:#A79E8F;font-size:13px;text-align:right;line-height:1.8}
footer .meta a{color:var(--ntext2)}

@media (max-width:820px){
  .cta{grid-template-columns:1fr;gap:24px}
  nav .btn{padding:10px 14px;font-size:13px}
  footer .meta{text-align:left}
}
@media (max-width:420px){.who{grid-template-columns:1fr}}