/* Ramos & Lopes Advocacia. Tema escuro, degradê de malha que muda a cada assunto, mobile first, sem framework.
   Paleta: azul da marca (#245081, do avatar), azul-meia-noite, aço, champagne e bronze
   (os terninhos bege e marinho e a madeira das fotos). Os degradês de cada assunto estão no fim deste arquivo. */

@font-face{font-family:"Spectral";font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/spectral-latin-300-normal.woff2") format("woff2")}
@font-face{font-family:"Spectral";font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/spectral-latin-300-italic.woff2") format("woff2")}
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/spectral-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Atkinson Hyperlegible Next";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/atkinson-hyperlegible-next-latin-wght-normal.woff2") format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/cinzel-latin-500-normal.woff2") format("woff2")}

:root{
  color-scheme:dark;
  --midnight:#050E1B;
  --abyss:#091A2F;
  --navy:#245081;
  --steel:#6E9BC8;
  --champagne:#E8D2A6;
  --bronze:#A8803F;
  --cream:#F7F1E5;
  --muted:rgba(247,241,229,.80);
  --faint:rgba(247,241,229,.64);
  --line:rgba(247,241,229,.20);
  --ease:cubic-bezier(.16,1,.3,1);
  --serif:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible Next",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wordmark:"Cinzel",Georgia,serif;
  --wrap:76rem;
  --gutter:clamp(1.25rem,4.5vw,3rem);
  --section:clamp(4.5rem,10vw,8.5rem);
  --radius:1.75rem;
  /* Grão: ruído fino e estático que quebra as faixas do degradê e dá textura de papel fotográfico */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .24 -.045'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Base e superfícies do navegador: seleção, foco, barra de rolagem e sublinhado vindos da paleta */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:5rem;scrollbar-color:var(--navy) var(--midnight);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--midnight);color:var(--cream);font-family:var(--sans);font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,picture,svg{display:block;max-width:100%}
figure,h1,h2,h3,p,ul,ol,dl,dd,blockquote{margin:0}
ul,ol{padding:0}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
::selection{background:var(--champagne);color:var(--midnight)}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.wrap{width:min(100% - 2*var(--gutter),var(--wrap));margin-inline:auto}

/* Tipografia: Spectral nos títulos, Atkinson Hyperlegible Next no corpo (feita para leitura) */
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
h2{font-size:clamp(2.1rem,1.4rem + 3vw,3.9rem);line-height:1.08}
h3{font-size:clamp(1.45rem,1.2rem + .9vw,1.95rem);font-weight:400;line-height:1.15;letter-spacing:-.01em}
p{max-width:62ch;text-wrap:pretty}
em{font-style:italic}

.skip{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.7rem 1rem;background:var(--champagne);color:var(--midnight);text-decoration:none;transition:top .3s var(--ease)}
.skip:focus{top:1rem}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:1.1em;height:1.1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Fundo: uma pilha fixa de degradês; o script liga o da seção que está no meio da tela */
.bg{position:fixed;top:0;left:0;width:100%;height:100lvh;z-index:-1;overflow:hidden;background:var(--midnight);pointer-events:none;animation:fade 2.4s ease both}
.bg__layer{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease;background:var(--mesh),var(--base)}
.bg__layer.is-on{opacity:1}
.bg__layer::before{content:"";position:absolute;inset:-18%;background:var(--drift);animation:drift 40s ease-in-out infinite alternate;animation-play-state:paused}
.bg__layer.is-on::before{animation-play-state:running}
.bg__layer::after{content:"";position:absolute;inset:0;background:var(--grain) 0 0/240px 240px}
@keyframes drift{from{transform:translate3d(-3%,2%,0) rotate(-2deg) scale(1)}to{transform:translate3d(4%,-3%,0) rotate(2deg) scale(1.07)}}

/* Cabeçalho: transparente sobre o degradê, vidro escuro só depois de rolar (para o menu continuar legível) */
.site-header{position:sticky;top:0;z-index:50;color:var(--cream);transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
.site-header.is-solid{background:rgba(5,14,27,.74);-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 1px 0 var(--line)}
.site-header__in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:4.75rem}
.wordmark{font-family:var(--wordmark);font-weight:500;font-size:1.02rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1.2}
.wordmark__amp{font-family:var(--serif);font-style:italic;font-weight:300;font-size:1.25em;letter-spacing:0;text-transform:none;color:var(--champagne);margin:0 .08em}
.site-nav{display:none;gap:2.25rem}
.site-nav a{position:relative;text-decoration:none;font-size:.95rem;letter-spacing:.02em;padding-block:.35rem}
.site-nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.site-nav a:hover::after,.site-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}
@media (min-width:52rem){.site-nav{display:flex}}

/* Botões: champagne cheio, cantos de 2px, sem sombra */
.btn{display:inline-flex;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1.3rem;border-radius:2px;font-weight:600;font-size:.95rem;letter-spacing:.01em;line-height:1;text-decoration:none;transition:background-color .5s var(--ease),color .5s var(--ease)}
.btn .icon{width:1.1rem;height:1.1rem}
.btn--light,.btn--header{background:var(--champagne);color:var(--midnight)}
.btn--light:hover,.btn--header:hover{background:#F4E4BF}
.btn--header{min-height:2.6rem;padding:.6rem 1.1rem;font-size:.9rem}
@media (max-width:51.99rem){.btn--header{display:none}}
.link{font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}

/* Movimento de entrada: a capa inteira acontece em CSS, roda sem JS */
@keyframes rise{from{transform:translate3d(0,105%,0)}to{transform:none}}
@keyframes emerge{from{opacity:0;transform:translate3d(0,48px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes ampIn{from{opacity:0;scale:.9}to{opacity:1;scale:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* Capa em planos: degradê, "&" gigante, título, as duas recortadas na frente, texto e botões nos cantos.
   A luz do fundo é invertida em relação aos terninhos (azul atrás da de bege, cobre atrás da de marinho). */
.hero{--title:clamp(2.7rem,1.2rem + 6.2vw,6rem);position:relative;overflow:clip;padding-top:clamp(.5rem,2vw,1.5rem)}
.hero__amp{position:absolute;left:50%;top:58%;translate:-50% -50%;z-index:1;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(22rem,72vw,66rem);line-height:.7;color:rgba(232,210,166,.17);pointer-events:none;user-select:none;animation:ampIn 2.8s var(--ease) both}
.hero__stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.hero__title{position:relative;z-index:2;font-size:var(--title);line-height:1.02;color:var(--cream)}
.hero__title em{color:var(--champagne)}
.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.line>span{display:inline-block;animation:rise 1.2s var(--ease) both}
.line+.line>span{animation-delay:.14s}
.hero__duo{position:relative;z-index:3;order:2;margin-top:calc(var(--title) * -.28)}
.hero__duo img{width:auto;max-width:100%;height:auto;max-height:min(68svh,48rem);-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 97%);mask-image:linear-gradient(to bottom,#000 58%,transparent 97%);animation:emerge 1.9s .15s var(--ease) both}
.hero__lede{position:relative;z-index:4;order:3;max-width:34ch;margin-top:-1.25rem;font-size:clamp(1.05rem,1rem + .3vw,1.2rem);color:var(--cream);animation:fade 1.4s .9s var(--ease) both}
.hero__actions{position:relative;z-index:4;order:4;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.75rem;margin-top:1.75rem;padding-bottom:clamp(3rem,6vw,5rem);animation:fade 1.4s 1.05s var(--ease) both}
@media (min-width:64rem){
  .hero__stage{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:1.5rem;align-items:end}
  .hero__title{grid-column:1/-1;grid-row:1}
  .hero__duo{grid-column:2;grid-row:2;order:0}
  .hero__lede{grid-column:1;grid-row:2;order:0;justify-self:start;text-align:left;max-width:19rem;margin:0;padding-bottom:4rem}
  .hero__actions{grid-column:3;grid-row:2;order:0;justify-self:end;flex-direction:column;align-items:flex-end;margin:0;padding-bottom:4rem}
}

/* Áreas: lista de linhas com filete, sem cards */
.areas{padding-block:var(--section)}
.split{display:grid;gap:3rem}
.split__head p{margin-top:1.25rem;color:var(--muted);max-width:42ch}
@media (min-width:52rem){.split{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:6.5rem;align-items:start}.split__head{position:sticky;top:7.5rem}}
.area-list{list-style:none;border-top:1px solid var(--champagne)}
.area{display:grid;gap:1.25rem;padding-block:2.4rem;border-bottom:1px solid var(--line)}
@media (min-width:52rem){.area{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:3rem}}
.area h3{margin-bottom:.7rem}
.area__main p{color:var(--muted)}
.area__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.25rem;color:var(--champagne);font-weight:600;text-decoration:none}
.area__cta .icon{transition:transform .6s var(--ease)}
.area__cta:hover .icon,.area__cta:focus-visible .icon{transform:translateX(.35rem)}
.area__topics{list-style:none;display:grid;gap:.75rem;align-content:start}
.area__topics li{position:relative;padding-left:1.5rem;color:var(--cream)}
.area__topics li::before{content:"";position:absolute;left:0;top:.75em;width:.8rem;height:1px;background:var(--champagne)}

/* Dúvidas: acordeão nativo (details), sem JS */
.duvidas{padding-block:var(--section)}
.faq__group{margin:2.75rem 0 .25rem;font-size:clamp(1.3rem,1.1rem + .6vw,1.6rem);color:var(--champagne)}
.faq__group:first-child{margin-top:0}
.faq details{border-bottom:1px solid var(--line)}
.faq details:first-of-type{border-top:1px solid var(--line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.3rem 0;cursor:pointer;list-style:none;font-family:var(--serif);font-size:clamp(1.12rem,1rem + .5vw,1.4rem);line-height:1.3;transition:color .4s var(--ease)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover,.faq details[open] summary{color:var(--champagne)}
.mark{position:relative;flex:none;width:1.15rem;height:1.15rem}
.mark::before,.mark::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:currentColor;transition:transform .6s var(--ease)}
.mark::after{transform:rotate(90deg)}
details[open] .mark::after{transform:rotate(0deg)}
.faq__a{padding:0 2.5rem 1.7rem 0;animation:fade .6s var(--ease) both}
.faq__a p{color:var(--muted)}
.faq__a .link{display:inline-block;margin-top:1rem;color:var(--champagne)}

/* Manifesto: a única passagem com movimento ligado ao scroll (GSAP, com fallback estático) */
.manifesto{position:relative;overflow:hidden;padding-block:clamp(6rem,14vw,11rem)}
.manifesto__amp{position:absolute;right:-.06em;bottom:-.22em;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(20rem,44vw,34rem);line-height:.8;color:rgba(247,241,229,.07);pointer-events:none;user-select:none}
.manifesto .wrap{position:relative}
.manifesto__quote{max-width:21ch;font-family:var(--serif);font-weight:300;font-size:clamp(2.2rem,1.2rem + 3.9vw,4.4rem);line-height:1.12;letter-spacing:-.02em;text-wrap:balance}
.manifesto__source{margin-top:2.25rem;font-size:.95rem;color:var(--muted)}

/* Escritório */
.escritorio{padding-block:var(--section)}
.escritorio__grid{display:grid;gap:3rem;align-items:center}
@media (min-width:52rem){.escritorio__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:6.5rem}}
.photo__frame{overflow:hidden;border-radius:var(--radius);background:var(--abyss);aspect-ratio:2/3;box-shadow:0 0 0 1px rgba(232,210,166,.22),0 50px 90px -40px rgba(0,0,0,.75)}
.photo__frame picture{height:100%}
.photo__frame img{width:100%;height:100%;object-fit:cover}
.photo figcaption{margin-top:.8rem;font-size:.9rem;color:var(--muted)}
.escritorio__text h2 span{display:block}
.escritorio__text h2 em{color:var(--champagne);font-weight:300}
.escritorio__text p{margin-top:1.4rem;color:var(--muted)}
.facts{margin-top:2.75rem;border-top:1px solid var(--champagne)}
.facts>div{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.facts dt{font-size:.92rem;color:var(--faint)}
.facts dd{font-family:var(--serif);font-size:1.3rem;line-height:1.25}

/* Contato: uma linha por sócia */
.contato{padding-block:var(--section)}
.contato__grid{display:grid;gap:3.5rem}
@media (min-width:52rem){.contato__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:6.5rem;align-items:center}}
.contato h2{max-width:13ch}
.contato__lede{margin-top:1.5rem;color:var(--muted)}
.people{list-style:none;margin-top:2.5rem;border-top:1px solid var(--champagne)}
.person{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem 1rem;padding:1.5rem .25rem;border-bottom:1px solid var(--line);text-decoration:none;transition:background-color .6s var(--ease),padding .6s var(--ease)}
.person:hover,.person:focus-visible{background:rgba(247,241,229,.06);padding-inline:1rem}
.person__name{font-family:var(--serif);font-weight:300;font-size:clamp(1.65rem,1.3rem + 1.4vw,2.5rem);line-height:1.1}
.person__meta{grid-column:1;font-size:.95rem;color:rgba(247,241,229,.88)}
.person .icon{grid-column:2;grid-row:1 / span 2;width:1.5rem;height:1.5rem;color:var(--champagne)}
.contato__sub{margin-top:3.5rem}
.steps{list-style:none;margin-top:1.25rem;display:grid;gap:.9rem;counter-reset:step}
.steps li{position:relative;padding-left:2.6rem;color:var(--cream)}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;font-family:var(--serif);font-size:1.4rem;line-height:1.2;color:var(--champagne)}
.contato__more{margin-top:2.25rem;font-size:.95rem;color:var(--muted)}
.contato .photo__frame{aspect-ratio:3/4}

/* Rodapé */
.site-footer{padding-block:5rem 2.5rem;background:linear-gradient(to bottom,rgba(5,14,27,0),rgba(5,14,27,.92) 42%);color:var(--muted)}
.site-footer__grid{display:grid;gap:2.25rem}
@media (min-width:52rem){.site-footer__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}
.wordmark--lg{font-size:1.55rem;color:var(--cream)}
.site-footer__tag{margin-top:.5rem;font-size:.95rem;color:var(--muted)}
.site-footer__nav{display:flex;flex-wrap:wrap;gap:.6rem 1.75rem}
.site-footer__nav a{text-decoration:none}
.site-footer__nav a:hover{text-decoration:underline}
.site-footer__note,.site-footer__legal{font-size:.9rem;color:var(--faint)}
.site-footer__note{max-width:60ch}
.site-footer__legal{grid-column:1/-1;padding-top:1.5rem;border-top:1px solid var(--line)}

/* Botão fixo no celular: aparece depois da capa e sai quando o contato entra na tela */
.dock{position:fixed;left:var(--gutter);right:var(--gutter);bottom:max(1rem,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.25rem;padding:.75rem 1rem;border-radius:2px;background:var(--champagne);color:var(--midnight);font-weight:600;text-decoration:none;opacity:0;transform:translate3d(0,140%,0);pointer-events:none;transition:transform .7s var(--ease),opacity .5s var(--ease)}
.dock.is-visible{opacity:1;transform:none;pointer-events:auto}
.dock .icon{width:1.1rem;height:1.1rem}
@media (min-width:52rem){.dock{display:none}}

/* Preferência de movimento reduzido: sem animação, estados finais visíveis, degradê sem deriva */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ===== Degradês por assunto (gerados por sites/tools/gen_bg.py; não editar à mão) ===== */
[data-bg-layer="hero"]{--mesh:radial-gradient(in oklab 62% 74% at 20% 44%, rgba(36,80,129,0.960) 0%, rgba(36,80,129,0.557) 32%, rgba(36,80,129,0.211) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 44% 58% at 73% 50%, rgba(196,122,62,0.620) 0%, rgba(196,122,62,0.360) 32%, rgba(196,122,62,0.136) 68%, rgba(196,122,62,0.000) 100%),radial-gradient(in oklab 20% 28% at 70% 46%, rgba(222,172,96,0.460) 0%, rgba(222,172,96,0.267) 32%, rgba(222,172,96,0.101) 68%, rgba(222,172,96,0.000) 100%),radial-gradient(in oklab 80% 52% at 50% 104%, rgba(112,44,78,0.620) 0%, rgba(112,44,78,0.360) 32%, rgba(112,44,78,0.136) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 52% 44% at 100% -6%, rgba(36,80,129,0.600) 0%, rgba(36,80,129,0.348) 32%, rgba(36,80,129,0.132) 68%, rgba(36,80,129,0.000) 100%);--drift:radial-gradient(in oklab 34% 38% at 30% 26%, rgba(46,102,168,0.260) 0%, rgba(46,102,168,0.151) 32%, rgba(46,102,168,0.057) 68%, rgba(46,102,168,0.000) 100%),radial-gradient(in oklab 34% 34% at 80% 74%, rgba(112,44,78,0.340) 0%, rgba(112,44,78,0.197) 32%, rgba(112,44,78,0.075) 68%, rgba(112,44,78,0.000) 100%);--base:linear-gradient(160deg,#08182E 0%,#050E1B 70%)}
[data-bg-layer="areas"]{--mesh:radial-gradient(in oklab 72% 64% at 8% 10%, rgba(36,80,129,0.920) 0%, rgba(36,80,129,0.534) 32%, rgba(36,80,129,0.202) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 50% 62% at 98% 38%, rgba(46,102,168,0.340) 0%, rgba(46,102,168,0.197) 32%, rgba(46,102,168,0.075) 68%, rgba(46,102,168,0.000) 100%),radial-gradient(in oklab 62% 50% at 62% 108%, rgba(112,44,78,0.460) 0%, rgba(112,44,78,0.267) 32%, rgba(112,44,78,0.101) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 30% 30% at 100% 100%, rgba(196,122,62,0.240) 0%, rgba(196,122,62,0.139) 32%, rgba(196,122,62,0.053) 68%, rgba(196,122,62,0.000) 100%);--drift:radial-gradient(in oklab 34% 34% at 78% 18%, rgba(46,102,168,0.200) 0%, rgba(46,102,168,0.116) 32%, rgba(46,102,168,0.044) 68%, rgba(46,102,168,0.000) 100%),radial-gradient(in oklab 36% 36% at 20% 80%, rgba(36,80,129,0.500) 0%, rgba(36,80,129,0.290) 32%, rgba(36,80,129,0.110) 68%, rgba(36,80,129,0.000) 100%);--base:linear-gradient(200deg,#071428 0%,#050E1B 80%)}
[data-bg-layer="duvidas"]{--mesh:radial-gradient(in oklab 62% 58% at 90% 6%, rgba(112,44,78,0.800) 0%, rgba(112,44,78,0.464) 32%, rgba(112,44,78,0.176) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 66% 68% at 0% 56%, rgba(36,80,129,0.820) 0%, rgba(36,80,129,0.476) 32%, rgba(36,80,129,0.180) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 56% 48% at 72% 106%, rgba(196,122,62,0.280) 0%, rgba(196,122,62,0.162) 32%, rgba(196,122,62,0.062) 68%, rgba(196,122,62,0.000) 100%),radial-gradient(in oklab 40% 34% at 30% -2%, rgba(46,102,168,0.220) 0%, rgba(46,102,168,0.128) 32%, rgba(46,102,168,0.048) 68%, rgba(46,102,168,0.000) 100%);--drift:radial-gradient(in oklab 38% 38% at 60% 40%, rgba(112,44,78,0.300) 0%, rgba(112,44,78,0.174) 32%, rgba(112,44,78,0.066) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 34% 34% at 12% 88%, rgba(36,80,129,0.400) 0%, rgba(36,80,129,0.232) 32%, rgba(36,80,129,0.088) 68%, rgba(36,80,129,0.000) 100%);--base:linear-gradient(170deg,#0C1228,#07101C)}
[data-bg-layer="manifesto"]{--mesh:radial-gradient(in oklab 92% 82% at 50% 114%, rgba(196,122,62,0.640) 0%, rgba(196,122,62,0.371) 32%, rgba(196,122,62,0.141) 68%, rgba(196,122,62,0.000) 100%),radial-gradient(in oklab 44% 40% at 54% 106%, rgba(222,172,96,0.400) 0%, rgba(222,172,96,0.232) 32%, rgba(222,172,96,0.088) 68%, rgba(222,172,96,0.000) 100%),radial-gradient(in oklab 58% 58% at 100% 8%, rgba(112,44,78,0.600) 0%, rgba(112,44,78,0.348) 32%, rgba(112,44,78,0.132) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 62% 62% at 0% 0%, rgba(36,80,129,0.860) 0%, rgba(36,80,129,0.499) 32%, rgba(36,80,129,0.189) 68%, rgba(36,80,129,0.000) 100%);--drift:radial-gradient(in oklab 38% 38% at 28% 54%, rgba(112,44,78,0.260) 0%, rgba(112,44,78,0.151) 32%, rgba(112,44,78,0.057) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 34% 34% at 80% 70%, rgba(196,122,62,0.220) 0%, rgba(196,122,62,0.128) 32%, rgba(196,122,62,0.048) 68%, rgba(196,122,62,0.000) 100%);--base:linear-gradient(180deg,#0B1529,#0A1120)}
[data-bg-layer="escritorio"]{--mesh:radial-gradient(in oklab 60% 74% at 100% 44%, rgba(112,44,78,0.560) 0%, rgba(112,44,78,0.325) 32%, rgba(112,44,78,0.123) 68%, rgba(112,44,78,0.000) 100%),radial-gradient(in oklab 58% 60% at 0% 6%, rgba(36,80,129,0.860) 0%, rgba(36,80,129,0.499) 32%, rgba(36,80,129,0.189) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 52% 46% at 34% 106%, rgba(196,122,62,0.360) 0%, rgba(196,122,62,0.209) 32%, rgba(196,122,62,0.079) 68%, rgba(196,122,62,0.000) 100%),radial-gradient(in oklab 40% 36% at 72% -2%, rgba(46,102,168,0.220) 0%, rgba(46,102,168,0.128) 32%, rgba(46,102,168,0.048) 68%, rgba(46,102,168,0.000) 100%);--drift:radial-gradient(in oklab 36% 36% at 22% 60%, rgba(36,80,129,0.460) 0%, rgba(36,80,129,0.267) 32%, rgba(36,80,129,0.101) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 32% 32% at 86% 30%, rgba(196,122,62,0.140) 0%, rgba(196,122,62,0.081) 32%, rgba(196,122,62,0.031) 68%, rgba(196,122,62,0.000) 100%);--base:linear-gradient(190deg,#0B1830,#060F1C)}
[data-bg-layer="contato"]{--mesh:radial-gradient(in oklab 92% 80% at 50% -6%, rgba(46,102,168,0.820) 0%, rgba(46,102,168,0.476) 32%, rgba(46,102,168,0.180) 68%, rgba(46,102,168,0.000) 100%),radial-gradient(in oklab 50% 62% at 0% 62%, rgba(36,80,129,0.780) 0%, rgba(36,80,129,0.452) 32%, rgba(36,80,129,0.172) 68%, rgba(36,80,129,0.000) 100%),radial-gradient(in oklab 54% 56% at 100% 90%, rgba(196,122,62,0.360) 0%, rgba(196,122,62,0.209) 32%, rgba(196,122,62,0.079) 68%, rgba(196,122,62,0.000) 100%),radial-gradient(in oklab 46% 44% at 6% 106%, rgba(112,44,78,0.440) 0%, rgba(112,44,78,0.255) 32%, rgba(112,44,78,0.097) 68%, rgba(112,44,78,0.000) 100%);--drift:radial-gradient(in oklab 38% 38% at 30% 40%, rgba(46,102,168,0.220) 0%, rgba(46,102,168,0.128) 32%, rgba(46,102,168,0.048) 68%, rgba(46,102,168,0.000) 100%),radial-gradient(in oklab 34% 34% at 72% 80%, rgba(222,172,96,0.120) 0%, rgba(222,172,96,0.070) 32%, rgba(222,172,96,0.026) 68%, rgba(222,172,96,0.000) 100%);--base:linear-gradient(180deg,#0C2748,#06101E)}