/* Linktree · Mel Galhardo
   Paleta da marca (manual + EDITA): creme, tinta, oliva; dourado só em fio e ícone, nunca texto sobre claro. */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:250 500;font-display:swap;src:url("../fonts/newsreader-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:250 500;font-display:swap;src:url("../fonts/newsreader-italic-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("../fonts/inter-var.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader Reserva";src:local("Georgia");size-adjust:96%;ascent-override:92%}

:root{
  --fundo:#F5F2ED;
  --superficie:#FBF9F5;
  --tinta:#2C2B30;
  --suave:#5E5C61;          /* 5,9:1 sobre o fundo */
  --oliva:#234736;          /* ação; branco sobre ele 10,4:1 */
  --oliva-escuro:#18342A;
  --ouro:#9B6E2B;           /* fio e ícone */
  --linha:#DDD3C4;
  --serif:"Newsreader","Newsreader Reserva",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1);
  --raio:18px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--tinta);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
[hidden]{display:none !important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:22px;height:22px;flex:none}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--oliva);outline-offset:3px;border-radius:6px}
.pular{position:absolute;left:16px;top:-60px;z-index:20;background:var(--tinta);color:#fff;padding:10px 16px;border-radius:999px;font-size:14px}
.pular:focus{top:16px}

/* pendências: só no rascunho */
html:not(.modo-rascunho) [data-pendente]{display:none !important}
.selo-pendente{flex:none;align-self:center;font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--suave);border:1px dashed var(--suave);border-radius:999px;padding:6px 9px;white-space:nowrap}

/* ── Estrutura ── */
.pagina{min-height:100svh}
.retrato{position:relative;margin:0;height:min(48svh,520px);min-height:270px;overflow:hidden;background:#3a4a3f}
.retrato picture,.retrato img{width:100%;height:100%}
.retrato img{object-fit:cover;object-position:50% 16%;animation:respira 2.4s var(--ease) both}
.retrato::after{content:"";position:absolute;inset:auto 0 0 0;height:52%;background:linear-gradient(to bottom,rgba(245,242,237,0) 0%,rgba(245,242,237,.55) 45%,var(--fundo) 100%);pointer-events:none}
.coluna{position:relative;z-index:1;padding:0 24px calc(40px + env(safe-area-inset-bottom));margin-top:-96px;max-width:560px;margin-left:auto;margin-right:auto}

/* ── Topo ── */
.topo{text-align:center}
.topo__nome{margin:0;line-height:0}
.assinatura{width:min(300px,78%);height:auto;margin:0 auto;color:var(--tinta);animation:escreve 1.6s .15s var(--ease) both}
.topo__papel{margin:14px 0 0;font:500 12px/1.4 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--oliva);animation:sobe .9s .45s var(--ease) both}
.topo__linha--2{margin-top:2px}
.topo__linha{margin:8px auto 0;max-width:34ch;font:400 14px/1.5 var(--sans);color:var(--suave);animation:sobe .9s .55s var(--ease) both}
.social{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 0;padding:0;animation:sobe .9s .65s var(--ease) both}
.social__link{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--linha);color:var(--tinta);background:rgba(251,249,245,.6);transition:border-color .3s,background .3s,color .3s,transform .3s var(--ease)}
.social__link .i{width:20px;height:20px}
a.social__link:hover{border-color:var(--oliva);color:var(--oliva);transform:translateY(-2px)}
.social__link--pendente{border-style:dashed;border-color:var(--suave);color:var(--suave)}

/* ── Destaque ── */
.destaque{margin-top:20px;animation:sobe 1s .75s var(--ease) both}
.destaque__cartao{display:grid;grid-template-columns:34% 1fr;align-items:stretch;background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;box-shadow:0 1px 0 rgba(44,43,48,.03),0 18px 40px -28px rgba(44,43,48,.35);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.destaque__foto{display:block;overflow:hidden;background:#5a2a2e}
.destaque__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform 1.2s var(--ease)}
.destaque__corpo{display:flex;flex-direction:column;gap:6px;padding:18px 16px 18px 18px}
.destaque__selo{font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--oliva)}
.destaque__selo::before{content:"";display:inline-block;width:18px;height:1px;background:var(--ouro);vertical-align:middle;margin-right:8px;transform:translateY(-2px)}
.destaque__titulo{font:400 23px/1.1 var(--serif);letter-spacing:-.01em}
.destaque__texto{font:400 14px/1.5 var(--sans);color:var(--suave);text-wrap:pretty}
.destaque__cta{margin-top:auto;align-self:flex-start;white-space:nowrap}
.destaque__cartao:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(44,43,48,.03),0 26px 48px -28px rgba(44,43,48,.45)}
.destaque__cartao:hover .destaque__foto img{transform:scale(1.04)}

.botao{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;font:500 14px/1.2 var(--sans);letter-spacing:.01em;border:1px solid transparent;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.botao .i{width:18px;height:18px;transition:transform .35s var(--ease)}
.botao--cheio{background:var(--oliva);color:#fff}
.destaque__cartao:hover .botao--cheio{background:var(--oliva-escuro)}
.destaque__cartao:hover .botao .i{transform:translateX(3px)}
.botao--contorno{background:transparent;border-color:var(--tinta);color:var(--tinta)}
.botao--contorno:hover{background:var(--tinta);color:#fff}

/* ── Links (uma lista só, sem títulos de grupo) ── */
.links{margin-top:22px;animation:sobe 1s .85s var(--ease) both}
.links__lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:18px 4px;border-bottom:1px solid var(--linha)}
.item__corpo{display:flex;flex-direction:column;gap:3px;min-width:0}
.item__rotulo{margin-bottom:3px;font:500 11px/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--oliva)}
.item__titulo{font:400 23px/1.15 var(--serif);letter-spacing:-.005em;transition:color .3s;text-wrap:balance}
.item__texto{font:400 14px/1.45 var(--sans);color:var(--suave);text-wrap:pretty}
.item__seta{display:flex;color:var(--ouro);transition:transform .4s var(--ease),color .3s}
.item__foto,.item__cta{display:none}
a.item::before{content:"";position:absolute;inset:6px -12px;border-radius:14px;background:rgba(35,71,54,.05);opacity:0;transition:opacity .35s}
a.item:hover::before{opacity:1}
a.item:hover .item__titulo{color:var(--oliva)}
a.item:hover .item__seta{transform:translateX(5px);color:var(--oliva)}
.item--pendente .item__titulo{color:var(--suave)}

/* ── App ── */
/* ── App: cartão oliva com o aparelho, a porta de entrada gratuita ── */
.app{margin-top:30px;animation:sobe 1s 1.1s var(--ease) both}
.app__cartao{position:relative;isolation:isolate;display:grid;grid-template-columns:80px 1fr;align-items:center;gap:18px;padding:20px 18px 20px 20px;border-radius:var(--raio);background:var(--oliva);color:#FBF9F5;overflow:hidden;box-shadow:0 22px 44px -30px rgba(35,71,54,.85);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.app__cartao::before{content:"";position:absolute;z-index:-1;inset:-40% auto auto -30%;width:110%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(233,209,156,.14),rgba(233,209,156,0))}
.app__aparelho{display:block;width:80px;aspect-ratio:9/18.5;padding:5px;border-radius:18px;background:#16201b;box-shadow:0 0 0 1px rgba(233,209,156,.35),0 18px 30px -12px rgba(0,0,0,.55);transform:rotate(-5deg);transition:transform .6s var(--ease)}
.app__tela{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;height:100%;border-radius:13px;background:var(--fundo)}
.app__logo{width:78%;height:auto;color:var(--tinta)}
.app__linha{display:block;width:56%;height:4px;border-radius:2px;background:var(--linha)}
.app__linha--curta{width:36%}
.app__corpo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.app__selo{font:500 11px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#E9D19C}
.app__titulo{font:400 22px/1.12 var(--serif);letter-spacing:-.005em;color:#FBF9F5;text-wrap:balance}
.app__texto{font:400 14px/1.5 var(--sans);color:rgba(251,249,245,.84);text-wrap:pretty}
.app__cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;padding:0 18px;border-radius:999px;background:#FBF9F5;color:var(--oliva);font:600 14px/1.2 var(--sans);white-space:nowrap}
.app__cta .i{width:18px;height:18px;transition:transform .35s var(--ease)}
a.app__cartao:hover{transform:translateY(-3px);box-shadow:0 28px 50px -30px rgba(35,71,54,.95)}
a.app__cartao:hover .app__aparelho{transform:rotate(-2deg) translateY(-2px)}
a.app__cartao:hover .app__cta .i{transform:translateX(3px)}
a.app__cartao:focus-visible{outline:2px solid var(--oliva);outline-offset:3px}
@media (max-width:359px){.app__cartao{grid-template-columns:64px 1fr;gap:14px;padding:18px 14px}.app__aparelho{width:64px;border-radius:14px;padding:4px}.app__tela{border-radius:10px}.app__titulo{font-size:21px}.app__cta{padding:0 14px;font-size:13px}}

/* ── Contato ── */
.contato{margin-top:28px;animation:sobe 1s 1.2s var(--ease) both}
.item--contato{border-top:1px solid var(--linha);justify-content:flex-start}
.item--contato .item__corpo{flex:1}
.item__icone{color:var(--oliva);width:24px;height:24px}

/* ── Rodapé ── */
.rodape{margin-top:48px;text-align:center}
.rodape__marca{width:150px;height:auto;margin:0 auto;color:var(--tinta);opacity:.9}
.rodape__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px;margin:12px 0 0;font-size:13px}
.rodape__link{display:inline-flex;align-items:center;min-height:44px;background:none;border:0;padding:0 2px;cursor:pointer;color:var(--suave);text-decoration:underline;text-decoration-color:var(--linha);text-underline-offset:4px}
.rodape__link:hover{color:var(--tinta);text-decoration-color:currentColor}
.rodape__direitos{margin:10px 0 0;font-size:12px;color:var(--suave)}

/* ── Variação "cartões": cada item como o cartão do destaque ── */
.estilo-cartoes .links__lista{display:grid;gap:14px;border-top:0}
.estilo-cartoes .item{display:grid;grid-template-columns:34% 1fr;align-items:stretch;gap:0;min-height:0;padding:0;border:1px solid var(--linha);border-radius:var(--raio);background:var(--superficie);overflow:hidden;box-shadow:0 1px 0 rgba(44,43,48,.03),0 14px 34px -28px rgba(44,43,48,.35);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.estilo-cartoes .item::before{display:none}
.estilo-cartoes .item:not(:has(.item__foto)){display:flex}
.estilo-cartoes .item__foto{display:block;overflow:hidden;background:#cfc7ba}
.estilo-cartoes .item__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;transition:transform 1.2s var(--ease)}
.estilo-cartoes .item__corpo{justify-content:center;gap:6px;padding:16px 16px 16px 18px}
.estilo-cartoes .item__titulo{font-size:22px}
.estilo-cartoes .item__cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;font:600 14px/1.2 var(--sans);color:var(--oliva);white-space:nowrap}
@media (max-width:359px){.estilo-cartoes .item,.estilo-cartoes .item.item--pendente{grid-template-columns:30% 1fr}.estilo-cartoes .item__corpo{padding:14px 12px 14px 14px}.estilo-cartoes .item__cta{white-space:normal;font-size:13px;gap:5px}.estilo-cartoes .item__cta .i{flex:none;width:15px;height:15px}}
.estilo-cartoes .item__cta .i{width:18px;height:18px;transition:transform .35s var(--ease)}
.estilo-cartoes .item__seta{display:none}
.estilo-cartoes a.item:hover{transform:translateY(-3px);box-shadow:0 1px 0 rgba(44,43,48,.03),0 22px 44px -28px rgba(44,43,48,.45)}
.estilo-cartoes a.item:hover .item__foto img{transform:scale(1.04)}
.estilo-cartoes a.item:hover .item__cta .i{transform:translateX(3px)}
.estilo-cartoes .item--pendente{grid-template-columns:34% 1fr}
.estilo-cartoes .item--pendente .selo-pendente{grid-column:2;justify-self:start;margin:0 0 14px 18px}
.estilo-cartoes .item--contato{display:flex;align-items:center;padding:18px;gap:16px;border-radius:var(--raio)}
.estilo-cartoes .item--contato .item__corpo{padding:0}
.estilo-cartoes .item--contato .item__seta{display:flex}

/* ── Variação "compacto": os mesmos cartões, uns 30% mais baixos. A foto 4:5 dita a altura nos dois formatos,
   então a coluna da foto do compacto tem 70% da largura da do B (34% → 24%, 30% → 21%, 160px → 112px) ── */
.estilo-compacto .links__lista{gap:10px}
.estilo-compacto .item,.estilo-compacto .item.item--pendente{grid-template-columns:24% 1fr}
.estilo-compacto .item__foto img{object-position:50% 16%}
.estilo-compacto .item__corpo{gap:3px;padding:12px 14px}
.estilo-compacto .item__rotulo{margin-bottom:1px;font-size:11px;letter-spacing:.14em}
.estilo-compacto .item__titulo{font-size:19px}
.estilo-compacto .item__texto{font-size:13.5px;line-height:1.38}
.estilo-compacto .item__cta{margin-top:3px;font-size:13px}
.estilo-compacto .item__cta .i{width:16px;height:16px}
@media (max-width:359px){.estilo-compacto .item,.estilo-compacto .item.item--pendente{grid-template-columns:21% 1fr}.estilo-compacto .item__corpo{padding:11px 12px}}

/* ── Consentimento e rascunho ── */
.cookies{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;max-width:520px;margin:0 auto;padding:18px;border-radius:16px;background:var(--superficie);border:1px solid var(--linha);box-shadow:0 20px 50px -20px rgba(44,43,48,.45);font-size:14px}
.cookies p{margin:0}
.cookies__acoes{display:flex;gap:10px;margin-top:14px}
.cookies__acoes .botao{flex:1;justify-content:center}
.modo-rascunho body{padding-bottom:72px}
.rascunho-painel{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:25;max-width:min(360px,calc(100vw - 28px));font-size:13px}
.rascunho-painel__botao{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px dashed var(--tinta);background:var(--fundo);cursor:pointer;box-shadow:0 8px 24px -12px rgba(44,43,48,.4)}
.rascunho-painel__botao span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--tinta);color:#fff;font-size:12px}
.rascunho-painel__lista{position:absolute;right:0;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 28px));max-height:60vh;overflow:auto;padding:16px 18px;border-radius:14px;background:var(--superficie);border:1px solid var(--linha);box-shadow:0 20px 50px -20px rgba(44,43,48,.45)}
.rascunho-painel__titulo{margin:0 0 8px;font-weight:600}
.rascunho-painel__lista ul{margin:0;padding-left:18px}
.rascunho-painel__lista li{margin:4px 0}

/* ── Desktop: retrato fixo à esquerda ── */
@media (min-width:960px){
  .pagina{display:grid;grid-template-columns:44vw 1fr}
  .retrato{position:sticky;top:0;height:100vh;height:100svh;min-height:0}
  .retrato img{object-position:50% 24%}
  .retrato::after{inset:0 0 0 auto;width:28%;height:auto;background:linear-gradient(to right,rgba(245,242,237,0),var(--fundo))}
  .coluna{margin:0 auto 0 clamp(48px,6vw,104px);padding:88px 32px 56px 0;width:auto;max-width:592px;min-width:0;align-self:center}
  .topo{text-align:left}
  .assinatura{margin:0;width:320px}
  .topo__linha{margin-left:0}
  .social{justify-content:flex-start}
  .destaque__cartao{grid-template-columns:200px 1fr}
  .destaque__corpo{padding:22px 22px 22px 24px}
  .destaque__titulo{font-size:30px}
  .item__titulo{font-size:25px}
  .estilo-cartoes .item{grid-template-columns:160px 1fr}
  .estilo-cartoes .item__corpo{padding:20px 22px}
  .estilo-cartoes .item__titulo{font-size:26px}
  .estilo-compacto .item,.estilo-compacto .item.item--pendente{grid-template-columns:112px 1fr}
  .estilo-compacto .item__corpo{padding:14px 20px}
  .estilo-compacto .item__titulo{font-size:22px}
  .app__cartao{grid-template-columns:112px 1fr;gap:28px;padding:28px 30px}
  .app__aparelho{width:112px;border-radius:22px;padding:6px}
  .app__tela{border-radius:16px}
  .app__titulo{font-size:28px}
  .rodape{text-align:left}
  .rodape__marca{margin:0}
  .rodape__legal{justify-content:flex-start}
}
@media (max-width:959px){
  .destaque__cta{min-height:0;padding:6px 0 2px;background:none;color:var(--oliva);font-weight:600;white-space:nowrap}
  .destaque__cartao:hover .botao--cheio{background:none;color:var(--oliva-escuro)}
}
@media (max-width:399px){
  .destaque__corpo{padding:16px 14px}
  .destaque__cta{font-size:13px}
}
@media (max-width:359px){
  .social{gap:6px}
  .coluna{padding-left:18px;padding-right:18px}
  .destaque__cartao{grid-template-columns:1fr}
  .destaque__foto{aspect-ratio:16/10}
}

/* ── Movimento ── */
@keyframes sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes escreve{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes respira{from{transform:scale(1.06)}to{transform:none}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
}