/* Layout: inspirado no site da Boatlux SC. Topo branco com as duas marcas, hero em foto, depois a vitrine em três níveis de tamanho: lanchas zero (2 cartões grandes), jets zero (3 cartões médios com a cidade em cima), oportunidades (cartões pequenos). Faixas alternam branco com ondas, azul-claro e azul-marinho */
:root{
  --marinho:#13285C;
  --marinho-2:#0E1F49;
  --ciano:#5CCFF4;
  --gelo:#EAF7FC;
  --branco:#FFFFFF;
  --texto:#1A2B52;
  --suave:#5A6A8A;
  --linha:#BFE6F6;
  --ouro:#F2B531;
  --amarelo:#FFE100;
  --zap:#1FA855;
  --foto:#DDEFF7;
  --f-titulo:"Cinzel","Trajan Pro",Georgia,serif;
  --f-texto:"Questrial","Century Gothic","Segoe UI",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --marinho:#0B1A3F;--marinho-2:#081430;--ciano:#6FD8FA;--gelo:#0F2147;--branco:#132A57;--texto:#E6EFFB;--suave:#A3B4D2;--linha:#24477F;--foto:#1A3566;color-scheme:dark}}
:root[data-theme="dark"]{--marinho:#0B1A3F;--marinho-2:#081430;--ciano:#6FD8FA;--gelo:#0F2147;--branco:#132A57;--texto:#E6EFFB;--suave:#A3B4D2;--linha:#24477F;--foto:#1A3566;color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--branco);color:var(--texto);font-family:var(--f-texto);font-size:17px;line-height:1.65}
.faixa{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.miolo{max-width:1160px;margin:0 auto}
h1,h2,h3{margin:0;text-wrap:balance;font-family:var(--f-titulo);font-weight:600;line-height:1.25;font-variant:small-caps;letter-spacing:.02em}
h1{font-size:clamp(1.8rem,5vw,3.2rem)}
h2{font-size:clamp(1.4rem,3.4vw,2.1rem)}
h3{font-size:1.2rem}
p{margin:0;max-width:64ch}
a{color:inherit}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px}

.ondas{background-color:var(--branco);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='240' viewBox='0 0 600 240'%3E%3Cg fill='none' stroke='%235CCFF4' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M0 60c100-40 200 40 300 0s200-40 300 0'/%3E%3Cpath d='M0 140c100-40 200 40 300 0s200-40 300 0'/%3E%3Cpath d='M0 220c100-40 200 40 300 0s200-40 300 0'/%3E%3C/g%3E%3C/svg%3E");background-size:600px 240px}
.gelo{background:var(--gelo)}
.azul{background:var(--marinho);color:#fff}
section.bloco{padding-block:72px}

.rotulo{display:flex;align-items:center;gap:14px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.rotulo::before,.rotulo::after{content:"";height:1px;width:48px;background:var(--ciano)}
.rotulo.esq::after{display:none}
.azul .rotulo,.hero .rotulo{color:rgba(255,255,255,.85)}
.centro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.centro p{color:var(--suave)}
.azul .centro p{color:rgba(255,255,255,.82)}

.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--marinho);color:#fff;font-weight:700;text-decoration:none;padding:13px 26px;border-radius:999px;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s ease,filter .15s ease;border:0;cursor:pointer}
.botao:hover{transform:translateY(-1px);filter:brightness(1.12)}
.botao.ciano{background:var(--ciano);color:#0E1F49}
.botao.zap{background:var(--zap)}
.botao.contorno{background:transparent;color:var(--texto);border:1.5px solid var(--linha)}

/* topo */
.topo{background:#FFFFFF;color:#13285C;padding-block:12px;position:sticky;top:env(safe-area-inset-top,0px);z-index:20;box-shadow:0 2px 16px -10px rgba(19,40,92,.5)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:#FFFFFF}
.topo .miolo{display:flex;align-items:center;justify-content:space-between;gap:16px}
.marcas{display:flex;align-items:center;gap:18px;min-width:0}
.marcas img{display:block;height:auto}
.marcas .mj{width:200px;max-width:42vw}
.marcas .bl{width:120px;max-width:26vw}
.marcas .x{width:1px;height:28px;background:#BFE6F6}
.menu{display:flex;gap:20px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}
.menu a{text-decoration:none;color:#13285C}
.menu a:hover{color:#1C8FC0}
.topo .botao{padding:9px 18px}

/* hero */
.hero{position:relative;color:#fff;background:#0E1F49 url("../img/focker-272-4.jpg") center 55%/cover no-repeat;padding-block:clamp(84px,14vw,150px)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,31,73,.35),rgba(14,31,73,.78))}
.hero .miolo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.hero p{font-size:1.1rem;color:rgba(255,255,255,.92)}
.acoes{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* galeria (todas as fotos de cada embarcação) */
.galeria{position:relative;background:var(--foto)}
.trilho{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3;max-width:100%}
.trilho::-webkit-scrollbar{display:none}
.trilho img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block}
.trilho img.inteira{object-fit:contain;padding:10px}
.trilho img.studio{object-fit:contain;padding:22px;background:radial-gradient(circle at 50% 60%,#FFFFFF,var(--foto))}
.seta{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#13285C;font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px -6px rgba(0,0,0,.4)}
.seta.ant{left:10px}.seta.prox{right:10px}
.pontos{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}
.pontos i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 0 0 1px rgba(19,40,92,.25)}
.pontos i.on{background:#fff;width:18px;border-radius:4px}
.selo{position:absolute;top:12px;left:12px;z-index:2;background:var(--ouro);color:#3A2600;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.selo.zero{background:var(--amarelo);color:#13285C}
.legenda-foto{position:absolute;bottom:8px;right:10px;font-size:.66rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}

/* nível 1: lanchas zero */
.lanchas .grade{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:40px}
.lancha{background:var(--branco);border:1.5px solid var(--linha);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 40px -26px rgba(19,40,92,.55);min-width:0}
.lancha .corpo{padding:24px 26px 28px;display:flex;flex-direction:column;gap:14px;flex:1}
.cidade-tag{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#1C8FC0;font-weight:700}
.lancha h3{font-size:1.6rem}
.lancha .resumo{color:var(--suave)}
.dados{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}
.dados div{background:var(--gelo);border-radius:12px;padding:10px 12px;min-width:0}
.dados dt{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.dados dd{margin:0;font-weight:700;font-size:.98rem;line-height:1.3}
.itens{columns:2;column-gap:24px;margin:0;padding-left:18px;color:var(--suave);font-size:.93rem}
.itens li{break-inside:avoid;margin-bottom:3px}
details.ficha{border-top:1px solid var(--linha);padding-top:10px}
details.ficha summary{cursor:pointer;font-weight:700;font-size:.92rem;color:#1C8FC0;list-style:none}
details.ficha summary::-webkit-details-marker{display:none}
details.ficha summary::after{content:" +"}
details.ficha[open] summary::after{content:" −"}
details.ficha .itens{margin-top:10px}
.lancha .botao{align-self:flex-start;margin-top:auto}

/* nível 2: jets zero */
.jets-zero .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.jet{display:flex;flex-direction:column;gap:12px;min-width:0}
.jet .cidade{font-family:var(--f-titulo);font-variant:small-caps;font-size:1.35rem;font-weight:600;text-align:center;line-height:1.2}
.jet .cidade small{display:block;font-family:var(--f-texto);font-variant:normal;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#1C8FC0;font-weight:700;margin-top:2px}
.jet .cartao{background:var(--branco);border:1.5px solid var(--linha);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;flex:1;box-shadow:0 12px 30px -22px rgba(19,40,92,.55)}
.jet .corpo{padding:16px 18px 20px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;flex:1}
.jet h3{font-size:1.15rem}
.jet .meta{font-size:.9rem;color:var(--suave)}
.jet .botao{margin-top:auto;padding:11px 20px;font-size:.78rem}
.ficha-jet{margin-top:28px;background:var(--branco);border:1.5px solid var(--linha);border-radius:18px;padding:22px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ficha-jet div{min-width:0}
.ficha-jet dt{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.ficha-jet dd{margin:0;font-weight:700}

/* nível 3: oportunidades */
.oportunidades .grade{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.op{background:var(--branco);border:1px solid var(--linha);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.op .trilho{aspect-ratio:1/1}
.op .corpo{padding:12px 14px 14px;display:flex;flex-direction:column;gap:2px}
.op h3{font-size:1rem}
.op .meta{font-size:.82rem;color:var(--suave);line-height:1.4}
.op .selo{font-size:.62rem;padding:3px 8px;top:8px;left:8px}
.op .seta{width:30px;height:30px;font-size:1rem}
.nota{margin:22px auto 0;font-size:.88rem;color:var(--suave);text-align:center}

/* vantagens */
.vantagens .grade{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px}
.vantagem{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:2px solid var(--ciano);min-width:0}
.vantagem h3{color:#fff}
.vantagem p{color:rgba(255,255,255,.82)}
.vantagem svg{width:42px;height:42px;color:var(--ciano)}

/* reservas */
.passos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:n}
.passos li{counter-increment:n;background:var(--branco);border:1.5px solid var(--linha);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.passos li::before{content:counter(n);font-family:var(--f-titulo);font-size:2rem;color:var(--ciano);line-height:1}
.passos p{color:var(--suave)}

/* cidades */
.locais{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.local{background:var(--branco);border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px;border:1.5px solid var(--linha);min-width:0}
.local p{color:var(--suave);font-size:.98rem}
.regiao{margin:28px auto 0;text-align:center;color:var(--suave)}

/* condições */
.condicoes .miolo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.condicoes .centro{grid-column:1/-1;margin-bottom:12px}
.bloco-c{border:1.5px solid rgba(255,255,255,.22);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:10px}
.bloco-c p{color:rgba(255,255,255,.82)}

/* jets e guarda */
.extra .miolo{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:center}
.extra figure{margin:0;border-radius:20px;overflow:hidden;max-width:100%}
.extra figure img{display:block;width:100%;height:auto}
.extra .texto{display:flex;flex-direction:column;gap:18px;min-width:0}
.extra .texto p{color:var(--suave)}

/* faq */
.faq{display:grid;gap:12px;max-width:820px;margin:40px auto 0}
.faq details{background:var(--branco);border:1.5px solid var(--linha);border-radius:14px;padding:4px 22px}
.faq summary{cursor:pointer;font-weight:700;padding-block:15px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--ciano);font-size:1.4rem;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:16px;color:var(--suave)}

.final{padding-block:80px}
.final .numero{font-family:var(--f-titulo);font-size:1.25rem;letter-spacing:.06em;user-select:all;color:var(--ciano)}

footer{background:var(--marinho-2);color:rgba(255,255,255,.72);padding-block:26px;font-size:.86rem}
footer .miolo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}

.flutuante{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:60px;height:60px;border-radius:50%;background:var(--zap);display:grid;place-items:center;box-shadow:0 0 0 6px #13285C,0 10px 24px -6px rgba(0,0,0,.45)}
.flutuante svg{width:30px;height:30px;color:#fff}

@media (max-width:1000px){
  .menu{display:none}
  .oportunidades .grade{grid-template-columns:repeat(3,1fr)}
  .ficha-jet{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .lanchas .grade,.jets-zero .grade,.vantagens .grade,.passos,.locais,.condicoes .miolo,.extra .miolo{grid-template-columns:1fr}
  .oportunidades .grade{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .itens{columns:1}
  .dados{grid-template-columns:1fr 1fr}
  .rotulo::before,.rotulo::after{width:24px}
  .marcas{gap:10px}.marcas .x{display:none}
  .topo .botao{display:none}
  .marcas .mj{width:150px}
  .marcas .bl{width:92px}
}
@media (prefers-reduced-motion:reduce){.botao{transition:none}.trilho{scroll-behavior:auto}}

/* páginas de cidade */
.trilha{font-size:.8rem;letter-spacing:.06em;color:rgba(255,255,255,.85);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.trilha a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}
.hero.cidade-hero{padding-block:clamp(64px,10vw,110px)}
.intro-cidade{padding-block:56px}
.intro-cidade .miolo{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center}
.intro-cidade p{color:var(--suave);font-size:1.05rem}
.resumo-cidade{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:6px 0 0;padding:0}
.resumo-cidade li{background:var(--gelo);border:1px solid var(--linha);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:700}
.lancha.destaque-unico{max-width:760px;margin:40px auto 0}
.jets-zero .grade.um{grid-template-columns:minmax(0,420px);justify-content:center}
.oportunidades .grade.tres{grid-template-columns:repeat(3,1fr)}
.oportunidades .grade.cinco{grid-template-columns:repeat(3,1fr)}
.outras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:36px}
.outra{display:flex;flex-direction:column;gap:6px;background:var(--branco);border:1.5px solid var(--linha);border-radius:16px;padding:20px 22px;text-decoration:none;transition:transform .15s ease}
.outra:hover{transform:translateY(-2px)}
.outra b{font-family:var(--f-titulo);font-variant:small-caps;font-size:1.15rem}
.outra span{color:var(--suave);font-size:.92rem}
.outra em{font-style:normal;color:#1C8FC0;font-weight:700;font-size:.85rem}
.texto-longo{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.texto-longo p{color:var(--suave);max-width:none}
.texto-longo h2{margin-top:12px}
.dois{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.caixa{background:var(--branco);border:1.5px solid var(--linha);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.caixa p{color:var(--suave)}
.link-cidade{color:inherit;text-decoration:none;border-bottom:2px solid var(--ciano)}
.link-cidade:hover{color:#1C8FC0}
a.local{text-decoration:none;transition:transform .15s ease}
a.local:hover{transform:translateY(-2px)}
a.local em{font-style:normal;color:#1C8FC0;font-weight:700;font-size:.85rem}
.lancha .acoes-card{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.preco{display:flex;flex-direction:column;gap:2px;color:var(--texto)}
.preco strong{font-family:var(--f-titulo);font-size:1.35rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}
.preco .de{font-size:.82rem;text-decoration:line-through;color:var(--suave)}
.lancha .preco strong{font-size:1.6rem}
.jet .preco{align-items:center}
.op .preco{margin-top:6px}
.op .preco strong{font-size:1.1rem}
.topo-acoes{display:flex;align-items:center;gap:14px}
.ig-topo{display:inline-flex;align-items:center;gap:7px;color:#13285C;text-decoration:none;font-size:.82rem;font-weight:700}
.ig-topo:hover{color:#1C8FC0}
.ig-topo svg,.ig-rodape svg{width:20px;height:20px;flex:none}
.botao.ig{background:linear-gradient(45deg,#F58529,#DD2A7B 45%,#8134AF 75%,#515BD4);color:#fff;border:0}
.botao.ig .ig-ico>rect:first-of-type{fill:transparent}
.botao.ig svg{width:20px;height:20px}
.ig-rodape{display:inline-flex;align-items:center;gap:7px;color:inherit}
@media (max-width:1000px){.ig-topo span{display:none}}
@media (max-width:520px){.topo-acoes .botao{display:none}.ig-topo svg{width:24px;height:24px}}
.sub-op{font-family:var(--f-titulo);font-variant:small-caps;font-size:1.35rem;margin:40px 0 0;display:flex;align-items:center;gap:14px}
.sub-op::after{content:"";flex:1;height:1px;background:var(--linha)}
.grade-lanchas-op{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}
.lancha-op h3{font-size:1.2rem}
.lancha-op .corpo{padding:18px 20px 22px;gap:12px}
.lancha-op .resumo{font-size:.95rem}
.lancha-op .dados{grid-template-columns:repeat(2,1fr)}
.lancha-op .dados dd{font-size:.9rem}
.lancha-op .trilho img.inteira{background:var(--foto)}
.oportunidades .sub-op + .grade{margin-top:22px}
@media (max-width:1000px){.grade-lanchas-op{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grade-lanchas-op{grid-template-columns:1fr}}
@media (max-width:860px){.outras,.dois,.oportunidades .grade.tres,.oportunidades .grade.cinco{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.outras,.dois{grid-template-columns:1fr}}

/* todo botão que abre o WhatsApp fica verde */
a.botao[href*="wa.me"]{background:var(--zap);color:#fff;border:0}
/* menu com submenu de cotas */
.menu{align-items:center}
.drop{position:relative}
.drop>button{background:none;border:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:#13285C;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:6px}
.drop>button::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.drop-lista{position:absolute;top:100%;left:-16px;background:#FFFFFF;border:1px solid #BFE6F6;border-radius:12px;box-shadow:0 14px 30px -14px rgba(19,40,92,.45);padding:8px;display:none;flex-direction:column;min-width:220px;z-index:30}
.drop:hover .drop-lista,.drop:focus-within .drop-lista{display:flex}
.drop-lista a{padding:9px 12px;border-radius:8px}
.drop-lista a:hover{background:#EAF7FC}
.menu-mob{display:none}
@media (max-width:1000px){
  .menu-mob{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:10px 0 2px;margin-top:8px;border-top:1px solid #E3F1F8}
  .menu-mob::-webkit-scrollbar{display:none}
  .menu-mob a{flex:none;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:#13285C;border:1px solid #BFE6F6;border-radius:999px;padding:6px 12px;background:#FFFFFF}
  .topo .miolo{flex-wrap:wrap}
}
@media (min-width:1001px){.menu-mob{display:none!important}}
.menu-mob-wrap{display:none;flex-basis:100%;min-width:0}
@media (max-width:1000px){.menu-mob-wrap{display:block}}

/* serviços na inicial */
.dois-servicos{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px}
.servico{display:flex;flex-direction:column;background:var(--branco);border:1.5px solid var(--linha);border-radius:22px;overflow:hidden;text-decoration:none;box-shadow:0 18px 40px -26px rgba(19,40,92,.55);transition:transform .15s ease;min-width:0}
.servico:hover{transform:translateY(-3px)}
.servico figure{margin:0;aspect-ratio:16/10;max-width:100%;overflow:hidden}
.servico img{width:100%;height:100%;object-fit:cover;display:block}
.servico .corpo{padding:24px 26px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.servico h3{font-size:1.5rem}
.servico p{color:var(--suave)}
.servico .botao{align-self:flex-start;margin-top:auto}

/* venda */
.grade-venda{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:40px}
.jv .corpo{padding:22px 24px 26px;gap:12px}
.jv .dados{grid-template-columns:auto auto 1fr}
.jv .trilho img.inteira{background:radial-gradient(circle at 50% 60%,#FFFFFF,var(--foto));padding:16px}
.laudo{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1C8FC0}
.laudo svg{width:18px;height:18px}
.selo.vendido{background:#13285C;color:#fff}
.esgotado{opacity:.7}
.esgotado .galeria{filter:grayscale(.6)}
.riscado{text-decoration:line-through;color:var(--suave)}
.jv .botao{align-self:flex-start;margin-top:auto}
.tres-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px}
a.link-caixa{text-decoration:none;transition:transform .15s ease}
a.link-caixa:hover{transform:translateY(-2px)}
a.link-caixa em{font-style:normal;color:#1C8FC0;font-weight:700;font-size:.9rem}

/* guarda */
.passos.quatro{grid-template-columns:repeat(4,1fr)}
.planos{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:40px;align-items:stretch}
.plano{position:relative;background:var(--branco);border:1.5px solid var(--linha);border-radius:18px;padding:26px 18px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.plano h3{font-size:1.1rem}
.plano .valor{margin:0;display:flex;align-items:baseline;gap:4px}
.plano .valor strong{font-family:var(--f-titulo);font-size:1.6rem;font-variant-numeric:tabular-nums}
.plano .valor small{color:var(--suave);font-size:.9rem}
.plano.destaque{border-color:#13285C;border-width:2px;box-shadow:0 18px 40px -24px rgba(19,40,92,.6)}
.plano .tag{position:absolute;top:-12px;background:#13285C;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.mosaico{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px;margin-top:40px}
.mosaico figure{margin:0;position:relative;border-radius:16px;overflow:hidden;min-width:0}
.mosaico img{width:100%;height:100%;object-fit:cover;display:block}
.mosaico .m1{grid-column:1;grid-row:1/3}
.mosaico .m2{grid-column:2;grid-row:1}
.mosaico .m4{grid-column:3;grid-row:1}
.mosaico .m5{grid-column:4;grid-row:1}
.mosaico .m3{grid-column:2/5;grid-row:2}
.mosaico figcaption{position:absolute;left:10px;bottom:10px;background:rgba(14,31,73,.78);color:#fff;font-size:.78rem;padding:4px 10px;border-radius:999px}
.diferenciais{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.diferenciais li{background:var(--gelo);border:1px solid var(--linha);border-radius:999px;padding:7px 16px;font-weight:700;font-size:.9rem}

@media (max-width:1000px){
  .planos{grid-template-columns:repeat(3,1fr)}
  .passos.quatro{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .dois-servicos,.grade-venda,.tres-cols{grid-template-columns:1fr}
  .mosaico{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 180px 200px}
  .mosaico .m1{grid-row:1;grid-column:1/3}
  .mosaico .m2{grid-column:1;grid-row:2}
  .mosaico .m4{grid-column:2;grid-row:2}
  .mosaico .m5{grid-column:1/3;grid-row:3}
  .mosaico .m3{grid-column:1/3;grid-row:4}
}
@media (max-width:560px){
  .planos{grid-template-columns:1fr 1fr}
  .passos.quatro{grid-template-columns:1fr}
  .plano.destaque{grid-column:1/3}
}