/* ==========================================================================
   Amor Eterno — peças comuns a todas as páginas
   (faixa do plantão, logo horizontal, títulos em serifa, aviso de cookies)
   As páginas internas têm o próprio CSS embutido; este arquivo vem depois
   e só alinha o que precisa ficar igual à página inicial.
   ========================================================================== */

/* ---------- faixa do plantão (páginas internas) ---------- */
.plantao{
  background:#00132A;color:#C9D6E8;
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:13.5px;line-height:1.3;
  border-bottom:1px solid rgba(195,138,59,.22);
}
.plantao-interno{
  width:min(1180px,100% - 32px);margin-inline:auto;min-height:36px;
  display:flex;align-items:center;justify-content:center;gap:6px 14px;flex-wrap:wrap;padding:6px 0;
}
.plantao b{font-weight:600;color:#fff}
.plantao a{
  color:#E0B16B;font-family:"IBM Plex Mono",monospace;font-weight:600;text-decoration:none;
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
}
.plantao a:hover{color:#fff}
.plantao a svg{width:14px;height:14px;fill:currentColor}
.plantao .so-largo{display:none}
@media(min-width:640px){.plantao .so-largo{display:inline}}

/* ---------- logo horizontal nas páginas internas ---------- */
.logo-topo img{height:38px!important;width:auto}
@media(max-width:400px){.logo-topo img{height:32px!important}}

/* ---------- títulos em serifa, como na página inicial ---------- */
.capa h1,.secao h2,.plano h3,.lead-texto h2,h2.pergunta,
.abertura .corpo h1,.abertura .foto .faixa b,.cartao .capa-plano .nome,
.faixa-vantagens b,.vazio b,.enviado b{
  font-family:"Fraunces","Iowan Old Style",Georgia,serif!important;
  font-optical-sizing:auto;font-weight:600!important;letter-spacing:-.025em!important;
}

/* ---------- formulário: aviso depois de abrir o WhatsApp ---------- */
.lead-ok{
  margin-top:14px;padding:13px 15px;border-radius:12px;
  background:#EAF6EE;border:1px solid #BFE3CB;color:#1E5A33;font-size:14.5px;line-height:1.45;
}
.lead-ok a{color:#1E5A33;font-weight:700;text-decoration:underline}

/* ---------- aviso de cookies ---------- */
.cookies{
  position:fixed;z-index:58;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));
  max-width:460px;margin-left:auto;
  background:rgba(255,253,249,.97);color:#141C2B;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border:1px solid #E4DFD6;border-radius:18px;padding:16px 18px;
  box-shadow:0 4px 10px rgba(0,27,62,.06),0 22px 52px rgba(0,27,62,.18);
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:14px;line-height:1.5;
  animation:cookies-entra .45s cubic-bezier(.2,.7,.3,1) both;
}
.cookies p{margin:0 0 12px}
.cookies a{color:#003375;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cookies-acoes{display:flex;gap:10px;justify-content:flex-end}
.cookies button{
  font:inherit;font-weight:600;min-height:42px;padding:0 18px;border-radius:11px;cursor:pointer;
  border:1px solid #E4DFD6;background:#fff;color:#141C2B;
}
.cookies button.sim{background:#003375;border-color:#003375;color:#fff}
.cookies button:hover{border-color:#C38A3B}
.cookies.saindo{opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}
@keyframes cookies-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* no celular, o aviso fica acima das barras fixas de baixo */
@media(max-width:939px){.com-cookies .cookies{bottom:calc(84px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cookies{animation:none}}
@media print{.cookies,.plantao{display:none!important}}
