/* Meeloe Estúdio · estilos do site */
:root{
  --papel:#F7F4E9;
  --papel-2:#EFEBDD;
  --limao-claro:#E4E2A8;
  --limao:#DEDC96;
  --vermelho:#761E14;
  --bordo:#331515;
  --oliva:#726F54;
  --oliva-esc:#5B5940;
  --oliva-txt:#4F4C37;
  --fita:#FFFEFA;
  --creme-txt:#E6DEBC;
  --serif:'Instrument Serif','Times New Roman',serif;
  --sans:'Hanken Grotesk','Helvetica Neue',Arial,sans-serif;
  --script:'Square Peg',cursive;
  --pontos-claro:radial-gradient(rgba(118,30,20,.09) 1px,transparent 1.4px);
  --pontos-escuro:radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.4px);
  --pontos-bordo:radial-gradient(rgba(247,244,233,.06) 1px,transparent 1.4px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bordo);font-family:var(--sans);color:var(--bordo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.pagina{background:var(--papel);overflow:hidden}
img{max-width:100%;display:block}
a{color:var(--vermelho)}
button,input,textarea{font:inherit}
.container{max-width:1320px;margin:0 auto;padding-left:32px;padding-right:32px}
@media (max-width:600px){.container{padding-left:20px;padding-right:20px}}

/* texturas */
.pontos{background-image:var(--pontos-claro);background-size:7px 7px}
.pontos-escuro{background-image:var(--pontos-escuro);background-size:7px 7px}
.pontos-bordo{background-image:var(--pontos-bordo);background-size:7px 7px}

/* tipografia */
.rotulo{margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--oliva)}
.titulo{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;line-height:1.06;color:var(--vermelho);font-size:clamp(44px,5.6vw,84px)}
.cursiva{font-family:var(--script);line-height:1}
.fita{display:inline-block;background:var(--fita);padding:6px 16px;box-shadow:0 4px 14px rgba(51,21,21,.18);font-weight:700;color:var(--vermelho)}
.fita .oliva{color:var(--oliva)}
.giro-e{transform:rotate(-1.5deg)}
.giro-d{transform:rotate(1deg)}

/* botões */
.botao{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;transition:transform .2s,box-shadow .2s}
.botao:hover{transform:translateY(-2px)}
.botao svg{width:18px;height:18px}
.botao-vermelho{background:var(--vermelho);color:var(--papel)}
.botao-vermelho:hover{color:var(--papel)}
.botao-contorno{border:1px solid var(--bordo);color:var(--bordo);background:transparent}
.botao-claro{background:var(--papel);color:var(--vermelho);box-shadow:0 12px 30px rgba(0,0,0,.25)}

/* faixa superior */
.topo-faixa{border-bottom:1px solid rgba(118,30,20,.18)}
.topo-faixa .container{display:flex;justify-content:space-between;gap:24px;padding-top:10px;padding-bottom:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;overflow:hidden}

/* menu */
.menu .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;padding-top:20px;padding-bottom:20px}
.menu .logo img{height:32px;width:auto}
.menu nav{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.menu nav a{color:var(--bordo);text-decoration:none;padding:10px 0}
.menu nav a[aria-current="page"]{color:var(--vermelho);text-decoration:underline;text-underline-offset:6px}
.menu nav a.area-cliente{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--bordo);color:var(--papel)}
.menu nav a.area-cliente svg{width:15px;height:15px}
@media (max-width:720px){.menu nav{gap:2px 18px;font-size:13px}}

/* hero */
.hero .container{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:56px;padding-bottom:112px}
.hero-texto{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:32px}
.hero h1{margin:0;max-width:820px;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(46px,5.8vw,90px);line-height:1.06;color:var(--vermelho)}
.hero .slogan{align-self:flex-start;margin-left:6px;padding:10px 24px;font-size:clamp(24px,2.4vw,32px);box-shadow:0 8px 22px rgba(51,21,21,.22);transform:rotate(-2deg)}
.hero-botoes{display:flex;flex-wrap:wrap;gap:12px}
.hero-pug{flex:1 1 320px;min-width:0;display:flex;justify-content:center}
.hero-pug img{width:100%;max-width:380px;height:auto}
@media (max-width:1024px){
  .hero-pug{order:-1;flex:1 1 100%;justify-content:flex-start}
  .hero-pug img{max-width:150px}
}

/* faixa de flores */
.faixa-flores{position:relative;height:440px;overflow:hidden;background:#3E4A2A}
.faixa-flores>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.faixa-flores .container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px}
.faixa-flores .fita{font-size:clamp(18px,2vw,26px);box-shadow:0 4px 14px rgba(0,0,0,.25)}
.faixa-flores .fita+.fita{margin-right:clamp(24px,6vw,96px);color:var(--oliva)}

/* quem somos */
.quem{background-color:var(--bordo);color:var(--papel)}
.quem .container{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding-top:120px;padding-bottom:120px}
.quem-foto{flex:1 1 400px;min-width:0;position:relative}
.quem-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.quem-foto .cursiva{position:absolute;right:-12px;bottom:32px;margin:0;font-size:46px;color:var(--vermelho);background:var(--fita);padding:2px 16px 8px;box-shadow:0 4px 14px rgba(0,0,0,.3);transform:rotate(-3deg)}
.quem-texto{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:28px}
.quem .rotulo{color:var(--creme-txt)}
.quem .titulo{color:var(--papel);font-size:clamp(44px,5.4vw,80px)}
.quem p{margin:0;max-width:600px;color:var(--creme-txt)}
.fundadoras{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 32px;margin-top:8px}
.fundadoras>div{border-top:1px solid rgba(241,236,207,.3);padding-top:18px}
.fundadoras h3{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:30px;line-height:1.05;color:var(--papel)}
.fundadoras .cargo{margin:6px 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--limao)}
.fundadoras p{font-size:16px}
@media (max-width:600px){.quem-foto .cursiva{right:8px;font-size:38px}}

/* naming */
.naming .container{display:flex;flex-direction:column;gap:64px;padding-top:120px;padding-bottom:120px}
.cabecalho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px}
.cabecalho .titulo{margin-top:12px}
.cabecalho>p{margin:0;max-width:440px}
.duas-colunas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.nome-parte{border-top:2px solid var(--vermelho);padding-top:28px;display:flex;flex-direction:column;gap:14px}
.nome-parte .grande{margin:0;font-family:var(--serif);font-size:clamp(96px,12vw,168px);line-height:.8;color:var(--vermelho)}
.nome-parte .grande span{font-family:var(--script);font-size:.42em;color:var(--oliva);margin-left:16px}
.nome-parte .palavras{margin:0;font-size:13px;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.nome-parte p{margin:0;max-width:480px}

/* manifesto */
.manifesto{background-color:var(--vermelho);color:var(--papel)}
.manifesto .container{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:120px;padding-bottom:120px}
.manifesto-flor{flex:1 1 320px;min-width:0;display:flex;justify-content:center}
.manifesto-flor img{width:100%;max-width:440px;opacity:.42;filter:saturate(.8)}
.manifesto-texto{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:32px}
.manifesto .rotulo{color:var(--papel)}
.manifesto h2{margin:0;font-weight:700;text-transform:uppercase;font-size:clamp(30px,3.6vw,52px);line-height:1.08;letter-spacing:.02em;text-align:justify;text-align-last:justify;color:var(--fita)}
.manifesto h2 span{color:var(--limao)}
.manifesto .paragrafos{display:flex;flex-wrap:wrap;gap:20px 40px}
.manifesto .paragrafos p{margin:0;flex:1 1 260px}
.manifesto .cursiva{margin:0;font-size:52px;color:var(--limao)}
@media (max-width:600px){.manifesto h2{text-align:left;text-align-last:left}}

/* método */
.metodo .container{padding-top:120px;padding-bottom:120px}
.metodo .cabecalho{margin-bottom:64px}
.passos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px 32px}
.passos li{border-top:2px solid var(--bordo);padding-top:24px;display:flex;flex-direction:column;gap:14px}
.passos .num{margin:0;font-family:var(--serif);font-size:64px;line-height:1;color:var(--vermelho)}
.passos h3{margin:0;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.passos p{margin:0}

/* serviços (home) */
.servicos-home{background-color:var(--limao-claro);background-image:radial-gradient(rgba(51,21,21,.07) 1px,transparent 1.4px);background-size:7px 7px}
.servicos-home .container{padding-top:112px;padding-bottom:112px}
.servicos-home .cabecalho{margin-bottom:48px}
.servicos-home .rotulo{color:var(--oliva-txt)}
.lista-servicos{list-style:none;margin:0;padding:0;border-top:1px solid rgba(51,21,21,.35)}
.lista-servicos li{border-bottom:1px solid rgba(51,21,21,.35);border-radius:4px;transition:background-color .4s,color .4s}
.lista-servicos li.aberto{background-color:var(--vermelho);color:var(--papel)}
.lista-servicos button{width:100%;display:flex;align-items:center;gap:28px;padding:26px 28px;background:transparent;border:0;color:inherit;cursor:pointer;text-align:left}
.lista-servicos .num{font-family:var(--serif);font-size:22px;min-width:40px}
.lista-servicos .nome{flex:1;min-width:0;font-family:var(--serif);text-transform:uppercase;font-size:clamp(38px,5.4vw,80px);line-height:1.05}
.lista-servicos .mais{font-size:40px;font-weight:300;line-height:1;transition:transform .4s}
.lista-servicos li.aberto .mais{transform:rotate(45deg);color:var(--limao)}
.lista-servicos .detalhe{display:none;flex-wrap:wrap;gap:32px 56px;align-items:flex-end;padding:0 28px 40px 96px}
.lista-servicos li.aberto .detalhe{display:flex}
.lista-servicos .detalhe-texto{flex:999 1 420px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.lista-servicos .detalhe .fita{font-size:16px;padding:4px 12px;box-shadow:0 3px 10px rgba(0,0,0,.25)}
.lista-servicos .detalhe p{margin:0;max-width:560px}
.lista-servicos .detalhe .para-quem{color:var(--creme-txt)}
.lista-servicos .detalhe .para-quem .cursiva{font-size:32px;color:var(--limao);margin-right:8px}
.lista-servicos .detalhe .botao{min-height:48px;padding:0 22px}
.lista-servicos pre{flex:0 0 auto;margin:0;font-family:'Courier New',monospace;font-size:7px;line-height:1.02;color:var(--limao);font-weight:700}
@media (max-width:720px){
  .lista-servicos button{gap:16px;padding:20px 12px}
  .lista-servicos .detalhe{padding:0 16px 32px}
  .lista-servicos pre{display:none}
}

/* identidades */
.identidades{background-color:var(--bordo);color:var(--papel)}
.identidades>.container{padding-top:112px;padding-bottom:120px}
.identidades .cabecalho{margin-bottom:40px}
.identidades .titulo{color:var(--papel)}
.identidades .link-behance{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--creme-txt)}
.acordeao{display:flex;gap:8px;height:clamp(440px,46vw,640px)}
.painel{position:relative;overflow:hidden;border-radius:6px;min-width:40px;flex:1 1 0;transition:flex-grow .7s cubic-bezier(.2,.7,.2,1);background:#2a1212}
.painel.aberto{flex-grow:9}
.painel>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.7) brightness(.62);transform:scale(1.08);transition:filter .6s,transform .8s}
.painel.aberto>img{filter:none;transform:scale(1)}
.painel>button{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:0;cursor:pointer;padding:0}
.painel .num{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);font-family:var(--serif);font-size:26px;color:var(--papel);pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,.4)}
.painel.aberto .num{display:none}
.painel .info{position:absolute;left:24px;right:24px;bottom:24px;display:none;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:none}
.painel.aberto .info{display:flex}
.painel .info .nomes{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.painel .info .fita{font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2vw,28px);line-height:1.05;padding:3px 14px 5px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.painel .info .cat{margin-left:16px;background:var(--fita);padding:0 12px 3px;box-shadow:0 4px 14px rgba(0,0,0,.25);font-family:var(--script);font-size:26px;line-height:1.1;color:var(--oliva);transform:rotate(1deg)}
.painel .info a{pointer-events:auto;width:52px;height:52px;border-radius:999px;background:var(--papel);color:var(--bordo);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media (max-width:720px){
  .acordeao{flex-direction:column;height:auto}
  .painel{min-height:72px;flex:none}
  .painel.aberto{min-height:440px}
}

/* posts */
.posts{margin-top:104px;display:flex;flex-direction:column;gap:36px}
.posts .cursiva{margin:0;font-size:40px;color:var(--limao)}
.posts h3{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(36px,4vw,60px);line-height:1.06;color:var(--papel)}
.abas{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:6px;scrollbar-width:thin}
.abas button{flex:none;white-space:nowrap;min-height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;color:var(--papel);border:1px solid rgba(247,244,233,.4);transition:background .3s,color .3s}
.abas button[aria-selected="true"]{background:var(--papel);color:var(--bordo);border-color:var(--papel)}
.grade-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 28px;padding:12px 0 28px}
.grade-posts figure{margin:0;padding:8px 8px 10px;background:var(--fita);border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.grade-posts figure:nth-child(4n+1){transform:rotate(-3deg)}
.grade-posts figure:nth-child(4n+2){transform:rotate(2deg) translateY(22px)}
.grade-posts figure:nth-child(4n+3){transform:rotate(-1.5deg) translateY(6px)}
.grade-posts figure:nth-child(4n){transform:rotate(3deg) translateY(28px)}
.grade-posts figure:hover{transform:rotate(0) scale(1.03)}
.grade-posts img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px}
.posts .legenda{margin:0;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--creme-txt)}
@media (max-width:720px){.grade-posts figure{transform:none !important}.grade-posts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* depoimentos */
.depoimentos .container{padding-top:120px;padding-bottom:72px;display:flex;flex-direction:column;gap:56px}
.depoimentos .cursiva{margin:0;font-size:clamp(44px,4.4vw,64px);color:var(--oliva)}
.depoimentos .titulo{font-size:clamp(48px,6.4vw,104px);line-height:1.02}
.numero-destaque{flex:1 1 300px;min-width:0;max-width:380px;background:var(--vermelho);color:var(--papel);border-radius:6px;padding:26px 28px;box-shadow:0 18px 40px rgba(118,30,20,.28);transform:rotate(2deg)}
.numero-destaque .grande{margin:0;font-family:var(--serif);font-size:84px;line-height:1}
.numero-destaque .grande span{font-size:40px}
.numero-destaque p{margin:6px 0 0;font-size:16px;line-height:1.45}
.numero-destaque .cursiva{margin-top:10px;font-size:26px;color:var(--limao)}
.mural{columns:3 300px;column-gap:28px}
.conversa{break-inside:avoid;margin:0 0 28px;display:flex;flex-direction:column;gap:8px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.conversa:nth-child(odd){transform:rotate(-1.2deg)}
.conversa:nth-child(even){transform:rotate(1.1deg)}
.conversa:hover{transform:rotate(0) scale(1.03)}
.bolha{position:relative;margin:0;align-self:flex-start;max-width:100%;background:#fff;color:#1F1A19;font-size:15px;line-height:1.45;padding:9px 62px 9px 14px;border-radius:4px 14px 14px 14px;box-shadow:0 6px 18px rgba(51,21,21,.14)}
.bolha.destaque{background:var(--limao);font-weight:600}
.bolha .hora{position:absolute;right:10px;bottom:6px;font-size:11px;color:rgba(31,26,25,.45);font-weight:400}
.conversa.citacao{padding:30px 28px;background:var(--bordo);color:var(--papel);border-radius:6px;box-shadow:0 18px 40px rgba(51,21,21,.25)}
.conversa.citacao blockquote{margin:0;font-family:var(--serif);font-size:28px;line-height:1.2}
.conversa.citacao figcaption{margin-top:16px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--limao)}
.letreiro{background:var(--oliva-esc);overflow:hidden;padding:18px 0}
.letreiro .trilho{display:flex;width:max-content;gap:18px;animation:desliza 38s linear infinite}
.letreiro span{flex:none;background:var(--fita);color:var(--vermelho);font-weight:700;font-size:18px;padding:8px 18px;box-shadow:0 4px 12px rgba(0,0,0,.2);white-space:nowrap}
.letreiro span:nth-child(even){transform:rotate(-1.5deg);color:var(--oliva-esc)}
.letreiro span:nth-child(odd){transform:rotate(1deg)}
@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.letreiro .trilho{animation:none}*{transition:none !important}}

/* chamada contato */
.chamada{position:relative;overflow:hidden;background-color:var(--vermelho);color:var(--papel)}
.chamada .flor-fundo{position:absolute;left:50%;top:50%;width:min(760px,120%);transform:translate(-50%,-50%) rotate(-8deg);opacity:.55;pointer-events:none}
.chamada .container{position:relative;max-width:860px;padding-top:136px;padding-bottom:136px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.chamada .rotulo{color:var(--papel)}
.chamada h2{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(48px,6vw,92px);line-height:1.06}
.chamada .fita{font-size:17px;padding:4px 14px;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.chamada p{margin:0;max-width:480px}

/* rodapé */
.rodape{background:var(--bordo);color:var(--creme-txt)}
.rodape .container{padding-top:80px;padding-bottom:32px;display:flex;flex-direction:column;gap:56px}
.rodape .colunas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:48px}
.rodape .marca{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:18px}
.rodape .marca img{width:220px}
.rodape .marca .cursiva{margin:0;font-size:40px;color:var(--limao)}
.rodape .marca p{margin:0;max-width:340px;font-size:15px}
.rodape .coluna{flex:0 1 240px;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.rodape .coluna h4{margin:0 0 6px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--papel)}
.rodape a{color:var(--creme-txt);text-decoration:none}
.rodape a:hover{color:var(--papel)}
.rodape .item{display:inline-flex;align-items:center;gap:10px;min-height:32px}
.rodape .item svg{width:18px;height:18px;flex:none}
.redes{display:flex;gap:10px;margin-top:10px}
.redes a{width:44px;height:44px;border-radius:999px;border:1px solid rgba(230,222,188,.45);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.redes svg{width:18px;height:18px}
.rodape .base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(230,222,188,.2);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.rodape .base img{width:40px}

/* página serviços */
.intro-servicos .container{padding-top:64px;padding-bottom:56px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px}
.intro-servicos h1{margin:0;max-width:820px;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(44px,5.4vw,84px);line-height:1.06;color:var(--vermelho)}
.intro-servicos .fita{font-size:clamp(18px,1.8vw,24px);padding:8px 20px;transform:rotate(-2deg)}
.vitrine .container{padding-top:8px;padding-bottom:120px;display:flex;flex-wrap:wrap;gap:48px 64px;align-items:flex-start}
.vitrine-lista{flex:999 1 440px;min-width:0;display:flex;flex-direction:column}
.vitrine-lista [role=tablist]{display:flex;flex-direction:column;border-top:1px solid rgba(51,21,21,.22)}
.vitrine-lista [role=tab]{width:100%;display:flex;flex-direction:column;gap:14px;padding:22px 0 0;background:transparent;border:0;border-bottom:1px solid rgba(51,21,21,.22);cursor:pointer;text-align:left;color:var(--bordo)}
.vitrine-lista [role=tab] .linha{display:flex;align-items:baseline;gap:18px}
.vitrine-lista [role=tab] .num{font-family:var(--serif);font-size:18px;color:var(--vermelho);min-width:26px}
.vitrine-lista [role=tab] .nome{font-family:var(--serif);text-transform:uppercase;font-size:clamp(36px,3.8vw,58px);line-height:1.05;opacity:.38;transition:color .4s,transform .4s,opacity .4s}
.vitrine-lista [role=tab][aria-selected=true] .nome{color:var(--vermelho);font-style:italic;transform:translateX(10px);opacity:1}
.vitrine-lista [role=tab] .barra{display:block;height:3px;margin-bottom:-1px;background:var(--vermelho);width:0;transition:width .6s cubic-bezier(.2,.7,.2,1)}
.vitrine-lista [role=tab][aria-selected=true] .barra{width:100%}
.vitrine-detalhe{margin-top:36px;display:flex;flex-direction:column;gap:20px}
.vitrine-detalhe p{margin:0;max-width:460px}
.vitrine-detalhe .cursiva{font-size:34px;color:var(--vermelho);margin-right:8px}
.vitrine-detalhe .acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px}
.vitrine-palco{flex:1 1 400px;max-width:540px;min-width:0;display:flex;flex-direction:column;gap:20px}
.palco{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:4/3;background:var(--papel-2);box-shadow:0 16px 40px rgba(51,21,21,.12)}
.palco>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .9s ease,transform 1.4s ease}
.palco>img.ativa{opacity:.45;transform:scale(1)}
.palco .pontinhos{position:absolute;inset:0;background-image:radial-gradient(rgba(118,30,20,.08) 1px,transparent 1.4px);background-size:6px 6px;pointer-events:none}
.palco .topo{position:absolute;left:0;right:0;top:0;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.palco .topo .contador{font-family:var(--serif);font-size:22px;letter-spacing:0}
.palco .base{position:absolute;left:30px;right:30px;bottom:34px;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.palco h2{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(36px,3.6vw,56px);line-height:1.02;color:var(--vermelho)}
.palco .fita{font-size:17px;transform:rotate(-2deg)}
.cartao-entregas{background:var(--fita);border-radius:6px;padding:26px 28px;box-shadow:0 10px 30px rgba(51,21,21,.08)}
.cartao-entregas ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 28px}
.cartao-entregas li{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:1.45;padding:8px 0;border-top:1px solid rgba(51,21,21,.14)}
.cartao-entregas li span{font-family:var(--serif);font-size:18px;color:var(--vermelho);min-width:22px}

/* página contato */
.contato-pagina .container{padding-top:40px;padding-bottom:112px;display:flex;flex-wrap:wrap;gap:40px 56px;align-items:stretch}
.contato-foto{flex:1 1 360px;min-width:0;min-height:640px;position:relative;border-radius:6px;overflow:hidden;background:#3E1A12}
.contato-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contato-foto .pontinhos{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.2) 1px,transparent 1.4px);background-size:6px 6px}
.contato-foto .frases{position:absolute;left:28px;right:28px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.contato-foto .fita{font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.contato-foto .fita.cursiva{margin-left:28px;font-family:var(--script);font-weight:400;font-size:32px;line-height:1.1;padding:0 14px 4px;transform:rotate(1.5deg)}
.formulario{flex:999 1 560px;min-width:0;min-height:640px;background:var(--fita);border-radius:6px;box-shadow:0 24px 60px rgba(51,21,21,.12);padding:40px clamp(24px,4vw,56px);display:flex;flex-direction:column}
.progresso-topo{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:var(--oliva)}
.progresso{height:3px;background:rgba(51,21,21,.1);border-radius:3px;overflow:hidden;margin-top:10px}
.progresso div{height:100%;width:0;background:var(--vermelho);border-radius:3px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.tela{flex:1;display:none;flex-direction:column;justify-content:center;gap:22px;padding:40px 0 24px}
.tela.ativa{display:flex}
.tela .cursiva{margin:0;font-size:44px;color:var(--oliva)}
.tela h1,.tela h2.grande{margin:0;font-family:var(--serif);font-weight:400;text-transform:uppercase;font-size:clamp(44px,5vw,72px);line-height:1.06;color:var(--vermelho)}
.tela p{margin:0;max-width:480px}
.pergunta-num{margin:0;display:flex;align-items:baseline;gap:12px;color:var(--vermelho)}
.pergunta-num span{font-family:var(--serif);font-size:30px;line-height:1}
.tela h2.pergunta{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.4vw,48px);line-height:1.08}
.ajuda{margin-top:-8px !important;font-size:15px;color:var(--oliva)}
.campo{width:100%;min-height:60px;padding:8px 2px;border:0;border-bottom:2px solid rgba(51,21,21,.3);background:transparent;color:var(--bordo);font-size:26px}
textarea.campo{font-size:20px;line-height:1.5;resize:vertical;min-height:140px}
.campo:focus{outline:none;border-bottom-color:var(--vermelho)}
.campo::placeholder{color:rgba(51,21,21,.35)}
.opcoes{display:flex;flex-direction:column;gap:10px;max-width:620px}
.opcoes button{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:10px 16px;border-radius:6px;text-align:left;font-size:17px;cursor:pointer;background:rgba(247,244,233,.7);color:var(--bordo);border:1px solid rgba(51,21,21,.22);transition:background .25s,color .25s}
.opcoes button .letra{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-size:13px;font-weight:700;flex:none;border:1px solid rgba(51,21,21,.35)}
.opcoes button[aria-pressed=true]{background:var(--vermelho);color:var(--papel);border-color:var(--vermelho)}
.opcoes button[aria-pressed=true] .letra{background:var(--papel);color:var(--vermelho);border-color:var(--papel)}
.acoes-form{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px}
.acoes-form small{font-size:13px;color:var(--oliva)}
.botao[disabled]{background:rgba(51,21,21,.08);color:rgba(51,21,21,.45);cursor:not-allowed;transform:none}
.rodape-form{display:none;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(51,21,21,.1)}
.rodape-form.ativo{display:flex}
.rodape-form button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:transparent;color:var(--bordo);font-weight:600;cursor:pointer}
.rodape-form .cursiva{font-size:26px;color:var(--oliva)}

/* complementos */
.pular{position:absolute;left:-9999px;top:0;z-index:10;background:var(--vermelho);color:var(--papel);padding:10px 16px}
.pular:focus{left:12px;top:12px}
:focus-visible{outline:2px solid var(--vermelho);outline-offset:3px}
.quem :focus-visible,.identidades :focus-visible,.manifesto :focus-visible,.chamada :focus-visible,.rodape :focus-visible{outline-color:var(--limao)}
.botao.grande{min-height:60px;padding:0 34px;font-size:18px;margin-top:8px}
.chamada .flor-fundo.giro-flor{width:min(680px,120%);transform:translate(-50%,-50%) rotate(10deg)}
.depo-titulo{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:14px}
.intro-titulo{display:flex;flex-direction:column;gap:22px}
.cartao-entregas .rotulo{margin-bottom:14px}
.rodape p.item{margin:0}
.link-simples{min-height:44px;padding:0;border:0;background:transparent;color:var(--oliva);font-size:14px;text-decoration:underline;cursor:pointer}
.pergunta-num b{font-size:18px;font-weight:400}
.identidades .cabecalho .titulo{margin-top:0}
.posts .cabecalho{align-items:flex-end}
.posts .cabecalho>div:first-child{display:flex;flex-direction:column;gap:10px}