/* ============================================================
   Campanha Mãe Manu da Oxum — Deputada Federal · 7737
   Identidade visual oficial (Canva "Identidade campanha Mãe Manu da Oxum")
   Paleta e tipografia extraídas do manual de marca.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=Archivo:ital,wght@0,400;0,600;0,700;0,800;1,700;1,800&family=Anton&display=swap');

/* ------------------------------------------------------------
   FONTES OFICIAIS DA MARCA
   Teeprang e Hagrid são fontes licenciadas e não estão no Google Fonts.
   Coloque os arquivos .woff2 em assets/fonts/ e descomente os blocos abaixo.
   Enquanto isso, o site usa Anton (no lugar de Teeprang) e Archivo (no lugar
   de Hagrid) como substitutas visualmente próximas.
------------------------------------------------------------ */
/*
@font-face{font-family:'Teeprang';src:url('fonts/Teeprang.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap;}
@font-face{font-family:'Hagrid';src:url('fonts/Hagrid-Regular.woff2') format('woff2');font-weight:400;font-display:swap;}
@font-face{font-family:'Hagrid';src:url('fonts/Hagrid-Bold.woff2') format('woff2');font-weight:700;font-display:swap;}
*/

:root{
  /* Paleta oficial */
  --vinho:#601839;
  --laranja:#FFA000;
  --dourado:#F6B55B;
  --creme:#F8E8C5;
  --off:#F9F2E8;
  --azul:#BBD7E1;
  --verde:#27604F;

  --texto:#3A1226;
  --texto-suave:#7A5A67;

  --display:'Teeprang','Anton','Archivo Black',Impact,sans-serif;
  --titulo:'Hagrid','Archivo','DM Sans',sans-serif;
  --corpo:'DM Sans',-apple-system,'Segoe UI',sans-serif;

  --max:1160px;
  --radius:20px;
  --sombra:0 12px 38px rgba(96,24,57,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--off);color:var(--texto);
  font-family:var(--corpo);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3,h4{font-family:var(--titulo);line-height:1.02;margin:0 0 .5em;font-weight:700;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6.2vw,4.6rem)}
h2{font-size:clamp(1.9rem,4.2vw,3.1rem)}
h3{font-size:clamp(1.2rem,2.4vw,1.6rem)}
p{margin:0 0 1.1em}

/* Headline no estilo do cartaz: linha leve + linha pesada vinho */
.headline-dupla{display:block}
.headline-dupla .leve{display:block;font-weight:400;color:var(--texto)}
.headline-dupla .pesada{display:block;font-weight:800;color:var(--vinho)}

/* "sou candidata a" — texto manuscrito sublinhado */
.manuscrito{
  font-family:var(--corpo);font-style:italic;font-weight:500;
  font-size:clamp(1rem,2vw,1.35rem);color:var(--vinho);
  text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;
  display:inline-block;margin-bottom:.35em;
}
.hero .manuscrito{display:block;margin:6px auto 10px}
.hero .oficial{display:block}

.oficial{
  font-family:var(--display);font-style:italic;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--vinho);
  transform:skewX(-6deg);display:inline-block;
}

.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.center{text-align:center}
.eyebrow{
  font-family:var(--corpo);text-transform:uppercase;letter-spacing:.2em;
  font-size:.74rem;font-weight:700;color:var(--vinho);margin:0 0 14px;
}

/* ---------- LOGO / LOCKUP ---------- */
.lockup{display:inline-flex;align-items:center;gap:14px;text-decoration:none;line-height:1}
.lockup .letras{
  font-family:var(--display);font-style:italic;font-weight:700;
  text-transform:uppercase;color:var(--laranja);line-height:.86;
  font-size:1.02rem;letter-spacing:.01em;transform:skewX(-5deg);
}
.lockup .letras i{font-style:italic;font-size:.72em;text-transform:lowercase;display:inline}
.lockup .selo{display:flex;align-items:center;gap:8px}
.lockup .numero{
  font-family:var(--display);font-style:italic;font-weight:700;
  color:var(--vinho);font-size:1.45rem;letter-spacing:.02em;transform:skewX(-6deg);
}
.lockup .cargo{
  font-family:var(--corpo);font-size:.6rem;font-weight:700;line-height:1.15;
  letter-spacing:.1em;text-transform:uppercase;color:var(--vinho);
}
.lockup.claro .letras{color:var(--creme)}
.lockup.claro .numero,.lockup.claro .cargo{color:var(--creme)}

/* ---------- HEADER / NAV ---------- */
.topbar{
  position:sticky;top:0;z-index:60;
  background:rgba(249,242,232,.94);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(96,24,57,.12);
}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:12px;padding-bottom:12px}
.nav{display:flex;align-items:center;gap:24px}
.nav a{text-decoration:none;font-size:.93rem;font-weight:600;color:var(--texto);padding-bottom:3px;border-bottom:2px solid transparent}
.nav a:hover,.nav a.ativo{border-color:var(--laranja);color:var(--vinho)}
.nav a.btn-doar{background:var(--vinho);color:var(--creme);padding:11px 22px;border-radius:999px;border:0}
.nav a.btn-doar:hover{background:var(--laranja);color:var(--vinho)}
.menu-toggle{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--vinho)}

/* ---------- BOTÕES ---------- */
.btn{display:inline-block;text-decoration:none;font-weight:700;font-size:.98rem;padding:15px 32px;border-radius:999px;border:2px solid transparent;transition:.18s;cursor:pointer;font-family:var(--corpo)}
.btn-primario{background:var(--vinho);color:var(--creme)}
.btn-primario:hover{background:var(--laranja);color:var(--vinho)}
.btn-secundario{background:transparent;color:var(--vinho);border-color:var(--vinho)}
.btn-secundario:hover{background:var(--vinho);color:var(--creme)}
.btn-claro{background:var(--laranja);color:var(--vinho)}
.btn-claro:hover{background:var(--creme)}
.btns{display:flex;gap:14px;flex-wrap:wrap}
.btns.center{justify-content:center}

/* ---------- CONTAGEM REGRESSIVA ---------- */
.contagem{background:var(--vinho);color:var(--creme);text-align:center;padding:13px 24px}
.contagem .rotulo{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:var(--dourado)}
.contagem .relogio{font-family:var(--display);font-style:italic;font-size:clamp(1.25rem,3.2vw,1.9rem);letter-spacing:.03em;color:#fff;margin-top:2px}
.contagem .relogio span{color:var(--dourado);font-size:.62em;font-family:var(--corpo);font-style:normal;font-weight:700;letter-spacing:.08em}

/* ---------- HERO com grafismo de raios ---------- */
.hero{position:relative;overflow:hidden;padding:96px 0 84px;text-align:center;
  background:linear-gradient(165deg,var(--dourado) 0%,var(--laranja) 100%);color:var(--vinho)}
.hero .raios{position:absolute;inset:-18% -10% auto -10%;height:150%;opacity:.22;pointer-events:none}
.hero .wrap{position:relative;z-index:2}
.hero .oficial{font-size:clamp(2rem,7vw,4.6rem);letter-spacing:.1em;margin-bottom:.15em}
.hero h1{color:var(--vinho);max-width:15ch;margin:0 auto .25em}
.hero .frase-guia{font-family:var(--corpo);font-style:italic;font-size:clamp(1.02rem,2.1vw,1.35rem);color:var(--vinho);max-width:36ch;margin:14px auto 34px;opacity:.9}
.hero .lockup-hero{margin-bottom:26px}

/* ---------- HERO EM DUAS COLUNAS (igual à referência) ---------- */
.hero-duplo{padding:76px 0 84px;background:var(--dourado);text-align:left}
.hero-duplo .grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-duplo h1{color:var(--vinho);margin-bottom:.2em}
.hero-duplo .sub{font-size:1.1rem;color:var(--texto-suave);max-width:44ch}
.hero-duplo .eyebrow{color:var(--vinho)}
.hero-duplo .sub{color:rgba(58,18,38,.82)}

/* Cartaz da campanha (foto + marca), com fallback quando não há imagem */
.cartaz{
  position:relative;overflow:hidden;border-radius:var(--radius);
  background:linear-gradient(160deg,var(--dourado),var(--laranja));
  box-shadow:var(--sombra);aspect-ratio:4/5;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:34px;
}
.cartaz img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.cartaz .conteudo{position:relative;z-index:3}
.cartaz .oficial{font-size:clamp(1.6rem,3.6vw,2.6rem);margin-bottom:8px}
.cartaz .marca-cartaz{margin-top:26px}
.cartaz .placeholder{
  position:relative;z-index:3;font-size:.76rem;letter-spacing:.12em;
  text-transform:uppercase;font-weight:700;color:var(--vinho);opacity:.75;margin-top:18px;
}

/* ---------- FAIXA DE DESTAQUE ---------- */
.faixa{background:var(--vinho);color:var(--creme);text-align:center;padding:64px 0}
.faixa p{
  font-family:var(--titulo);font-weight:700;color:#fff;margin:0 auto;
  font-size:clamp(1.5rem,3.4vw,2.5rem);line-height:1.15;max-width:22ch;
}

/* ---------- REDE / APOIOS (duas colunas) ---------- */
.duas-colunas{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.duas-colunas .imagem{
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--sombra);position:relative;
  background:linear-gradient(160deg,var(--azul),var(--verde));aspect-ratio:1/1;
  display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;
  color:#fff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
}
.duas-colunas .imagem img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.duas-colunas .imagem span{position:relative;z-index:2}

/* ---------- PRIORIDADES ---------- */
.prioridade{background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column}
.prioridade .icone{font-size:1.9rem;line-height:1;margin-bottom:14px}
.prioridade h3{color:var(--vinho);margin-bottom:.4em}
.prioridade p{font-size:.95rem;color:var(--texto-suave);flex:1}
.prioridade a{color:var(--vinho);font-weight:700;text-decoration:none;font-size:.93rem}
.prioridade a:hover{text-decoration:underline}

/* ---------- NÚMEROS / MARCOS ---------- */
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:34px}
.numero .valor{
  font-family:var(--display);font-style:italic;color:var(--vinho);
  font-size:clamp(2.2rem,5vw,3.4rem);line-height:1;display:block;margin-bottom:10px;
}
.numero p{font-size:.97rem;color:rgba(58,18,38,.82);margin:0;max-width:30ch}

/* ---------- NEWSLETTER ---------- */
.newsletter{text-align:center}
.newsletter form{display:flex;gap:12px;max-width:540px;margin:26px auto 0;flex-wrap:wrap;justify-content:center}
.newsletter input{
  flex:1;min-width:250px;padding:15px 18px;border-radius:999px;font-size:1rem;font-family:inherit;
  border:1px solid rgba(96,24,57,.25);background:#fff;
}
.newsletter input:focus{outline:2px solid var(--laranja);outline-offset:1px}

/* ---------- NAVEGAÇÃO SECUNDÁRIA ---------- */
.nav-secundaria{border-bottom:1px solid rgba(96,24,57,.14);background:var(--creme)}
.nav-secundaria .grid{display:grid;grid-template-columns:repeat(4,1fr)}
.nav-secundaria a{text-decoration:none;padding:32px 22px;display:block;border-right:1px solid rgba(96,24,57,.14);transition:.18s}
.nav-secundaria a:last-child{border-right:0}
.nav-secundaria a:hover{background:var(--dourado)}
.nav-secundaria .titulo{font-family:var(--titulo);font-size:1.08rem;font-weight:700;display:block;margin-bottom:5px;color:var(--vinho)}
.nav-secundaria .desc{font-size:.85rem;color:var(--texto-suave);display:block}

/* ---------- SEÇÕES ---------- */
section{padding:78px 0}
.sec-clara{background:#fff}
.sec-creme{background:var(--creme)}
.sec-escura{background:var(--vinho);color:var(--off)}
.sec-azul{background:var(--azul)}
.sec-dourada{background:var(--dourado)}
.sec-verde{background:var(--verde);color:#fff}
.sec-verde h2,.sec-verde h3{color:#fff}
.sec-verde p{color:rgba(255,255,255,.9)}
.sec-verde .eyebrow{color:var(--dourado)}
.sec-azul .eyebrow{color:var(--verde)}
.sec-dourada .eyebrow{color:var(--vinho)}
.sec-escura h2,.sec-escura h3{color:#fff}
.sec-escura .eyebrow{color:var(--dourado)}
.sec-escura p{color:rgba(249,242,232,.88)}
.sec-laranja{background:linear-gradient(160deg,var(--dourado),var(--laranja));color:var(--vinho);position:relative;overflow:hidden}
.sec-laranja .raios{position:absolute;inset:-20% -10% auto -10%;height:150%;opacity:.28;pointer-events:none}
.sec-laranja .wrap{position:relative;z-index:2}
.intro-pagina{padding:66px 0 46px}
.intro-pagina p{max-width:60ch;font-size:1.08rem;color:var(--texto-suave)}

/* ---------- CARDS ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);padding:30px;box-shadow:var(--sombra)}
.card .n{font-family:var(--display);font-style:italic;font-size:1.6rem;color:var(--verde);display:block;margin-bottom:8px}
.card h3{color:var(--vinho)}
.card ul{margin:0;padding-left:18px}
.card li{margin-bottom:9px}

.eixo{background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);padding:40px;margin-bottom:26px;box-shadow:var(--sombra);border-left:6px solid var(--laranja)}
.eixo .rotulo{display:inline-block;background:var(--vinho);color:var(--creme);font-family:var(--corpo);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:16px}
.eixo h3{margin-bottom:.4em;color:var(--vinho);font-size:clamp(1.4rem,2.8vw,2rem)}
.eixo .bloco{margin-top:24px}
.eixo .bloco h4{font-family:var(--corpo);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--verde);margin:0 0 10px;font-weight:800}
.eixo ul{margin:0;padding-left:20px}
.eixo li{margin-bottom:9px}

/* ---------- BIOGRAFIA ---------- */
.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}
.bio .retrato{
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--sombra);position:relative;
  background:linear-gradient(160deg,var(--dourado),var(--laranja));
  aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;
  color:var(--vinho);text-align:center;padding:24px;
  font-family:var(--corpo);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;
}
.bio .retrato .raios{position:absolute;inset:0;opacity:.3}
.bio .retrato span{position:relative;z-index:2}
.bio blockquote{
  margin:30px 0;padding:24px 28px;border-left:5px solid var(--laranja);
  background:var(--creme);border-radius:0 var(--radius) var(--radius) 0;
  font-family:var(--titulo);font-size:1.22rem;font-weight:700;color:var(--vinho);line-height:1.25;
}

/* ---------- FORMAS DE APOIO ---------- */
.formas{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.forma{background:#fff;border-radius:var(--radius);padding:28px;border:1px solid rgba(96,24,57,.13)}
.forma .n{width:38px;height:38px;border-radius:50%;background:var(--laranja);color:var(--vinho);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-style:italic;font-size:1.05rem;margin-bottom:14px}
.forma h3{font-size:1.1rem;color:var(--vinho)}
.forma p{font-size:.93rem;color:var(--texto-suave);margin:0}

/* ---------- FORMULÁRIO ---------- */
.form{background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);padding:40px;box-shadow:var(--sombra);max-width:760px;margin:0 auto}
.campo{margin-bottom:20px}
.campo label{display:block;font-weight:700;font-size:.88rem;margin-bottom:7px;color:var(--vinho)}
.campo input,.campo select,.campo textarea{width:100%;padding:13px 15px;border:1px solid rgba(96,24,57,.25);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--off)}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--laranja);outline-offset:1px}
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}
.checks label{display:flex;align-items:center;gap:9px;font-weight:500;font-size:.93rem;background:var(--off);border:1px solid rgba(96,24,57,.18);border-radius:12px;padding:12px 14px;cursor:pointer;color:var(--texto)}
.checks input{width:auto;margin:0}
.aviso-form{font-size:.81rem;color:var(--texto-suave);margin-top:14px}

/* ---------- DOWNLOADS ---------- */
.downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.download{background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column}
.download h3{font-size:1.08rem;margin-bottom:.35em;color:var(--vinho)}
.download p{font-size:.92rem;color:var(--texto-suave);flex:1}
.tag{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;padding:7px 13px;border-radius:999px;align-self:flex-start;text-decoration:none}
.tag-breve{background:var(--off);color:var(--texto-suave)}
.tag-ok{background:var(--laranja);color:var(--vinho)}

/* ---------- CTA ---------- */
.cta-final{text-align:center}
.cta-final p{max-width:52ch;margin-left:auto;margin-right:auto;font-size:1.06rem}

/* ---------- RODAPÉ ---------- */
footer{background:var(--vinho);color:var(--off);padding:68px 0 30px}
footer a{color:var(--dourado);text-decoration:none}
footer a:hover{text-decoration:underline}
.rodape-topo{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:46px;padding-bottom:44px;border-bottom:1px solid rgba(249,242,232,.18)}
.rodape-marca .slogan{font-family:var(--titulo);font-size:1.15rem;font-weight:700;color:var(--creme);margin-top:20px;max-width:24ch;line-height:1.2}
.rodape-marca .cargo-linha{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--dourado);margin-top:14px}
footer h4{font-family:var(--corpo);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dourado);margin:0 0 16px}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:11px}
.rodape-base{padding-top:26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:.8rem;color:rgba(249,242,232,.62)}

/* ---------- RESPONSIVO ---------- */
@media (max-width:900px){
  .hero-duplo .grid{grid-template-columns:1fr;gap:38px}
  .duas-colunas{grid-template-columns:1fr;gap:34px}
  .bio{grid-template-columns:1fr;gap:32px}
  .nav-secundaria .grid{grid-template-columns:1fr 1fr}
  .nav-secundaria a{border-bottom:1px solid rgba(96,24,57,.14)}
  .rodape-topo{grid-template-columns:1fr;gap:32px}
}
@media (max-width:760px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--off);border-bottom:1px solid rgba(96,24,57,.16);padding:10px 24px 20px}
  .nav.aberto{display:flex}
  .nav a{padding:13px 0;border-bottom:1px solid rgba(96,24,57,.10)}
  .nav a.btn-doar{text-align:center;margin-top:12px;border-bottom:0}
  .nav-secundaria .grid{grid-template-columns:1fr}
  .dupla{grid-template-columns:1fr}
  section{padding:58px 0}
  .form,.eixo{padding:26px}
  .hero{padding:70px 0 62px}
}

/* Logo em imagem: assim que assets/logo.png existir, ela substitui a versão em texto */
.lockup img{display:none;height:56px;width:auto}
.lockup.com-imagem img{display:block}
.lockup.com-imagem .letras,.lockup.com-imagem .selo{display:none}
.rodape-marca .lockup img{height:74px}

/* Quando a arte real carrega, o desenho de apoio some */
.lockup.com-imagem .letras{display:none}
.lockup.com-imagem .selo{display:flex}
.cartaz.com-imagem .conteudo,.cartaz.com-imagem .raios{display:none}
.duas-colunas .imagem.com-imagem span{display:none}
.bio .retrato img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:2}
.bio .retrato.com-imagem span,.bio .retrato.com-imagem .raios{display:none}

/* ---------- REALIZAÇÕES ---------- */
.realizacoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.realizacao{
  background:#fff;border:1px solid rgba(96,24,57,.13);border-radius:var(--radius);
  padding:32px;box-shadow:var(--sombra);border-top:6px solid var(--laranja);
  display:flex;flex-direction:column;
}
.realizacao .tag-projeto{
  display:inline-block;align-self:flex-start;background:var(--azul);color:var(--vinho);
  font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  padding:6px 12px;border-radius:999px;margin-bottom:14px;
}
.realizacao h3{color:var(--vinho);margin-bottom:.5em}
.realizacao p{font-size:.95rem;color:var(--texto-suave);flex:1}
.realizacao .destaque{
  font-family:var(--titulo);font-weight:700;color:var(--verde);
  font-size:1.05rem;margin:14px 0 0;flex:none;line-height:1.2;
}


/* ---------- USO DA PALETA ----------
   Dourado #F6B55B ... cor principal, fundos amplos (hero, faixa de números)
   Vinho   #601839 ... estrutura, texto de destaque, rodapé
   Azul    #BBD7E1 ... seção de prioridades, tags e marcações
   Verde   #27604F ... links, ícones, dados de destaque, CTA final
   Laranja #FFA000 ... acento gráfico (bordas, bolhas, hover) — nunca texto pequeno
   Creme / Off-white ... respiro entre blocos
------------------------------------- */
.faixa{border-top:6px solid var(--laranja);border-bottom:6px solid var(--laranja)}
.prioridade{border-top:5px solid var(--verde)}
.prioridade a:hover{color:var(--verde)}
.prioridade .icone{stroke:var(--verde)}
.sec-azul .prioridade{box-shadow:0 12px 38px rgba(39,96,79,.12)}
.sec-verde .btn-secundario{color:#fff;border-color:#fff}
.sec-verde .btn-secundario:hover{background:#fff;color:var(--verde)}
.newsletter input{border-color:rgba(39,96,79,.3)}
.contagem{border-bottom:4px solid var(--laranja)}
.lockup.claro .numero,.lockup.claro .cargo{color:var(--azul)}
footer h4{color:var(--azul)}

/* ---------- FOTOS ---------- */
.foto-card{
  margin:-32px -32px 22px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;
  aspect-ratio:1/1;background:var(--creme);
}
.foto-card img{width:100%;height:100%;object-fit:cover}
.faixa-foto{height:clamp(200px,32vw,380px);overflow:hidden;position:relative}
.faixa-foto img{width:100%;height:100%;object-fit:cover;object-position:center}
.faixa-foto::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(96,24,57,.18),rgba(96,24,57,.05));
}
@media (max-width:760px){.foto-card{margin:-26px -26px 20px}}

/* ---------- MENSAGENS COPIÁVEIS ---------- */
.mensagens{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:32px}
.mensagem{background:#fff;border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.mensagem .quem{
  font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--verde);margin-bottom:12px;
}
.mensagem .texto{font-size:.95rem;color:var(--texto);flex:1;line-height:1.6}
.mensagem .copiar{align-self:flex-start;padding:11px 22px;font-size:.88rem}
.mensagem .copiar.copiado{background:var(--verde);border-color:var(--verde);color:#fff}

/* ---------- CANAIS: INSTAGRAM E WHATSAPP ---------- */
.social-topo{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:2px solid var(--vinho)!important;
  color:var(--vinho);padding:0!important;
}
.social-topo svg{width:19px;height:19px}
.social-topo:hover{background:var(--vinho);color:var(--creme)}

.canais{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:36px;text-align:left}
.canal{
  background:#fff;border-radius:var(--radius);padding:32px;text-decoration:none;
  display:flex;flex-direction:column;border:1px solid rgba(96,24,57,.13);
  box-shadow:var(--sombra);transition:.18s;position:relative;overflow:hidden;
}
.canal:hover{transform:translateY(-3px)}
.canal .icone{display:flex;width:52px;height:52px;border-radius:16px;align-items:center;justify-content:center;margin-bottom:18px}
.canal .icone svg{width:28px;height:28px}
.canal .nome{font-family:var(--titulo);font-weight:700;font-size:1.5rem;color:var(--vinho);line-height:1.1}
.canal .arroba{font-size:.92rem;font-weight:700;margin-bottom:12px}
.canal .desc{font-size:.95rem;color:var(--texto-suave);flex:1;margin-bottom:18px}
.canal .acao{
  align-self:flex-start;font-weight:700;font-size:.92rem;
  padding:12px 24px;border-radius:999px;
}
/* Instagram — o canal em destaque */
.canal-insta{border-top:6px solid var(--laranja)}
.canal-insta .icone{background:var(--dourado);color:var(--vinho)}
.canal-insta .arroba{color:var(--vinho)}
.canal-insta .acao{background:var(--vinho);color:var(--creme)}
.canal-insta .acao:hover{background:var(--laranja);color:var(--vinho)}
/* WhatsApp */
.canal-zap{border-top:6px solid var(--verde)}
.canal-zap .icone{background:var(--azul);color:var(--verde)}
.canal-zap .arroba{color:var(--verde)}
.canal-zap .acao{background:var(--verde);color:#fff}
.canal-zap .acao:hover{background:var(--vinho)}

@media (max-width:760px){
  .social-topo{width:auto;height:auto;border-radius:999px;padding:12px 20px!important;gap:10px}
  .social-topo::after{content:"Instagram";font-size:.93rem;font-weight:600}
}

/* Foto que não pode ser cortada (as quatro gerações) */
.foto-card.inteira{background:var(--creme)}
.foto-card.inteira img{object-fit:contain}