/* =====================================================================
   Redesenho de 19/09/2026 -- sobre as MESMAS URLs.
   Carrega por ultimo, entao sobrescreve app-blue/home/conversao por ordem.
   Nada aqui muda conteudo: o corpo das paginas vem do banco.
   ===================================================================== */

/* --- Credenciais do hero (substituiram as metricas de projeto) --- */
.hero-credentials{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.hero-credentials li{position:relative;padding-left:26px;font-size:15px;line-height:1.5;opacity:.92}
.hero-credentials li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:#25d366;box-shadow:0 0 0 3px rgba(37,211,102,.18)}
.hero-credentials strong{font-weight:800}
@media (min-width:900px){.hero-credentials{flex-direction:row;flex-wrap:wrap;gap:10px 28px}
  .hero-credentials li{flex:1 1 240px}}

/* --- WhatsApp como acao primaria --- */
.btn-whatsapp{background:#25d366;border-color:#25d366;color:#07240f}
.btn-whatsapp:hover{background:#1fb855;border-color:#1fb855}

/* --- Bloco de oferta contextual (ver app/Views/partials/oferta_contextual.php) --- */
.offer-box{margin:36px 0;padding:24px;border-radius:16px;border:1px solid rgba(37,211,102,.35);
  background:linear-gradient(180deg,rgba(37,211,102,.10),rgba(37,211,102,.03))}
.offer-box .offer-eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900;color:#25d366}
.offer-box h2,.offer-box h3{margin:0 0 10px;font-size:22px;line-height:1.25}
.offer-box p{margin:0 0 16px;line-height:1.6}
.offer-box .offer-actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:640px){.offer-box{padding:18px}.offer-box h2,.offer-box h3{font-size:19px}
  .offer-box .offer-actions .btn{flex:1 1 100%;text-align:center}}

/* --- Titulos que deixaram de ser heading (ver comentarios nas views) ---
   O visual e o mesmo de antes; o que mudou e a tag, para o sumario de
   H1/H2/H3 conter so o conteudo real da pagina. */
.footer .footer-heading{margin:0 0 4px;font-size:1.17em;font-weight:700;line-height:1.2}
.section.prose p.mid-cta-title{margin:0 0 20px;padding:0;border:0;color:#fff;font-size:24px;line-height:1.25;font-weight:900}
.offer-box .offer-title{margin:0 0 10px;font-size:22px;line-height:1.25;font-weight:800}