/* ===== VARIÁVEIS ===== */
:root{
  --azul:#1e5bb8;        /* azul da marca */
  --azul-escuro:#0f2f5e;
  --amarelo:#f5b400;     /* amarelo da marca */
  --whats:#25d366;
  --texto:#1c2533;
  --cinza:#5a6678;
  --bg-alt:#f4f7fb;
  --borda:#e3e9f2;
  --sombra:0 10px 30px rgba(15,47,94,.10);
  --raio:16px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--texto);line-height:1.6;background:#fff}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;line-height:1.2}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1140px,92%);margin-inline:auto}

/* ===== BOTÕES ===== */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:50px;font-weight:600;font-family:'Poppins',sans-serif;font-size:.95rem;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn--whats{background:var(--whats);color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.35);animation:whats-glow 1.1s infinite}
@keyframes whats-glow{
  0%{box-shadow:0 8px 20px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,.85)}
  70%{box-shadow:0 8px 20px rgba(37,211,102,.35),0 0 0 20px rgba(37,211,102,0)}
  100%{box-shadow:0 8px 20px rgba(37,211,102,.35),0 0 0 0 rgba(37,211,102,0)}
}
.btn--ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}
.btn--header{background:var(--amarelo);color:var(--azul-escuro);font-size:.9rem;padding:.6rem 1.1rem}
.btn--lg{font-size:1.05rem;padding:1rem 2rem}

/* ===== HEADER ===== */
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
.header__inner{display:flex;align-items:center;justify-content:space-between;padding:.7rem 0;gap:1rem}
.logo{display:flex;align-items:center;gap:.55rem}
.logo__img{width:38px;height:38px}
.logo__text{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.15rem;color:var(--azul);letter-spacing:-.02em}
.logo__text strong{color:var(--amarelo)}
.nav{display:flex;gap:1.6rem}
.nav a{font-weight:500;color:var(--cinza);font-size:.95rem;transition:color .15s}
.nav a:hover{color:var(--azul)}

/* ===== HERO ===== */
.hero{position:relative;color:#fff;background:url('assets/img/hero-bg.png') right center/cover no-repeat;background-color:var(--azul-escuro)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(15,47,94,.93) 0%,rgba(15,47,94,.78) 42%,rgba(15,47,94,.25) 100%)}
.hero__content{position:relative;padding:5.5rem 0 5rem;max-width:680px}
.hero__badge{display:inline-block;background:rgba(245,180,0,.18);color:var(--amarelo);border:1px solid rgba(245,180,0,.5);padding:.4rem 1rem;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1.4rem}
.hero h1{font-size:clamp(2rem,5vw,3.3rem);font-weight:800;margin-bottom:1.1rem;letter-spacing:-.02em}
.hero__content>p{font-size:1.12rem;color:#dce6f5;max-width:560px;margin-bottom:1.8rem}
.hero__cta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}
.hero__trust{display:flex;gap:1.6rem;flex-wrap:wrap;list-style:none;font-size:.92rem;color:#cdd9ec}

/* ===== TRUSTBAR ===== */
.trustbar{background:var(--azul);color:#fff}
.trustbar__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1.3rem 0;text-align:center}
.trustbar strong{display:block;font-family:'Poppins',sans-serif;font-size:1.25rem;font-weight:700}
.trustbar span{font-size:.85rem;color:#cfe0f7}

/* ===== SECTIONS ===== */
.section{padding:4.5rem 0}
.section--alt{background:var(--bg-alt)}
.section__head{text-align:center;max-width:680px;margin:0 auto 2.8rem}
.eyebrow{display:inline-block;color:var(--amarelo);font-weight:700;font-family:'Poppins',sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.6rem}
.section__head h2{font-size:clamp(1.6rem,3.5vw,2.3rem);color:var(--azul-escuro);margin-bottom:.8rem}
.section__head p{color:var(--cinza);font-size:1.05rem}

/* ===== GRID DE SERVIÇOS ===== */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.card{background:#fff;border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,47,94,.16)}
.card__img{aspect-ratio:16/11;overflow:hidden;background:var(--bg-alt)}
.card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.card:hover .card__img img{transform:scale(1.05)}
.card__img--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(135deg,#eaf0f9,#dde7f5);color:var(--azul)}
.card__img--placeholder span{font-size:3rem}
.card__img--placeholder small{color:var(--cinza);font-size:.78rem;background:#fff;padding:.15rem .6rem;border-radius:50px}
.card__body{padding:1.4rem}
.card__body h3{color:var(--azul-escuro);font-size:1.2rem;margin-bottom:.45rem}
.card__body p{color:var(--cinza);font-size:.95rem}

/* ===== SOBRE ===== */
.sobre{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.sobre__img img{border-radius:var(--raio);box-shadow:var(--sombra);width:100%}
.sobre__text h2{font-size:clamp(1.6rem,3.5vw,2.3rem);color:var(--azul-escuro);margin-bottom:1rem}
.sobre__text>p{color:var(--cinza);margin-bottom:1.4rem}
.checklist{list-style:none;margin-bottom:1.8rem}
.checklist li{position:relative;padding-left:1.9rem;margin-bottom:.7rem;color:var(--texto);font-weight:500}
.checklist li::before{content:"✔";position:absolute;left:0;color:var(--whats);font-weight:700}

/* ===== FAQ ===== */
.faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}
.faq details{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:0 1.3rem;box-shadow:0 4px 14px rgba(15,47,94,.05)}
.faq summary{cursor:pointer;list-style:none;padding:1.1rem 0;font-family:'Poppins',sans-serif;font-weight:600;color:var(--azul-escuro);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.5rem;color:var(--azul);transition:transform .2s;line-height:1}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 1.2rem;color:var(--cinza);font-size:.96rem}

/* ===== CTA ===== */
.cta{background:linear-gradient(120deg,var(--azul-escuro),var(--azul));color:#fff;text-align:center;padding:4rem 0}
.cta h2{font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:.7rem}
.cta p{color:#d6e3f6;margin-bottom:2rem;font-size:1.1rem}
.cta__buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

/* ===== FOOTER ===== */
.footer{background:var(--azul-escuro);color:#c3d2e8;padding-top:3rem}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:2rem;padding-bottom:2.5rem}
.logo--footer .logo__text{color:#fff}
.footer__desc{margin-top:.8rem;font-size:.9rem;max-width:300px;color:#9fb4d4}
.footer h4{color:#fff;margin-bottom:.9rem;font-size:1rem}
.footer__inner a,.footer__inner span{display:block;font-size:.92rem;margin-bottom:.5rem;color:#a9bcd9;transition:color .15s}
.footer__inner a:hover{color:var(--amarelo)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding:1.2rem 0;font-size:.85rem;color:#8aa0c2}

/* ===== WHATSAPP FLUTUANTE ===== */
.whats-float{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--whats);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.5);animation:pulse 1.1s infinite}
.whats-float:hover{transform:scale(1.08)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.85)}70%{box-shadow:0 0 0 22px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ===== RESPONSIVO ===== */
@media (max-width:880px){
  .nav{display:none}
  .grid{grid-template-columns:repeat(2,1fr)}
  .sobre{grid-template-columns:1fr;gap:2rem}
  .trustbar__inner{grid-template-columns:repeat(2,1fr);gap:1.2rem}
  .footer__inner{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .grid{grid-template-columns:1fr}
  .btn--header{display:none}
  .hero__content{padding:3.5rem 0}
  .footer__inner{grid-template-columns:1fr}
}