/*
 * Motor Claude — tema Confete (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/confete.css).
 */
@font-face{font-family:"Shrikhand";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/shrikhand-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Damion";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/damion-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Righteous";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/righteous-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:160 700;font-display:swap;src:url("../fonts/readex-pro-latin-var-normal.woff2") format("woff2")}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="confete"]){--gm-sans:"Readex Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--gm-base:#FBF5EC;--gm-surface:#FFFFFF;--gm-ink:#2A2340;--gm-muted:#5C5670;--gm-accent:#2A2340;--gm-btn-ink:#FFFFFF;--gm-accent-text:#6A43C4;--gm-name-ink:#2A2340;--gm-hair:rgba(42,35,64,0.14);--gm-hair-strong:rgba(42,35,64,0.32);--gm-field:rgba(42,35,64,0.05);--gm-focus:rgba(106,67,196,0.35);--gm-chosen:rgba(106,67,196,0.14);--gm-shadow:rgba(42,35,64,0.45);--gm-shape-ink:#2A2340;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#F49AB0;--gm-c2:#9F8BE6;--gm-c3:#6FCBB0;--gm-c4:#F7C948;--gm-c5:#7FB2F0;--gm-name:"Shrikhand", Georgia, serif;--gm-display:"Shrikhand", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(44px,13vw,110px);--gm-sheet-size:clamp(42px,12.4vw,88px);--gm-title-weight:400}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="confete"][data-gm-set="rosa"]){--gm-base:#FDF0F2;--gm-surface:#FFFFFF;--gm-ink:#3B1424;--gm-muted:#6E4554;--gm-accent:#B2154F;--gm-btn-ink:#FFFFFF;--gm-accent-text:#AA164E;--gm-name-ink:#3B1424;--gm-hair:rgba(59,20,36,0.14);--gm-hair-strong:rgba(59,20,36,0.32);--gm-field:rgba(59,20,36,0.05);--gm-focus:rgba(170,22,78,0.35);--gm-chosen:rgba(170,22,78,0.14);--gm-shadow:rgba(59,20,36,0.45);--gm-shape-ink:#3B1424;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#FF7A9C;--gm-c2:#FFB4A2;--gm-c3:#E8467C;--gm-c4:#FFC857;--gm-c5:#C2185B}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="confete"][data-gm-set="oceano"]){--gm-base:#EEF6F8;--gm-surface:#FFFFFF;--gm-ink:#12263F;--gm-muted:#43566A;--gm-accent:#1B3A6B;--gm-btn-ink:#FFFFFF;--gm-accent-text:#1D5FAF;--gm-name-ink:#12263F;--gm-hair:rgba(18,38,63,0.14);--gm-hair-strong:rgba(18,38,63,0.32);--gm-field:rgba(18,38,63,0.05);--gm-focus:rgba(29,95,175,0.35);--gm-chosen:rgba(29,95,175,0.14);--gm-shadow:rgba(18,38,63,0.45);--gm-shape-ink:#12263F;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#3FB8C5;--gm-c2:#2F6FD0;--gm-c3:#9ADBC8;--gm-c4:#FFB86B;--gm-c5:#1B3A6B}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="confete"][data-gm-set="noite"]){--gm-base:#1C1530;--gm-surface:#261E40;--gm-ink:#F6F1FF;--gm-muted:#C3BAD8;--gm-accent:#FFD45E;--gm-btn-ink:#1C1530;--gm-accent-text:#FFD45E;--gm-name-ink:#FFFFFF;--gm-hair:rgba(246,241,255,0.16);--gm-hair-strong:rgba(246,241,255,0.32);--gm-field:rgba(255,255,255,.07);--gm-focus:rgba(255,212,94,0.35);--gm-chosen:rgba(255,212,94,0.14);--gm-shadow:rgba(0,0,0,.7);--gm-shape-ink:#F6F1FF;--gm-grain-op:.07;--gm-grain-blend:screen;--gm-c1:#FF7BA6;--gm-c2:#A88CFF;--gm-c3:#5EE0C0;--gm-c4:#FFD45E;--gm-c5:#6FB6FF}
.gm-root[data-gm-skin="confete"][data-gm-font="classica"]{--gm-name:"Shrikhand", Georgia, serif;--gm-display:"Shrikhand", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(44px,13vw,110px);--gm-sheet-size:clamp(42px,12.4vw,88px);--gm-title-weight:400}
.gm-root[data-gm-skin="confete"][data-gm-font="caligrafia"]{--gm-name:"Damion", cursive;--gm-display:"Shrikhand", Georgia, serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(58px,17.5vw,146px);--gm-sheet-size:clamp(54px,16vw,116px);--gm-title-weight:400}
.gm-root[data-gm-skin="confete"][data-gm-font="moderna"]{--gm-name:"Righteous", system-ui, sans-serif;--gm-display:"Righteous", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(46px,13.6vw,114px);--gm-sheet-size:clamp(44px,12.8vw,92px);--gm-title-weight:400}
/* ================= Confete: desenho ================= */
.gm-root[data-gm-skin="confete"]{--gm-title-top:38svh;--gm-panel-radius:30px;--gm-tile-radius:22px;--gm-field-radius:16px;--gm-part-gap:54px}
.gm-root[data-gm-skin="confete"][data-gm-font="classica"]{--gm-title-size:clamp(28px,8vw,36px)}
.gm-root[data-gm-skin="confete"] .cf-s{display:block;overflow:visible}

/* Formas da capa: entram estalando, depois flutuam devagar, cada uma no seu ritmo */
.cf{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;rotate:var(--r)}
.cf > i{display:block;width:100%;height:100%;animation:cf-float var(--t,8s) ease-in-out calc(var(--k) * -.7s) infinite}
.cf > i > svg{width:100%;height:100%}
@keyframes cf-float{0%,100%{transform:translate(0,0) rotate(0)}33%{transform:translate(.8vmin,-1.6vmin) rotate(8deg)}66%{transform:translate(-.6vmin,.8vmin) rotate(-6deg)}}
.gm-root.is-closed .cf{animation:cf-pop .8s cubic-bezier(.3,1.7,.5,1) calc(.1s + var(--k) * .06s) both}
@keyframes cf-pop{from{opacity:0;transform:scale(0) rotate(-120deg)}to{opacity:1;transform:none}}
.gm-root.is-opening .cf{animation:cf-scatter 1s cubic-bezier(.5,0,.3,1) both}
@keyframes cf-scatter{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5) rotate(160deg)}}
.cf-burst{position:fixed;inset:0;z-index:40;width:100vw;height:100vh;pointer-events:none;display:none}
.cf-burst.is-on{display:block}

.gm-root[data-gm-skin="confete"] .gm-card{padding:20px 18px 18px;background:var(--gm-surface);border-radius:28px;box-shadow:0 22px 44px -26px var(--gm-shadow)}
body.sg-engine-claude_v1.sg-engine-claude_v1 .pagina-convite .gm-root[data-gm-skin="confete"] a.botao.gm-open span{font-weight:600!important;font-size:17px!important}

/* Fundo da folha: poucas formas soltas, bem leves, só depois de abrir */
.cf-bit{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;opacity:0;transition:opacity 1.4s ease .5s}
.cf-bit svg{width:100%;height:100%;animation:cf-float 11s ease-in-out infinite}
.gm-root.is-opened .cf-bit{opacity:.5}

/* Folha */
.cf-hero{display:flex;align-items:center;gap:6px}
.cf-hero > svg{width:38px;height:38px;rotate:var(--r,0deg)}
.cf-hero > svg:nth-child(odd){translate:0 -6px}
.gm-root.is-opening .cf-hero > svg{animation:cf-pop .8s cubic-bezier(.3,1.7,.5,1) both}
.cf-hero > svg:nth-child(2){animation-delay:.08s!important}.cf-hero > svg:nth-child(3){animation-delay:.16s!important}.cf-hero > svg:nth-child(4){animation-delay:.24s!important}.cf-hero > svg:nth-child(5){animation-delay:.32s!important}
.gm-root[data-gm-skin="confete"] .gm-mark{position:absolute;inset:0;margin:0;display:block}
.cf-mark{position:absolute;rotate:var(--r,0deg);transition:transform .9s cubic-bezier(.3,1.6,.5,1) .3s}
.cf-mark--l{left:-12px;top:-20px;width:54px;height:54px}
.cf-mark--r{right:-10px;top:-16px;width:40px;height:40px;transition-delay:.42s}
.gm-root[data-gm-skin="confete"] .gm-panel{padding-top:40px}
.gm-root.gm-reveal-on[data-gm-skin="confete"] .gm-part{transition:opacity .7s ease,transform .9s cubic-bezier(.3,1.45,.5,1)}
.gm-root.gm-reveal-on[data-gm-skin="confete"] .gm-part:not(.is-in){transform:translateY(36px) scale(.92)}
.gm-root.gm-reveal-on[data-gm-skin="confete"] .gm-part:not(.is-in) .cf-mark{transform:scale(0) rotate(-140deg)}
.cf-pile{position:relative;display:block;width:min(92vw,420px);height:150px}
.cf-pile > svg{position:absolute;bottom:0}
.cf-pile .p1{left:4%;width:30%;height:auto;bottom:-12px}
.cf-pile .p2{left:28%;width:19%;height:auto}
.cf-pile .p3{left:46%;width:22%;height:auto;bottom:-6px}
.cf-pile .p4{left:64%;width:16%;height:auto}
.cf-pile .p5{left:78%;width:17%;height:auto}
.cf-pile .p6{left:12%;width:18%;height:auto;bottom:64px}
.cf-pile .p7{left:52%;width:10%;height:auto;bottom:62px}
.cf-pile .p8{left:84%;width:11%;height:auto;bottom:70px}
.cf-pile > svg{rotate:var(--r,0deg)}
.gm-root[data-gm-skin="confete"] .gm-close.is-in .cf-pile > svg{animation:cf-drop .9s cubic-bezier(.3,1.5,.5,1) both}
.cf-pile .p2{animation-delay:.08s!important}.cf-pile .p3{animation-delay:.16s!important}.cf-pile .p4{animation-delay:.24s!important}.cf-pile .p5{animation-delay:.3s!important}.cf-pile .p6{animation-delay:.4s!important}.cf-pile .p7{animation-delay:.48s!important}.cf-pile .p8{animation-delay:.56s!important}
@keyframes cf-drop{from{opacity:0;transform:translateY(-120px) rotate(-90deg)}to{opacity:1;transform:none}}