/* Guthi Personalizados — Bloco 01 (menu flutuante + hero em largura total). */

@font-face{font-family:"Newsreader";src:url("assets/fonts/newsreader-opsz-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("assets/fonts/newsreader-opsz-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
@font-face{font-family:"Kalam";src:url("assets/fonts/kalam-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url("assets/fonts/figtree-wght-normal.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{
  /* identidade (assets/images/brand): roxo #6C258B, amarelo #F4B400, escuro #291036 */
  --ink:#291036;
  --ink-soft:#1f1128;
  --purple:#6c258b;
  --purple-deep:#4d1a66;
  --yellow:#f4b400;
  --cream:#f8f1eb;
  --font-display:"Newsreader",Georgia,"Times New Roman",serif;
  --font-body:"Figtree",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --container:1280px;
  --gutter:clamp(24px,5vw,72px);
  --menu-h:82px;                             /* 12px de respiro + 70px da barra flutuante */
  --hero-h:clamp(600px,48vw,780px);          /* altura do hero em desktop; a imagem 2,5:1 é recortada, nunca esticada */
  --text-left:clamp(22px,calc(46px - (100vw - var(--container)) / 2),46px); /* alinha o texto ao logotipo do menu */
  --curve-h:clamp(34px,4.4vw,68px);          /* curva inferior */
  --media-h-stacked:clamp(250px,76vw,420px); /* altura da imagem em tablet/mobile */
  --controls-strip:68px;                     /* faixa sob a imagem (tablet/mobile) onde ficam os controles */
}

*{box-sizing:border-box}
[data-gtx-feature][hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);overflow-x:clip}
img,svg{display:block}
ul{list-style:none;margin:0;padding:0}
a{color:inherit}

.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:absolute;left:16px;top:-80px;z-index:200;padding:10px 16px;border-radius:8px;background:var(--purple);color:#fff;font-weight:600;text-decoration:none}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--purple);outline-offset:3px}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--purple);color:#fff;font-family:var(--font-body);font-weight:600;text-decoration:none;white-space:nowrap;transition:filter .2s,transform .2s,box-shadow .2s}
.btn:hover{background:var(--purple-deep)}
.btn svg{flex:none;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.btn svg .fill{fill:currentColor;stroke:none}
.icon-whatsapp{stroke-width:1.7}

/* ---------- Menu flutuante ---------- */
.site-header{position:fixed;inset:12px 0 auto 0;z-index:100;padding-inline:clamp(12px,3vw,24px);pointer-events:none}
.nav-bar{pointer-events:auto;position:relative;display:flex;align-items:center;gap:clamp(10px,1.6vw,24px);max-width:var(--container);height:70px;margin-inline:auto;padding:0 12px 0 22px;border-radius:999px;
  background:rgba(255,251,248,.86);-webkit-backdrop-filter:blur(16px) saturate(1.35);backdrop-filter:blur(16px) saturate(1.35);
  border:1px solid rgba(108,37,139,.15);box-shadow:0 12px 30px -10px rgba(74,28,112,.26),0 1px 0 rgba(255,255,255,.9) inset;
  transition:height .25s ease,background-color .25s ease,box-shadow .25s ease}
.site-header.is-scrolled .nav-bar{height:58px;background:rgba(255,252,250,.95);box-shadow:0 18px 40px -12px rgba(74,28,112,.38),0 1px 0 rgba(255,255,255,.9) inset}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.nav-bar{background:rgba(255,251,248,.97)}}

/* logotipo: o PNG tem 560×220 com margem transparente; o conteúdo útil é 411×132 a partir de (56,54). O contêiner mostra só o conteúdo (razão 411:132) e a imagem é
   posicionada em porcentagens, então a escala é uniforme e o tamanho anima junto com a altura do menu. */
.brand{--logo-h:50px;position:relative;display:block;flex:none;height:var(--logo-h);aspect-ratio:411 / 132;overflow:hidden;transition:height .25s ease}
.brand img{position:absolute;display:block;max-width:none;height:calc(100% * 220 / 132);width:auto;left:calc(-100% * 56 / 411);top:calc(-100% * 54 / 132)}
.site-header.is-scrolled .brand{height:42px}

.main-nav{margin-inline:auto}
.main-nav ul{display:flex;align-items:center;gap:2px}
.main-nav a{display:block;padding:10px 14px;border-radius:999px;font-size:14.5px;font-weight:560;color:var(--ink-soft);text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
.main-nav a:hover{background:rgba(108,37,139,.09);color:var(--purple-deep)}
.main-nav a[aria-current="true"]{background:rgba(108,37,139,.13);color:var(--purple-deep)}
.nav-social{margin-left:6px}
.main-nav .icon-link{display:grid;place-items:center;width:42px;height:42px;padding:0;color:var(--ink-soft)}
.icon-link svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2}
.icon-link svg .fill{fill:currentColor;stroke:none}
.icon-link__label{display:none}

.btn--header{flex:none;height:44px;padding-inline:18px;gap:9px;font-size:14px;transition:height .25s ease,filter .2s}
.btn--header .icon-whatsapp{width:20px;height:20px}
.site-header.is-scrolled .btn--header{height:40px}
.nav-toggle{display:none}


/* ---------- Hero (carrossel em largura total) ---------- */
.hero{position:relative;overflow:hidden;background:var(--cream);isolation:isolate}
/* todos os slides ocupam a mesma célula: a altura é a do maior, então nunca muda ao trocar de slide */
.hero__slides{display:grid;height:var(--hero-h);touch-action:pan-y}
.hero-slide{--ts:var(--title-scale-wide,1);--lead-max-active:var(--lead-max-wide);grid-area:1 / 1;position:relative;min-width:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible;transition-delay:0s}

/* imagem: recortada (cover), nunca esticada; começa em --media-left e vai até a borda direita da janela */
.hero-slide__media{position:absolute;inset:0 0 0 var(--media-left-wide,0%)}
.hero-slide__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--pos-wide,50% 50%)}
/* véu creme sob o texto (intensidade e alcance vêm de hero-slides.js) */
.hero-slide__media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(248,241,235,var(--scrim-a-wide,0)) 0,rgba(248,241,235,var(--scrim-a-wide,0)) var(--scrim-h-wide,0%),rgba(248,241,235,calc(var(--scrim-a-wide,0) * .55)) calc(var(--scrim-h-wide,0%) + (var(--scrim-w-wide,0%) - var(--scrim-h-wide,0%)) * .55),rgba(248,241,235,0) var(--scrim-w-wide,0%))}
/* quando a imagem começa depois da coluna de texto, a borda esquerda se dissolve no creme */
.hero-slide[data-inset] .hero-slide__media{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 clamp(20px,2vw,32px));mask-image:linear-gradient(90deg,transparent 0,#000 clamp(20px,2vw,32px))}

.hero-slide__content{position:relative;z-index:2;display:flex;align-items:center;height:100%;max-width:var(--container);margin-inline:auto;
  padding:calc(var(--menu-h) + 30px) var(--gutter) calc(var(--curve-h) + 96px) var(--text-left)}
.hero__copy{max-width:34rem}
.hero__title{margin:0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:calc(clamp(44px,5vw,76px) * var(--ts,1));line-height:var(--title-leading,.94);letter-spacing:-.012em;color:var(--ink)}
.hero__title em{font-style:italic}
.hero__line{display:block;white-space:nowrap}
.has-underline{position:relative;display:inline-block}
.hero__underline{position:absolute;left:3%;bottom:-.09em;width:104%;height:.2em;fill:none;stroke:var(--yellow);stroke-width:5.5px;stroke-linecap:round;overflow:visible}
.hero__underline path{vector-effect:non-scaling-stroke}
.hero__lead{margin:clamp(18px,1.9vw,28px) 0 0;max-width:var(--lead-max-active,calc(19em * (0.2 + var(--ts,1) * 0.8)));font-size:clamp(17px,1.4vw,21px);line-height:1.4;font-weight:470;color:var(--ink-soft);text-wrap:var(--lead-wrap,wrap)}

/* CTA: mesmo componente nos três slides; só texto e destino mudam */
.btn--hero{margin-top:clamp(22px,2.2vw,32px);height:52px;padding:0 24px 0 28px;gap:12px;font-size:16px;font-weight:600;box-shadow:0 12px 24px -14px rgba(108,37,139,.7)}
.btn--hero .icon-arrow{width:20px;height:auto;stroke-width:1.9;transition:transform .2s}
.btn--hero:hover{transform:translateY(-1px)}
.btn--hero:hover .icon-arrow{transform:translateX(3px)}

/* curva inferior: transição para a próxima seção */
.hero__curve{position:absolute;left:0;right:0;bottom:-1px;z-index:3;width:100%;height:var(--curve-h);fill:var(--cream);pointer-events:none}

/* controles: discretos, no canto inferior esquerdo, na coluna do texto (não cobrem os produtos) */
.hero__controls{position:absolute;z-index:4;left:max(0px,calc((100% - var(--container)) / 2));bottom:calc(var(--curve-h) + 16px);margin-left:calc(var(--text-left) - 4px);display:none;align-items:center;gap:2px;padding:4px;border-radius:999px;
  background:rgba(255,251,248,.92);border:1px solid rgba(108,37,139,.15);box-shadow:0 10px 24px -12px rgba(74,28,112,.35)}
.hero.is-ready .hero__controls{display:flex}
.hero-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s,color .2s}
.hero-arrow:hover{background:rgba(108,37,139,.1);color:var(--purple-deep)}
.hero-arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-dots{display:flex;align-items:center}
/* área de toque maior que o desenho do indicador */
.hero-dot{display:grid;place-items:center;width:30px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-dot__mark{display:block;width:8px;height:8px;border-radius:999px;background:rgba(26,16,48,.28);transition:width .3s ease,background-color .3s ease}
.hero-dot:hover .hero-dot__mark{background:rgba(26,16,48,.5)}
/* anel de foco desenhado em volta da marca (e não da área de toque, que é retangular) */
.hero-dot:focus-visible{outline:none}
.hero-dot:focus-visible .hero-dot__mark{outline:2px solid var(--purple);outline-offset:4px}
.hero-dot[aria-current="true"] .hero-dot__mark{width:24px;background:var(--purple)}

/* ---------- Janelas médias (< 1280px): véu mais forte e recortes próprios ---------- */
@media (max-width:1279.98px){
  .hero-slide__media{inset:0 0 0 var(--media-left-compact,0%)}
  .hero-slide__media img{object-position:var(--pos-compact,50% 50%)}
  .hero-slide__media::after{background:linear-gradient(90deg,rgba(248,241,235,var(--scrim-a-compact,0)) 0,rgba(248,241,235,var(--scrim-a-compact,0)) var(--scrim-h-compact,0%),rgba(248,241,235,calc(var(--scrim-a-compact,0) * .55)) calc(var(--scrim-h-compact,0%) + (var(--scrim-w-compact,0%) - var(--scrim-h-compact,0%)) * .55),rgba(248,241,235,0) var(--scrim-w-compact,0%))}
  .hero-slide{--ts:var(--title-scale-compact,1);--lead-max-active:var(--lead-max-compact)}
  .hero__title{font-size:calc(clamp(44px,5.6vw,62px) * var(--ts,1))}
  .hero__lead{max-width:var(--lead-max-active,calc(16.5em * (0.2 + var(--ts,1) * 0.8)))}
}

/* ---------- Bloco 02 — Personalização de verdade ----------
   Desktop (≥ 1200px): duas áreas. A foto fica à esquerda e sangra pela borda da janela, como o hero; texto e diferenciais ficam empilhados
   na mesma coluna, à direita (mesma margem esquerda, os diferenciais logo abaixo da descrição). O grupo é centrado na altura da forma
   visível da foto: as linhas 1fr da grade distribuem a sobra igualmente acima e abaixo dele.
   O fundo é o mesmo creme da página; a foto tem transparência, então não aparece retângulo.
   --gap: espaço entre a foto e o grupo (a forma orgânica recua em relação à caixa da imagem, então é preciso folga visível); abaixo de 1200px
   volta ao valor compacto do tablet.
   --vazio-base: o PNG deixa ~6% da própria largura transparente sob a forma orgânica; descontar isso centra o grupo na forma visível
   e tira o vazio morto de baixo. É uma propriedade do arquivo da foto, não um ajuste de layout. */
.producao{--lilac:rgba(108,37,139,.1);--foto:min(51vw,950px);--vazio-base:.06;--gap:clamp(64px,7.2vw,116px);
  display:grid;grid-template-columns:var(--foto) minmax(0,40rem);grid-template-rows:1fr auto auto 1fr;grid-template-areas:". ." "foto texto" "foto dif" "foto .";
  column-gap:var(--gap);align-items:start;
  padding:clamp(8px,1.6vw,28px) clamp(24px,3vw,56px) clamp(14px,2.2vw,36px) 0;background:var(--cream);color:var(--ink)}
.producao__foto{grid-area:1 / 1 / 5 / 2;align-self:center;min-width:0;margin-bottom:calc(var(--foto) * var(--vazio-base) * -1)}
.producao__foto img{display:block;width:100%;height:auto}
.producao__texto{grid-area:texto;min-width:0}
.producao__diferenciais{grid-area:dif;display:grid;gap:clamp(12px,1.1vw,16px);margin:clamp(20px,1.8vw,26px) 0 0;padding:0;list-style:none}

.producao__eyebrow{margin:0 0 clamp(14px,1.4vw,20px);font-size:11.5px;font-weight:600;letter-spacing:.26em;line-height:1.5;text-transform:uppercase;color:var(--ink)}
.producao__eyebrow::after{content:"";display:block;width:34px;height:3px;margin-top:11px;border-radius:3px;background:var(--purple)}
.producao h2{margin:0 0 clamp(12px,1.1vw,16px);font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:clamp(34px,3.6vw,64px);line-height:1.06;letter-spacing:-.012em;text-wrap:balance;max-width:7.3em}   /* 7,3em: entre "com cuidado em" (7,14em) e "Do seu jeito, com" (7,41em) na fonte do título, então a quebra é sempre em 3 linhas, em qualquer tamanho */
.producao__descricao{margin:0;max-width:42ch;font-size:clamp(15.5px,1.2vw,20px);line-height:1.5;font-weight:450;color:var(--ink-soft)}

/* diferenciais: leves, sem cartões; o ícone é pequeno e o texto fica centrado nele */
.producao__diferenciais li{display:flex;align-items:center;gap:clamp(12px,1.1vw,16px);font-size:clamp(15px,1.15vw,18px);font-weight:500;line-height:1.35}
.producao__icone{display:grid;place-items:center;flex:none;width:clamp(38px,3.1vw,46px);aspect-ratio:1;border-radius:50%;background:var(--lilac)}
.producao__icone img{display:block;width:56%;height:56%}

/* notebook estreito e tablet (700–1199px): foto e texto lado a lado; os três diferenciais numa linha abaixo.
   Abaixo de 1200px o grupo completo ficaria mais alto que a forma da foto. */
@media (max-width:1199.98px){
  .producao{--foto:100%;--gap:clamp(28px,3.4vw,64px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"foto texto" "dif dif";align-items:center;row-gap:clamp(14px,2.6vw,26px);
    padding:clamp(8px,1.6vw,20px) clamp(24px,4vw,40px) clamp(14px,2.4vw,24px) 0}
  .producao__foto{grid-area:foto}
  .producao h2{font-size:clamp(30px,4vw,40px);max-width:none}
  .producao__diferenciais{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin:0 0 0 clamp(24px,4vw,40px)}
}
/* celular (< 700px): texto → foto → diferenciais, em sequência editorial */
@media (max-width:699.98px){
  .producao{grid-template-columns:1fr;grid-template-areas:"texto" "foto" "dif";row-gap:clamp(22px,6vw,32px);padding:clamp(28px,8vw,44px) 0 clamp(32px,9vw,48px)}
  .producao__texto{padding-inline:clamp(20px,6vw,40px)}
  .producao__diferenciais{grid-template-columns:1fr;gap:14px;margin:0;padding-inline:clamp(20px,6vw,40px)}
  .producao h2{font-size:clamp(32px,9vw,44px);max-width:none}
  .producao__eyebrow{margin-bottom:18px}
  .producao__diferenciais li{font-size:15.5px}
}

/* ---------- Bloco 03 — Possibilidades de personalização ----------
   Desktop (≥ 1180px): composição da referência (referencias/bloco-03-referencia-aprovada.png, 1536 × 1024) em um palco de 1536 unidades,
   onde 1 unidade = 1px da referência (--u). O palco escala com a largura do contêiner (máx. 1680px) e fica centralizado.
   Cards: posição e tamanho em unidades (--x --y --w --h), silhueta orgânica por <clipPath> SVG (extraída da referência), foto com ponto focal e
   zoom próprios (--fx --fy --zoom). As fotos são 3:2 e os cards são retratos, então o `cover` recorta as laterais: o ponto focal escolhe o que fica.
   Abaixo de 1180px: fluxo fluido (texto → grade de cards), com as mesmas silhuetas. */
.possib{position:relative;container-type:inline-size;overflow:clip;background:var(--cream);color:var(--ink)}
.possib__defs{position:absolute;width:0;height:0;overflow:hidden}
.possib__stage{--u:calc(min(100vw,1680px)/1536);position:relative;width:calc(var(--u)*1536);height:calc(var(--u)*1004);margin-inline:auto}
@supports (width:1cqw){.possib__stage{--u:calc(min(100cqw,1680px)/1536)}}

.possib__blob{position:absolute;inset:0;width:100%;height:100%;fill:#f5e8ef;pointer-events:none}
.possib__deco{position:absolute;fill:none;stroke:var(--purple);stroke-width:3;stroke-linecap:round;pointer-events:none}
.possib__deco--a{left:calc(var(--u)*515);top:calc(var(--u)*62);width:calc(var(--u)*45);height:calc(var(--u)*40)}
.possib__deco--b{left:calc(var(--u)*1415);top:calc(var(--u)*858);width:calc(var(--u)*45);height:calc(var(--u)*40)}
.possib__onda{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--u)*104);pointer-events:none}

/* coluna esquerda */
.possib__intro{position:absolute;inset:0;pointer-events:none}
.possib__intro>*{pointer-events:auto}
.possib__eyebrow{position:absolute;left:calc(var(--u)*80);top:calc(var(--u)*125);margin:0;white-space:nowrap;font-size:max(11px,calc(var(--u)*11.9));font-weight:600;letter-spacing:.26em;line-height:1.5;text-transform:uppercase;color:var(--ink)}
.possib__eyebrow::after{content:"";position:absolute;left:0;top:calc(var(--u)*32);width:calc(var(--u)*39);height:calc(var(--u)*4);border-radius:calc(var(--u)*2);background:var(--purple)}
.possib__titulo{position:absolute;left:calc(var(--u)*80);top:calc(var(--u)*190.5);margin:0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:calc(var(--u)*60.3);line-height:calc(var(--u)*64);letter-spacing:-.012em;color:var(--ink)}
.possib__titulo>span{display:block;white-space:nowrap}
.possib__titulo>.possib__destaque{color:var(--purple)}
.possib__descricao{position:absolute;left:calc(var(--u)*80);top:calc(var(--u)*396);width:calc(var(--u)*400);margin:0;font-size:calc(var(--u)*20.7);line-height:calc(var(--u)*27.4);font-weight:450;color:var(--ink-soft)}
.possib__cta{position:absolute;left:calc(var(--u)*82);top:calc(var(--u)*538);width:calc(var(--u)*348);height:calc(var(--u)*73);padding:0 calc(var(--u)*34) 0 calc(var(--u)*38);gap:calc(var(--u)*24);justify-content:flex-start;font-size:calc(var(--u)*21);font-weight:500;box-shadow:0 calc(var(--u)*14) calc(var(--u)*26) calc(var(--u)*-16) rgba(108,37,139,.6)}
.possib__cta-ico{width:calc(var(--u)*32);height:calc(var(--u)*32);flex:none}
.possib__cta-seta{width:calc(var(--u)*26);height:calc(var(--u)*26);flex:none;margin-left:auto;stroke-width:1.5}
.possib__nota{position:absolute;left:calc(var(--u)*78);top:calc(var(--u)*692);margin:0;white-space:nowrap;font-family:"Kalam","Segoe Print","Bradley Hand",cursive;font-style:italic;font-weight:400;font-size:calc(var(--u)*25.5);line-height:1.12;color:var(--purple);transform:rotate(-11deg);transform-origin:left top}
.possib__seta{position:absolute;left:calc(var(--u)*322);top:calc(var(--u)*648);width:calc(var(--u)*112);height:calc(var(--u)*85);fill:none;stroke:var(--purple);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}

/* cards */
.possib__cards{list-style:none;margin:0;padding:0}
.possib__card{position:absolute;left:calc(var(--u)*var(--x));top:calc(var(--u)*var(--y));width:calc(var(--u)*var(--w));height:calc(var(--u)*var(--h))}
.possib__card figure{position:relative;width:100%;height:100%;margin:0}
.possib__foto{position:absolute;inset:0;overflow:hidden;clip-path:var(--clip);background:#e9d3c2}
.possib__foto picture{display:block;width:100%;height:100%}
.possib__foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fx) var(--fy);transform:scale(var(--zoom));transform-origin:var(--fx) var(--fy);transition:transform .6s ease}
.possib__card:hover .possib__foto img,.possib__card:focus-within .possib__foto img{transform:scale(calc(var(--zoom)*1.035))}
.possib__card--1{--x:479;--y:72;--w:367;--h:389;--lx:23;--lw:305;--tw:222;--clip:url(#possib-clip-1);--fx:69%;--fy:50%;--zoom:1}
.possib__card--2{--x:826;--y:42;--w:369;--h:433;--lx:19;--lw:308;--tw:182;--clip:url(#possib-clip-2);--fx:6%;--fy:50%;--zoom:1}
.possib__card--3{--x:1178;--y:16;--w:332;--h:454;--lx:18;--lw:295;--tw:150;--clip:url(#possib-clip-3);--fx:57%;--fy:50%;--zoom:1}
.possib__card--4{--x:448;--y:462;--w:396;--h:388;--lx:18;--lw:357;--tw:213;--clip:url(#possib-clip-4);--fx:26%;--fy:50%;--zoom:1}
.possib__card--5{--x:814;--y:470;--w:366;--h:395;--lx:46;--lw:293;--tw:179;--clip:url(#possib-clip-5);--fx:64%;--fy:50%;--zoom:1}
.possib__card--6{--x:1174;--y:462;--w:345;--h:404;--lx:20;--lw:307;--tw:220;--clip:url(#possib-clip-6);--fx:80%;--fy:50%;--zoom:1}

/* etiqueta: seis etiquetas com a MESMA altura (min-height) e o mesmo padding; só a largura varia com o card.
   Vertical: a base é uma linha por fileira (y do palco, em unidades da referência), igual para os três cards da fileira;
   o `bottom` converte essa linha na distância até a base do próprio card (y + h − base).
   Horizontal: --lx/--lw deixam 16 unidades constantes entre a etiqueta e a borda VISÍVEL do card (silhueta do clip-path) na altura
   central da etiqueta; a silhueta é orgânica, então esses dois valores são por card, mas derivados da mesma regra (não ajuste manual). */
.possib__card--1,.possib__card--2,.possib__card--3{--base:448}
.possib__card--4,.possib__card--5,.possib__card--6{--base:827}
.possib__label{position:absolute;left:calc(var(--u)*var(--lx));bottom:calc(var(--u)*(var(--y) + var(--h) - var(--base)));display:flex;align-items:center;width:calc(var(--u)*var(--lw));min-height:calc(var(--u)*80);padding:calc(var(--u)*11) calc(var(--u)*10) calc(var(--u)*11) calc(var(--u)*80);border-radius:999px;background:rgba(255,255,255,.96);box-shadow:0 calc(var(--u)*8) calc(var(--u)*22) calc(var(--u)*-8) rgba(60,25,80,.3)}
.possib__ico{position:absolute;left:calc(var(--u)*-1);top:0;bottom:0;margin:auto 0;width:calc(var(--u)*72);height:calc(var(--u)*72);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fcf3fe,#f3e2f8 70%);color:var(--purple)}
.possib__ico svg{width:calc(var(--u)*40);height:calc(var(--u)*40);stroke-width:1.7}
.possib__txt{display:block;max-width:calc(var(--u)*var(--tw))}
.possib__txt strong{display:block;text-wrap:balance;font-size:calc(var(--u)*15.2);font-weight:700;line-height:1.28;color:var(--ink)}
.possib__txt span{display:block;margin-top:1px;font-size:calc(var(--u)*13);font-weight:400;line-height:1.3;color:#3f2f55}

/* abaixo de 1180px: fluxo fluido (texto → grade de cards) */
@media (max-width:1179.98px){
  .possib__stage{width:auto;height:auto;margin:0;padding:clamp(36px,6vw,64px) clamp(24px,5vw,56px) clamp(64px,9vw,104px)}
  .possib__blob,.possib__deco,.possib__seta{display:none}
  .possib__intro{position:static;max-width:34rem;margin-bottom:clamp(30px,5vw,44px)}
  .possib__eyebrow,.possib__titulo,.possib__descricao,.possib__cta,.possib__nota{position:static}
  .possib__eyebrow{font-size:11.5px;margin:0 0 clamp(26px,4vw,34px);display:block;white-space:normal}
  .possib__eyebrow::after{top:auto;bottom:-13px;width:34px;height:3px;border-radius:3px}
  .possib__titulo{font-size:clamp(38px,7.4vw,58px);line-height:1.06;margin:0 0 clamp(14px,2.4vw,20px)}
  .possib__descricao{width:auto;font-size:clamp(16px,2.4vw,19px);line-height:1.5}
  .possib__cta{width:auto;height:clamp(54px,7vw,62px);margin-top:clamp(22px,3.4vw,30px);padding:0 24px 0 22px;gap:14px;font-size:clamp(16px,2.2vw,18px);box-shadow:0 12px 24px -14px rgba(108,37,139,.6)}
  .possib__cta-ico{width:26px;height:26px}
  .possib__cta-seta{width:22px;height:22px;margin-left:8px}
  .possib__nota{display:block;margin-top:22px;font-size:clamp(20px,3vw,24px);transform:rotate(-4deg);transform-origin:left center}

  .possib__cards{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.6vw,26px)}
  .possib__cards::before{content:"";position:absolute;z-index:-1;inset:-18px -14px;border-radius:44% 56% 48% 52% / 38% 44% 56% 62%;background:#f5e8ef}
  .possib__card{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:1 / 1.04}
  .possib__card:nth-child(even){margin-top:clamp(10px,3vw,30px)}
  .possib__label{left:12px;bottom:12px;width:auto;max-width:calc(100% - 24px);min-height:69px;padding:8px 16px 8px 64px}
  .possib__ico{left:-1px;width:56px;height:56px}
  .possib__ico svg{width:30px;height:30px}
  .possib__txt{max-width:none}
  .possib__txt strong{font-size:14px}
  .possib__txt span{font-size:12px}
  .possib__onda{height:clamp(46px,7vw,84px)}
}
@media (max-width:599.98px){
  .possib__cards{grid-template-columns:minmax(0,1fr);gap:20px}
  .possib__card{aspect-ratio:1 / .96}
  .possib__card:nth-child(even){margin-top:0}
  .possib__label{left:10px;bottom:10px;max-width:calc(100% - 20px)}
}
@media (prefers-reduced-motion:reduce){
  .possib__foto img{transition:none}
  .possib__card:hover .possib__foto img,.possib__card:focus-within .possib__foto img{transform:scale(var(--zoom))}
}

/* ---------- Menu recolhido (< 1120px): links viram um painel sob a barra ---------- */
@media (max-width:1119.98px){
  .nav-bar{height:64px;padding:0 10px 0 18px;gap:10px}
  .site-header.is-scrolled .nav-bar{height:56px}
  .brand{height:42px}
  .site-header.is-scrolled .brand{height:36px}

  .btn--header{margin-left:auto;width:44px;height:44px;padding:0}
  .site-header.is-scrolled .btn--header{width:42px;height:42px}
  .btn--header .btn__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .btn--header .icon-whatsapp{width:23px;height:23px}
  .nav-toggle{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s}
  .nav-toggle:hover{background:rgba(108,37,139,.09)}
  .nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:22px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
  .nav-toggle__bars{position:relative}
  .nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0}
  .nav-toggle__bars::before{top:-7px}
  .nav-toggle__bars::after{top:7px}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bars{background:transparent}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bars::before{transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] .nav-toggle__bars::after{transform:translateY(-7px) rotate(-45deg)}

  .main-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 10px);margin:0;padding:8px 12px 12px;border-radius:26px;background:#fffbf8;border:1px solid rgba(108,37,139,.15);box-shadow:0 22px 44px -14px rgba(74,28,112,.36)}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .main-nav li+li{border-top:1px solid rgba(108,37,139,.09)}
  .main-nav a{padding:15px 12px;border-radius:14px;font-size:17px}
  .nav-social{margin-left:0}
  .main-nav .icon-link{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:auto;height:auto;padding:15px 12px}
  .icon-link__label{display:inline;font-size:17px;font-weight:560}
}

/* ---------- Tablet / mobile (< 960px): texto em cima, imagem reenquadrada embaixo ---------- */
@media (max-width:959.98px){
  /* altura reservada antes de o JS montar os slides (evita salto de layout, que agora empurraria o Bloco 02); acompanha a altura medida do slide mais alto
     (≈ 1,27 × largura + 270px até ~550px; ~980–1005px acima disso), sempre 4px abaixo do real para não criar vão fixo */
  .hero__slides{height:auto;padding-bottom:var(--controls-strip);min-height:clamp(718px,127vw + 266px,975px)}
  .hero__curve{bottom:calc(var(--controls-strip) - 1px)}
  .hero-slide{padding-bottom:var(--media-h-stacked)}
  .hero-slide__media,.hero-slide[data-inset] .hero-slide__media{inset:auto 0 0 0;height:var(--media-h-stacked);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%);mask-image:linear-gradient(180deg,transparent 0,#000 14%)}
  .hero-slide__media img{object-position:var(--pos-stacked,50% 50%)}
  .hero-slide__media::after{display:none}
  .hero-slide__content{display:block;height:auto;max-width:none;padding:calc(var(--menu-h) + clamp(20px,5vw,40px)) var(--gutter) clamp(26px,5vw,40px) calc(clamp(12px,3vw,24px) + 18px)}
  .hero__copy{max-width:34rem}
  .hero__title{font-size:clamp(42px,11.4vw,64px);line-height:var(--title-leading,.95)} /* sem --title-scale: o celular tem coluna própria */
  .hero__lead{max-width:25em;font-size:clamp(16px,4.2vw,20px);line-height:1.38;margin-top:clamp(16px,3.4vw,24px)}
  .btn--hero{margin-top:clamp(22px,4.6vw,30px)}

  /* controles centralizados sobre a imagem; alvos de toque >= 44px */
  /* faixa creme sob a curva: o seletor não cobre a imagem */
  .hero__controls{left:50%;margin-left:0;transform:translateX(-50%);bottom:10px;box-shadow:0 3px 10px -7px rgba(74,28,112,.35)}   /* a sombra cabe na faixa: o hero corta o que passa da borda */
  .hero-arrow{width:44px;height:44px}
  .hero-dot{width:32px;height:44px}
}

/* notebook estreito (960–1099px): coluna de texto de ~260px no slide 3, então o botão fica um pouco menor */
@media (min-width:960px) and (max-width:1099.98px){
  .btn--hero{height:48px;padding:0 20px 0 22px;gap:10px;font-size:15px}
}

/* tablet (600–959px): recorte próprio quando configurado em `layout.tablet` (senão vale o do celular) */
@media (min-width:600px) and (max-width:959.98px){
  .hero__slides{min-height:clamp(981px,calc(981px + (100vw - 600px) * .15),1005px)}
  .hero-slide__media img{object-position:var(--pos-tablet,var(--pos-stacked,50% 50%))}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero-slide,.hero-slide.is-active{transition:none}
  .nav-bar,.brand,.btn,.btn--header,.main-nav a,.nav-toggle,.nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after,.hero-arrow,.hero-dot__mark,.btn--hero .icon-arrow{transition:none}
}

/* ---------- Modal de trabalhos ("Ver mais exemplos", Bloco 03) ----------
   <dialog> nativo: foco preso, fundo inerte, Esc. Só fecha pelo X/Esc; clicar fora faz o X pulsar. Desktop: lista à esquerda, detalhe à direita.
   Abaixo de 880px: tela cheia, uma vista por vez (lista ↔ detalhe). Marcação em index.html, lógica em trabalhos.js. */
html.rolagem-travada{overflow:hidden;scrollbar-gutter:stable}
.trab{--trab-linha:rgba(108,37,139,.14);--trab-lilas:#f3e8f8;--trab-suave:#5d4b6b;
  width:min(1240px,calc(100vw - 40px));height:min(860px,calc(100vh - 40px));height:min(860px,calc(100dvh - 40px));max-width:none;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font-body);overflow:visible}
.trab [hidden]{display:none!important}
.trab[open]{animation:trab-entra .26s cubic-bezier(.2,.8,.2,1)}
.trab::backdrop{background:rgba(41,16,54,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.trab[open]::backdrop{animation:trab-fundo .26s ease-out}
@keyframes trab-entra{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes trab-fundo{from{opacity:0}to{opacity:1}}
@keyframes trab-pulso{0%{box-shadow:0 0 0 0 rgba(255,255,255,.95),0 8px 22px -6px rgba(41,16,54,.5)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0),0 8px 22px -6px rgba(41,16,54,.5)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 8px 22px -6px rgba(41,16,54,.5)}}
.trab__defs{position:absolute;width:0;height:0;overflow:hidden}
.trab svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trab button{font-family:inherit}

.trab__caixa{position:relative;height:100%;overflow:hidden;border-radius:22px;background:#fffafd;box-shadow:0 34px 80px -24px rgba(41,16,54,.55)}
.trab__corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,46%);height:100%}

.trab__fechar{position:absolute;top:-14px;right:-14px;z-index:6;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--purple);cursor:pointer;box-shadow:0 8px 22px -6px rgba(41,16,54,.5);transition:transform .2s,background-color .2s,color .2s}
.trab__fechar svg{width:22px;height:22px;stroke-width:2.2}
.trab__fechar:hover{background:var(--purple);color:#fff;transform:scale(1.06)}
.trab--aviso .trab__fechar{animation:trab-pulso .6s ease-out}

/* lista */
.trab__lista{display:flex;flex-direction:column;min-width:0;min-height:0;padding:30px 28px 18px 32px}
.trab__topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,50%);gap:18px 26px;align-items:start;margin-bottom:18px}
.trab__eyebrow{display:flex;flex-direction:column;gap:10px;margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.22em;line-height:1;text-transform:uppercase;color:var(--purple)}
.trab__eyebrow::before{content:"";width:34px;height:3px;border-radius:3px;background:var(--purple)}
.trab__titulo{margin:0;max-width:11.4em;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:clamp(26px,2.75vw,31px);line-height:1.08;letter-spacing:-.012em;text-wrap:balance;color:var(--ink)}
.trab__sub{margin:10px 0 0;font-size:13px;line-height:1.4;color:var(--trab-suave)}

.trab__busca{position:relative;display:flex;align-items:center;gap:10px;height:48px;padding:0 12px 0 16px;border:1px solid rgba(108,37,139,.12);border-radius:999px;background:#f3eaf8;color:var(--purple);transition:box-shadow .2s,border-color .2s,background-color .2s}
.trab__busca:focus-within{border-color:var(--purple);background:#fff;box-shadow:0 0 0 3px rgba(108,37,139,.22)}
.trab__busca-ico{flex:none;width:21px;height:21px}
.trab__busca input{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;font:inherit;font-size:13.5px;color:var(--ink)}
.trab__busca input::placeholder{color:#8d7c99;font-size:12.5px;opacity:1}
.trab__busca input::-webkit-search-cancel-button{display:none}
.trab__busca-limpar{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(108,37,139,.12);color:var(--purple);cursor:pointer}
.trab__busca-limpar svg{width:16px;height:16px;stroke-width:2.2}
.trab__busca-limpar:hover{background:rgba(108,37,139,.22)}

.trab__chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.trab__chip{height:30px;padding:0 13px;border:1px solid rgba(108,37,139,.26);border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.trab__chip:hover{border-color:var(--purple);color:var(--purple-deep)}
.trab__chip[aria-pressed="true"]{border-color:var(--purple);background:var(--purple);color:#fff}

.trab__scroll{flex:1;min-height:0;margin:0 -12px;padding:4px 12px 8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(108,37,139,.35) transparent}
.trab__grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(196px,1fr));gap:22px 18px;min-height:100%;transition:opacity .2s}
.trab__item{display:flex;min-width:0;min-height:0}
.trab__item--esqueleto{flex-direction:column}
.trab__grade.is-carregando{opacity:.45;pointer-events:none}
.trab__card{position:relative;display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
.trab__foto{position:relative;flex:1 1 0;min-height:96px;overflow:hidden;border-radius:15px;background:#ead9c9;transition:box-shadow .25s}
.trab__foto picture{display:block;width:100%;height:100%}
.trab__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.trab__card:hover .trab__foto img{transform:scale(1.045)}
.trab__card:hover .trab__foto{box-shadow:0 14px 28px -16px rgba(41,16,54,.55)}
.trab__card.is-sel .trab__foto{box-shadow:0 0 0 3px #fffafd,0 0 0 5px var(--purple)}
.trab__card-foto{position:absolute;top:50%;z-index:4;display:grid;place-items:center;width:32px;height:32px;padding:0;transform:translateY(-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(255,255,255,.94);color:var(--purple-deep);font:600 25px/1 sans-serif;cursor:pointer;box-shadow:0 3px 12px rgba(41,16,54,.22);transition:background-color .18s,transform .18s}
.trab__card-foto:hover{background:#fff;transform:translateY(-50%) scale(1.06)}
.trab__card-foto--ant{left:10px}
.trab__card-foto--prox{right:10px}
.trab__card-foto-contagem{position:absolute;right:10px;bottom:10px;z-index:3;padding:4px 8px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(31,18,36,.62);color:#fff;font-size:10px;font-weight:650;line-height:1.2;pointer-events:none}
.trab__vazia{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:12px;background:linear-gradient(135deg,#f4e7ef,#ecdcf3);color:var(--purple);font-size:12px;font-weight:600;text-align:center}
.trab__vazia svg{width:30px;height:30px;opacity:.75}
.trab__fav{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--purple);cursor:pointer;box-shadow:0 4px 12px -4px rgba(41,16,54,.45);transition:transform .2s,background-color .2s,color .2s}
.trab__fav svg{width:19px;height:19px;stroke-width:2}
.trab__fav:hover{transform:scale(1.08)}
.trab__compartilhar{position:absolute;top:10px;right:52px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--purple);cursor:pointer;box-shadow:0 4px 12px -4px rgba(41,16,54,.45);transition:transform .2s,background-color .2s,color .2s}
.trab__compartilhar svg{width:18px;height:18px;stroke-width:2}
.trab__compartilhar:hover{transform:scale(1.08)}
.trab__compartilhar--detalhe{top:12px;right:54px}
.trab__fav[aria-pressed="true"]{background:var(--purple);color:#fff}
.trab__fav[aria-pressed="true"] svg{fill:currentColor}
.trab__rotulo{position:relative;z-index:1;align-self:flex-start;margin:-12px 0 8px 10px;padding:6px 12px;border-radius:999px;background:#f1e5f8;color:var(--purple);font-size:11px;font-weight:700;line-height:1;box-shadow:0 4px 10px -6px rgba(41,16,54,.4)}
.trab__c-titulo{margin:0;font-size:15px;font-weight:700;line-height:1.25}
.trab__card-abrir{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.trab__card-abrir::after{content:"";position:absolute;inset:0;border-radius:15px}
.trab__card-abrir:focus-visible{outline:none}
.trab__card-abrir:focus-visible::after{outline:3px solid var(--purple);outline-offset:3px}
.trab__c-sub{margin:3px 0 0;font-size:12.5px;line-height:1.35;color:var(--trab-suave)}
.trab__item--esqueleto .trab__foto{background:linear-gradient(100deg,#efe3ea 30%,#f8f1f4 50%,#efe3ea 70%);background-size:220% 100%;animation:trab-brilho 1.2s linear infinite}
.trab__linha{display:block;height:12px;margin-top:10px;border-radius:6px;background:#efe3ea}
.trab__linha--curta{width:62%;height:10px;margin-top:7px}
@keyframes trab-brilho{from{background-position:120% 0}to{background-position:-120% 0}}

.trab__estado{display:grid;justify-items:center;gap:8px;padding:56px 20px;text-align:center}
.trab__estado-ico{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--trab-lilas);color:var(--purple)}
.trab__estado-ico svg{width:28px;height:28px}
.trab__estado-titulo{margin:6px 0 0;font-family:var(--font-display);font-size:23px;font-weight:640;color:var(--ink)}
.trab__estado-texto{margin:0;max-width:34ch;font-size:13.5px;line-height:1.45;color:var(--trab-suave)}
.trab__estado-acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}

.trab__rodape{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding-top:14px}
.trab__contagem{margin:0;font-size:12.5px;color:var(--trab-suave)}
.trab__paginas{display:flex;align-items:center;justify-content:center;gap:6px}
.trab__pg{display:grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border:1px solid rgba(108,37,139,.28);border-radius:50%;background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.trab__pg:hover:not([disabled]){border-color:var(--purple);color:var(--purple-deep)}
.trab__pg[aria-current="page"]{border-color:var(--purple);background:var(--purple);color:#fff}
.trab__pg[disabled]{opacity:.4;cursor:default}
.trab__pg svg{width:16px;height:16px;stroke-width:2.2}
.trab__pg-reticencias{padding:0 2px;color:var(--trab-suave)}
.trab__fonte{justify-self:end;margin:0;padding:5px 10px;border-radius:999px;background:#fff1c9;color:#6a4b00;font-size:11px;font-weight:700}

/* detalhe */
.trab__detalhe{container-type:inline-size;display:flex;flex-direction:column;min-height:0;padding:22px 22px 18px;overflow:auto;overscroll-behavior:contain;background:#fff;border-left:1px solid var(--trab-linha);scrollbar-width:thin;scrollbar-color:rgba(108,37,139,.35) transparent}
.trab__voltar{display:none;align-items:center;gap:6px;align-self:flex-start;margin:0 0 12px;padding:8px 14px 8px 8px;border:1px solid rgba(108,37,139,.26);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer}
.trab__voltar svg{width:18px;height:18px;stroke-width:2.2}
.trab__d-conteudo{display:flex;flex-direction:column;flex:1;min-height:0}
.trab__galeria{display:flex;flex:1 1 220px;flex-direction:column;min-height:170px}
.trab__principal{position:relative;flex:1;min-height:0;margin:0;overflow:hidden;border-radius:17px;background:#ead9c9}
.trab__principal-img,.trab__principal-img picture{display:block;width:100%;height:100%}
.trab__principal-img img{display:block;width:100%;height:100%;object-fit:cover}
.trab__seta{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 6px 16px -6px rgba(41,16,54,.55);transform:translateY(-50%);transition:background-color .2s,color .2s}
.trab__seta svg{width:19px;height:19px;stroke-width:2.2}
.trab__seta:hover{background:var(--purple);color:#fff}
.trab__seta--ant{left:10px}
.trab__seta--prox{right:10px}
.trab__ampliar{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:rgba(41,16,54,.72);color:#fff;cursor:pointer;transition:background-color .2s}
.trab__ampliar svg{width:18px;height:18px;stroke-width:2}
.trab__ampliar:hover{background:var(--purple)}
.trab__miniaturas{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 28px) / 5);gap:7px;margin-top:10px;padding:4px 3px;overflow-x:auto;scrollbar-width:none}
.trab__miniaturas::-webkit-scrollbar{display:none}
.trab__mini{display:block;width:100%;aspect-ratio:1.18 / 1;padding:0;overflow:hidden;border:0;border-radius:10px;background:#ead9c9;cursor:pointer;opacity:.82;transition:opacity .2s}
.trab__mini:hover{opacity:1}
.trab__mini[aria-current="true"]{opacity:1;outline:2px solid var(--purple);outline-offset:2px}
.trab__mini picture{display:block;width:100%;height:100%}
.trab__mini img{display:block;width:100%;height:100%;object-fit:cover}
.trab__mini .trab__vazia{padding:0}
.trab__mini .trab__vazia span{display:none}
.trab__d-titulo{margin:14px 0 0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:24px;line-height:1.12;letter-spacing:-.01em;color:var(--ink)}
.trab__d-titulo:focus{outline:none}
.trab__d-titulo:focus-visible{outline:3px solid var(--purple);outline-offset:4px;border-radius:6px}
.trab__d-desc{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--trab-suave)}
.trab__tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.trab__tags li{padding:7px 12px;border:1px solid rgba(108,37,139,.18);border-radius:999px;background:var(--trab-lilas);color:var(--purple-deep);font-size:11.5px;font-weight:600;line-height:1}
.trab__cta{container-type:inline-size;margin-top:16px;padding:14px 14px 13px;border:1px solid rgba(108,37,139,.1);border-radius:17px;background:#f6edfa}
.trab__cta-topo{display:flex;align-items:center;gap:12px;padding:0 2px 13px;color:inherit;text-decoration:none}
.trab__wa{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#25d366;color:#fff}
.trab__wa svg{width:25px;height:25px;stroke-width:1.7}
.trab__cta-txt{flex:1;min-width:0}
.trab__cta-txt strong{display:block;font-family:var(--font-display);font-size:17px;font-weight:640;line-height:1.15;color:var(--purple-deep)}
.trab__cta-txt span{display:block;margin-top:3px;font-size:12px;line-height:1.35;color:var(--trab-suave)}
.trab__cta-seta{flex:none;width:22px;height:22px;stroke-width:2.2;color:var(--purple);transition:transform .2s}
.trab__cta-topo:hover .trab__cta-seta{transform:translateX(2px)}
/* Uma ação principal por peça, sem opções redundantes. */
.trab__botoes{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.trab__btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 10px;border:1px solid rgba(108,37,139,.3);border-radius:999px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .18s,color .18s,border-color .18s}
.trab__btn:hover{border-color:var(--purple);color:var(--purple-deep)}
.trab__btn--primario{border-color:var(--purple);background:var(--purple);color:#fff}
.trab__btn--primario:hover{border-color:var(--purple-deep);background:var(--purple-deep);color:#fff}
.trab__base-toggle{display:inline-flex;align-items:center;min-height:36px;margin-top:12px;padding:0 15px;border:1px solid rgba(108,37,139,.28);border-radius:999px;background:#fff;color:var(--purple-deep);font:600 12px/1 var(--font-body);cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}
.trab__base-toggle:hover{transform:translateY(-1px);border-color:var(--purple);background:#f8f1fb}
.trab__base-toggle[aria-pressed="true"]{border-color:var(--purple);background:#f3e8f8;color:var(--purple-deep)}
.trab__bases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;min-height:100%;padding:4px 2px 8px}
.trab__base-item{min-width:0}
.trab__base-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-areas:"icon category" "icon name" "action action";align-content:start;align-items:center;gap:5px 11px;width:100%;min-height:126px;padding:15px;border:1px solid rgba(108,37,139,.14);border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fffafd 100%);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 8px 24px -20px rgba(41,16,54,.45);transition:transform .18s,border-color .18s,box-shadow .18s}
.trab__base-card:hover,.trab__base-card:focus-visible{transform:translateY(-2px);border-color:rgba(108,37,139,.48);box-shadow:0 14px 28px -20px rgba(41,16,54,.5)}
.trab__base-ico{grid-area:icon;width:38px;height:38px;padding:9px;border:1px solid rgba(108,37,139,.15);border-radius:12px;background:#f5eafa;color:var(--purple)}
.trab__base-categoria{grid-area:category;overflow:hidden;color:var(--purple);font-size:10px;font-weight:700;letter-spacing:.1em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.trab__base-nome{grid-area:name;overflow:hidden;font-size:15px;line-height:1.2;text-overflow:ellipsis}
.trab__base-acao{grid-area:action;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:9px;border-top:1px solid rgba(108,37,139,.1);color:var(--purple-deep);font-size:11.5px;font-weight:600}
.trab__base-acao::after{content:"›";font-size:20px;line-height:.8}
.trab__toast{position:absolute;left:50%;bottom:18px;z-index:6;max-width:calc(100% - 32px);margin:0;padding:10px 18px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:600;line-height:1.3;text-align:center;transform:translateX(-50%);box-shadow:0 12px 28px -12px rgba(41,16,54,.6)}
.trab__toast[hidden]{display:none}
.trab__aviso{margin:10px 2px 0;font-size:12px;font-weight:600;color:#8a3a00}
.trab__botoes .trab__btn{height:auto;min-height:48px;padding:8px 10px;white-space:normal;line-height:1.2;text-align:center}
.trab__pedido{display:grid;gap:10px;margin-top:12px;padding:13px;border:1px solid rgba(108,37,139,.2);border-radius:14px;background:#fff}
.trab__pedido-titulo{margin:0;color:var(--ink);font-family:var(--font-display);font-size:20px;line-height:1.2}
.trab__pedido-contexto{margin:0;padding:9px 11px;border-radius:9px;background:#f8f5fb;color:var(--purple-deep);font-size:13px;line-height:1.4}
.trab__pedido-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.trab__pedido-itens{grid-column:1/-1;display:grid;gap:8px;min-width:0;padding:10px;border:1px solid rgba(108,37,139,.12);border-radius:11px;background:#fcf9fd}
.trab__pedido-itens h4{margin:0;color:var(--ink);font-size:13px;font-weight:700}
.trab__pedido-itens ul{display:grid;gap:8px}
.trab__pedido-itens li{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(78px,100px);align-items:center;gap:8px 10px;min-width:0;padding:9px;border:1px solid rgba(108,37,139,.12);border-radius:9px;background:#fff}
.trab__pedido-miniatura{display:grid;grid-column:1;grid-row:1;place-items:center;align-content:center;gap:2px;width:56px;height:56px;overflow:hidden;border-radius:8px;background:#f4edf7;color:var(--purple);font-size:9px;text-align:center}
.trab__pedido-miniatura>svg{width:19px;height:19px}
.trab__pedido-miniatura picture,.trab__pedido-miniatura img,.trab__pedido-miniatura .trab__vazia{display:block;width:100%;height:100%}
.trab__pedido-miniatura img{object-fit:cover}
.trab__pedido-miniatura .trab__vazia{display:grid;place-items:center;align-content:center;gap:2px;padding:2px;font-size:8px}
.trab__pedido-miniatura .trab__vazia svg{width:18px;height:18px}
.trab__pedido-miniatura .trab__vazia span{line-height:1.1}
.trab__pedido-item-info{display:grid;grid-column:2;grid-row:1;min-width:0;gap:2px}
.trab__pedido-item-info strong{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.trab__pedido-campos .trab__pedido-quantidade{grid-column:3;grid-row:1;display:grid;grid-template-columns:1fr;align-items:center;gap:4px;font-size:11px;line-height:1.2}
.trab__pedido-campos .trab__pedido-quantidade input{height:36px;padding:6px 8px}
.trab__pedido-extra{grid-column:1/-1;min-width:0}
.trab__pedido-extra summary{width:fit-content;max-width:100%;color:var(--purple-deep);font-size:12px;font-weight:650;line-height:1.4;text-underline-offset:3px;cursor:pointer}
.trab__pedido-extra summary span{color:var(--trab-suave);font-weight:450}
.trab__pedido-extra summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:4px}
.trab__pedido-extra-conteudo{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid rgba(108,37,139,.12);border-radius:10px;background:#fcf9fd}
.trab__pedido-extra-campos{grid-template-columns:repeat(2,minmax(0,1fr))}
.trab__pedido-extra-campos .trab__pedido-observacoes,.trab__pedido-extra-campos .trab__pedido-upload{grid-column:1/-1}
.trab__pedido-upload small{color:var(--trab-suave);font-size:11px;line-height:1.4}
.trab__pedido-campos label{min-width:0}
.trab__pedido-campos input[type="file"]{max-width:100%;height:auto;padding:8px;border-style:dashed;background:#fcf9fd;font-size:12px}
.trab__pedido-campos input[type="file"]::file-selector-button{margin-right:8px;padding:7px 10px;border:0;border-radius:7px;background:#efe3f4;color:var(--purple-deep);font:650 12px var(--font-body);cursor:pointer}
.trab__pedido-whatsapp{justify-self:start;color:var(--purple-deep);font-size:11px;font-weight:650;text-underline-offset:3px}
.trab__pedido-campos label{display:grid;gap:6px;font-size:12px;font-weight:650;color:var(--purple-deep)}
.trab__pedido-campos input,.trab__pedido-campos textarea{width:100%;min-width:0;border:1px solid rgba(108,37,139,.2);border-radius:9px;background:#fff;color:var(--ink);font:500 13px/1.4 var(--font-body);padding:9px 10px;outline:none}
.trab__pedido-campos input{height:42px}
.trab__pedido-campos textarea{resize:vertical;min-height:74px}
.trab__pedido-campos input:focus,.trab__pedido-campos textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(108,37,139,.13)}
.trab__pedido-status{margin:0;padding:9px 10px;border-radius:9px;background:#fff4e2;color:#794400;font-size:12px;line-height:1.4}
.trab__pedido-sucesso{display:grid;gap:6px;padding:11px;border-radius:10px;background:#edf8f0;color:#185a30;font-size:13px}
.trab__pedido-sucesso strong{font-size:14px}
.trab__pedido-sucesso p{margin:0;color:#356449;font-size:12px;line-height:1.4}
.trab__pedido-sucesso .trab__btn{justify-self:start;margin-top:4px}
.trab__pedido-acoes{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding-top:12px;padding-bottom:4px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 16px)}
.trab__pedido-acoes .trab__btn{min-height:42px;height:auto;padding-inline:16px}
.trab__pedido-acoes .trab__btn--primario{min-width:180px}
.trab__d-conteudo.is-pedido .trab__galeria,.trab__d-conteudo.is-pedido>.trab__d-titulo,.trab__d-conteudo.is-pedido>.trab__d-desc,.trab__d-conteudo.is-pedido>.trab__tags{display:none}
.trab__d-conteudo.is-pedido .trab__cta{margin-top:0;padding:0;border:0;background:transparent}
.trab__d-conteudo.is-pedido .trab__cta-topo,.trab__d-conteudo.is-pedido .trab__botoes{display:none}
.trab__d-conteudo.is-pedido .trab__pedido{margin-top:0}
.trab__garantias{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 10px;margin-top:auto;padding-top:16px;font-size:11px;color:var(--trab-suave)}
.trab__garantias li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.trab__garantias svg{width:14px;height:14px;color:var(--purple)}
.trab__d-vazio{margin:auto;font-size:14px;color:var(--trab-suave);text-align:center}

/* foto ampliada */
.trab__zoom{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:64px 72px;background:rgba(31,17,40,.94);cursor:zoom-out}
.trab__zoom-img img,.trab__zoom .trab__seta{cursor:default}
.trab__zoom .trab__seta{cursor:pointer}
.trab__zoom-img,.trab__zoom-img picture{display:block;width:100%;height:100%}
.trab__zoom-img img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
.trab__zoom-img .trab__vazia{border-radius:12px}
.trab__zoom .trab__seta--ant{left:18px}
.trab__zoom .trab__seta--prox{right:18px}

/* notebook (altura ≤ 780px): cabeçalho e rodapé mais compactos para as duas fileiras caberem inteiras */
@media (max-height:780px) and (min-width:880px){
  .trab__lista{padding-top:20px;padding-bottom:12px}
  .trab__topo{margin-bottom:12px;gap:12px 22px}
  .trab__eyebrow{gap:8px;margin-bottom:8px}
  .trab__titulo{font-size:clamp(25px,2.4vw,29px)}
  .trab__sub{margin-top:8px;font-size:12.5px}
  .trab__busca{height:42px}
  .trab__chips{gap:6px;margin-top:10px}
  .trab__chip{height:28px}
  .trab__grade{gap:18px 18px}
  .trab__rodape{padding-top:10px}
  .trab__pg{min-width:32px;height:32px}
  .trab__detalhe{padding-top:18px;padding-bottom:14px}
  .trab__cta{margin-top:12px;padding:12px 12px 11px}
  .trab__garantias{padding-top:12px}
}
/* desktop estreito: menos respiro lateral; o cabeçalho segue em duas colunas */
@media (max-width:1039.98px) and (min-width:880px){
  .trab__corpo{grid-template-columns:minmax(0,1fr) minmax(340px,37%)}
  .trab__topo{grid-template-columns:minmax(0,1fr) minmax(0,54%);gap:14px 18px}
  .trab__lista{padding:24px 22px 16px 24px}
  .trab__bases{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* tablet e celular: tela cheia, uma vista por vez */
@keyframes trab-sobe{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:879.98px){
  .trab{width:100vw;height:100vh;height:100dvh}
  .trab[open]{animation-name:trab-sobe}
  .trab__caixa{border-radius:0;box-shadow:none}
  .trab__fechar{top:10px;right:10px;width:42px;height:42px;box-shadow:0 4px 14px -4px rgba(41,16,54,.45)}
  .trab__corpo{display:block}
  .trab__lista,.trab__detalhe{height:100%}
  .trab__corpo[data-vista="lista"] .trab__detalhe,.trab__corpo[data-vista="detalhe"] .trab__lista{display:none}
  .trab__lista{padding:20px 16px 12px}
  .trab__bases{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .trab__topo{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
  .trab__intro{padding-right:48px}
  .trab__titulo{max-width:none;font-size:clamp(25px,6.6vw,32px)}
  .trab__chips{flex-wrap:nowrap;margin:12px -16px 0;padding:2px 16px 4px;overflow-x:auto;scrollbar-width:none}
  .trab__chips::-webkit-scrollbar{display:none}
  .trab__chip{flex:none}
  .trab__scroll{margin:0 -16px;padding:4px 16px 8px}
  .trab__grade{grid-template-rows:none;min-height:0;gap:20px 14px}
  .trab__foto{flex:none;min-height:0;aspect-ratio:1 / .9}
  .trab__galeria{flex:none;min-height:0}
  .trab__principal{flex:none;aspect-ratio:1.2 / 1}
  .trab__rodape{grid-template-columns:1fr;justify-items:center;gap:10px}
  .trab__fonte{justify-self:center}
  .trab__detalhe{padding:62px 16px 22px}
  .trab__voltar{display:inline-flex;position:absolute;top:12px;left:16px;margin:0}
  .trab__d-conteudo{flex:none}
  .trab__d-titulo{font-size:25px}
  .trab__zoom{padding:64px 12px}
  .trab__zoom .trab__seta--ant{left:8px}
  .trab__zoom .trab__seta--prox{right:8px}
}
@media (max-width:479.98px){
  .trab__bases{grid-template-columns:minmax(0,1fr)}
  .trab__base-card{min-height:112px}
  .trab__pedido{padding:10px}
  .trab__pedido-acoes .trab__btn{padding-inline:12px}
  .trab__pedido-acoes .trab__btn--primario{min-width:0;flex:1}
}
@container (max-width:520px){
  .trab__pedido-campos,.trab__pedido-extra-campos{grid-template-columns:minmax(0,1fr)}
  .trab__pedido-itens,.trab__pedido-extra,.trab__pedido-extra-campos .trab__pedido-observacoes,.trab__pedido-extra-campos .trab__pedido-upload{grid-column:auto}
  .trab__pedido-itens li{grid-template-columns:56px minmax(0,1fr) minmax(100px,112px);gap:8px}
}
@media (max-width:719.98px){
  .trab__grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:379.98px){
  .trab__c-titulo{font-size:14px}
  .trab__btn{padding:0 12px}
}
@media (prefers-reduced-motion:reduce){
  .trab[open],.trab[open]::backdrop,.trab--aviso .trab__fechar,.trab__item--esqueleto .trab__foto{animation:none}
  .trab__foto img,.trab__grade,.trab__fechar,.trab__fav,.trab__compartilhar{transition:none}
  .trab__card:hover .trab__foto img{transform:none}
}

/* ---------- Bloco 04 — Depoimentos reais ----------
   Referência: referencias/bloco-04-referencia.png (1448 px de largura). 1 unidade U(n) = n px da referência, escalada pela largura do bloco (máx. 1448px) e com piso de 0,82px
   (texto nunca abaixo de ~15px). Layout FLUIDO (os textos têm altura variável): título e filtros em grade, cards num carrossel de scroll-snap.
   Cards, filtros e textos são renderizados por depoimentos.js; os dados vêm de GuthiDepoimentosApi (avaliações curadas da Guthi). */
.depo{--u4:max(.82px,calc(min(100cqw,1448px)/1448));position:relative;isolation:isolate;container-type:inline-size;overflow:clip;background:var(--cream);color:var(--ink)}
@supports not (width:1cqw){.depo{--u4:max(.82px,calc(min(100vw,1448px)/1448))}}
.depo__defs{position:absolute;width:0;height:0;overflow:hidden}
:where(.depo) svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* fundo orgânico */
.depo__bg{position:absolute;z-index:-1;pointer-events:none;stroke:none}
.depo__bg--topo{top:0;right:0;width:min(46%,calc(var(--u4)*660));height:calc(var(--u4)*90);fill:#fbe9e7}
.depo__bg--lilas{left:50%;top:0;width:min(100%,1448px);height:100%;fill:#f3e8f8;transform:translateX(-50%)}
.depo__bg--base{left:0;bottom:0;width:100%;height:calc(var(--u4)*112);fill:#f9ebe8}

.depo__wrap{position:relative;width:min(100%,1448px);margin-inline:auto;padding:calc(var(--u4)*60) calc(var(--u4)*42) calc(var(--u4)*64)}

/* título */
.depo__topo{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:calc(var(--u4)*30);padding-left:calc(var(--u4)*40)}
.depo__eyebrow{margin:0;font-size:calc(var(--u4)*12.5);font-weight:700;line-height:1;letter-spacing:.25em;text-transform:uppercase;color:var(--purple)}
.depo__eyebrow::after{content:"";display:block;width:calc(var(--u4)*40);height:calc(var(--u4)*3.5);margin-top:calc(var(--u4)*17);border-radius:calc(var(--u4)*2);background:var(--purple)}
.depo__titulo{margin:calc(var(--u4)*14) 0 0;font-family:var(--font-display);font-weight:650;font-variation-settings:"opsz" 48;font-size:calc(var(--u4)*63);line-height:calc(var(--u4)*64);letter-spacing:-.012em;color:var(--ink)}
.depo__titulo>span{display:block;white-space:nowrap}
.depo__destaque{color:var(--purple)}
.depo__coracao{display:inline-block;width:calc(var(--u4)*44);height:calc(var(--u4)*44);margin-left:calc(var(--u4)*30);vertical-align:calc(var(--u4)*4);stroke-width:1.5;transform:rotate(6deg)}
.depo__sub{margin:calc(var(--u4)*24) 0 0;max-width:calc(var(--u4)*560);font-size:calc(var(--u4)*22);font-weight:450;line-height:1.28;color:var(--ink-soft)}

/* filtros */
.depo__filtros{position:relative;align-self:start;padding-top:calc(var(--u4)*152)}
.depo__chips{display:flex;gap:calc(var(--u4)*11)}
.depo__chip{display:inline-flex;align-items:center;gap:calc(var(--u4)*12);height:calc(var(--u4)*52);padding:0 calc(var(--u4)*22) 0 calc(var(--u4)*18);border:1px solid rgba(108,37,139,.13);border-radius:999px;background:rgba(255,255,255,.8);color:var(--ink);font-family:inherit;font-size:calc(var(--u4)*15);font-weight:500;white-space:nowrap;cursor:pointer;box-shadow:0 calc(var(--u4)*8) calc(var(--u4)*18) calc(var(--u4)*-12) rgba(108,37,139,.4);transition:background-color .2s,color .2s,transform .2s}
.depo__chip svg{flex:none;width:calc(var(--u4)*24);height:calc(var(--u4)*24);color:var(--purple);stroke-width:1.6}
.depo__chip:hover{background:#fff;transform:translateY(-1px)}
.depo__chip[aria-pressed="true"]{border-color:var(--purple);background:var(--purple);color:#fff}
.depo__chip[aria-pressed="true"] svg{color:#fff}
.depo__chip:focus-visible{outline:3px solid var(--purple);outline-offset:3px}

/* anotações manuscritas */
.depo__nota{position:absolute;margin:0;font-family:"Kalam","Segoe Print","Bradley Hand",cursive;font-style:italic;font-weight:400;line-height:1.14;color:var(--purple);white-space:nowrap}
.depo__nota--topo{right:calc(var(--u4)*54);top:calc(var(--u4)*24);font-size:calc(var(--u4)*27);transform:rotate(-7deg);transform-origin:right bottom}
.depo__seta-nota{position:absolute;stroke:var(--purple);stroke-width:2.4;pointer-events:none}
.depo__seta-nota--topo{left:calc(var(--u4)*170);top:calc(var(--u4)*66);width:calc(var(--u4)*106);height:calc(var(--u4)*76)}

/* carrossel */
.depo__ticks{position:absolute;z-index:2;width:calc(var(--u4)*40);height:calc(var(--u4)*40);stroke:var(--purple);stroke-width:2.4;pointer-events:none}
.depo__ticks--a{left:calc(var(--u4)*6);top:calc(var(--u4)*-14)}
.depo__ticks--b{left:calc(var(--u4)*824);top:calc(var(--u4)*-30)}
.depo__carrossel{position:relative;z-index:1;margin-top:calc(var(--u4)*34)}
.depo__trilho{--n:3;--gap:calc(var(--u4)*12);position:relative;display:flex;align-items:stretch;gap:var(--gap);margin:0;padding:calc(var(--u4)*6) calc(var(--u4)*2) calc(var(--u4)*30);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:calc(var(--u4)*2);scrollbar-width:none}
.depo__trilho::-webkit-scrollbar{display:none}
.depo__trilho:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:calc(var(--u4)*40)}
.depo__item{display:flex;flex:0 0 calc((100% - (var(--n) - 1) * var(--gap)) / var(--n));min-width:0;scroll-snap-align:start}

.depo__card{position:relative;display:flex;flex-direction:column;width:100%;padding:calc(var(--u4)*50) calc(var(--u4)*30) calc(var(--u4)*25);border-radius:calc(var(--u4)*56) calc(var(--u4)*38) calc(var(--u4)*42) calc(var(--u4)*48);background:linear-gradient(180deg,rgba(255,253,254,.98),rgba(255,250,253,.94));box-shadow:0 calc(var(--u4)*22) calc(var(--u4)*44) calc(var(--u4)*-30) rgba(92,40,120,.4),0 0 0 1px rgba(108,37,139,.05)}
.depo__item:nth-child(3n+2) .depo__card{border-radius:calc(var(--u4)*40) calc(var(--u4)*52) calc(var(--u4)*44) calc(var(--u4)*36)}
.depo__item:nth-child(3n) .depo__card{border-radius:calc(var(--u4)*38) calc(var(--u4)*62) calc(var(--u4)*50) calc(var(--u4)*42)}
.depo__card--foto{padding-top:calc(var(--u4)*4)}
.depo__foto{margin:0 calc(var(--u4)*-22) calc(var(--u4)*3);aspect-ratio:436 / 254;overflow:hidden;border-radius:calc(var(--u4)*46) calc(var(--u4)*92) calc(var(--u4)*40) calc(var(--u4)*62);background:#ead9c9}
.depo__foto picture{display:block;width:100%;height:100%}
.depo__foto img{display:block;width:100%;height:100%;object-fit:cover}

.depo__autor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(var(--u4)*18)}
.depo__avatar{display:grid;place-items:center;width:calc(var(--u4)*82);height:calc(var(--u4)*82);overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#f1e4fa,#e7d4f5);color:var(--purple);font-size:calc(var(--u4)*44);font-weight:600;line-height:1}
.depo__avatar--grande{width:64px;height:64px;font-size:32px}
.depo__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.depo__card--foto .depo__avatar{width:calc(var(--u4)*68);height:calc(var(--u4)*68);font-size:calc(var(--u4)*36)}
.depo__quem{min-width:0}
.depo__nome{display:block;font-size:calc(var(--u4)*20);font-weight:700;line-height:1.2;color:var(--ink)}
.depo__papel[hidden]{display:none}
.depo__papel{display:block;margin:calc(var(--u4)*4) 0 0;font-size:calc(var(--u4)*17);line-height:1.25;color:#6b5a78}
.depo__papel--link{text-decoration:underline;text-underline-offset:2px}
.depo__papel--link:hover{color:var(--purple)}
.depo__estrelas{display:inline-flex;gap:calc(var(--u4)*3)}
.depo__estrelas svg{width:calc(var(--u4)*27);height:calc(var(--u4)*27);fill:#eadcf3;stroke:none}
.depo__estrelas svg.is-on{fill:var(--yellow)}

.depo__corpo{display:grid;grid-template-columns:calc(var(--u4)*46) minmax(0,1fr);column-gap:calc(var(--u4)*10);margin:calc(var(--u4)*25) 0 calc(var(--u4)*12)}
.depo__aspas{width:calc(var(--u4)*42);height:calc(var(--u4)*42);margin-top:calc(var(--u4)*-4);color:#d9c1ec}
.depo__bloco{min-width:0}
.depo__texto{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;margin:0;overflow:hidden;white-space:pre-line;font-size:calc(var(--u4)*18.6);line-height:1.42;color:var(--ink-soft)}
.depo__bloco.is-cortado .depo__texto{-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent);mask-image:linear-gradient(180deg,#000 78%,transparent)}
.depo__ler{display:inline-flex;align-items:center;gap:calc(var(--u4)*16);margin-top:calc(var(--u4)*16);padding:0;border:0;background:none;color:var(--purple);font-family:inherit;font-size:calc(var(--u4)*19);font-weight:600;text-align:left;cursor:pointer}
.depo__ler[hidden]{display:none}
.depo__ler-seta{display:grid;flex:none;place-items:center;width:calc(var(--u4)*44);height:calc(var(--u4)*44);border-radius:50%;background:#f1e4fa;transition:background-color .2s,transform .2s}
.depo__ler-seta svg{width:calc(var(--u4)*22);height:calc(var(--u4)*22);stroke-width:2}
.depo__ler:hover .depo__ler-seta{background:#e7d4f5;transform:translateX(2px)}
.depo__ler:focus-visible{outline:3px solid var(--purple);outline-offset:4px;border-radius:999px}
.depo__tag{display:inline-flex;align-items:center;align-self:flex-start;gap:calc(var(--u4)*14);height:calc(var(--u4)*48);margin:auto 0 0;padding:0 calc(var(--u4)*28) 0 calc(var(--u4)*22);border-radius:999px;background:#f3e8f8;color:var(--purple);font-size:calc(var(--u4)*16.5);font-weight:600}
.depo__tag[hidden]{display:none}
.depo__tag svg{flex:none;width:calc(var(--u4)*26);height:calc(var(--u4)*26);stroke-width:1.6}

/* esqueleto, vazio e erro */
.depo__item--esqueleto .depo__card{min-height:calc(var(--u4)*420)}
.depo__linha{display:block;height:calc(var(--u4)*16);margin-top:calc(var(--u4)*16);border-radius:calc(var(--u4)*8);background:linear-gradient(100deg,#efe3ea 30%,#f8f1f4 50%,#efe3ea 70%);background-size:220% 100%;animation:depo-brilho 1.2s linear infinite}
.depo__linha--topo{width:55%;height:calc(var(--u4)*40);margin-top:0}
@keyframes depo-brilho{from{background-position:120% 0}to{background-position:-120% 0}}
.depo__estado{display:grid;justify-items:center;gap:calc(var(--u4)*10);padding:calc(var(--u4)*60) calc(var(--u4)*20);text-align:center}
.depo__estado[hidden]{display:none}
.depo__estado-titulo{margin:0;font-family:var(--font-display);font-size:calc(var(--u4)*34);font-weight:640}
.depo__estado-texto{margin:0;max-width:34ch;font-size:calc(var(--u4)*18);line-height:1.4;color:var(--ink-soft)}
.depo__estado-acoes{display:flex;gap:calc(var(--u4)*10);margin-top:calc(var(--u4)*10)}
.depo__btn{height:calc(var(--u4)*46);padding:0 calc(var(--u4)*26);border:0;border-radius:999px;background:var(--purple);color:#fff;font-family:inherit;font-size:calc(var(--u4)*16);font-weight:600;cursor:pointer}
.depo__btn:hover{background:var(--purple-deep)}

/* controles */
.depo__controles{display:flex;align-items:center;justify-content:center;gap:calc(var(--u4)*40)}
.depo__controles[hidden]{display:none}
.depo__seta-btn{display:grid;place-items:center;width:calc(var(--u4)*46);height:calc(var(--u4)*46);padding:0;border:0;border-radius:50%;background:var(--purple);color:#fff;cursor:pointer;box-shadow:0 calc(var(--u4)*10) calc(var(--u4)*20) calc(var(--u4)*-10) rgba(108,37,139,.85);transition:background-color .2s,opacity .2s}
.depo__seta-btn svg{width:calc(var(--u4)*24);height:calc(var(--u4)*24);stroke-width:2.2}
.depo__seta-btn:hover:not(:disabled){background:var(--purple-deep)}
.depo__seta-btn:disabled{opacity:.35;cursor:default}
.depo__seta-btn:focus-visible,.depo__ponto:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
.depo__pontos{display:flex;gap:max(14px,calc(var(--u4)*14))}
.depo__ponto{position:relative;width:max(11px,calc(var(--u4)*13));height:max(11px,calc(var(--u4)*13));padding:0;border:0;border-radius:50%;background:#e4d3f1;cursor:pointer;transition:background-color .2s}
.depo__ponto::after{content:"";position:absolute;inset:-10px}
.depo__ponto[aria-current="true"]{background:var(--purple)}

/* diálogo "Ler depoimento completo" (tamanhos em px: não escala com a largura do bloco) */
.depo-dialogo{width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:0;border-radius:28px;background:#fffafd;color:var(--ink);font-family:var(--font-body);box-shadow:0 34px 80px -24px rgba(41,16,54,.6)}
.depo-dialogo[open]{animation:depo-entra .24s cubic-bezier(.2,.8,.2,1)}
.depo-dialogo::backdrop{background:rgba(41,16,54,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
@keyframes depo-entra{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.depo-dialogo__caixa{position:relative;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:34px 34px 30px;overscroll-behavior:contain}
.depo-dialogo__fechar{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#f3e8f8;color:var(--purple);cursor:pointer}
.depo-dialogo__fechar svg{width:20px;height:20px;stroke-width:2.2}
.depo-dialogo__fechar:hover{background:var(--purple);color:#fff}
.depo-dialogo__topo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-right:48px}
.depo-dialogo .depo__nome{margin:0;font-size:20px}
.depo-dialogo .depo__papel{margin:3px 0 0;font-size:15px}
.depo-dialogo .depo__estrelas{gap:2px}
.depo-dialogo .depo__estrelas svg{width:22px;height:22px}
.depo-dialogo .depo__corpo{grid-template-columns:44px minmax(0,1fr);margin:26px 0 22px}
.depo-dialogo .depo__aspas{width:34px;height:34px}
.depo-dialogo__texto{margin:0;font-size:18px;line-height:1.55;color:var(--ink-soft)}
.depo-dialogo .depo__tag{height:44px;gap:12px;margin:0;padding:0 24px 0 18px;font-size:15px}
.depo-dialogo .depo__tag svg{width:24px;height:24px}
.depo-dialogo__origem{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:18px 0 0;font-size:14px;color:#6b5a78}
.depo-dialogo__origem[hidden]{display:none}
.depo-dialogo__origem a{color:var(--purple);font-weight:600}
.depo-dialogo [hidden]{display:none}

/* tablet: título em cima, filtros abaixo; 2 depoimentos por vez */
@media (max-width:1179.98px){
  .depo__wrap{padding-inline:clamp(20px,4vw,42px)}
  .depo__topo{grid-template-columns:minmax(0,1fr);row-gap:calc(var(--u4)*30);padding-left:0}
  .depo__titulo{font-size:max(46px,calc(var(--u4)*68))}
  .depo__sub{font-size:max(17px,calc(var(--u4)*22));max-width:34em}
  .depo__ticks{display:none}
  .depo__filtros{padding-top:calc(var(--u4)*100)}
  .depo__chips{flex-wrap:wrap}
  .depo__chip{font-size:max(15px,calc(var(--u4)*16))}
  .depo__seta-nota--topo{left:auto;right:calc(var(--u4)*270);top:calc(var(--u4)*20)}
  .depo__trilho{--n:2}
  .depo__exemplo{position:static;display:block;width:max-content;margin:calc(var(--u4)*20) auto 0}
}
/* celular: um depoimento por vez (com o próximo à vista), filtros rolam na horizontal */
@media (max-width:699.98px){
  .depo__wrap{padding:36px 20px 52px}
  .depo__eyebrow{font-size:12px}
  .depo__titulo{font-size:clamp(34px,10.2vw,46px);line-height:1.05}
  .depo__titulo>span{white-space:normal}
  .depo__coracao{width:.8em;height:.8em;margin-left:.3em}
  .depo__sub{margin-top:16px;font-size:17px}
  .depo__quebra{display:none}
  .depo__ticks{display:none}
  .depo__topo{row-gap:22px}
  .depo__filtros{padding-top:0}
  .depo__nota--topo{position:static;display:block;margin:0 0 14px;font-size:20px;transform:rotate(-3deg);transform-origin:left center}
  .depo__seta-nota--topo{display:none}
  .depo__chips{flex-wrap:nowrap;margin-inline:-20px;padding:6px 20px 14px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}
  .depo__chips::-webkit-scrollbar{display:none}
  .depo__chip{flex:none;height:46px;padding:0 20px 0 16px;gap:10px;scroll-snap-align:start}
  .depo__chip svg{width:22px;height:22px}
  .depo__carrossel{margin-top:20px}
  .depo__trilho{--n:1;--gap:14px;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}
  .depo__item{flex-basis:calc(100% - 36px)}
  .depo__card{padding:26px 22px 24px;border-radius:40px 30px 34px 34px}
  .depo__item:nth-child(n) .depo__card{border-radius:40px 30px 34px 34px}
  .depo__foto{margin-inline:-8px;border-radius:34px 60px 30px 44px}
  .depo__autor{gap:12px}
  .depo__avatar{width:56px;height:56px;font-size:28px}
  .depo__card--foto .depo__avatar{width:52px;height:52px;font-size:26px}
  .depo__nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .depo__nome{font-size:17px}
  .depo__papel{font-size:14px}
  .depo__estrelas{gap:1px}
  .depo__estrelas svg{width:17px;height:17px}
  .depo__corpo{grid-template-columns:34px minmax(0,1fr);column-gap:8px;margin:22px 0 20px}
  .depo__aspas{width:28px;height:28px}
  .depo__texto{font-size:16.5px}
  .depo__ler{font-size:16.5px;gap:12px}
  .depo__ler-seta{width:38px;height:38px}
  .depo__tag{height:44px;gap:10px;padding:0 20px 0 16px;font-size:14.5px}
  .depo__tag svg{width:22px;height:22px}
  .depo__seta-btn{width:44px;height:44px}
  .depo__seta-btn svg{width:22px;height:22px}
  .depo__pontos{gap:14px}
  .depo__ponto{width:11px;height:11px}
  .depo-dialogo__caixa{padding:28px 22px 24px}
  .depo-dialogo__topo{grid-template-columns:auto minmax(0,1fr);margin-right:40px}
  .depo-dialogo__topo>span:last-child{grid-column:1 / -1}
  .depo-dialogo__texto{font-size:16.5px}
}
@media (prefers-reduced-motion:reduce){
  .depo__linha,.depo-dialogo[open]{animation:none}
  .depo__chip,.depo__ler-seta,.depo__seta-btn,.depo__ponto{transition:none}
}

/* ---------- Rodapé (DEL-143): contato por WhatsApp, Instagram e "Indicar a Guthi" ----------
   Fundo na cor escura da marca (#291036, a mesma do logotipo "escuro"); amarelo da marca nos botões e no foco. Sem CNPJ. */
.rodape{--rodape-soft:rgba(248,241,235,.78);position:relative;border-radius:clamp(32px,4.4vw,64px) clamp(32px,4.4vw,64px) 0 0;background:var(--ink);color:var(--cream)}
.rodape :focus-visible{outline-color:var(--yellow)}
.rodape__miolo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,4.4vw,72px);max-width:var(--container);margin-inline:auto;padding:clamp(52px,6vw,92px) var(--gutter) clamp(40px,4.4vw,64px)}

.rodape__logo{position:relative;display:block;height:64px;aspect-ratio:411 / 132;overflow:hidden}
.rodape__logo img{position:absolute;display:block;max-width:none;height:calc(100% * 220 / 132);width:auto;left:calc(-100% * 56 / 411);top:calc(-100% * 54 / 132)}
.rodape__lema{margin:22px 0 0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 36;font-size:clamp(21px,1.9vw,26px);line-height:1.2;color:var(--cream)}
.rodape__local{margin:10px 0 0;font-size:15px;line-height:1.45;color:var(--rodape-soft)}

.rodape__titulo,.rodape__subtitulo{margin:0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;letter-spacing:-.012em;color:var(--cream);text-wrap:balance}
.rodape__titulo{font-size:clamp(28px,3vw,40px);line-height:1.08}
.rodape__subtitulo{font-size:clamp(23px,2vw,28px);line-height:1.12}
.rodape__texto{margin:14px 0 0;max-width:38ch;font-size:15.5px;line-height:1.5;color:var(--rodape-soft)}

.btn--rodape{height:52px;margin-top:22px;padding-inline:26px;gap:11px;font-size:16px;background:var(--yellow);color:var(--ink)}
.btn--rodape:hover{background:#ffc928}
.btn--rodape .icon-arrow{width:20px;height:auto;stroke-width:1.9;transition:transform .2s}
.btn--rodape:hover .icon-arrow{transform:translateX(3px)}
.rodape__ou{margin:28px 0 0;font-size:15px;line-height:1.4;color:var(--rodape-soft)}
.rodape__ou+.rodape__acoes{margin-top:12px}
.rodape__acao--wa{gap:9px}
.rodape__acao--wa .icon-whatsapp{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rodape__acao--wa .icon-whatsapp .fill{fill:currentColor;stroke:none}
.rodape__aviso{margin:12px 0 0;max-width:38ch;font-size:14px;line-height:1.45;color:var(--yellow)}
.rodape__aviso[hidden]{display:none}
.rodape__insta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;min-height:44px;font-size:15px;font-weight:560;color:var(--cream);text-decoration:none}
.rodape__insta svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.1}
.rodape__insta svg .fill{fill:currentColor;stroke:none}
.rodape__insta:hover span:not(.visually-hidden){text-decoration:underline;text-underline-offset:4px}

.rodape__acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.rodape__compartilhar{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.rodape__icone{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1.5px solid rgba(248,241,235,.42);border-radius:50%;background:transparent;color:var(--cream);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.rodape__icone:hover{background:rgba(248,241,235,.12);border-color:rgba(248,241,235,.7)}
.rodape__icone[hidden]{display:none}
.rodape__icone svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rodape__icone svg .fill{fill:currentColor;stroke:none}
.rodape__acao{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1.5px solid rgba(248,241,235,.42);border-radius:999px;background:transparent;color:var(--cream);font:600 14.5px/1 var(--font-body);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.rodape__acao:hover{background:rgba(248,241,235,.12);border-color:rgba(248,241,235,.7)}
.rodape__acao[hidden]{display:none}
.rodape__status{min-height:1.45em;margin:12px 0 0;font-size:14px;line-height:1.45;color:var(--yellow);overflow-wrap:anywhere}

.rodape__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 28px;max-width:var(--container);margin-inline:auto;padding:0 var(--gutter) 22px}
.rodape__base::before{content:"";flex:0 0 100%;height:1px;margin-bottom:14px;background:rgba(248,241,235,.16)}
.rodape__base a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--rodape-soft);text-decoration:none}
.rodape__base a:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}

@media (max-width:959.98px){
  .rodape__miolo{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:44px}
  .rodape__marca{grid-column:1 / -1}
}
@media (max-width:599.98px){
  .rodape__miolo{grid-template-columns:minmax(0,1fr);row-gap:40px}
  .rodape__logo{height:56px}
  .btn--rodape{width:100%}
  .rodape__acoes{flex-direction:column;align-items:stretch}
}
@media (prefers-reduced-motion:reduce){
  .btn--rodape,.btn--rodape .icon-arrow,.rodape__acao,.rodape__icone{transition:none}
}

/* ---------- Página de privacidade (privacidade.html): mesmo cabeçalho e rodapé da landing, texto corrido ---------- */
.pagina__voltar{display:inline-flex;align-items:center;gap:6px;height:44px;margin-left:auto;padding:0 18px 0 12px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--purple-deep);text-decoration:none;transition:background-color .2s}
.pagina__voltar:hover{background:rgba(108,37,139,.09)}
.pagina__voltar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.doc{max-width:calc(740px + var(--gutter) * 2);margin-inline:auto;padding:calc(var(--menu-h) + clamp(36px,5vw,72px)) var(--gutter) clamp(56px,7vw,104px)}
.doc a{color:var(--purple-deep);text-underline-offset:3px}
.doc__titulo{margin:0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:clamp(34px,4.4vw,52px);line-height:1.05;letter-spacing:-.012em;color:var(--ink)}
.doc__atualizacao{margin:12px 0 0;font-size:14.5px;color:var(--ink-soft)}
.doc h2{margin:clamp(30px,3.4vw,44px) 0 0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 30;font-size:clamp(22px,2.2vw,27px);line-height:1.15;color:var(--ink)}
.doc p{margin:10px 0 0;font-size:17px;line-height:1.62;color:var(--ink-soft)}
.rodape--simples{margin-top:0}
.rodape--simples .rodape__base{padding-top:18px}
.rodape--simples .rodape__base::before{display:none}

/* ---------- Janela "Compartilhar" (escolher o meio), dentro do modal de trabalhos ---------- */
.comp{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:16px;background:rgba(31,17,40,.6)}
.comp[hidden]{display:none}
.comp__caixa{position:relative;width:min(380px,100%);padding:26px 22px 20px;border-radius:22px;background:#fffafd;box-shadow:0 30px 70px -20px rgba(41,16,54,.6);color:var(--ink)}
.comp__fechar{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s}
.comp__fechar:hover{background:rgba(108,37,139,.1)}
.comp__fechar svg{width:20px;height:20px;stroke-width:2}
.comp__titulo{margin:0 40px 0 0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 36;font-size:25px;line-height:1.1;letter-spacing:-.01em}
.comp__sub{margin:6px 40px 0 0;font-size:14px;line-height:1.35;color:var(--ink-soft);overflow-wrap:anywhere}
.comp__canais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 0}
.comp__canal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:84px;padding:12px 4px 10px;border:1.5px solid rgba(108,37,139,.2);border-radius:16px;background:#fff;color:var(--ink);font:600 13px/1.2 var(--font-body);text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s}
.comp__canal:hover{background:#f3ebf2;border-color:rgba(108,37,139,.45)}
.comp__canal[hidden]{display:none}
.comp__canal svg{width:26px;height:26px;color:var(--purple);stroke-width:1.8}
.comp__canal svg .fill{fill:currentColor;stroke:none}
.comp__status{min-height:1.4em;margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.4;color:var(--purple-deep);overflow-wrap:anywhere}
@media (max-width:379.98px){
  .comp__canais{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  .comp__canal,.comp__fechar{transition:none}
}

/* ---------- Crédito "Desenvolvido por Vorbull" no rodapé: discreto, logo em branco (a original é escura) ---------- */
.rodape__credito{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;letter-spacing:.03em;color:var(--rodape-soft);text-decoration:none;transition:color .2s}
.rodape__base .rodape__credito:hover{color:var(--cream);text-decoration:none}
.rodape__credito img{width:auto;height:30px;opacity:.78;filter:brightness(0) invert(1);transition:opacity .2s}
.rodape__credito:hover img{opacity:1}
@media (max-width:719.98px){
  .rodape__credito{order:3;flex:0 0 100%;justify-content:center;border-top:1px solid rgba(248,241,235,.1);margin-top:6px;padding-top:6px}
}
@media (prefers-reduced-motion:reduce){
  .rodape__credito,.rodape__credito img{transition:none}
}

/* ---------- Aviso de medição (cookies do Clarity) e link "Preferências de medição" ---------- */
.consent{position:fixed;left:clamp(12px,2vw,24px);bottom:clamp(12px,2vw,24px);z-index:120;display:grid;gap:14px;width:min(520px,calc(100vw - 24px));padding:18px 20px;border-radius:20px;background:#fffafd;color:var(--ink);box-shadow:0 24px 60px -18px rgba(41,16,54,.55),0 0 0 1px rgba(108,37,139,.14)}
.consent[hidden]{display:none}
.consent__fechar{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .2s}
.consent__fechar[hidden]{display:none}
.consent__fechar:hover{background:rgba(108,37,139,.1)}
.consent__fechar svg{width:20px;height:20px;stroke-width:2}
.consent__texto{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-soft)}
.consent__texto strong{color:var(--ink)}
.consent__texto a{color:var(--purple-deep);text-underline-offset:3px}
.consent__estado{margin:0;font-size:13px;font-weight:600;color:var(--purple-deep)}
.consent__acoes{display:flex;flex-wrap:wrap;gap:10px}
.consent__botao{min-height:44px;padding:0 24px;border:1.5px solid rgba(108,37,139,.38);border-radius:999px;background:#fff;color:var(--ink);font:600 14.5px/1 var(--font-body);cursor:pointer;transition:background-color .2s,border-color .2s}
.consent__botao:hover{background:#f3ebf2;border-color:var(--purple)}
.rodape__link{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--rodape-soft);font:inherit;font-size:14px;cursor:pointer}
.rodape__link[hidden]{display:none}
.rodape__link:hover{color:var(--cream);text-decoration:underline;text-underline-offset:4px}
@media (max-width:599.98px){
  .consent{left:12px;right:12px;bottom:12px;width:auto}
  .consent__botao{flex:1}
}
@media (prefers-reduced-motion:reduce){
  .consent__botao,.consent__fechar{transition:none}
}

/* ---------- Páginas auxiliares: /trabalho/<id>/ (prévia do link compartilhado, gerada no deploy) e 404 ---------- */
.pt{display:grid;place-items:center;min-height:100vh;padding:calc(var(--menu-h) + 24px) var(--gutter) 48px;text-align:center}
.pt:not(.pt--erro){padding-top:48px}
.pt__cartao{width:100%;max-width:560px}
.pt__foto{width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;border-radius:24px;box-shadow:0 24px 50px -28px rgba(41,16,54,.55)}
.pt__codigo{margin:0;font-family:var(--font-display);font-weight:640;font-size:clamp(72px,14vw,120px);line-height:1;color:var(--purple)}
.pt__titulo{margin:20px 0 0;font-family:var(--font-display);font-weight:640;font-variation-settings:"opsz" 44;font-size:clamp(30px,4.4vw,44px);line-height:1.06;letter-spacing:-.012em;color:var(--ink)}
.pt--erro .pt__titulo{margin-top:6px}
.pt__texto{margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--ink-soft)}
.pt__botao{height:52px;margin-top:26px;padding-inline:28px;font-size:16px}