/* Aurora, grão e secção escura — a linguagem de superfície da referência,
   construída só com a paleta do Moco. Sem cor fora da paleta. */
:root{
--escuro:#0B1119;
--escuro-2:#141E2A;
--escuro-texto:#F2F5F8;
--escuro-secundario:#93A1B1;
--escuro-linha:rgba(232,221,200,0.16);
--cartao:#FCFDFE;
--raio-cartao:32px;
--raio-pilula:999px;
--cartao-sombra:0 1px 2px rgba(11,17,25,0.04),0 16px 32px rgba(11,17,25,0.09),inset 1px 1px 0 rgba(255,255,255,0.9);
--aurora:radial-gradient(58% 76% at 16% 26%,rgba(232,221,200,0.92),transparent 62%),radial-gradient(44% 58% at 46% 62%,rgba(180,83,9,0.34),transparent 64%),radial-gradient(52% 66% at 63% 24%,rgba(232,221,200,0.80),transparent 62%),radial-gradient(58% 72% at 92% 74%,rgba(62,107,150,0.26),transparent 66%),linear-gradient(180deg,#F4F6F8 0%,#EDF1F4 100%);
--aurora-fria:radial-gradient(60% 80% at 22% 24%,rgba(62,107,150,0.42),transparent 64%),radial-gradient(52% 64% at 74% 68%,rgba(23,61,100,0.52),transparent 66%),radial-gradient(50% 60% at 60% 20%,rgba(232,221,200,0.42),transparent 62%),linear-gradient(150deg,#4A749C,#173D64);
--grao:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23g)' opacity='0.5'/></svg>");
--entalhe:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='24' viewBox='0 0 300 24'><path d='M40,0 C66,0 64,24 104,24 L196,24 C236,24 234,0 260,0 Z' fill='%23ffffff'/></svg>");
--entalhe-altura:24px;
}
.aurora{background-color:var(--fundo);background-image:var(--aurora);background-size:cover}
.aurora-fria{background-image:var(--aurora-fria);background-size:cover}
.grao{position:relative;isolation:isolate}
.grao::after{content:'';position:absolute;inset:0;background-image:var(--grao);background-size:160px 160px;mix-blend-mode:soft-light;opacity:.85;pointer-events:none;border-radius:inherit}
.borda-concava{-webkit-mask-image:linear-gradient(#000,#000),var(--entalhe);mask-image:linear-gradient(#000,#000),var(--entalhe);-webkit-mask-size:100% calc(100% - var(--entalhe-altura)),300px var(--entalhe-altura);mask-size:100% calc(100% - var(--entalhe-altura)),300px var(--entalhe-altura);-webkit-mask-position:top left,bottom center;mask-position:top left,bottom center;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}
.puxador{position:absolute;left:50%;transform:translateX(-50%);bottom:7px;width:46px;height:3px;border-radius:2px;background:rgba(11,17,25,0.42)}
.pilula{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--raio-pilula);font-size:var(--texto-13);font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;font-family:var(--fonte-texto);transition:background var(--transicao),color var(--transicao),border-color var(--transicao);text-decoration:none}
.pilula-clara{border-color:rgba(11,17,25,0.16);color:var(--secundario)}
.pilula-clara[aria-pressed="true"],.pilula-clara[aria-current="page"]{background:var(--escuro);border-color:var(--escuro);color:var(--escuro-texto);font-weight:600}
.pilula-escura{border-color:var(--escuro-linha);color:var(--escuro-secundario)}
.pilula-escura[aria-pressed="true"],.pilula-escura[aria-current="page"]{border-color:var(--escuro-texto);color:var(--escuro-texto);font-weight:600}
:focus-visible{outline:var(--foco);outline-offset:2px}