/*
 * Motor Claude — tema Bauhaus (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/bauhaus.css).
 */
@font-face{font-family:"Unbounded";font-style:normal;font-weight:200 900;font-display:swap;src:url("../fonts/unbounded-latin-var-normal.woff2") format("woff2")}
@font-face{font-family:"Mr Dafoe";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/mr-dafoe-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Gabarito";font-style:normal;font-weight:400 900;font-display:swap;src:url("../fonts/gabarito-latin-var-normal.woff2") format("woff2")}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="bauhaus"]){--gm-sans:"Gabarito",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--gm-base:#F2ECE1;--gm-surface:#FBF8F2;--gm-ink:#1E1C1A;--gm-muted:#57514A;--gm-accent:#1E1C1A;--gm-btn-ink:#FBF8F2;--gm-accent-text:#A8371F;--gm-name-ink:#1E1C1A;--gm-hair:rgba(30,28,26,0.14);--gm-hair-strong:rgba(30,28,26,0.32);--gm-field:rgba(30,28,26,0.05);--gm-focus:rgba(168,55,31,0.35);--gm-chosen:rgba(168,55,31,0.14);--gm-shadow:rgba(30,28,26,0.45);--gm-shape-ink:#1E1C1A;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#E0533B;--gm-c2:#EDB43C;--gm-c3:#2E4FA0;--gm-c4:#1E1C1A;--gm-c5:#E0533B;--gm-name:"Unbounded", system-ui, sans-serif;--gm-display:"Unbounded", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:600;--gm-name-track:-.025em;--gm-cover-size:clamp(38px,11vw,100px);--gm-sheet-size:clamp(36px,10.4vw,80px);--gm-title-weight:600}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="bauhaus"][data-gm-set="rosa"]){--gm-base:#F6E6E3;--gm-surface:#FFF9F7;--gm-ink:#2B1620;--gm-muted:#674C56;--gm-accent:#7B1E3E;--gm-btn-ink:#FFF9F7;--gm-accent-text:#8E2A4C;--gm-name-ink:#2B1620;--gm-hair:rgba(43,22,32,0.14);--gm-hair-strong:rgba(43,22,32,0.32);--gm-field:rgba(43,22,32,0.05);--gm-focus:rgba(142,42,76,0.35);--gm-chosen:rgba(142,42,76,0.14);--gm-shadow:rgba(43,22,32,0.45);--gm-shape-ink:#2B1620;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#E86A8C;--gm-c2:#F4B49E;--gm-c3:#7B1E3E;--gm-c4:#2B1620;--gm-c5:#E86A8C}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="bauhaus"][data-gm-set="menta"]){--gm-base:#E9F0EA;--gm-surface:#F9FBF8;--gm-ink:#1D2A2E;--gm-muted:#4B5B5D;--gm-accent:#2E4D5C;--gm-btn-ink:#F9FBF8;--gm-accent-text:#355A6C;--gm-name-ink:#1D2A2E;--gm-hair:rgba(29,42,46,0.14);--gm-hair-strong:rgba(29,42,46,0.32);--gm-field:rgba(29,42,46,0.05);--gm-focus:rgba(53,90,108,0.35);--gm-chosen:rgba(53,90,108,0.14);--gm-shadow:rgba(29,42,46,0.45);--gm-shape-ink:#1D2A2E;--gm-grain-op:.10;--gm-grain-blend:multiply;--gm-c1:#8F7BD8;--gm-c2:#8FD1B6;--gm-c3:#2E4D5C;--gm-c4:#1D2A2E;--gm-c5:#8F7BD8}
body.sg-engine-claude_v1:has(.gm-root[data-gm-skin="bauhaus"][data-gm-set="noite"]){--gm-base:#14161D;--gm-surface:#1E212B;--gm-ink:#F4F0E8;--gm-muted:#B9B4AA;--gm-accent:#F2C14E;--gm-btn-ink:#1A1508;--gm-accent-text:#F2C14E;--gm-name-ink:#F7F3EA;--gm-hair:rgba(244,240,232,0.16);--gm-hair-strong:rgba(244,240,232,0.32);--gm-field:rgba(255,255,255,.07);--gm-focus:rgba(242,193,78,0.35);--gm-chosen:rgba(242,193,78,0.14);--gm-shadow:rgba(0,0,0,.7);--gm-shape-ink:#F4F0E8;--gm-grain-op:.07;--gm-grain-blend:screen;--gm-c1:#EF6A4E;--gm-c2:#F2C14E;--gm-c3:#6C8BEA;--gm-c4:#F4F0E8;--gm-c5:#EF6A4E}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="classica"]{--gm-name:"Unbounded", system-ui, sans-serif;--gm-display:"Unbounded", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:600;--gm-name-track:-.025em;--gm-cover-size:clamp(38px,11vw,100px);--gm-sheet-size:clamp(36px,10.4vw,80px);--gm-title-weight:600}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="caligrafia"]{--gm-name:"Mr Dafoe", cursive;--gm-display:"Unbounded", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:400;--gm-name-track:0;--gm-cover-size:clamp(70px,21vw,170px);--gm-sheet-size:clamp(64px,19vw,130px);--gm-title-weight:600}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="moderna"]{--gm-name:"Gabarito", system-ui, sans-serif;--gm-display:"Gabarito", system-ui, sans-serif;--gm-name-style:normal;--gm-display-style:normal;--gm-name-weight:800;--gm-name-track:-.035em;--gm-cover-size:clamp(54px,16.5vw,136px);--gm-sheet-size:clamp(50px,15vw,110px);--gm-title-weight:800}
/* ================= Bauhaus: desenho ================= */
.gm-root[data-gm-skin="bauhaus"]{--gm-btn-radius:3px;--gm-panel-radius:3px;--gm-tile-radius:3px;--gm-field-radius:3px;--gm-title-top:38svh;--gm-part-gap:58px}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="classica"]{--gm-title-size:clamp(24px,7vw,32px);--gm-title-track:-.02em}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="caligrafia"]{--gm-title-size:clamp(24px,7vw,32px);--gm-title-track:-.02em}
.gm-root[data-gm-skin="bauhaus"][data-gm-font="moderna"]{--gm-title-size:clamp(32px,9.4vw,44px);--gm-title-track:-.03em}

/* Peças da capa: cada uma entra do seu lado e se encaixa (com um pequeno passo além do lugar). */
.bh{position:absolute;display:block;will-change:transform}
.bh > i,.bh > svg{display:block;width:100%;height:100%}
.gm-root.is-closed .bh{animation:bh-in 1.15s cubic-bezier(.3,1.45,.5,1) var(--d,0s) both}
@keyframes bh-in{from{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) rotate(var(--fr,0deg))}to{opacity:1;transform:none}}
.gm-root.is-opening .bh{animation:bh-out .9s cubic-bezier(.6,0,.3,1) both;animation-delay:calc(var(--d,0s) * .25)}
@keyframes bh-out{to{opacity:0;transform:translate(calc(var(--fx,0) * 1.4),calc(var(--fy,0) * 1.4)) rotate(var(--fr,0deg))}}

.bh-sun{--fx:40vw;--fy:-30vw;--d:.05s;top:-10svh;right:-20vw;width:min(78vw,48svh);aspect-ratio:1}
.bh-sun > i{border-radius:50%;background:var(--gm-c1)}
.bh-quarter{--fx:-40vw;--fy:0;--d:.15s;top:0;left:0;width:min(40vw,25svh);aspect-ratio:1}
.bh-quarter > i{border-bottom-right-radius:100%;background:var(--gm-c3)}
.bh-bar{--fx:-30vw;--fy:0;--d:.3s;left:6vw;bottom:23svh;width:min(3.2vw,2.2svh);height:9svh;display:none}
.bh-bar > i{background:var(--gm-c1)}
.bh-tri{--fx:-30vw;--fy:-10svh;--fr:-120deg;--d:.4s;top:19svh;left:29vw;width:min(19vw,12svh);aspect-ratio:100/87;rotate:14deg}
.bh-tri polygon{fill:var(--gm-c2)}
.bh-tri > svg{animation:bh-tilt 9s ease-in-out 2s infinite;transform-origin:50% 66%}
@keyframes bh-tilt{0%,100%{transform:rotate(0)}50%{transform:rotate(-10deg)}}
.bh-dots{--fx:-30vw;--fy:0;--d:.5s;top:25.5svh;left:6vw;width:min(15vw,9.5svh);aspect-ratio:1}
.bh-dots circle{fill:var(--gm-shape-ink)}
.bh-line{--fx:40vw;--fy:0;--d:.55s;top:31svh;right:7vw;width:32vw;height:2px}
.bh-line > i{background:var(--gm-shape-ink)}
.bh-half{--fx:-40vw;--fy:20svh;--fr:-40deg;--d:.25s;left:-9vw;bottom:24svh;width:min(66vw,42svh);aspect-ratio:2}
.bh-half > i{border-radius:999px 999px 0 0;background:var(--gm-c2);transform-origin:50% 100%;animation:bh-rock 6s ease-in-out 1.8s infinite}
@keyframes bh-rock{0%,100%{transform:rotate(0)}50%{transform:rotate(7deg)}}
.bh-square{--fx:30vw;--fy:20svh;--fr:90deg;--d:.35s;right:8vw;bottom:29svh;width:min(25vw,16svh);aspect-ratio:1}
.bh-square > i{position:relative;background:var(--gm-c3);animation:bh-tick 12s cubic-bezier(.7,0,.2,1.25) 2.4s infinite}
.bh-square > i::after{content:"";position:absolute;top:14%;left:14%;width:22%;aspect-ratio:1;border-radius:50%;background:var(--gm-c2)}
@keyframes bh-tick{0%,19%{transform:rotate(0)}25%,44%{transform:rotate(90deg)}50%,69%{transform:rotate(180deg)}75%,94%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}
.bh-ring{--fx:0;--fy:30svh;--d:.6s;left:47vw;bottom:31.5svh;width:min(17vw,11svh);aspect-ratio:1}
.bh-ring > i{box-sizing:border-box;border-radius:50%;border:min(1.6vw,1.1svh) solid var(--gm-shape-ink);animation:bh-bob 5s ease-in-out 2s infinite}
@keyframes bh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.6svh)}}

/* Cartão do botão: papel liso com a faixa das três cores no alto */
.gm-root[data-gm-skin="bauhaus"] .gm-card{padding:22px 18px 18px;background:var(--gm-surface);border-radius:3px;box-shadow:0 18px 40px -26px var(--gm-shadow)}
.gm-root[data-gm-skin="bauhaus"] :is(.gm-card,.gm-panel)::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--gm-c1) 0 42%,var(--gm-c2) 42% 70%,var(--gm-c3) 70% 100%)}
body.sg-engine-claude_v1.sg-engine-claude_v1 .pagina-convite .gm-root[data-gm-skin="bauhaus"] a.botao.gm-open span{font-weight:700!important;letter-spacing:.04em!important;text-transform:uppercase!important;font-size:15px!important}

/* Folha */
.bh-hero{width:min(64vw,250px);height:auto}
.gm-root.is-opening .bh-hero > *{animation:bh-pop .8s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(.55s + var(--n,0) * .09s)}
.bh-hero > :nth-child(2){--n:1}.bh-hero > :nth-child(3){--n:2}.bh-hero > :nth-child(4){--n:3}.bh-hero > :nth-child(5){--n:4}
@keyframes bh-pop{from{opacity:0;transform:translateY(-30px) rotate(-30deg)}to{opacity:1;transform:none}}
.bh-hero > *{transform-box:fill-box;transform-origin:50% 50%}
.gm-root[data-gm-skin="bauhaus"] .gm-panel{padding-top:46px}
.gm-root[data-gm-skin="bauhaus"] .gm-mark{position:absolute;left:0;right:0;top:-22px;margin:0}
.bh-mark{width:44px;height:44px;transition:transform .9s cubic-bezier(.3,1.5,.5,1) .15s}
/* Revelação: as partes chegam pelas laterais, alternando; a forma gira até o lugar. */
.gm-root.gm-reveal-on[data-gm-skin="bauhaus"] .gm-part:nth-child(odd):not(.is-in){transform:translateX(-46px)}
.gm-root.gm-reveal-on[data-gm-skin="bauhaus"] .gm-part:nth-child(even):not(.is-in){transform:translateX(46px)}
.gm-root.gm-reveal-on[data-gm-skin="bauhaus"] .gm-part:not(.is-in) .bh-mark{transform:rotate(-180deg) scale(.2)}
.bh-foot{width:min(100vw,560px);height:auto}
.gm-root[data-gm-skin="bauhaus"] .gm-close.is-in .bh-foot > *{animation:bh-rise .9s cubic-bezier(.3,1.4,.5,1) both;animation-delay:calc(var(--n,0) * .08s)}
.bh-foot > *{transform-box:fill-box;transform-origin:50% 100%}
.bh-foot > :nth-child(2){--n:1}.bh-foot > :nth-child(3){--n:2}.bh-foot > :nth-child(4){--n:3}.bh-foot > :nth-child(5){--n:4}.bh-foot > :nth-child(6){--n:5}
@keyframes bh-rise{from{transform:scaleY(0)}to{transform:none}}

/* Paisagem: as peças se afastam para as bordas */
@media (orientation:landscape) and (min-width:760px){
  .bh-tri{left:20vw;top:16svh}
  .bh-half{left:-4vw}
  .bh-ring{left:68vw}
  .bh-line{width:22vw}
}