/* ═══════════════════════════════════════════════════
   PALETA — troque estas 10 linhas e o site inteiro muda de cara.
   ═══════════════════════════════════════════════════ */
:root{
  --rosa:        #E8739A;  /* cor primária: botões, destaques */
  --rosa-escuro: #993556;  /* títulos sobre fundo claro */
  --rosa-claro:  #FCE8F0;  /* fundo de seções suaves */
  --azul:        #3A7BD5;  /* títulos de seção, badges */
  --azul-escuro: #2D4D6A;  /* footer */
  --azul-claro:  #E8F0FB;  /* fundo de seções alternadas */
  --verde:       #4CAF50;  /* botão copiar PIX */
  --verde-zap:   #25D366;  /* WhatsApp */
  --fundo:       #FDFAFE;
  --texto:       #1E1E2E;
  --texto-suave: #5A5A6E;

  --raio:        16px;
  --sombra:      0 4px 15px rgba(0,0,0,.08);
  --largura:     680px;   /* largura máxima do conteúdo */
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  font-family:'Poppins',sans-serif;
  background:var(--fundo);
  color:var(--texto);
  line-height:1.6;
  overflow-x:hidden;
}

img{max-width:100%;display:block;}

/* ═══════════ HEADER ═══════════ */
.header{
  position:sticky;top:0;z-index:100;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 18px;
  background:#fff;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.header-brand{display:flex;align-items:center;gap:10px;min-width:0;}
.header-logo{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.header-nome{
  font-size:15px;font-weight:800;color:var(--rosa);
  text-transform:uppercase;letter-spacing:.3px;line-height:1.2;
}
.header-nav{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.nav-link{
  color:var(--azul);font-weight:600;font-size:14px;text-decoration:none;
}
.nav-btn{
  background:var(--rosa);color:#fff;font-weight:700;font-size:14px;
  padding:9px 18px;border-radius:30px;text-decoration:none;
  white-space:nowrap;transition:transform .15s;
}
.nav-btn:hover{transform:scale(1.04);}

/* ═══════════ BANNER ═══════════ */
.banner img{width:100%;height:auto;}

/* ═══════════ VÍDEO ═══════════ */
.video-slot{max-width:var(--largura);margin:0 auto;padding:0;}
.video-player{
  width:100%;display:block;background:#000;aspect-ratio:16/9;
}
.video-play{
  width:76px;height:76px;border-radius:50%;
  background:rgba(255,255,255,.18);border:2.5px solid rgba(255,255,255,.85);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;padding-left:6px;
}
.video-titulo{font-weight:800;font-size:19px;}
.video-nota{
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.6;
}

/* ═══════════ BOTÃO PRINCIPAL ═══════════ */
.btn-principal{
  display:block;width:100%;max-width:340px;margin:0 auto;
  background:var(--rosa);color:#fff;
  font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:.5px;
  text-align:center;text-decoration:none;
  padding:16px 24px;border-radius:30px;
  box-shadow:0 6px 18px rgba(232,115,154,.35);
  transition:transform .15s;
  animation:pulsa 2.4s ease-in-out infinite;
}
.btn-principal:hover{transform:scale(1.03);}
@keyframes pulsa{
  0%,100%{box-shadow:0 6px 18px rgba(232,115,154,.35);}
  50%    {box-shadow:0 6px 26px rgba(232,115,154,.6);}
}
@media (prefers-reduced-motion:reduce){
  .btn-principal{animation:none;}
}

/* ═══════════ CTA TOPO ═══════════ */
.cta-topo{
  background:#fff;padding:20px;text-align:center;
  display:flex;flex-direction:column;gap:10px;align-items:center;
}
.cta-topo-titulo{font-weight:800;font-size:19px;color:var(--rosa-escuro);}
.cta-topo-sub{font-size:13px;color:var(--texto-suave);}

/* ═══════════ INFO INSTITUIÇÃO ═══════════ */
.info-instituicao{
  background:#fff;padding:24px 20px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  border-top:1px solid #F0EAF2;
}
.info-logo{width:64px;height:64px;border-radius:50%;object-fit:cover;}
.info-nome{font-size:17px;font-weight:700;color:var(--rosa-escuro);}
.info-razao-social{
  font-size:11.5px;line-height:1.5;color:var(--texto-suave);
  max-width:430px;margin-top:-4px;
}
.info-grid{
  display:flex;flex-wrap:wrap;justify-content:center;gap:12px;
  width:100%;max-width:var(--largura);
}
.info-item{
  flex:1 1 160px;background:var(--rosa-claro);
  border-radius:12px;padding:12px 14px;
  display:flex;flex-direction:column;gap:2px;
}
.info-label{
  font-size:10px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:var(--rosa);
}
.info-valor{font-size:13px;font-weight:600;color:var(--texto);}

/* ═══════════ CABEÇALHO DE SEÇÃO ═══════════ */
.secao-header{
  display:flex;flex-direction:column;align-items:center;gap:10px;
  text-align:center;
}
.secao-header h2{
  font-size:25px;font-weight:700;color:var(--azul);line-height:1.25;
}
.underline{width:60px;height:4px;border-radius:2px;background:var(--azul);}

/* ═══════════ SEÇÃO IMPACTO ═══════════ */
.secao-impacto{
  background:#fff;padding:40px 18px;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.secao-impacto > *{width:100%;max-width:var(--largura);}

/* Carrossel */
.carrossel{position:relative;}
.carrossel-track{
  position:relative;border-radius:var(--raio);overflow:hidden;
  box-shadow:var(--sombra);background:#fff;
}
.carrossel-slide{display:none;}
.carrossel-slide.ativo{display:block;animation:fade .4s ease;}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* Card pronto — a arte inteira já vem na imagem.
   object-fit:contain em vez de cover: cards de antes/depois têm texto dentro,
   e cover cortaria o nome do animal quando a proporção não bate. */
.ad-imagem{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:var(--rosa-claro);
  display:block;
}

.carrossel-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:40px;height:40px;border:none;border-radius:50%;
  background:var(--rosa);color:#fff;font-size:17px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 10px rgba(0,0,0,.2);
}
.carrossel-btn[data-prev]{left:8px;}
.carrossel-btn[data-next]{right:8px;}

.carrossel-dots{display:flex;justify-content:center;gap:8px;margin-top:14px;}
.dot{
  width:9px;height:9px;border-radius:50%;background:#D0D0D0;
  cursor:pointer;border:none;padding:0;transition:background .2s;
}
.dot.ativo{background:var(--rosa);}

/* Bloco história */
.historia-box{
  background:var(--rosa-claro);border-radius:var(--raio);
  padding:24px 20px;display:flex;flex-direction:column;gap:14px;
}
.historia-badge{
  align-self:flex-start;background:var(--azul);color:#fff;
  font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
  padding:6px 14px;border-radius:20px;
}
.historia-titulo{
  font-size:20px;font-weight:800;color:var(--rosa-escuro);line-height:1.3;
}
.historia-texto{font-size:14.5px;color:var(--texto);line-height:1.75;}

/* Números */
.stats{display:flex;gap:14px;}
.stats .stat{
  flex:1;background:var(--azul-claro);border-radius:var(--raio);
  padding:18px 12px;text-align:center;
  display:flex;flex-direction:column;gap:2px;
}
.stat-icone{font-size:26px;}
.stat-numero{font-size:26px;font-weight:900;color:var(--azul);line-height:1.1;}
.stat-label{font-size:11.5px;font-weight:600;color:var(--texto-suave);}

.destaque-transparencia{
  background:var(--azul-claro);border-left:4px solid var(--azul);
  border-radius:10px;padding:16px 18px;font-size:14px;line-height:1.65;
}

/* ═══════════ PROPÓSITO ═══════════ */
.secao-proposito{
  background:var(--azul-claro);padding:40px 18px;
  display:flex;flex-direction:column;align-items:center;gap:24px;
}
.secao-proposito > *{width:100%;max-width:var(--largura);}
.proposito-cards{display:flex;flex-direction:column;gap:14px;}
.proposito-card{
  background:#fff;border-radius:var(--raio);padding:20px;
  box-shadow:var(--sombra);
}
.proposito-card h3{
  font-size:15px;font-weight:700;color:var(--rosa);
  text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;
}
.proposito-card p{font-size:14.5px;color:var(--texto);line-height:1.7;}

/* ═══════════ VALORES ═══════════ */
.secao-valores{
  background:var(--azul-claro);padding:0 18px 40px;
  display:flex;flex-direction:column;align-items:center;gap:24px;
}
.secao-valores > *{width:100%;max-width:var(--largura);}
.valores-lista{display:flex;flex-direction:column;gap:12px;}
.valor-item{
  background:#fff;border-radius:12px;padding:16px 18px;
  display:flex;align-items:center;gap:14px;
  box-shadow:var(--sombra);
}
.valor-badge{
  background:var(--azul);color:#fff;
  font-size:14px;font-weight:800;white-space:nowrap;
  padding:8px 16px;border-radius:20px;flex-shrink:0;
  display:inline-flex;align-items:center;gap:7px;
}
.valor-coracao{font-size:13px;line-height:1;}
.valor-item p{font-size:14px;line-height:1.55;}
.frase-final{
  text-align:center;font-size:16px;font-weight:700;color:var(--rosa-escuro);
}

/* ═══════════ PIX ═══════════ */
.secao-pix{background:var(--rosa);padding:40px 18px;}
.pix-container{
  max-width:var(--largura);margin:0 auto;
  display:flex;flex-direction:column;gap:20px;
}
.pix-titulo{
  text-align:center;color:#fff;
  font-size:26px;font-weight:900;letter-spacing:.5px;
}
.pix-box{
  background:#fff;border-radius:20px;padding:22px 20px;
  box-shadow:var(--sombra);
  display:flex;flex-direction:column;gap:14px;
}
.pix-box h3{font-size:17px;font-weight:800;color:var(--rosa-escuro);}
.pix-passos{
  display:flex;flex-direction:column;gap:11px;
  padding-left:20px;font-size:14.5px;line-height:1.5;
}
.pix-passos li::marker{color:var(--rosa);font-weight:800;}

.pix-label{
  font-size:11px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:var(--rosa);text-align:center;
}
.pix-chave{
  background:var(--fundo);border:2px dashed var(--rosa);border-radius:12px;
  padding:14px 12px;text-align:center;
  font-size:15px;font-weight:700;color:var(--texto);
  word-break:break-all;
}
.pix-recebedor{
  text-align:center;font-size:12.5px;color:var(--texto-suave);font-weight:600;
}
.pix-recebedor-nota{
  text-align:center;font-size:11.5px;color:var(--rosa-escuro);
  font-weight:600;margin-top:-9px;
}
.btn-copiar{
  background:var(--verde);color:#fff;border:none;cursor:pointer;
  font-family:inherit;font-size:16px;font-weight:700;
  padding:15px 20px;border-radius:50px;
  box-shadow:0 4px 12px rgba(76,175,80,.3);
  transition:transform .15s;
}
.btn-copiar:hover{transform:scale(1.02);}
.pix-sucesso{
  display:none;background:#E8F5E9;color:#2E7D32;
  border-radius:10px;padding:12px;text-align:center;
  font-size:13.5px;font-weight:600;
}
.pix-sucesso.visivel{display:block;animation:fade .3s ease;}

/* ═══════════ WHATSAPP ═══════════ */
.secao-whatsapp{
  background:linear-gradient(135deg,#F5F5F5 0%,#FAFAFA 100%);
  padding:40px 20px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;
}
.secao-whatsapp h2{font-size:23px;font-weight:800;}
.secao-whatsapp p{font-size:14.5px;color:var(--texto-suave);max-width:420px;}
.btn-whatsapp{
  background:var(--verde-zap);color:#fff;text-decoration:none;
  font-weight:700;font-size:16px;
  padding:15px 32px;border-radius:50px;margin-top:6px;
  box-shadow:0 4px 14px rgba(37,211,102,.35);
  transition:transform .15s;
}
.btn-whatsapp:hover{transform:scale(1.03);}

/* ═══════════ LOCALIZAÇÃO ═══════════ */
.secao-local{
  background:var(--rosa-claro);padding:32px 18px;
  display:flex;flex-direction:column;align-items:center;gap:16px;
}
.secao-local > *{width:100%;max-width:var(--largura);}
.secao-local h2{
  font-size:20px;font-weight:700;color:var(--rosa-escuro);text-align:center;
}
.local-grid{display:flex;flex-wrap:wrap;gap:14px;}
.local-item{
  flex:1 1 220px;background:#fff;border-radius:12px;padding:16px;
  font-size:14px;line-height:1.6;
}
.local-item strong{color:var(--rosa-escuro);display:block;margin-bottom:4px;}
.local-mapa{
  width:100%;height:260px;border:0;border-radius:var(--raio);
  box-shadow:var(--sombra);
}

/* ═══════════ FOOTER ═══════════ */
.footer{
  background:var(--azul-escuro);color:#fff;
  padding:32px 20px 90px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:8px;
}
.footer-nome{font-size:18px;font-weight:900;color:var(--rosa);}
.footer-razao{font-size:11.5px;line-height:1.5;opacity:.75;max-width:400px;}
.footer-cnpj{font-size:12.5px;opacity:.85;}
.footer-desc{font-size:13px;opacity:.85;max-width:420px;}
.footer-links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:10px 0;
}
.footer-links a{color:#fff;font-size:13px;text-decoration:none;opacity:.9;}
.footer-links a:hover{opacity:1;text-decoration:underline;}
.footer-copy{font-size:11.5px;opacity:.65;margin-top:6px;}

/* ═══════════ BOTÃO FLUTUANTE ═══════════ */
.float-whatsapp{
  position:fixed;right:14px;bottom:14px;z-index:200;
  display:flex;align-items:center;gap:8px;
  background:var(--verde-zap);color:#fff;text-decoration:none;
  padding:10px 16px;border-radius:50px;
  box-shadow:0 4px 16px rgba(0,0,0,.25);
}
.float-icone{font-size:20px;}
.float-texto{font-size:11.5px;font-weight:700;line-height:1.2;}

/* ═══════════ DESKTOP ═══════════ */
@media (min-width:768px){
  .header{padding:18px 40px;}
  .header-nome{font-size:18px;}
  .secao-header h2{font-size:32px;}
  .historia-titulo{font-size:24px;}
  .pix-titulo{font-size:30px;}
  .proposito-cards{flex-direction:row;}
  .proposito-cards .proposito-card{flex:1;}
  .secao-impacto,.secao-proposito,.secao-valores,.secao-pix{padding-left:40px;padding-right:40px;}
}