/* 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")}
@font-face{font-family:Montserrat;font-weight:800;font-style:normal;font-display:swap;src:url(fonts/montserrat-latin-800-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;position:relative}
.hero-grid{max-width:1733px;margin:0 auto;position:relative;background-image:url(img/hero-bg.jpg);background-size:100% 100%;background-repeat:no-repeat;aspect-ratio:1733/907}
.hero-txt{position:absolute;left:4%;top:3%;width:52%;height:66%;display:flex;flex-direction:column;justify-content:center;padding:0}
.hero-art{display:none}
.hg-selo{display:flex;align-items:center;gap:.9vw;margin:0 0 1vw}
.hg-g{width:min(4vw,58px);height:min(4vw,58px);flex:none}
.hg-estrelas{display:flex;gap:.15vw}
.hg-estr{color:var(--dourado);font-size:min(2.5vw,36px);line-height:1}
.hg-estr-badge{font-size:min(1.5vw,22px);margin-right:.15vw}
.hero h1{margin:0;font-family:Montserrat,Arial,Helvetica,sans-serif;font-weight:800;font-size:min(5.95vw,108px);line-height:1;color:var(--marinho);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.hg-swoosh{display:block;width:min(30vw,420px);height:14px;margin:.4vw 0 0}
.hero-lead{margin:1vw 0 0;font-size:min(3.07vw,55px);line-height:1.28;font-weight:700;color:var(--marinho)}
.hero-lead span{font-weight:700}
.hg-ic{list-style:none;margin:1.8vw 0 0;padding:0;display:flex;align-items:flex-start;gap:min(5.5vw,80px)}
.hg-ic li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7vw;font-weight:700;font-size:min(1.05vw,15px);line-height:1.25;color:var(--marinho);text-transform:uppercase}
.hg-c{width:min(4.6vw,66px);height:min(4.6vw,66px);border-radius:50%;background:var(--marinho);display:grid;place-items:center;flex:none}
.hg-c svg{width:52%;height:52%}
.hg-glogo{color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:min(2.3vw,32px);line-height:1}
.hg-div{width:2px;align-self:stretch;background:var(--dourado);opacity:.85;flex:none;margin-top:.4vw}
.hg-badge{margin:1.6vw 0 0;align-self:flex-start;display:inline-flex;align-items:center;gap:.6vw;background:var(--marinho);color:#fff;border-radius:99px;padding:.7vw 1.4vw;font-weight:700;font-size:min(1.6vw,26px);max-width:100%}
.hg-badge svg{width:min(1.9vw,27px);height:min(1.9vw,27px);flex:none}
.hg-badge b{color:var(--dourado);font-weight:700}
.hero-art{width:100%;position:relative}
.artin{position:relative;width:100%}
.art-foto{display:block;width:100%;height:auto;border-radius:18px}

/* ---------- 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:#0B1F4B;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(165*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(100*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(148*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));right:calc(14*var(--u));font-size:calc(17*var(--u));line-height:calc(22*var(--u));font-weight:700;color:#0B1F4B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.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}
.av-add{display:flex;justify-content:center;margin:calc(28*var(--u)) calc(27*var(--u)) 0}
.av-card{width:100%;max-width:560px;background:#F7F9FD;border:1px solid #E7ECF3;border-radius:16px;padding:26px 28px;text-align:center}
.av-card h3{margin:0 0 4px;font-size:22px;font-weight:700;color:#02214D}
.av-card>p{margin:0 0 16px;font-size:14px;color:#4A5878}
#av-form{display:grid;gap:10px}
.av-estrelas{display:flex;justify-content:center;gap:6px;margin-bottom:4px}
.av-estr{background:none;border:none;font-size:28px;line-height:1;color:#D9E0EC;cursor:pointer;padding:2px;transition:color .12s}
.av-estr.on{color:#F5A800}
.av-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
#av-form input,#av-form textarea{width:100%;border:1px solid #C7D6F2;border-radius:8px;padding:10px 12px;font-size:14px;font-family:Arimo,Arial,Helvetica,sans-serif;color:#0B1F4B;background:#fff}
#av-form input::placeholder,#av-form textarea::placeholder{color:#8090AC}
#av-form input:focus,#av-form textarea:focus{outline:2px solid #1B3FBF;outline-offset:1px}
#av-form textarea{resize:vertical;min-height:64px}
.av-btn{height:46px;border:none;border-radius:10px;background:#02214D;color:#fff;font-weight:700;font-size:15px;font-family:Arimo,Arial,Helvetica,sans-serif;cursor:pointer;transition:filter .15s,opacity .15s}
.av-btn:hover{filter:brightness(1.15)}
.av-btn:disabled{opacity:.6;cursor:not-allowed}
.av-msg{margin:0;min-height:18px;font-size:13px;color:#4A5878}
.av-file-lbl{text-align:left;font-size:13px;color:#4A5878;margin-top:2px}
#av-form input[type="file"]{border:1px dashed #C7D6F2;border-radius:8px;padding:8px 10px;font-size:13px;background:#fff;color:#4A5878}
.av-preview{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.av-thumb{position:relative;display:block;width:56px;height:56px}
.av-thumb img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid #E7ECF3;display:block}
.av-thumb-x{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;border:none;background:#02214D;color:#fff;font-size:14px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.av-thumb-x:hover{filter:brightness(1.3)}
#av-form input[type="file"]:disabled{opacity:.5;cursor:not-allowed}
.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}
.rodape p{margin:0}
.rodape-links{margin-top:8px !important;font-size:13px}
.rodape-links a{color:#4A5875;text-decoration:underline}
.rodape-links a:hover{color:#1B3FBF}

/* ---------- Celular ---------- */
@media (max-width:820px){
  .blk.s4a{order:-1}
  .hero-grid{background-image:none;aspect-ratio:auto;position:static;display:flex;flex-direction:column;align-items:stretch;padding:0 0 28px}
  .hero-txt{display:contents;position:static;width:auto;height:auto}
  .hg-selo{order:1;margin:24px 20px 0}
  .hg-g{width:34px;height:34px}
  .hg-estr{font-size:20px}
  .hero h1{order:2;font-size:38px;padding:10px 20px 0;line-height:1.02}
  .hg-swoosh{order:3;width:200px;margin:6px 20px 0}
  .hero-lead{order:4;font-size:19px;margin:12px 20px 0}
  .hero-art{display:block;order:5;margin-top:20px}
  .art-foto{border-radius:0}
  .hg-ic{order:6;margin:22px 20px 0;gap:18px;justify-content:center}
  .hg-ic li{font-size:11px;gap:6px}
  .hg-c{width:52px;height:52px}
  .hg-glogo{font-size:22px}
  .hg-badge{order:7;margin:20px 20px 0;font-size:14px;padding:10px 14px;gap:6px;white-space:nowrap}
  .hg-badge svg{width:18px;height:18px}
  .hg-estr-badge{font-size:16px}
  .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:row;flex-wrap:nowrap;gap:6px;font-size:9.5px;font-weight:500;text-align:center;justify-content:center}
  .s6-bar-in span{white-space:nowrap}
  .s6-bar-in i{width:1px;height:12px;opacity:.8}
  .s6-ic{display:none}
  .s6-bar{padding:14px 10px}
}
@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))}
  .av-add{margin:calc(20*var(--u)) calc(12*var(--u)) 0}
  .av-card{padding:20px}
}

/* ---------- 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: checkout (catálogo + carrinho) ---------- */
.ck{background:#F3F7FD}
.ckw{max-width:1240px;margin:0 auto;padding:clamp(40px,6vw,72px) 20px clamp(48px,6vw,80px)}
.ck-h{margin:0;text-align:center;font-family:Oswald,"Arial Narrow",sans-serif;font-weight:700;font-size:clamp(28px,3.6vw,42px);line-height:1.15;color:#0B1F4B}
.ck-p{max-width:640px;margin:12px auto 0;text-align:center;font-size:clamp(15px,1.3vw,17px);line-height:1.5;color:#3A4864}
.ck-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;margin-top:clamp(32px,4vw,48px);align-items:start}
.ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ck-prod{background:#fff;border:2px solid #D9E6FB;border-radius:16px;padding:18px;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}
.ck-prod.ck-ativo{border-color:#1B3FBF;box-shadow:0 6px 18px rgba(27,63,191,.15)}
.ck-prod-img{aspect-ratio:1/1;background:#EDF3FD;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}
.ck-prod-img img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.ck-prod h4{margin:14px 0 0;font-size:15px;line-height:1.3;font-weight:700;color:#0B1F4B}
.ck-prod p{margin:6px 0 0;font-size:13px;line-height:1.4;color:#5A6C8A;flex:1}
.ck-preco{margin-top:10px;font-size:18px;font-weight:700;color:#0B1F4B}
.ck-preco small{font-size:12px;font-weight:500;color:#5A6C8A}
.ck-stepper{margin-top:12px;display:flex;align-items:center;gap:8px}
.ck-menos,.ck-mais{width:34px;height:34px;flex:none;border:1px solid #C7D6F2;background:#fff;border-radius:8px;color:#0B1F4B;font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .15s}
.ck-mais{background:#0B1F4B;border-color:#0B1F4B;color:#fff}
.ck-menos:hover{background:#EDF3FD}
.ck-mais:hover{filter:brightness(1.12)}
.ck-qtd{width:100%;text-align:center;border:1px solid #C7D6F2;border-radius:8px;height:34px;font-size:15px;font-weight:700;color:#0B1F4B;background:#fff}
.ck-side{position:sticky;top:16px}
.ck-card{background:#fff;border:1px solid #D9E6FB;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,40,90,.06)}
.ck-card h3{margin:0;font-size:18px;font-weight:700;color:#0B1F4B}
.ck-itens{margin-top:14px;display:grid;gap:8px;min-height:24px}
.ck-vazio{margin:0;font-size:13px;color:#8090AC}
.ck-item{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:#1F2C4D}
.ck-item span{flex:1}
.ck-item b{white-space:nowrap;font-weight:700}
.ck-total{margin-top:14px;padding-top:14px;border-top:1px solid #E6ECF6;display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:#3A4864}
.ck-total b{font-size:20px;color:#0B1F4B}
#ck-form{margin-top:16px;display:grid;gap:10px}
#ck-form input,#ck-form textarea{width:100%;border:1px solid #C7D6F2;border-radius:8px;padding:10px 12px;font-size:14px;font-family:Arimo,Arial,Helvetica,sans-serif;color:#0B1F4B;background:#fff}
#ck-form input::placeholder,#ck-form textarea::placeholder{color:#8090AC}
#ck-form input:focus,#ck-form textarea:focus{outline:2px solid #1B3FBF;outline-offset:1px}
.ck-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#ck-form textarea{resize:vertical;min-height:64px}
.ck-btn{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px;height:48px;background:#25D366;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:15px;font-family:Arimo,Arial,Helvetica,sans-serif;cursor:pointer;transition:filter .15s,opacity .15s}
.ck-btn svg{width:20px;height:20px;fill:#fff}
.ck-btn:hover{filter:brightness(1.08)}
.ck-btn:disabled{opacity:.55;cursor:not-allowed}
.ck-nota{margin:8px 0 0;font-size:12px;line-height:1.4;color:#8090AC;text-align:center}
@media (max-width:900px){
  .ck-layout{grid-template-columns:1fr}
  .ck-grid{grid-template-columns:repeat(2,1fr)}
  .ck-side{position:static}
}
@media (max-width:520px){
  .ck-grid{grid-template-columns:1fr;max-width:360px;margin-inline:auto}
}

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