/* Página de vendas: Cartão Google NFC. Fontes: Arimo (tudo) e Oswald (só o título de preços). */
@font-face{font-family:Arimo;font-weight:400;font-style:normal;font-display:swap;src:url(fonts/arimo-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Arimo;font-weight:500;font-style:normal;font-display:swap;src:url(fonts/arimo-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Arimo;font-weight:600;font-style:normal;font-display:swap;src:url(fonts/arimo-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Arimo;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/arimo-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:700;font-style:normal;font-display:swap;src:url(fonts/oswald-latin-700-normal.woff2) format("woff2")}

:root{
  --azul:#033FB8;
  --marinho:#0B1F4B;
  --dourado:#F5B301;
  --fundo:#F3F7FD;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:Arimo,Arial,Helvetica,sans-serif;color:#111;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
svg text{font-family:Arimo,Arial,Helvetica,sans-serif}
img{max-width:100%}
.wrap{max-width:1440px;margin:0 auto}
.fig{display:block;width:100%;height:auto}
.stage{position:relative;width:100%}
.blk{position:absolute}
.sec{position:relative;overflow:hidden}

/* ---------- Seção 1: hero ---------- */
.hero{background:#fff;overflow:hidden}
.hero-grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:47% 53%;align-items:center;padding:0 0 0 4.2%}
.hero-txt{padding:2.4vw 0}
.hero-k{margin:0 0 .5vw;font-weight:700;font-size:min(2.75vw,40px);line-height:1.1;color:#111}
.hero h1{margin:0;white-space:nowrap;font-weight:700;font-size:min(4vw,58px);line-height:1.06;color:var(--azul);letter-spacing:-.01em}
.hero-lead{margin:1.6vw 0 0;font-size:min(2vw,29px);line-height:1.35;font-weight:400;color:#111}
.hero-ic{list-style:none;margin:2.9vw 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2vw}
.hero-ic li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.9vw;font-weight:700;font-size:min(1.22vw,17.5px);line-height:1.2;color:#111}
.hero-ic-c{width:min(5.9vw,85px);height:min(5.9vw,85px);border:2px solid var(--azul);border-radius:50%;display:grid;place-items:center;color:var(--azul)}
.hero-ic-c svg{width:52%;height:52%}
.hero-selos{list-style:none;margin:2.4vw 0 0;padding:0;display:flex;gap:.9vw}
.hero-selos li{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:.6vw;background:var(--azul);color:#fff;border-radius:.55vw;padding:.95vw .6vw;font-weight:700;font-size:min(1.28vw,18.5px);white-space:nowrap}
.hero-selos svg{width:min(1.8vw,26px);height:min(1.8vw,26px);flex:none}
.hero-art{container-type:inline-size;width:100%;aspect-ratio:1051/905;position:relative}
.artin{position:absolute;left:0;top:0;width:1051px;height:905px;transform-origin:0 0;transform:scale(tan(atan2(100cqw,1051px)))}
.artin>*{position:absolute}
.art-bg{left:0;top:0;width:1051px;height:905px;display:block;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%);mask-image:linear-gradient(90deg,transparent 0,#000 12%)}
.placa3d{left:0;top:0;width:1220px;height:1190px;transform-origin:0 0;filter:drop-shadow(0 6px 10px rgba(0,25,90,.28))}
.placa3d svg{display:block}
.art-mao{display:block}

/* ---------- Seções em bloco (2 a 6) ---------- */
.s2{background:#fff}
.s3{background:#F8FBFE}


.s4{background:#F6FAFD}
.s5{background:linear-gradient(90deg,#F5F9FC 0,#fff 60%)}
.s6,.s8{background:#fff}
.fig image{image-rendering:auto}

/* ---------- Seção 6: faixa azul ---------- */
.s6-bar{background:#003DB3;padding:min(.75vw,11px) 12px}
.s6-bar-in{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:min(2.1vw,30px);color:#fff;font-weight:600;font-size:min(1.32vw,19px);line-height:1.25}
.s6-bar-in i{width:2px;height:min(1.9vw,27px);background:#fff;opacity:.9;flex:none}
.s6-ic{width:min(2.3vw,33px);height:min(2.3vw,33px);flex:none}

/* ---------- Seção 7: preços ---------- */

/* ---------- Seção 8: avaliações ---------- */
.s8w{container-type:inline-size;max-width:1440px;margin:0 auto}
.s8in{--dw:1280;--u:calc(100cqw/var(--dw));padding-bottom:calc(20*var(--u));color:#1F2C4D}
.s8-head{position:relative;height:calc(150*var(--u))}
.s8-head img{position:absolute;display:block}
.l-esq{left:calc(28*var(--u));top:calc(18*var(--u));width:calc(80*var(--u));height:calc(150*var(--u))}
.l-dir{left:calc(1172*var(--u));top:calc(18*var(--u));width:calc(83*var(--u));height:calc(150*var(--u))}
.b-1{left:calc(126*var(--u));top:calc(112*var(--u));width:calc(24*var(--u));height:calc(24*var(--u))}
.b-2{left:calc(1136*var(--u));top:calc(40*var(--u));width:calc(24*var(--u));height:calc(26*var(--u))}
.s8-tit h2{position:absolute;left:0;right:0;top:calc(14*var(--u));margin:0;text-align:center;font-weight:700;font-size:calc(65*var(--u));line-height:calc(76*var(--u));color:#02214D;letter-spacing:-.005em}
.s8-tit p{position:absolute;left:0;right:0;top:calc(86*var(--u));margin:0;text-align:center;font-size:calc(28*var(--u));line-height:calc(38*var(--u));color:#04214A;font-weight:400}
.s8-rule{position:absolute;left:calc(455*var(--u));width:calc(365*var(--u));top:calc(131*var(--u));height:calc(8*var(--u))}
.s8-rule::before{content:"";position:absolute;left:0;right:0;top:calc(2*var(--u));height:calc(3*var(--u));background:linear-gradient(90deg,#D9A63F,#F1C265 50%,#D9A63F);border-radius:2px}
.s8-rule i{position:absolute;left:50%;top:calc(-1*var(--u));width:calc(10*var(--u));height:calc(10*var(--u));margin-left:calc(-5*var(--u));background:#E0A93A;border-radius:50%}
.s8-bar{position:relative;margin:0 auto;width:calc(1030*var(--u));height:calc(99*var(--u));border-radius:calc(22*var(--u));background:#002251;color:#fff;box-shadow:0 calc(6*var(--u)) calc(14*var(--u)) rgba(0,34,81,.22)}
.s8-bar::before,.s8-bar::after{content:"";position:absolute;top:calc(20*var(--u));width:calc(2*var(--u));height:calc(62*var(--u));background:rgba(241,168,27,.55)}
.s8-bar::before{left:calc(348*var(--u))}
.s8-bar::after{left:calc(673*var(--u))}
.s8-bi{position:absolute;top:0;height:100%;display:flex;align-items:center;gap:calc(19*var(--u))}
.s8-bi:nth-child(1){left:calc(51*var(--u))}
.s8-bi:nth-child(2){left:calc(397*var(--u))}
.s8-bi:nth-child(3){left:calc(722*var(--u))}
.s8-bc{flex:none;width:calc(74*var(--u));height:calc(74*var(--u));border-radius:50%;background:#F1A81B;display:grid;place-items:center}
.s8-bc svg{width:52%;height:52%}
.s8-bi b{display:block;font-weight:700;font-size:calc(38*var(--u));line-height:calc(46*var(--u));white-space:nowrap}
.s8-bi small{display:block;font-size:calc(21*var(--u));line-height:calc(30*var(--u));font-weight:400;white-space:nowrap}
#r-nota{font-size:calc(31*var(--u))}
.s8-2l b{font-size:calc(32*var(--u));line-height:calc(33*var(--u))}
.s8-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(13*var(--u)) calc(18*var(--u));margin:calc(16*var(--u)) calc(27*var(--u)) 0}
.rev{display:flex;background:#fff;border:1px solid #E7ECF3;border-radius:calc(14*var(--u));box-shadow:0 calc(2*var(--u)) calc(10*var(--u)) rgba(15,40,90,.06);min-height:calc(150*var(--u));overflow:hidden}
.rev-l{position:relative;flex:none;width:calc(178*var(--u))}
.rev-l::after{content:"";position:absolute;right:0;top:calc(20*var(--u));bottom:calc(20*var(--u));width:1px;background:#E6EBF2}
.av{position:absolute;left:calc(17*var(--u));top:calc(13*var(--u));width:calc(44*var(--u));height:calc(44*var(--u));border-radius:50%;background:#002251;color:#fff;display:grid;place-items:center;font-weight:700;font-size:calc(22*var(--u))}
.nm{position:absolute;left:calc(75*var(--u));top:calc(20*var(--u));font-size:calc(17*var(--u));line-height:calc(22*var(--u));font-weight:700;color:#0B1F4B;white-space:nowrap}
.flag{position:absolute;left:calc(18*var(--u));top:calc(70*var(--u));width:calc(32*var(--u));height:calc(22*var(--u));object-fit:fill;display:block}
.city{position:absolute;left:calc(61*var(--u));top:calc(71*var(--u));font-size:calc(14.5*var(--u));line-height:calc(20*var(--u));white-space:nowrap;color:#1F2C4D}
.ver{position:absolute;left:calc(22*var(--u));top:calc(112*var(--u));display:flex;gap:calc(9*var(--u));color:#08872B;font-weight:500;font-size:calc(16*var(--u));line-height:calc(22*var(--u))}
.ver svg{width:calc(21*var(--u));height:calc(21*var(--u));margin-top:calc(.5*var(--u));flex:none;color:#08872B}
.rev-r{flex:1;min-width:0;padding:calc(13*var(--u)) calc(15*var(--u)) calc(9*var(--u)) calc(14*var(--u))}
.rev-h{display:flex;align-items:center;height:calc(24*var(--u))}
.rev-h svg{width:calc(126*var(--u));height:calc(22*var(--u));flex:none}
.selo{margin-left:calc(8*var(--u));background:#002251;color:#fff;border-radius:999px;padding:0 calc(12*var(--u));height:calc(23*var(--u));display:inline-flex;align-items:center;font-size:calc(13.5*var(--u));font-weight:700;white-space:nowrap}
.data{margin-left:auto;font-size:calc(14*var(--u));color:#59647A;white-space:nowrap}
.txt{margin:calc(6*var(--u)) 0 0;font-size:calc(17*var(--u));line-height:calc(18.5*var(--u));min-height:calc(var(--ln,3)*18.5*var(--u));color:#1F2C4D;overflow-wrap:anywhere}
.thumbs{display:flex;flex-wrap:wrap;gap:calc(14*var(--u));margin-top:calc(10*var(--u))}
.th{width:calc(78*var(--u));height:calc(63*var(--u));border-radius:calc(6*var(--u));overflow:hidden;background:linear-gradient(135deg,#EEF2F7,#DDE4EE);display:grid;place-items:center;color:#9AA7BC}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th svg{width:34%;height:34%}
.resp{margin-top:calc(6*var(--u));background:#E5F3FD;border-radius:calc(10*var(--u));padding:calc(5*var(--u)) calc(12*var(--u)) calc(6*var(--u));display:flex;gap:calc(10*var(--u));font-size:calc(14.5*var(--u));line-height:calc(16.5*var(--u));color:#0B1F4B}
.resp svg{width:calc(18*var(--u));height:calc(18*var(--u));flex:none;margin-top:calc(2*var(--u))}
.resp b{font-weight:700}
.s8-foot{margin:calc(9*var(--u)) calc(39*var(--u)) 0;height:calc(48*var(--u));background:#002251;border-radius:calc(12*var(--u));display:flex;align-items:center;justify-content:space-around;color:#fff;font-size:calc(16.5*var(--u));font-weight:500}
.s8-foot div{display:flex;align-items:center;gap:calc(12*var(--u))}
.s8-foot div+div{position:relative}
.s8-foot svg{width:calc(30*var(--u));height:calc(30*var(--u));flex:none}

.rodape{background:#F3F7FD;color:#4A5875;text-align:center;font-size:14px;padding:22px 16px 90px}
.rodape p{margin:0}
.wa-flut{position:fixed;right:18px;bottom:18px;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:50;transition:transform .15s}
.wa-flut:hover{transform:scale(1.06)}
.wa-flut svg{width:34px;height:34px}

/* ---------- Celular ---------- */
@media (max-width:820px){
  .blk.s4a{order:-1}
  .hero-grid{grid-template-columns:1fr;padding:0}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;padding-bottom:28px}
  .hero-txt{display:contents}
  .hero h1{order:1;font-size:31px;padding:28px 20px 0;white-space:normal}
  .hero-art{order:2;margin-top:14px}
  .hero-lead{order:3;font-size:18px;margin:22px 20px 0}
  .hero-lead .d{display:none}
  .hero-ic{order:4;margin:26px 20px 0;grid-template-columns:repeat(2,1fr);gap:20px 10px}
  .hero-ic li{font-size:15px;gap:8px}
  .hero-ic-c{width:76px;height:76px}
  .hero-selos{order:5;flex-direction:column;gap:10px;margin:24px 20px 0}
  .hero-selos li{padding:12px;border-radius:8px;font-size:17px;gap:10px}
  .hero-selos svg{width:24px;height:24px}
  .stage{aspect-ratio:auto!important;display:flex;flex-direction:column;align-items:center;gap:22px;padding:26px 14px}
  .blk{position:static;width:min(100%,540px)!important;left:auto!important;top:auto!important}
  .s6 .stage{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:14px 12px}
  .s6 .blk.ttl{width:100%!important}
  .s6 .blk.ttl-d{display:none}
  .s6 .blk.ph{width:calc(50% - 8px)!important;max-width:260px}
  .deco{display:none!important}
  .s6-bar-in{flex-direction:column;gap:12px;font-size:17px;text-align:center}
  .s6-bar-in i{width:44px;height:2px}
  .s6-ic{width:40px;height:40px}
  .s6-bar{padding:20px 16px}
    .rodape{padding-bottom:96px}
}
@container (max-width:760px){
  .s8in{--dw:470}
  .s8-head{height:auto;display:flex;flex-direction:column;align-items:center;padding:calc(28*var(--u)) calc(18*var(--u)) calc(18*var(--u))}
  .s8-head img{display:none}
  .s8-tit{position:static;text-align:center}
  .s8-tit h2{position:static;font-size:calc(40*var(--u));line-height:calc(46*var(--u))}
  .s8-tit p{position:static;font-size:calc(21*var(--u));line-height:calc(28*var(--u));margin-top:calc(8*var(--u))}
  .s8-rule{position:relative;left:auto;width:calc(230*var(--u));margin:calc(12*var(--u)) auto 0}
  .s8-bar{width:calc(100% - 24*var(--u));height:auto;display:grid;grid-template-columns:repeat(3,1fr);padding:calc(14*var(--u)) calc(6*var(--u));border-radius:calc(18*var(--u))}
  .s8-bar::before,.s8-bar::after{display:none}
  .s8-bi,.s8-bi:nth-child(n){position:static;flex-direction:column;text-align:center;gap:calc(6*var(--u))}
  .s8-bc{width:calc(46*var(--u));height:calc(46*var(--u))}
  .s8-bi b{font-size:calc(22*var(--u));line-height:calc(26*var(--u));white-space:normal}
  .s8-2l b{font-size:calc(19*var(--u));line-height:calc(22*var(--u))}
  .s8-bi small{font-size:calc(14*var(--u));line-height:calc(18*var(--u))}
  .s8-grid{grid-template-columns:1fr;margin:calc(14*var(--u)) calc(12*var(--u)) 0;gap:calc(10*var(--u))}
  .rev-h{flex-wrap:wrap;height:auto;gap:calc(6*var(--u)) 0}
  .selo{margin-left:calc(8*var(--u))}
  .data{margin-left:auto}
  .s8-foot{margin:calc(12*var(--u)) calc(12*var(--u)) 0;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(14*var(--u)) calc(10*var(--u));padding:calc(16*var(--u)) calc(14*var(--u));font-size:calc(14*var(--u))}
  .s8-foot svg{width:calc(26*var(--u));height:calc(26*var(--u))}
}

/* ---------- Espaçamento entre seções ---------- */
.sec:not(.hero):not(.s7):not(.s8):not(.s6)>.wrap{padding-block:clamp(26px,4.2vw,60px)}
.s6>.wrap{padding-top:clamp(26px,4.2vw,60px)}
.s6>.wrap+.s6-bar{margin-top:clamp(14px,2.4vw,34px)}
.s8in{padding-top:clamp(28px,4.2vw,60px)}

/* ---------- Seção 7: pacotes (cópia da referência, base 1600px) ---------- */
.s7{background:#fff;color:#020618}
.s7w{container-type:inline-size;max-width:1600px;margin:0 auto}
.s7in{--u:calc(100cqw/1600);padding:calc(148*var(--u)) 0 calc(112*var(--u))}
.s7-h{margin:0;text-align:center;font-family:Oswald,"Arial Narrow",sans-serif;font-weight:700;font-size:calc(60*var(--u));line-height:calc(76*var(--u));color:#033FB8}
.s7-p{white-space:nowrap;width:100%;margin:calc(14*var(--u)) auto 0;text-align:center;font-size:calc(19.8*var(--u));line-height:calc(22*var(--u));color:#010101}
.s7-grid{display:grid;grid-template-columns:repeat(3,calc(400*var(--u)));gap:calc(24*var(--u));justify-content:center;margin-top:calc(59*var(--u))}
.pk{position:relative;height:calc(674*var(--u));padding:0 calc(25*var(--u));background:#fff;border:1px solid #E2E8F0;border-radius:calc(24*var(--u));box-shadow:0 calc(2*var(--u)) calc(6*var(--u)) rgba(15,23,42,.08);text-align:center;display:flex;flex-direction:column}
.pk-dest{border:calc(2*var(--u)) solid #00239F}
.pk-pop{position:absolute;left:50%;top:calc(-12*var(--u));transform:translateX(-50%);background:#00239F;color:#fff;font-weight:700;font-size:calc(12.2*var(--u));line-height:calc(24*var(--u));padding:0 calc(12*var(--u));border-radius:999px;white-space:nowrap}
.pk-img{height:calc(198*var(--u));margin-top:calc(27*var(--u));display:flex;align-items:center;justify-content:center;flex:none}
.pk-img img{display:block;max-width:100%;max-height:100%}
.k1 .pk-img img{height:calc(127*var(--u))}
.k3 .pk-img img{width:calc(254*var(--u));transform:translateY(calc(3*var(--u)))}
.k5 .pk-img img{width:calc(276*var(--u));transform:translateY(calc(-13*var(--u)))}
.pk-nome{margin-top:calc(16*var(--u));font-weight:700;font-size:calc(13.4*var(--u));line-height:calc(16*var(--u));letter-spacing:.055em;color:#62748E}
.pk-preco{font-weight:700;font-size:calc(47.5*var(--u));line-height:calc(58*var(--u));color:#020618}
.pk-q{font-size:calc(14*var(--u));line-height:calc(24*var(--u));color:#62748E}
.pk-preco+.pk-q{margin-top:calc(2*var(--u))}
.pk-box{margin-top:calc(22*var(--u));height:calc(84*var(--u));padding-top:calc(14*var(--u));border-radius:calc(14*var(--u));background:#BCCAFC;flex:none}
.pk-box span{display:block;font-size:calc(14*var(--u));line-height:calc(24*var(--u));color:#020618}
.pk-box b{display:block;font-size:calc(18.1*var(--u));line-height:calc(28*var(--u));color:#020618}
.pk-base{background:#F1F5F9}
.pk-base span{color:#62748E}
.pk-base b{font-size:calc(18*var(--u))}
.pk-list{list-style:none;margin:calc(23*var(--u)) 0 0;padding:0 0 0 calc(2*var(--u));display:grid;gap:calc(9*var(--u));text-align:left}
.pk-list li{display:flex;align-items:center;gap:calc(11*var(--u));font-size:calc(14.4*var(--u));line-height:calc(22*var(--u));color:#020618}
.pk-list svg{width:calc(15*var(--u));height:calc(15*var(--u));flex:none}
.kit-btn{display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:calc(25*var(--u));height:calc(44*var(--u));background:#00239F;color:#fff;border-radius:calc(6*var(--u));font-weight:700;font-size:calc(14.1*var(--u));text-decoration:none;transition:filter .15s}
.kit-btn:hover{filter:brightness(1.25)}
.kit-btn:focus-visible{outline:3px solid #F5B301;outline-offset:3px}
.s7-fim{width:calc(672*var(--u));height:calc(186*var(--u));margin:calc(64*var(--u)) auto 0;display:grid;place-items:center;border:1px solid #E2E8F0;border-radius:calc(20*var(--u));box-shadow:0 calc(2*var(--u)) calc(6*var(--u)) rgba(15,23,42,.08)}
.s7-fim p{white-space:nowrap;margin:0;text-align:center;font-size:calc(29.6*var(--u));line-height:calc(35*var(--u));color:#010101;transform:translateY(calc(-3*var(--u)))}
@container (max-width:900px){
  .s7in{--u:calc(100cqw/520);padding:calc(56*var(--u)) calc(20*var(--u)) calc(56*var(--u))}
  .s7-h{font-size:calc(37*var(--u));line-height:calc(48*var(--u))}
  .s7 .d{display:none}
  .s7-p,.s7-fim p{white-space:normal}
  .s7-p{width:auto;margin-top:calc(20*var(--u));font-size:calc(17*var(--u));line-height:calc(25*var(--u))}
  .s7-grid{grid-template-columns:1fr;gap:calc(40*var(--u));margin-top:calc(44*var(--u));max-width:calc(440*var(--u));margin-inline:auto}
  .pk{height:auto;padding-bottom:calc(25*var(--u))}
  .pk-pop{font-size:calc(14*var(--u));line-height:calc(28*var(--u));padding:0 calc(16*var(--u))}
  .pk-img{height:calc(200*var(--u))}
  .pk-nome{font-size:calc(15*var(--u))}
  .pk-preco{font-size:calc(52*var(--u))}
  .pk-q{font-size:calc(16*var(--u))}
  .pk-box{height:auto;padding-bottom:calc(14*var(--u))}
  .pk-box span{font-size:calc(16*var(--u))}
  .pk-box b{font-size:calc(21*var(--u))}
  .pk-list li{font-size:calc(16*var(--u))}
  .pk-list svg{width:calc(18*var(--u));height:calc(18*var(--u))}
  .kit-btn{margin-top:calc(26*var(--u));margin-bottom:0;height:calc(52*var(--u));font-size:calc(17*var(--u))}
  .s7-fim{width:auto;height:auto;margin-top:calc(40*var(--u));padding:calc(26*var(--u)) calc(20*var(--u))}
  .s7-fim p{width:auto;font-size:calc(22*var(--u));line-height:calc(30*var(--u))}
}

.s6 .blk.ttl-m{display:none}
@media (max-width:820px){.s6 .blk.ttl-m{display:block}}