:root{--oceano:#0b3a5b;--oceano-escuro:#072a43;--sol:#f4a83a;--sol-claro:#ffd48a;--areia:#fbf6ee;--coral:#e8634a;--verde:#1f7a4d;--texto:#072a43;--serif:"Fraunces",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--areia);color:var(--texto);font-family:var(--sans);line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}a{color:inherit}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
h1,h2,h3{font-family:var(--serif);color:var(--oceano);line-height:1.08;margin:0}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:700}h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}h3{font-size:1.25rem;font-weight:700}
.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(11,58,91,.7);font-weight:600;margin:0 0 .75rem}
.lead{font-size:1.15rem;color:rgba(7,42,67,.8);max-width:40rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.9rem 1.6rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,box-shadow .2s;border:1px solid transparent;cursor:pointer;font-size:1rem}
.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--oceano);color:#fff}.btn-primary:hover{background:var(--oceano-escuro)}
.btn-sol{background:var(--sol);color:var(--oceano-escuro)}.btn-sol:hover{background:var(--sol-claro)}
.btn-ghost{border-color:rgba(11,58,91,.3);color:var(--oceano);background:rgba(255,255,255,.5)}.btn-ghost:hover{border-color:var(--oceano)}
.btn-wa{background:#1f8f4e;color:#fff}.btn-wa:hover{background:#177a41}
/* header */
.topo{position:sticky;top:0;z-index:50;background:rgba(251,246,238,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(11,58,91,.08)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.marca{font-family:var(--serif);font-weight:700;font-size:1.35rem;color:var(--oceano);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.marca .selo{font-family:var(--sans);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;background:var(--sol);color:var(--oceano-escuro);border-radius:999px;padding:.2rem .55rem;font-weight:700}
.nav{display:flex;gap:1.5rem;align-items:center}.nav a{text-decoration:none;font-weight:500;color:rgba(7,42,67,.85);font-size:.95rem}.nav a:hover{color:var(--oceano)}
.nav .btn{padding:.6rem 1.1rem;font-size:.9rem}
.menu-btn{display:none;background:none;border:1px solid rgba(11,58,91,.25);border-radius:999px;padding:.5rem .8rem;color:var(--oceano);font:inherit}
@media (max-width:820px){.nav{display:none;position:absolute;left:0;right:0;top:68px;background:var(--areia);flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.5rem;border-bottom:1px solid rgba(11,58,91,.1);gap:1rem}.nav.aberto{display:flex}.menu-btn{display:inline-block}}
/* hero */
.hero{position:relative;overflow:hidden;padding:5.5rem 0 4rem}
.hero .sol{position:absolute;right:-12rem;top:-12rem;width:34rem;height:34rem;border-radius:50%;background:radial-gradient(circle at 40% 40%,rgba(244,168,58,.55),rgba(244,168,58,.05) 60%,transparent 70%);filter:blur(6px);pointer-events:none}
.hero .mar{position:absolute;left:-10rem;bottom:-14rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(11,58,91,.16),transparent 65%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;position:relative}
.hero-acoes{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.hero-foto{border-radius:28px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(7,42,67,.5);aspect-ratio:4/3;transform:rotate(-2deg)}
.hero-foto img{width:100%;height:100%;object-fit:cover}
.selo-flutuante{position:absolute;bottom:-1rem;left:-1rem;background:#fff;border-radius:18px;padding:.8rem 1rem;box-shadow:0 20px 40px -20px rgba(7,42,67,.4);font-size:.9rem;font-weight:600;color:var(--oceano)}
@media (max-width:820px){.hero{padding:3.5rem 0 3rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-foto{transform:none}}
/* sections */
.secao{padding:4.5rem 0}.secao-cabeca{max-width:44rem;margin-bottom:2.25rem}
.cards{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:#fff;border:1px solid rgba(11,58,91,.1);border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:transform .25s,box-shadow .25s}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -28px rgba(7,42,67,.45)}
.card .tag{align-self:flex-start;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--oceano);background:rgba(244,168,58,.25);border-radius:999px;padding:.25rem .6rem}
.card ul{margin:.25rem 0 0;padding-left:1.1rem;color:rgba(7,42,67,.8);font-size:.95rem}.card li{margin:.25rem 0}
.card .rodape{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px dashed rgba(11,58,91,.15);font-size:.9rem;color:rgba(7,42,67,.7)}
.card-foto{padding:0;overflow:hidden}.card-foto img{aspect-ratio:16/10;object-fit:cover;width:100%}.card-foto .corpo{padding:1.25rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.destaque{background:var(--oceano);color:#fff;border-radius:32px;padding:3rem;display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:center;position:relative;overflow:hidden}
.destaque h2,.destaque h3{color:#fff}.destaque p{color:rgba(255,255,255,.82)}.destaque .brilho{position:absolute;right:-8rem;top:-8rem;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(244,168,58,.45),transparent 65%)}
@media (max-width:820px){.destaque{grid-template-columns:1fr;padding:2rem}}
.trust{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.trust div{background:rgba(255,255,255,.7);border:1px solid rgba(11,58,91,.08);border-radius:20px;padding:1.25rem}.trust strong{display:block;color:var(--oceano);font-size:1.05rem;margin-bottom:.25rem}.trust p{margin:0;font-size:.95rem;color:rgba(7,42,67,.78)}
.passos{counter-reset:p;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.passo{background:#fff;border-radius:24px;padding:1.5rem;border:1px solid rgba(11,58,91,.1)}.passo::before{counter-increment:p;content:counter(p);display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--oceano);color:var(--sol-claro);font-family:var(--serif);font-weight:700;font-size:1.2rem;margin-bottom:.9rem}
.passo p{margin:.35rem 0 0;color:rgba(7,42,67,.78);font-size:.95rem}
.depo{background:#fff;border-radius:24px;padding:1.5rem;border:1px solid rgba(11,58,91,.1)}.depo blockquote{margin:0;font-family:var(--serif);font-size:1.15rem;color:var(--oceano);line-height:1.4}.depo footer{margin-top:1rem;font-size:.85rem;color:rgba(7,42,67,.7)}
.faq details{background:#fff;border:1px solid rgba(11,58,91,.1);border-radius:18px;padding:1rem 1.25rem;margin-bottom:.6rem}.faq summary{cursor:pointer;font-weight:600;color:var(--oceano);list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::after{content:"+";font-size:1.3rem;color:var(--sol);line-height:1}.faq details[open] summary::after{content:"–"}.faq p{margin:.75rem 0 0;color:rgba(7,42,67,.8)}
.rodape-site{background:var(--oceano-escuro);color:rgba(255,255,255,.8);padding:3rem 0 2rem;margin-top:3rem}.rodape-site .wrap{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rodape-site a{color:#fff;text-decoration:none}.rodape-site h4{color:#fff;margin:0 0 .5rem;font-family:var(--serif)}.rodape-site .legal{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem;font-size:.8rem;color:rgba(255,255,255,.55)}
.wa-flutuante{position:fixed;right:1.25rem;bottom:1.25rem;z-index:60;box-shadow:0 16px 30px -12px rgba(0,0,0,.4)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}@media (max-width:820px){.split{grid-template-columns:1fr}}
.mock{background:#fff;border-radius:28px;border:1px solid rgba(11,58,91,.1);padding:1.25rem;box-shadow:0 30px 60px -35px rgba(7,42,67,.5)}
.mock .moldura{position:relative;border:2px solid rgba(11,58,91,.5);border-radius:14px;aspect-ratio:125/88;background:var(--areia)}
.mock .foto{position:absolute;left:6%;top:14%;width:26%;height:38%;border-radius:8px;background:rgba(11,58,91,.15)}
.mock .linhas{position:absolute;left:38%;right:8%;top:16%;display:grid;gap:8px}.mock .linhas i{display:block;height:6px;border-radius:4px;background:rgba(11,58,91,.2)}
.mock .faixa{position:absolute;left:3%;right:3%;top:70%;bottom:3%;border:2px dashed var(--sol);border-radius:8px;background:rgba(244,168,58,.12);overflow:hidden}.mock .varre{position:absolute;left:0;right:0;top:0;height:2px;background:var(--sol);box-shadow:0 0 10px 2px rgba(244,168,58,.7)}
.mock .legenda{margin:.9rem 0 0;font-size:.85rem;color:rgba(7,42,67,.7)}
