/* Estilos especificos da HOME (frase-destaque v5 + splash opcional),
   extraidos do <style> inline do index.html consolidado (v5), sem alteracao visual.
   Depende das variaveis CSS definidas em main.css (--cyan, --cyan2). */

/* ===== frase-destaque (v5) — frase no respiro azul acima do painel ===== */
.frase-destaque{
  position:absolute; z-index:6; right:0; top:-104px;
  width:max-content; max-width:94%;
  white-space:nowrap;
  margin:0; transform:translateX(-14%);
  color:#f2f9fd; font-weight:800; letter-spacing:-.025em;
  font-size:clamp(1.55rem,2.2vw,2.1rem); line-height:1.16;
  padding:0 0 12px; border-bottom:1px solid #5fd4ff40;
  text-shadow:0 2px 18px #00112688;
}
.frase-destaque br{display:block;}
.frase-destaque b{color:var(--cyan2);font-weight:800;}
.js .frase-destaque{
  opacity:0; transform:translateX(-14%) translateY(30px) scale(.985);
  transition:opacity .9s cubic-bezier(.2,.7,.2,1), transform .9s cubic-bezier(.2,.7,.2,1);
  will-change:opacity,transform;
}
.js .frase-destaque.is-visible{opacity:1; transform:translateX(-14%);}
@media(max-width:900px){
  .hero-visual{padding-top:64px;}
  .frase-destaque{right:auto;left:50%;top:14px;width:min(100%,430px);max-width:none;white-space:normal;text-align:center;transform:translate(-50%,0);}
  .js .frase-destaque{transform:translate(-50%,30px) scale(.985);}
  .js .frase-destaque.is-visible{transform:translate(-50%,0);}
}
@media(prefers-reduced-motion:reduce){
  .js .frase-destaque{opacity:1;transition:none;}
  .js .frase-destaque,.js .frase-destaque.is-visible{transform:translateX(-14%);}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
  .js .frase-destaque,.js .frase-destaque.is-visible{transform:translate(-50%,0);}
}

/* ===== splash de abertura (Opcao A) — inerte por padrao, so via ?a / #a ===== */
.splash-overlay{
  position:fixed; inset:0; z-index:9999; display:none;
  place-items:center; text-align:center; padding:8vw;
  background:linear-gradient(125deg,#011831 0%,#03294e 58%,#064c6d 100%);
  color:#f2f9fd; opacity:1; transition:opacity .6s ease;
}
.splash-overlay.on{display:grid;}
.splash-overlay.hide{opacity:0;pointer-events:none;}
.splash-overlay p{
  margin:0; max-width:20ch; font-weight:800; letter-spacing:-.03em;
  font-size:clamp(1.8rem,5vw,3.6rem); line-height:1.08;
}
.splash-overlay p b{color:var(--cyan2);font-weight:800}
.splash-overlay small{
  display:block;margin-top:22px;color:var(--cyan);
  font-size:.72rem;font-weight:800;letter-spacing:.19em;
}
.js .splash-overlay.on p{
  opacity:0;transform:translateY(24px);
  animation:splashIn .9s cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes splashIn{to{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){
  .js .splash-overlay.on p{animation:none;opacity:1;transform:none;}
  .splash-overlay{transition:none;}
}

/* WhatsApp — botao de contato (padrao navy do site + icone verde, contraste AA) e FAB flutuante */
.wa-contact-btn{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:13px 18px;background:var(--navy);color:#fff;font-weight:800;font-size:.82rem;text-decoration:none;width:fit-content}
.wa-contact-btn svg{fill:#25d366;flex:0 0 auto}
.wa-contact-btn:hover{background:#06345d}
.wa-float{position:fixed;right:20px;bottom:20px;z-index:900;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;box-shadow:0 8px 24px #0004;transition:transform .2s ease,background .2s ease}
.wa-float svg{fill:#fff}
.wa-float:hover{background:#1ebe5a;transform:translateY(-2px)}
@media(max-width:600px){.wa-float{right:14px;bottom:14px;width:52px;height:52px}}

/* ===== PROMOCAO CERTIFICADO DIGITAL — faixa/banner abaixo do header (campanha 19-21/08/2026) ===== */
.cert-promo{background:linear-gradient(120deg,#021b39 0%,#06345d 55%,#064c6d 100%);color:#fff;border-bottom:2px solid var(--cyan);position:relative;overflow:hidden}
.cert-promo:before{content:"";position:absolute;inset:0;opacity:.10;background-image:linear-gradient(#5ed5ff 1px,transparent 1px),linear-gradient(90deg,#5ed5ff 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 78%);mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}
.cert-promo-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:22px 7vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px 40px}
.cert-promo-text{display:flex;flex-direction:column;gap:12px;min-width:min(100%,340px)}
.cert-promo-badge{align-self:flex-start;background:var(--cyan);color:var(--navy);font-weight:800;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:2px}
.cert-promo-title{margin:0;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.12;letter-spacing:-.02em;font-weight:800}
.cert-promo-title b{color:var(--cyan2)}
.cert-promo-offers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:14px 30px}
.cert-promo-offers li{display:flex;flex-direction:column}
.cert-promo-type{font-size:.78rem;font-weight:700;color:#cfe4f3;letter-spacing:.02em}
.cert-promo-price{font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:800;color:var(--cyan2);line-height:1}
.cert-promo-old{display:block;font-size:.8rem;font-weight:600;color:#9db8cc;text-decoration:line-through;letter-spacing:.02em;margin-bottom:2px}
.cert-promo-note{margin:0;font-size:.82rem;color:#cfe4f3;font-weight:600}
.cert-promo-cta{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:min(100%,250px)}
.cert-promo-deadline{margin:0;font-size:.82rem;color:#e6f2fb;font-weight:600}
.cert-promo-deadline b{color:var(--cyan2);font-weight:800}
.cert-promo-countdown{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.06em;color:var(--cyan2);min-height:1em}
.cert-promo-btn{display:inline-block;background:var(--cyan);color:var(--navy);font-weight:800;font-size:.9rem;padding:14px 22px;text-decoration:none;border-radius:2px;transition:background .2s ease,transform .2s ease}
.cert-promo-btn:hover{background:var(--cyan2);transform:translateY(-2px)}
.cert-promo-link{font-size:.8rem;font-weight:800;color:#fff;text-decoration:underline;text-underline-offset:3px}
.cert-promo-link:hover{color:var(--cyan2)}
@media(max-width:760px){.cert-promo-inner{flex-direction:column;align-items:flex-start}.cert-promo-cta{align-items:stretch;width:100%}.cert-promo-btn{text-align:center}}

/* ===== SECAO CERTIFICADO DIGITAL — outros modelos (sem preco) + orcamento por e-mail ===== */
.cert-models{background:var(--paper)}
.cert-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}
.cert-col{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cert-col h3{margin:0 0 16px;font-size:1.15rem;color:var(--navy)}
.cert-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cert-col li{position:relative;padding-left:20px;font-size:.9rem;color:#3d4f5f}
.cert-col li:before{content:"\2192";position:absolute;left:0;color:var(--cyan);font-weight:800}
.cert-orcamento{margin-top:45px;background:var(--navy);color:#fff;padding:40px clamp(24px,4vw,48px);display:grid;grid-template-columns:.9fr 1.1fr;gap:38px;align-items:start}
.cert-orcamento-intro .kicker{color:var(--cyan)}
.cert-orcamento-intro h3{margin:.15em 0 10px;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em}
.cert-orcamento-intro p{margin:0 0 12px;color:#cfe0ee;max-width:520px;font-size:.95rem}
.cert-orcamento-intro p a{color:var(--cyan2);font-weight:700}
.cert-orc-msg{font-weight:700;font-size:.88rem;padding:12px 14px;border-radius:3px;margin:14px 0 0}
.cert-orc-ok{background:#0f3d2c;color:#8ff3c4}
.cert-orc-erro{background:#40161a;color:#ffb0b0}
.cert-orc-erro a{color:#ffd6d6}
.cert-orcamento-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cert-orcamento-form label{font-size:.76rem;font-weight:800;display:flex;flex-direction:column;gap:6px;color:#dcebf6}
.cert-orcamento-form input,.cert-orcamento-form select,.cert-orcamento-form textarea{width:100%;padding:12px;border:1px solid #35597a;background:#0a2544;color:#fff;font:inherit}
.cert-orcamento-form .wide{grid-column:1/-1}
.cert-orcamento-form button{padding:15px;border:0;background:var(--cyan);color:var(--navy);font-weight:800;font-size:.88rem;cursor:pointer;transition:background .2s ease}
.cert-orcamento-form button:hover{background:var(--cyan2)}
.cert-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;margin:0}
@media(max-width:760px){.cert-cols{grid-template-columns:1fr}.cert-orcamento{grid-template-columns:1fr}.cert-orcamento-form{grid-template-columns:1fr}}

/* ===== DESENVOLVIMENTO DE SITES — CTA de nova frente de negocio (2026-08-07, Paulo/dev) =====
   Pre-avaliacao: no submit o JS monta a mensagem e abre o WhatsApp ja preenchido; em paralelo,
   como "melhor esforco", tenta enviar por e-mail via admin-post/wp_mail (depende de SMTP no
   servidor, ainda nao confirmado). Sem JS, o formulario faz POST normal (so e-mail best-effort). */
.dev-cta{position:relative;overflow:hidden;background:linear-gradient(125deg,#011831 0%,#03294e 58%,#064c6d 100%);color:#fff;padding:78px 7vw}
.dev-cta:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(#5ed5ff 1px,transparent 1px),linear-gradient(90deg,#5ed5ff 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 72% 28%,#000,transparent 72%);mask-image:radial-gradient(circle at 72% 28%,#000,transparent 72%);pointer-events:none}
.dev-cta-inner{position:relative;z-index:1;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.dev-cta-copy .kicker{color:var(--cyan)}
.dev-cta-title{margin:.15em 0 14px;font-size:clamp(1.65rem,3.1vw,2.5rem);line-height:1.12;letter-spacing:-.03em;font-weight:800}
.dev-cta-title b{color:var(--cyan2)}
.dev-cta-lead{margin:0 0 22px;color:#d3e2ef;max-width:560px;font-size:1rem}
.dev-cta-wa{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;background:#25d366;color:#04240f;font-weight:800;font-size:.9rem;text-decoration:none;border-radius:2px;transition:background .2s ease,transform .2s ease}
.dev-cta-wa svg{fill:#04240f;flex:0 0 auto}
.dev-cta-wa:hover{background:#1ebe5a;transform:translateY(-2px)}
.dev-cta-form{position:relative;background:#02182fcc;border:1px solid #5fd4ff40;backdrop-filter:blur(10px);padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dev-cta-form-title{grid-column:1/-1;margin:0;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}
.dev-cta-form label{font-size:.76rem;font-weight:800;display:flex;flex-direction:column;gap:6px;color:#dcebf6}
.dev-cta-form input,.dev-cta-form select,.dev-cta-form textarea{width:100%;padding:12px;border:1px solid #35597a;background:#0a2544;color:#fff;font:inherit}
.dev-cta-form .wide{grid-column:1/-1}
.dev-cta-form button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px;border:0;background:var(--cyan);color:var(--navy);font-weight:800;font-size:.9rem;cursor:pointer;transition:background .2s ease,transform .2s ease}
.dev-cta-form button svg{fill:var(--navy);flex:0 0 auto}
.dev-cta-form button:hover{background:var(--cyan2);transform:translateY(-2px)}
.dev-cta-form small{color:#a9c2d6;font-size:.72rem}
.dev-cta-msg{grid-column:1/-1;margin:0;font-weight:700;font-size:.84rem;padding:11px 13px;border-radius:3px}
.dev-cta-ok{background:#0f3d2c;color:#8ff3c4}
.dev-cta-erro{background:#40161a;color:#ffb0b0}
@media(max-width:760px){.dev-cta-inner{grid-template-columns:1fr}.dev-cta-form{grid-template-columns:1fr}}