/*
 * Motor Claude — tema Arcos (minimalista geométrico).
 * Cores, letras e desenho; a base comum fica em ../geo/geo.css.
 * Arquivo gerado por tools/arte-geometria/build.py (não editar à mão; o desenho vem de tools/arte-geometria/arte/arcos.css).
 */
@font-face{font-family:"Young Serif";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/young-serif-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Ms Madi";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ms-madi-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Tenor Sans";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/tenor-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/be-vietnam-pro-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url("../fonts/be-vietnam-pro-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/be-vietnam-pro-latin-700-normal.woff2") format("woff2")}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="arcos"]){--gm-sans:"Be Vietnam Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--gm-base:#F1E4D8;--gm-surface:#FBF5EF;--gm-ink:#3A2219;--gm-muted:#6B4A3B;--gm-accent:#9C4A2C;--gm-btn-ink:#FFF8F2;--gm-accent-text:#93452A;--gm-name-ink:#3A2219;--gm-hair:rgba(58,34,25,0.14);--gm-hair-strong:rgba(58,34,25,0.32);--gm-field:rgba(58,34,25,0.05);--gm-focus:rgba(147,69,42,0.35);--gm-chosen:rgba(147,69,42,0.14);--gm-shadow:rgba(58,34,25,0.45);--gm-shape-ink:#3A2219;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#E3C3AC;--gm-c2:#D9AD90;--gm-c3:#CF9878;--gm-c4:#F7EEE6;--gm-c5:#B85C38;--gm-name:"Young Serif", Georgia, serif;--gm-display:"Young Serif", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:-.01em;--gm-cover-size:clamp(48px,14vw,118px);--gm-sheet-size:clamp(46px,13.4vw,96px);--gm-title-weight:400}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="arcos"][data-gm-set="salvia"]){--gm-base:#EDEFE6;--gm-surface:#F9FAF5;--gm-ink:#222B1E;--gm-muted:#4E5A46;--gm-accent:#4E6B42;--gm-btn-ink:#F9FAF5;--gm-accent-text:#4A663F;--gm-name-ink:#222B1E;--gm-hair:rgba(34,43,30,0.14);--gm-hair-strong:rgba(34,43,30,0.32);--gm-field:rgba(34,43,30,0.05);--gm-focus:rgba(74,102,63,0.35);--gm-chosen:rgba(74,102,63,0.14);--gm-shadow:rgba(34,43,30,0.45);--gm-shape-ink:#222B1E;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#DCE2D1;--gm-c2:#C9D3BA;--gm-c3:#B5C3A3;--gm-c4:#F7F8F2;--gm-c5:#7A955F}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="arcos"][data-gm-set="rosa"]){--gm-base:#F7E9E7;--gm-surface:#FFF8F7;--gm-ink:#3B1D25;--gm-muted:#6D4C55;--gm-accent:#A23D55;--gm-btn-ink:#FFF7F8;--gm-accent-text:#9A3A52;--gm-name-ink:#3B1D25;--gm-hair:rgba(59,29,37,0.14);--gm-hair-strong:rgba(59,29,37,0.32);--gm-field:rgba(59,29,37,0.05);--gm-focus:rgba(154,58,82,0.35);--gm-chosen:rgba(154,58,82,0.14);--gm-shadow:rgba(59,29,37,0.45);--gm-shape-ink:#3B1D25;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#F0D4D3;--gm-c2:#E8BEBF;--gm-c3:#DFA7AA;--gm-c4:#FDF6F5;--gm-c5:#C4566A}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="arcos"][data-gm-set="noite"]){--gm-base:#161B29;--gm-surface:#1E2435;--gm-ink:#F2EBDD;--gm-muted:#BDB4A4;--gm-accent:#D9B26F;--gm-btn-ink:#1B1608;--gm-accent-text:#DDBA7A;--gm-name-ink:#F6EFE2;--gm-hair:rgba(242,235,221,0.16);--gm-hair-strong:rgba(242,235,221,0.32);--gm-field:rgba(255,255,255,.07);--gm-focus:rgba(221,186,122,0.35);--gm-chosen:rgba(221,186,122,0.14);--gm-shadow:rgba(0,0,0,.7);--gm-shape-ink:#F2EBDD;--gm-grain-op:.07;--gm-grain-blend:screen;--gm-c1:#1E2538;--gm-c2:#262F47;--gm-c3:#2F3A57;--gm-c4:#131725;--gm-c5:#D9B26F}
.gm-root[data-gm-skin="arcos"][data-gm-font="classica"]{--gm-name:"Young Serif", Georgia, serif;--gm-display:"Young Serif", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:-.01em;--gm-cover-size:clamp(48px,14vw,118px);--gm-sheet-size:clamp(46px,13.4vw,96px);--gm-title-weight:400}
.gm-root[data-gm-skin="arcos"][data-gm-font="caligrafia"]{--gm-name:"Ms Madi", cursive;--gm-display:"Young Serif", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(66px,20vw,164px);--gm-sheet-size:clamp(62px,18.5vw,128px);--gm-title-weight:400}
.gm-root[data-gm-skin="arcos"][data-gm-font="moderna"]{--gm-name:"Tenor Sans", system-ui, sans-serif;--gm-display:"Tenor Sans", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:.03em;--gm-cover-size:clamp(40px,11.6vw,100px);--gm-sheet-size:clamp(38px,11vw,82px);--gm-title-weight:400}
/* ================= Arcos: desenho ================= */
/* --u acompanha o lado menor da tela: o portal tem a mesma proporção no celular e no computador. */
.gm-root[data-gm-skin="arcos"]{--u:min(1vw,.56svh);--gm-title-top:41svh;--gm-panel-radius:50% 50% 20px 20px / 150px 150px 20px 20px;--gm-tile-radius:999px 999px 14px 14px;--gm-part-gap:40px;--gm-title-size:clamp(30px,8.6vw,40px)}
.gm-root[data-gm-skin="arcos"][data-gm-font="moderna"]{--gm-title-size:clamp(26px,7.6vw,34px);--gm-title-track:.04em}

/* Portal: quatro arcos, do maior (fora) ao menor (dentro, onde fica o nome). */
.ac{position:absolute;left:50%;bottom:0;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);border-radius:calc(var(--w) / 2) calc(var(--w) / 2) 0 0;transform-origin:50% 100%;will-change:transform}
.ac-1{--w:calc(166 * var(--u));--h:96svh;background:var(--gm-c1);--d:0s}
.ac-2{--w:calc(138 * var(--u));--h:89svh;background:var(--gm-c2);--d:.12s}
.ac-3{--w:calc(112 * var(--u));--h:82svh;background:var(--gm-c3);--d:.24s}
.ac-4{--w:calc(88 * var(--u));--h:76svh;background:var(--gm-c4);--d:.36s;box-shadow:0 -10px 40px -24px var(--gm-shadow)}
.ac-line{position:absolute;inset:calc(3.4 * var(--u)) calc(3.4 * var(--u)) 0;border:1px solid var(--gm-hair-strong);border-bottom:0;border-radius:calc((88 * var(--u) - 6.8 * var(--u)) / 2) calc((88 * var(--u) - 6.8 * var(--u)) / 2) 0 0}
.ac-sun{position:absolute;left:50%;top:calc(24svh + 7 * var(--u));z-index:2;width:calc(12 * var(--u));aspect-ratio:1;margin-left:calc(-6 * var(--u));border-radius:50%;background:var(--gm-c5);box-shadow:0 0 0 calc(2.4 * var(--u)) color-mix(in srgb,var(--gm-c5) 16%,transparent)}
.gm-root.is-closed .ac{animation:ac-in 1.4s cubic-bezier(.2,.85,.2,1) var(--d) both}
@keyframes ac-in{from{transform:translateY(102%)}to{transform:none}}
.gm-root.is-closed .ac-line{animation:ac-draw 1.6s cubic-bezier(.4,0,.2,1) 1.1s both}
@keyframes ac-draw{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}
.gm-root.is-closed .ac-sun{animation:ac-sun 1.3s cubic-bezier(.3,1.4,.5,1) .95s both,ac-glow 5s ease-in-out 2.4s infinite}
@keyframes ac-sun{from{opacity:0;transform:translateY(5svh) scale(.4)}to{opacity:1;transform:none}}
@keyframes ac-glow{0%,100%{box-shadow:0 0 0 calc(2.4 * var(--u)) color-mix(in srgb,var(--gm-c5) 16%,transparent)}50%{box-shadow:0 0 0 calc(4.4 * var(--u)) color-mix(in srgb,var(--gm-c5) 8%,transparent)}}
/* Abertura: atravessar o portal — os arcos crescem e somem, o de dentro por último. */
.gm-root.is-opening .ac{animation:ac-through 1.5s cubic-bezier(.6,0,.25,1) both;animation-delay:calc(.3s - var(--d) * .6)}
@keyframes ac-through{to{transform:scale(3.4);opacity:0}}
.gm-root.is-opening .ac-sun{animation:ac-sun-out .9s cubic-bezier(.5,0,.3,1) both}
@keyframes ac-sun-out{to{transform:translateY(-12svh) scale(.3);opacity:0}}

.gm-root[data-gm-skin="arcos"] .gm-card{width:min(calc(88 * var(--u) - 40px),340px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px);padding:10px 0 0}
.gm-root[data-gm-skin="arcos"] .gm-xv i{background:var(--gm-hair-strong)!important}

/* Folha: cartões com o topo em arco e um fio fino acompanhando a curva */
.ac-hero{width:110px;height:auto}
.ac-hero .a1{fill:var(--gm-c4)}.ac-hero .a2{fill:var(--gm-c2)}.ac-hero .a3{fill:var(--gm-c3)}.ac-hero .sun,.ac-mark .sun,.ac-foot .sun{fill:var(--gm-c5)}
.gm-root.is-opening .ac-hero > *{animation:ac-hero-in 1s cubic-bezier(.2,.85,.2,1) both;animation-delay:calc(.6s + var(--n,0) * .12s);transform-box:fill-box;transform-origin:50% 100%}
.ac-hero > :nth-child(2){--n:1}.ac-hero > :nth-child(3){--n:2}.ac-hero > :nth-child(4){--n:3}
@keyframes ac-hero-in{from{transform:scaleY(0)}to{transform:none}}
.gm-root[data-gm-skin="arcos"] .gm-panel{padding:52px 22px 28px;overflow:visible}
.gm-root[data-gm-skin="arcos"] .gm-panel::before{content:"";position:absolute;inset:9px;border:1px solid var(--gm-hair-strong);border-radius:50% 50% 14px 14px / 142px 142px 14px 14px;pointer-events:none;transition:opacity 1.2s ease .3s}
.ac-mark{width:64px;height:auto}
.ac-mark .line{stroke:var(--gm-accent-text);opacity:.55}
.gm-root[data-gm-skin="arcos"] .gm-count .contagem__item{padding-top:22px!important}
/* Revelação: o cartão sobe de dentro do chão e o fio aparece depois. */
.gm-root.gm-reveal-on[data-gm-skin="arcos"] .gm-part{transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1.2s cubic-bezier(.2,.85,.2,1),clip-path 1.2s cubic-bezier(.2,.85,.2,1)}
.gm-root.gm-reveal-on[data-gm-skin="arcos"] .gm-part:not(.is-in){transform:translateY(60px) scale(.96);clip-path:inset(30% 0 0 0)}
.gm-root.gm-reveal-on[data-gm-skin="arcos"] .gm-part:not(.is-in) .gm-panel::before{opacity:0}
.gm-root.gm-reveal-on[data-gm-skin="arcos"] .gm-part.is-in{clip-path:inset(-60px -60px -60px -60px)}
.ac-foot{width:min(100vw,520px);height:auto}
.ac-foot .a1{fill:var(--gm-c4)}.ac-foot .a2{fill:var(--gm-c2)}.ac-foot .a3{fill:var(--gm-c3)}
.gm-root[data-gm-skin="arcos"] .gm-close.is-in .ac-foot > *{animation:ac-hero-in 1.1s cubic-bezier(.2,.85,.2,1) both;animation-delay:calc(var(--n,0) * .1s);transform-box:fill-box;transform-origin:50% 100%}
.ac-foot > :nth-child(3),.ac-foot > :nth-child(4){--n:1}.ac-foot > :nth-child(5){--n:2}.ac-foot > :nth-child(6){--n:3}.ac-foot > :nth-child(7){--n:4}
/* Navegador sem color-mix: o sol fica sem o halo. */
@supports not (color:color-mix(in srgb,red 10%,transparent)){.ac-sun{box-shadow:none!important}}
@media (orientation:landscape) and (min-width:760px){
  .gm-root[data-gm-skin="arcos"]{--u:min(1vw,.78svh);--gm-title-top:44svh}
}