/* Destinos que Curam — estilos
   Desenvolvido por Turis Tráfego e Proprius Soluções. */
body{margin:0;background:#F2F1EC}
/* barra de rolagem: indicador verde-limão, em pílula, sobre o trilho no verde-escuro do site */
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:#1B3D35}
html::-webkit-scrollbar-thumb{background:#839146;border-radius:999px;border:2px solid #1B3D35}
html::-webkit-scrollbar-thumb:hover{background:#97A55A}
html::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports (-moz-appearance: none){html{scrollbar-color:#839146 #1B3D35;scrollbar-width:thin}}
html.lenis,html.lenis body{height:auto}
.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-smooth iframe{pointer-events:none}
*{box-sizing:border-box}
a{color:#2F5D50}a:hover{color:#1F4238}
.dqc{font-family:'DM Sans',system-ui,sans-serif;color:#1B3D35;-webkit-font-smoothing:antialiased}
.dqc h1,.dqc h2,.dqc h3,.dqc .disp{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:400;letter-spacing:-0.035em;margin:0}
.lm{display:block;overflow:hidden;padding-bottom:0.06em;margin-bottom:-0.06em}
.lm>span{display:block;will-change:transform}
[data-hero-img]{will-change:transform;transform:translateZ(0)}
.ph{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;padding:20px;color:rgba(255,255,255,.92);font-size:13px;letter-spacing:.04em;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 1px,transparent 1px 16px)}
.ph-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(10,20,15,.35);backdrop-filter:blur(6px)}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 26px;border-radius:999px;background:#1B3D35;color:#F2F1EC;text-decoration:none;font-weight:500;font-size:15px;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s}
.btn:hover{background:#2F5D50;color:#fff;transform:translateY(-2px)}
.btn .arr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.btn:hover .arr{transform:rotate(-45deg)}
.btn-light{background:#F2F1EC;color:#1B3D35}
.btn-light .arr{background:rgba(27,61,53,.08)}
.btn-light:hover{background:#fff;color:#1B3D35}
.btn-line{background:transparent;color:inherit;border:1px solid currentColor}
.btn-line:hover{background:rgba(255,255,255,.1);color:inherit}
.card-img{overflow:hidden;border-radius:22px}
.card-img .zoom{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
/* cards grandes (ex.: Praia Grande) também aproximam suave, no mesmo ritmo do card "Em breve" */
.hov .zoom{transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.hov:hover .zoom{transform:scale(1.06)}
.navl{color:inherit;text-decoration:none;font-size:15px;opacity:.85}
.navl:hover{opacity:1;color:inherit}
.tab{cursor:pointer;border:1px solid rgba(27,61,53,.18);background:transparent;border-radius:999px;min-height:48px;padding:0 22px;font:inherit;font-size:15px;color:#1B3D35;transition:all .35s}
.tab:hover{border-color:#1B3D35}
.tab-on{background:#1B3D35;color:#F2F1EC;border-color:#1B3D35}
.faq-line{height:1px;background:rgba(27,61,53,.14)}
button.btn{border:0;cursor:pointer;font-family:inherit}
.btn-dis{opacity:.35;pointer-events:none}
.split-a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:10px;border:1px solid rgba(242,241,236,.6);color:#F2F1EC;text-decoration:none;font-size:15px;transition:background .3s}
.split-a:hover{background:rgba(242,241,236,.12);color:#F2F1EC}
.split-b{display:inline-grid;place-items:center;width:46px;min-height:46px;border-radius:10px;background:#1B3D35;color:#F2F1EC;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.split-b:hover{transform:translateX(4px);color:#F2F1EC}
.seg{flex:1;height:3px;border-radius:3px;background:rgba(242,241,236,.14);transition:background .6s}
.seg-on{background:#F2F1EC}
.tl-i{display:flex;align-items:center;gap:12px;min-height:40px;padding:0;border:0;background:none;font:inherit;font-size:14px;color:rgba(242,241,236,.36);text-align:left;cursor:default;transition:color .4s}
.tl-done{color:rgba(242,241,236,.72);cursor:pointer}
.tl-done:hover{color:#F2F1EC}
.tl-on{color:#F2F1EC}
.tl-dot{width:24px;height:24px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:10px;flex:none;transition:all .4s}
.tl-on .tl-dot{background:#F2F1EC;color:#1B3D35;border-color:#F2F1EC;transform:scale(1.1)}
.tl-done .tl-dot{background:rgba(242,241,236,.12)}
.opt{min-height:52px;padding:0 22px;border-radius:999px;border:1px solid rgba(242,241,236,.24);background:transparent;color:#F2F1EC;font:inherit;font-size:16px;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.opt:hover{border-color:#F2F1EC;transform:translateY(-2px)}
.opt-on{background:#F2F1EC;color:#1B3D35;border-color:#F2F1EC}
.fld{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(242,241,236,.3);border-radius:0;color:#F2F1EC;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:34px;letter-spacing:-0.02em;padding:10px 0 14px;outline:none;transition:border-color .3s}
.fld:focus{border-bottom-color:#F2F1EC}
.fld::placeholder{color:rgba(242,241,236,.28)}
.nav-back{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid rgba(242,241,236,.2);background:transparent;color:#F2F1EC;font:inherit;font-size:15px;cursor:pointer;transition:border-color .3s}
.nav-back:hover{border-color:#F2F1EC}
.nav-hidden{display:none !important}
.mani-car{position:relative;margin-top:36px;height:320px;border-radius:20px;overflow:hidden}
.nl-box{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:center;padding:36px 40px;border-radius:24px;background:#839146;color:#1B3D35;margin-bottom:72px}
.nl-text{display:flex;flex-direction:column;gap:10px}
.nl-title{font-size:clamp(22px,2vw,30px);line-height:1.1;letter-spacing:-0.025em}
.nl-form{display:flex;gap:8px;padding:6px;border-radius:999px;background:#1B3D35}
.nl-input{flex:1;min-width:0;border:0;background:transparent;color:#F2F1EC;font:inherit;font-size:15px;padding:0 18px;outline:none}
.nl-input::placeholder{color:rgba(242,241,236,.5)}
.nl-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:#839146;color:#1B3D35;font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.nl-btn:hover{transform:translateX(3px)}
.nl-ok{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:500}
.nl-check{width:32px;height:32px;border-radius:50%;background:#1B3D35;color:#839146;display:grid;place-items:center;flex:none}
@media (max-width: 900px){
.nl-box{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 18px;margin-bottom:2em;text-align:center}
.nl-text{align-items:center}
.nl-form{flex-direction:column;border-radius:20px;padding:8px}
.nl-input{min-height:46px;text-align:center}
.nl-btn{justify-content:center}
.nl-ok{justify-content:center}
.dqc .mani-car{height:240px !important}
}
.mani-track{display:flex;width:400%;height:100%;will-change:transform}
.mani-slide{position:relative;width:25%;height:100%;flex:none}
.mani-dots{position:absolute;left:16px;bottom:16px;z-index:2;display:flex;gap:6px}
.mani-dot{width:22px;height:3px;border-radius:3px;background:rgba(242,241,236,.3);overflow:hidden}
.mani-dot > span{display:block;height:100%;background:#839146;transform:scaleX(0);transform-origin:left center}
.step-pill{white-space:nowrap;padding:7px 14px;border-radius:999px;border:1px solid rgba(169,195,181,.55);background:rgba(169,195,181,.14);color:#D3E3D9;font-size:12px;letter-spacing:.1em}
.rv{color:#1B3D35}
.rv-empty{color:#B3BAB5}
.blur-ph{filter:blur(16px);transform:scale(1.2)}
.breath{border-radius:50%;border:1px solid rgba(242,241,236,.45);animation:breathe 3.2s ease-in-out infinite}
.breath-2{animation-delay:-1.6s}
.wm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:0.08em;margin-bottom:-0.08em}
.wm>span{display:inline-block;will-change:transform}
.bface{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.bback{transform:rotateY(180deg)}
.pv-tab{position:relative;display:flex;gap:18px;align-items:flex-start;width:100%;text-align:left;padding:22px 0;border:0;border-bottom:1px solid rgba(27,61,53,.12);background:none;font:inherit;color:#1B3D35;cursor:pointer}
.pv-ic{width:46px;height:46px;border-radius:14px;background:#E3E6DF;display:grid;place-items:center;flex:none;transition:background .4s,color .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.pv-tab:hover .pv-ic{transform:rotate(-8deg)}
.pv-on .pv-ic{background:#1B3D35;color:#F2F1EC}
.pv-tt{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:22px;letter-spacing:-0.02em;opacity:.5;transition:opacity .4s}
.pv-tab:hover .pv-tt,.pv-on .pv-tt{opacity:1}
.pv-n{font-size:12px;color:#8E9690;letter-spacing:.1em}
/* a descrição aberta tem sempre a mesma altura (2 linhas) e abre/fecha com a mesma curva:
   a que fecha e a que abre somam sempre o mesmo, então o bloco (e a página) não sobe e desce na troca */
.pv-desc{display:block;font-size:14px;line-height:1.6;color:#5F6A63;height:0;margin-top:0;opacity:0;overflow:hidden;transition:height .6s cubic-bezier(.2,.8,.2,1),margin-top .6s cubic-bezier(.2,.8,.2,1),opacity .5s}
.pv-on .pv-desc{height:3.25em;opacity:1;margin-top:8px}
@media (max-width: 359px){.pv-on .pv-desc{height:4.85em}}
/* linha do título com a altura do ícone: assim a altura da aba cresce junto com a descrição desde o 1º pixel */
@media (min-width: 901px){.pv-tab span:has(> .pv-tt){min-height:40px}}
.pv-bar{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.pv-fill{display:block;height:100%;background:#1B3D35;transform:scaleX(0);transform-origin:left center}
@keyframes breathe{0%,100%{transform:scale(.6);opacity:.35}50%{transform:scale(1);opacity:1}}
@media (max-width: 900px){
.g2,.g3,.g4,.g5{grid-template-columns:minmax(0,1fr) !important}
.hide-m{display:none !important}
.pad{padding-left:20px !important;padding-right:20px !important}
.sec{padding-top:88px !important;padding-bottom:88px !important}
.h-auto{height:auto !important;min-height:0 !important}
.tall{height:360px !important}
.bento{grid-template-columns:minmax(0,1fr) !important}
.bento>*{grid-column:1 / -1 !important}
.fld{font-size:26px}
.pv-cap{right:30px !important}
.dqc section .pv-cap[style*="display: flex"]{justify-content:space-between !important}
}
.show-m{display:none}
.m-only{display:none}

/* ===== PALETA: verde-escuro base (#1B3D35) + verde-claro marca-texto (#839146) ===== */
.dqc ::selection{background:#839146;color:#1B3D35}
.btn:hover{background:#839146;color:#1B3D35}
.btn:hover .arr{background:rgba(27,61,53,.1)}
.btn-light{background:#839146;color:#1B3D35}
.btn-light .arr{background:rgba(27,61,53,.1)}
.btn-light:hover{background:#97A55A;color:#1B3D35}
.btn-lime{background:#839146;color:#1B3D35}
.btn-lime .arr{background:rgba(27,61,53,.1)}
.btn-lime:hover{background:#1B3D35;color:#F2F1EC}
.btn-lime:hover .arr{background:rgba(255,255,255,.14)}
.btn-line:hover{background:#839146;color:#1B3D35 !important;border-color:#839146}
.split-a{border-color:rgba(242,241,236,.45);color:#F2F1EC}
.split-a:hover{background:rgba(131,145,70,.12);border-color:#839146;color:#839146}
.split-b{background:#839146;color:#1B3D35}
.split-b:hover{color:#1B3D35}
.lm.e2{font-size:.8em;margin-top:.7em}
@media (min-width: 901px){.dqc h3.exp-close{max-width:none !important}.lm.e2{font-size:.5em;white-space:nowrap}}
.mq-word{display:inline-block}
/* ===== fotos (Morada dos Canyons) ===== */
.pimg{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important}
.pimg .ph-tag{display:none}
.dim::after,.dim2::after{content:'';position:absolute;inset:0;pointer-events:none}
.dim::after{background:rgba(10,18,14,.45)}
.dim2::after{background:rgba(10,18,14,.25)}
.im-hero{background-image:url("../img/capa-cachoeira-2000.webp")}
.im-morada{background-image:url("../img/aerea.jpg")}
.im-arq{background-image:url("../img/arquitetura.jpg")}
.im-spa1{background-image:url("../img/massagem.jpg")}
.im-mir1{background-image:url("../img/arquitetura.jpg")}
.im-mir2{background-image:url("../img/baloes.jpg")}
.im-mir3{background-image:url("../img/canions-neblina.jpg")}
.im-mir4{background-image:url("../img/canions-nuvens.jpg")}
.im-lago1{background-image:url("../img/lago-chale.jpg")}
.im-lago2{background-image:url("../img/lago-chale.jpg")}
.im-lago3{background-image:url("../img/lago-chale.jpg")}
.im-lago4{background-image:url("../img/aerea.jpg")}
.im-lago5{background-image:url("../img/canions-neblina.jpg")}
.im-lago6{background-image:url("../img/piscina-cima-nuvens.jpg")}
.im-pisc1{background-image:url("../img/piscina-cima.jpg")}
.im-pisc2{background-image:url("../img/piscina-cima-nuvens.jpg")}
.im-pisc3{background-image:url("../img/piscina-nuvens.jpg")}
.im-pisc4{background-image:url("../img/piscina-nuvens.jpg")}
.im-spa2{background-image:url("../img/massagem.jpg")}
.im-spa3{background-image:url("../img/massagem.jpg")}
.im-spa4{background-image:url("../img/massagem.jpg")}
.im-spa5{background-image:url("../img/hidromassagem.jpg")}
.im-spa6{background-image:url("../img/piscina-cima.jpg")}
.im-estar1{background-image:url("../img/quarto.jpg")}
.im-estar2{background-image:url("../img/quarto.jpg")}
.im-estar3{background-image:url("../img/suite-por-do-sol.jpg")}
.im-estar4{background-image:url("../img/quarto.jpg")}
.im-estar5{background-image:url("../img/baloes.jpg")}
.im-estar6{background-image:url("../img/hidromassagem.jpg")}
.im-cafe1{background-image:url("../img/leitura-piscina.jpg")}
.im-cafe2{background-image:url("../img/suite-por-do-sol.jpg")}
.im-adega1{background-image:url("../img/baloes.jpg")}
.im-rest1{background-image:url("../img/lounge.jpg")}
.im-rest2{background-image:url("../img/casal-piscina.jpg")}
.im-inf1{background-image:url("../img/piscina-nuvens.jpg")}
.im-inf2{background-image:url("../img/mulher-piscina.jpg")}
.im-inf3{background-image:url("../img/piscina-cima-nuvens.jpg")}
.im-inf4{background-image:url("../img/hidromassagem.jpg")}
.im-inf5{background-image:url("../img/casal-piscina.jpg")}
.im-inf6{background-image:url("../img/baloes.jpg")}
.im-sauna1{background-image:url("../img/lounge.jpg")}
.im-sauna3{background-image:url("../img/lounge.jpg")}
.im-bib1{background-image:url("../img/leitura-piscina.jpg")}
.im-acad1{background-image:url("../img/aerea.jpg")}
.im-acad3{background-image:url("../img/mulher-piscina.jpg")}
.im-hero{background-position:46% 8% !important}
.im-dr{background-image:url("../img/dr-luis-felipe.webp");background-position:center 22% !important}
.im-hidro{background-image:url("../img/hidromassagem.jpg")}
.im-quarto{background-image:url("../img/quarto.jpg")}
.im-suite{background-image:url("../img/suite-por-do-sol.jpg")}
.im-sereno{background-image:url("../img/sereno-prato.jpg")}
.im-cmata{background-image:url("../img/cachoeira-mata.jpg");background-position:52% 45% !important}
.im-pv1{background-image:url("../img/pv-piscina.webp");background-position:50% 45% !important}
.im-pv2{background-image:url("../img/pv-folha.webp");background-position:50% 50% !important}
.im-pv3{background-image:url("../img/pv-ponte.webp");background-position:45% 45% !important}
.im-pv4{background-image:url("../img/pv-leitura.webp");background-position:50% 35% !important}
.im-cam1{background-image:url("../img/caminho-balanco.jpg");background-position:66% 45% !important}
.im-cam2{background-image:url("../img/caminho-floresta.jpg");background-position:45% 35% !important}
/* capa do vídeo: moça à direita, para o texto da esquerda não cobrir */
.im-vcapa{background-image:url("../img/video-capa.jpg");background-position:68% 42% !important}
.im-desc1{background-image:url("../img/descansar-cama.jpg");background-position:48% 45% !important}
.im-desc2{background-image:url("../img/descansar-vinil.jpg");background-position:56% 40% !important}
.im-desc3{background-image:url("../img/descansar-piscina.jpg");background-position:35% 40% !important}
.im-desc4{background-image:url("../img/descansar-leitura.jpg");background-position:55% 30% !important}
.im-nat1{background-image:url("../img/natureza-ponte.jpg");background-position:48% 50% !important}
.im-nat2{background-image:url("../img/natureza-trilha.jpg");background-position:28% 45% !important}
.im-nat3{background-image:url("../img/natureza-rio.jpg");background-position:50% 50% !important}
.im-nat4{background-image:url("../img/natureza-cachoeira.jpg");background-position:55% 50% !important}
.im-rel1{background-image:url("../img/relaxar-piscina.jpg");background-position:48% 45% !important}
.im-rel2{background-image:url("../img/relaxar-mata.jpg");background-position:45% 30% !important}
.im-rel3{background-image:url("../img/relaxar-caderno.jpg");background-position:42% 45% !important}
.im-rel4{background-image:url("../img/relaxar-bracos.jpg");background-position:60% 35% !important}
.im-hid1{background-image:url("../img/hidro-ofuro.webp");background-position:38% 40% !important}
.im-hid2{background-image:url("../img/hidro-vista-lago.webp");background-position:55% 60% !important}
.im-hid3{background-image:url("../img/hidro-petalas.webp");background-position:50% 45% !important}
.im-hid4{background-image:url("../img/hidro-sorriso.webp");background-position:48% 45% !important}
.im-sil1{background-image:url("../img/silencio-leitura.webp");background-position:32% 45% !important}
.im-sil2{background-image:url("../img/silencio-casal.webp");background-position:38% 55% !important}
.im-sil3{background-image:url("../img/silencio-cabana.webp");background-position:62% 55% !important}
.im-sil4{background-image:url("../img/silencio-cha.webp");background-position:32% 45% !important}
.im-spx1{background-image:url("../img/spa-roupao-cha.webp");background-position:30% 40% !important}
.im-spx2{background-image:url("../img/spa-bandeja.webp");background-position:42% 60% !important}
.im-spx3{background-image:url("../img/spa-massagem.webp");background-position:50% 50% !important}
.im-spx4{background-image:url("../img/spa-macas.webp");background-position:45% 60% !important}
.im-rec1{background-image:url("../img/reconexao-passarela.webp");background-position:68% 50% !important}
.im-rec2{background-image:url("../img/reconexao-casal.webp");background-position:38% 40% !important}
.im-rec3{background-image:url("../img/reconexao-cafe.webp");background-position:35% 45% !important}
.im-rec4{background-image:url("../img/reconexao-deck.webp");background-position:38% 55% !important}
.im-mov1{background-image:url("../img/movimento-ponte.jpg");background-position:48% 40% !important}
.im-mov2{background-image:url("../img/movimento-balanco.jpg");background-position:66% 45% !important}
.im-mov3{background-image:url("../img/movimento-rio.webp");background-position:50% 50% !important}
.im-mov4{background-image:url("../img/movimento-piscina.jpg");background-position:58% 55% !important}
.im-sentada{background-image:url("../img/cachoeira-sentada.jpg");background-position:56% center !important}
.im-ponte{background-image:url("../img/ponte-mata.jpg");background-position:center 30% !important}
/* capa: a foto da cachoeira tem a pessoa no alto do quadro, então a imagem sobe menos (o parallax ainda desce 12%) */
.dqc [data-hero-img]{top:-14% !important;height:120% !important}
/* experiências — rodapé dos cards de destaque */
.ro-place{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ro-day{padding:5px 11px;border-radius:999px;background:rgba(131,145,70,.12);color:#839146;font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap}
[data-steps] > div:last-child{border-bottom:0 !important}
@media (min-width: 901px){
.mood-tabs .tab{flex:1 1 auto;padding:0 14px}
[data-marquee]{gap:88px !important}
}
.redo-link{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 0;border:0;background:none;color:#A3AEA7;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .3s}
.redo-link:hover{color:#839146}
.wa-ic{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(27,61,53,.1);flex:none}
.foot-link{font-size:12px;font-weight:600;color:#839146;text-decoration:none;transition:opacity .3s}
.foot-link:hover{color:#839146;opacity:.75}
.pvb{width:18px;height:4px;border-radius:4px;background:rgba(242,241,236,.35);transition:width .5s cubic-bezier(.2,.8,.2,1),background .4s}
.pvb-on{width:42px;background:#839146}
.mq-dark{color:#839146}
.mq-lime{color:#1B3D35}
.mq-band{margin-top:2em}
@media (min-width: 901px){.dest-inner{padding-top:4em !important}}
.pro-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);column-gap:96px;align-items:stretch}
.pro-left{display:flex;flex-direction:column;gap:16px}
.pro-photo{position:relative;flex:1 1 auto;min-height:340px;border-radius:28px;overflow:hidden}
.pro-right{display:flex;flex-direction:column;justify-content:center;gap:40px}
.vid-box{max-width:1412px}
@media (min-width: 1441px){.vid-box{margin:0 auto !important}}
.lm.m2{font-size:.74em}
.lm.m2-first{margin-top:.55em}
.seg-on{background:#839146}
.tl-on .tl-dot{background:#839146;border-color:#839146;color:#1B3D35}
.opt:hover{border-color:#839146}
.opt-on{background:#839146;border-color:#839146;color:#1B3D35}
.fld:focus{border-bottom-color:#839146}
.arrow-btn:hover{background:#839146;border-color:#839146;color:#1B3D35}
.md-on{background:#839146}
.tab-on{background:#1B3D35;color:#839146;border-color:#1B3D35}
.pv-on .pv-ic{background:#1B3D35;color:#839146}
.soc:hover{background:#839146;border-color:#839146;color:#1B3D35}
.m-close:hover{border-color:#839146;color:#839146}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:8px 10px;margin:0 -10px;width:calc(100% + 20px);border:0;background:none;border-radius:10px;font:inherit;font-size:15px;color:#9AA29D;text-align:left;cursor:default;transition:background .3s,color .3s}
.ck-done{color:#1B3D35;cursor:pointer}
.ck-done:hover{background:#E6EADF}
.ck-on{color:#1B3D35;font-weight:500}
.ck{width:22px;height:22px;border-radius:50%;border:1.5px solid #CDD3CD;display:grid;place-items:center;flex:none;color:#1B3D35;transition:all .4s}
.ck-done .ck{background:#839146;border-color:#B4DB5C}
.ck-on .ck{border-color:#1B3D35;box-shadow:0 0 0 4px rgba(131,145,70,.7)}
.last-ans{display:flex;flex-direction:column;gap:4px;margin-top:14px;padding:12px 14px;border-radius:12px;background:#E6EADF;text-align:left}
.step-pill{border-color:rgba(131,145,70,.6);background:rgba(131,145,70,.12);color:#839146}
.dqc [data-rot-fill]{background:#839146 !important}
.breath{border-color:rgba(131,145,70,.5)}
.arrow-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(242,241,236,.25);background:transparent;color:#F2F1EC;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .3s,color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.arrow-btn:hover{background:#F2F1EC;color:#1B3D35}
.arrow-btn:active{transform:scale(.92)}
.md{width:6px;height:6px;border-radius:50%;background:rgba(242,241,236,.25);transition:all .4s}
.md-on{width:20px;border-radius:4px;background:#F2F1EC}
/* formulário — resultado em forma de roteiro */
.trip{display:flex;flex-direction:column;flex:1}
.trip-hero{position:relative;height:300px;overflow:hidden;flex:none}
.trip-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,22,18,.05) 25%,rgba(14,22,18,.82) 100%)}
.trip-hero-txt{position:absolute;left:28px;right:28px;bottom:24px;color:#F2F1EC;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.trip-pill{display:inline-flex;padding:7px 13px;border-radius:999px;background:#839146;color:#1B3D35;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.trip-dest{margin:0;font-size:clamp(30px,2.8vw,40px);line-height:1.02;letter-spacing:-0.02em}
.trip-loc{display:flex;align-items:center;gap:7px;font-size:14px;color:#D7DDD9}
.trip-body{padding:24px 28px 28px;display:flex;flex-direction:column;gap:18px;flex:1}
.trip-head{display:flex;flex-direction:column;gap:10px}
.trip-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#4F6D74;font-weight:600}
.trip-tags{display:flex;flex-wrap:wrap;gap:6px}
.trip-tags span{padding:6px 12px;border-radius:999px;background:#E3E6DF;font-size:13px}
.trip-steps{display:flex;flex-direction:column;gap:10px}
/* sem transition de transform aqui: o GSAP anima a entrada dos cards ([data-r]) pelo transform */
.trip-step{display:flex;gap:16px;align-items:center;padding:10px;border-radius:20px;background:#E8EAE3;transition:background .3s}
.trip-step:hover{background:#E1E5DB}
.trip-thumb{flex:none;align-self:flex-start;width:96px;height:96px;border-radius:14px;background-color:#34534A;box-shadow:0 10px 22px -14px rgba(14,22,18,.6)}
.trip-info{min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:2px}
.trip-lbl{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#6B756F}
.trip-ttl{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:21px;line-height:1.15;letter-spacing:-0.01em;color:#1B3D35}
.trip-txt{margin:4px 0 0;font-size:14px;line-height:1.55;color:#4D5852}
.trip-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.trip-list span{position:relative;padding-left:22px;font-size:14px;line-height:1.45;color:#4D5852}
.trip-list span::before{content:'';position:absolute;left:0;top:.2em;width:14px;height:14px;background:#4F6D74;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 7.4l2.8 2.8L11.5 4'/%3E%3C/svg%3E") center/contain no-repeat}
.trip-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px}
@media (max-width: 900px){
.trip-hero-txt{left:18px;right:18px;bottom:18px;align-items:center;text-align:center}
.dqc h3.trip-dest{font-size:26px !important}
.trip-body{padding:20px 16px 22px}
.trip-head{align-items:center}
.trip-tags{justify-content:center}
.trip-step{text-align:left;gap:12px;padding:8px;border-radius:16px}
.trip-thumb{width:68px;height:68px;border-radius:11px}
.dqc p.trip-txt{font-size:13.5px !important;line-height:1.5 !important}
.trip-list span{font-size:13.5px}
.trip-ttl{font-size:18px}
.trip-actions{justify-content:center}
.trip-actions .btn{white-space:nowrap;font-size:13.5px;padding:0 8px 0 18px;gap:10px}
}
.btn-send{border:0;font-family:inherit;cursor:pointer}
.trip-sent{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(131,145,70,.1);border:1px solid rgba(131,145,70,.3);font-size:14.5px;line-height:1.45;color:#E4E9E5;text-align:left}
.trip-sent .nl-check{background:#839146;color:#1B3D35}
.trip-sent strong{color:#839146;font-weight:600;word-break:break-all}
/* formulário no desktop: bloco mais largo e com altura que cabe na tela (sem rolar para ver o resultado) */
@media (min-width: 901px){
.dqc section.rec-sec{max-width:1720px !important}
.dqc .wiz-box{grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr) !important}
.dqc .wiz-box > div[style*="min-height: 660px"]{min-height:min(660px, calc(100vh - 150px)) !important}
.dqc .wiz-box > div[style*="padding: 30px 30px 26px"]{padding:24px 26px 20px !important}
.dqc .wiz-box [style*="margin-top: 40px"]{margin-top:28px !important}
.dqc .wiz-box [data-done] h3{font-size:clamp(28px, 2.3vw, 38px) !important}
.dqc .wiz-box [data-done] p{font-size:15px !important;line-height:1.6 !important}
.dqc .wiz-box .done-actions{padding-top:16px !important}
.trip-hero{height:clamp(170px, 24vh, 250px)}
.trip-hero-txt{bottom:18px}
.trip-body{padding:18px 24px 22px;gap:14px}
.trip-head{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px 14px}
.trip-steps{gap:8px}
.trip-step{padding:8px}
.trip-thumb{width:84px;height:84px}
.trip-ttl{font-size:19px}
/* no resultado, a coluna de etapas sai e o texto ganha largura */
.dqc .wiz-tl:has(+ div [data-done]){display:none !important}
}
/* notebooks / telas baixas: compacta mais para o resultado caber sem rolar */
@media (min-width: 901px) and (max-height: 820px){
.dqc .wiz-box [data-done] h3{font-size:clamp(26px, 2.1vw, 32px) !important}
.dqc .wiz-box [data-done] > p + p{display:none}
.trip-hero{height:130px}
.trip-dest{font-size:28px}
.trip-body{padding:14px 20px 18px;gap:10px}
.trip-thumb{width:64px;height:64px;border-radius:11px}
.dqc .wiz-box p.trip-txt{display:none}
.trip-list{margin-top:4px;gap:3px}
.trip-ttl{font-size:17px}
}
/* capa: menu e conteúdo ~12% mais estreitos que o bloco do formulário, centralizados (a foto continua de ponta a ponta;
   a caixa do hero ocupa a largura toda — a "margem" dela é só um recorte animado no app.js) */
@media (min-width: 901px){
.hero-box{--inner:min(1415px, calc((100% - 112px) * .88))}
/* coluna da direita alinhada à borda direita do menu */
.dqc .hero-right{align-items:flex-end;text-align:right}
.dqc .hero-right [data-rot]{left:auto;right:0}
/* a caixa das frases tem filhos absolutos: precisa ocupar a largura da coluna, senão fica com 0px e esconde as frases */
.dqc .hero-right > .disp{align-self:stretch}
.dqc .hero-box > nav[data-nav],.dqc .hero-box > div.pad.g2{width:var(--inner);margin-left:auto;margin-right:auto;padding-left:0 !important;padding-right:0 !important}
}
@media (min-width: 901px) and (max-width: 1280px){.hero-box{--inner:calc((100% - 64px) * .9)}}
/* vídeo: texto de um lado, play do outro */
.vid-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(14,22,18,.72) 0%,rgba(14,22,18,.3) 55%,rgba(14,22,18,.1) 100%),linear-gradient(180deg,rgba(14,22,18,0) 45%,rgba(14,22,18,.6) 100%)}
.vid-bar{position:absolute;left:clamp(28px,5vw,72px);right:clamp(28px,5vw,72px);bottom:clamp(28px,5vw,64px);display:flex;align-items:flex-end;justify-content:space-between;gap:48px;color:#F2F1EC;text-align:left}
.vid-txt{max-width:540px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.vid-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#839146}
.vid-dot{width:7px;height:7px;border-radius:50%;background:#839146;animation:soonPulse 2.2s infinite}
.vid-title{font-size:clamp(28px,3vw,44px);line-height:1.05;letter-spacing:-0.02em}
.vid-sub{margin:0;font-size:16px;line-height:1.6;color:#D7DDD9}
.vid-play{flex:none;display:inline-flex;align-items:center;gap:18px;padding:0;border:0;background:none;color:#F2F1EC;font:inherit;cursor:pointer}
.vid-play-lbl{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.vid-play-ic{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(242,241,236,.45);background:rgba(242,241,236,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .4s,border-color .4s,color .4s,transform .5s cubic-bezier(.2,.8,.2,1)}
.vid-play-ic svg{margin-left:4px}
.vid-play-ic::after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid rgba(131,145,70,.6);animation:vidRing 2.6s cubic-bezier(.2,.8,.2,1) infinite;pointer-events:none}
@keyframes vidRing{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.vid-play:hover .vid-play-ic{background:#839146;border-color:#839146;color:#1B3D35;transform:scale(1.06)}
@media (max-width: 900px){
.vid-bar{left:20px;right:20px;bottom:24px;flex-direction:column;align-items:center;text-align:center;gap:22px}
.vid-txt{align-items:center;gap:10px}
.dqc .vid-title{font-size:24px}
.vid-play{gap:14px}
.vid-play-ic{width:64px;height:64px}
.vid-play-ic svg{width:15px;height:17px;margin-left:3px}
.vid-shade{background:linear-gradient(180deg,rgba(14,22,18,.15) 0%,rgba(14,22,18,.35) 40%,rgba(14,22,18,.85) 100%)}
}
/* luz que segue o mouse na capa (verde um pouco mais fechado e discreto, por cima da imagem e atrás do conteúdo) */
.spot{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .7s ease;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%), rgba(164,180,96,.22) 0%, rgba(164,180,96,.09) 32%, rgba(164,180,96,0) 64%)}
.spot.spot-on{opacity:1}
@media (hover: none), (pointer: coarse){.spot{display:none}}
/* capa — carrossel de fundo (troca sozinho, em fade) */
.im-hero2{background-image:url("../img/capa-bracos-abertos.webp");background-position:62% 28% !important}
.im-hero3{background-image:url("../img/capa-piscina-borda.jpg");background-position:50% 42% !important}
@media (max-width: 900px){.im-hero3{background-position:32% 45% !important}}
.hero-slide{position:absolute !important;inset:0;opacity:0;padding:0 !important}
.hero-dots{display:flex;align-items:center;gap:6px;margin-top:22px}
.hd{width:14px;height:3px;padding:0;border:0;border-radius:3px;background:rgba(242,241,236,.35);cursor:pointer;transition:width .6s cubic-bezier(.2,.8,.2,1),background .6s}
.hd:hover{background:rgba(242,241,236,.6)}
.hd.hd-on{width:34px;background:#839146}
@media (max-width: 900px){.hero-dots{justify-content:center;margin-top:16px}}
/* rodapé — créditos */
.dev-link{color:#839146;font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}
.dev-link:hover{color:#839146;border-bottom-color:#839146}
/* destinos — card "em breve" */
.soon-card{position:relative;isolation:isolate;border-radius:28px;overflow:hidden;background:#1B3D35;color:#F2F1EC;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:24px;padding:32px}
.soon-bg{position:absolute;inset:0;z-index:-2;filter:saturate(.75);transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.soon-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(27,61,53,.3) 0%,rgba(27,61,53,.55) 45%,rgba(27,61,53,.95) 100%)}
.soon-card:hover .soon-bg{transform:scale(1.1)}
.soon-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border-radius:999px;background:rgba(242,241,236,.12);border:1px solid rgba(242,241,236,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.soon-dot{width:7px;height:7px;border-radius:50%;background:#839146;animation:soonPulse 2.2s infinite}
@keyframes soonPulse{0%{box-shadow:0 0 0 0 rgba(131,145,70,.55)}70%{box-shadow:0 0 0 10px rgba(131,145,70,0)}100%{box-shadow:0 0 0 0 rgba(131,145,70,0)}}
.soon-kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#839146;margin-bottom:12px}
.soon-title{margin:0;font-size:clamp(30px,2.6vw,40px);line-height:1.05;letter-spacing:-0.02em}
.soon-text{margin:14px 0 0;font-size:15px;line-height:1.6;color:#C6CEC8}
.soon-link{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding-bottom:4px;border-bottom:1px solid rgba(131,145,70,.4);color:#839146;text-decoration:none;font-size:15px;font-weight:600;transition:border-color .3s,gap .3s}
.soon-link:hover{border-color:#839146;gap:14px}
/* menu popup */
.m-overlay{position:fixed;inset:0;z-index:90;border:0;padding:0;background:rgba(10,16,13,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .5s;cursor:pointer}
.m-overlay-on{opacity:1;pointer-events:auto}
.m-panel{position:absolute;inset:0;z-index:20;background:#1B3D35;color:#F2F1EC;display:flex;flex-direction:column;text-align:center;font-family:'DM Sans',system-ui,sans-serif;clip-path:circle(0px at calc(100% - 47px) 47px);visibility:hidden;transition:clip-path .85s cubic-bezier(.76,0,.24,1),visibility 0s linear .85s}
.m-panel-on{clip-path:circle(150% at calc(100% - 47px) 47px);visibility:visible;transition:clip-path 1.05s cubic-bezier(.76,0,.24,1),visibility 0s}
.logo-full,.logo-icon{display:block;flex:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain}
/* logo: PNG branco já recortado e reduzido no tamanho certo (nítido). Antes era máscara sobre um arquivo de
   2000px, e o navegador reduzia a máscara ~12x com pouca qualidade — o logo ficava serrilhado/borrado */
.logo-full{height:76px;aspect-ratio:480/224;background:url("../img/logo/logo-dqc2-480.png") center/contain no-repeat !important;-webkit-mask:none !important;mask:none !important}
.logo-full.logo-foot{background-image:url("../img/logo/logo-dqc2-760.png") !important}
.logo-icon{height:34px;aspect-ratio:512/532;-webkit-mask-image:url("../img/logo/icone-destinos-que-curam.png");mask-image:url("../img/logo/icone-destinos-que-curam.png")}
.logo-full.logo-foot{height:120px}
@media (max-width: 900px){.logo-full{height:50px}.logo-full.logo-foot{height:84px;margin:0 auto}.logo-icon{height:30px}}
.m-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;text-align:left}
.m-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:2vh 24px 28px;overflow-y:auto}
.m-close{width:46px;height:46px;border-radius:50%;border:1px solid rgba(131,145,70,.55);background:transparent;color:#839146;display:grid;place-items:center;cursor:pointer;padding:0;transition:transform .5s}
.menu-btn{grid-auto-flow:column;align-items:center;gap:12px;border:0;background:transparent;color:#839146;padding:0;cursor:pointer;font-family:'DM Sans',system-ui,sans-serif}
.menu-txt{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1}
.menu-ic{width:46px;height:46px;border-radius:50%;border:1px solid rgba(131,145,70,.6);display:grid;place-items:center;transition:background .3s,color .3s}
.menu-btn:hover .menu-ic{background:#839146;color:#1B3D35}
.m-close:hover{transform:rotate(90deg)}
.m-link{display:block;padding:min(1.3vh,12px) 0;border-bottom:1px solid rgba(242,241,236,.08);color:#F2F1EC;text-decoration:none;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(18px,min(5.2vw,2.9vh),24px);letter-spacing:-0.02em;line-height:1.15}
.m-link:last-child{border-bottom:0}
.m-link:hover{color:#839146}
.m-num{font-family:'DM Sans',system-ui,sans-serif;font-size:11px;letter-spacing:.1em;color:#8E9C93}
.soc{width:44px;height:44px;border-radius:50%;border:1px solid rgba(242,241,236,.2);display:grid;place-items:center;color:#F2F1EC;transition:background .3s,color .3s}
.soc:hover{background:#F2F1EC;color:#1B3D35}
@media (min-width: 901px){.m-panel{display:none}}
/* topo fixo */
.sticky-bar{position:fixed;top:8px;left:8px;right:8px;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 16px;border-radius:24px;background:#1B3D35;color:#F2F1EC;box-shadow:0 18px 40px -20px rgba(0,0,0,.55);opacity:0;visibility:hidden}
@media (min-width: 901px){.sticky-bar{top:14px;left:14px;right:14px;padding:10px 10px 10px 24px;border-radius:28px}}
/* topo fixo com a mesma largura do menu da capa (mesma conta do --inner do .hero-box) */
@media (min-width: 1281px){.sticky-bar{left:calc((100% - min(1415px, (100% - 112px) * .88)) / 2);right:calc((100% - min(1415px, (100% - 112px) * .88)) / 2)}}
@media (min-width: 901px) and (max-width: 1280px){.sticky-bar{left:calc((100% - (100% - 64px) * .9) / 2);right:calc((100% - (100% - 64px) * .9) / 2)}}
.m-fixed{position:fixed;inset:8px;z-index:60;border-radius:24px;overflow:hidden;clip-path:circle(0px at calc(100% - 31px) 31px)}
.m-fixed.m-panel-on{clip-path:circle(150% at calc(100% - 31px) 31px)}
.m-head-s{padding:8px 8px 8px 16px}

/* ================= MOBILE — compacto e centralizado ================= */
@media (max-width: 900px){
.show-m{display:inline-grid !important}
.dqc section,.dqc footer{text-align:center}
.dqc section [style*="display: flex"]:not([style*="flex-direction: column"]),.dqc footer [style*="display: flex"]:not([style*="flex-direction: column"]){justify-content:center !important}
.dqc section .mood-nav[style*="display: flex"]{justify-content:space-between !important}
.dqc section nav[data-nav][style*="display: flex"]{justify-content:space-between !important;padding:22px 24px !important}
.dqc [data-hero-img] .ph{padding-top:96px !important}
/* cta: botões um embaixo do outro, com respiro nas laterais */
#cta [style*="flex-wrap: wrap"]{flex-direction:column !important;flex-wrap:nowrap !important;gap:10px !important;padding:0 10px}
#cta [style*="flex-wrap: wrap"] > span{display:none}
#cta .btn{width:100%;max-width:300px;justify-content:space-between;font-size:14px;padding:0 8px 0 22px;min-height:52px;gap:10px;white-space:nowrap}
.dqc section [style*="max-width"]{margin-left:auto !important;margin-right:auto !important}

/* espaçamentos */
/* ENTRE blocos: 2em · DENTRO dos blocos: 1em entre os itens */
.sec{padding-top:2em !important;padding-bottom:2em !important}
.dqc > section.sec:not([style*="background"]){padding-top:0 !important;padding-bottom:0 !important}
.dqc > section,.dqc > footer{margin-bottom:2em !important}
.dqc > footer{margin-bottom:0 !important}
.pad{padding-left:14px !important;padding-right:14px !important}
.g2,.g3{gap:1.5em !important}
.dqc [style*="margin-top: 110px"],.dqc [style*="margin-top: 80px"],.dqc [style*="margin-top: 72px"],.dqc [style*="margin-top: 70px"],.dqc [style*="margin-top: 56px"],.dqc [style*="margin-top: 48px"],.dqc [style*="margin-top: 44px"],.dqc [style*="margin-top: 40px"],.dqc [style*="margin-top: 36px"],.dqc [style*="margin-top: 34px"],.dqc [style*="margin-top: 32px"],.dqc [style*="margin-top: 30px"],.dqc [style*="margin-top: 28px"],.dqc [style*="margin-top: 26px"],.dqc [style*="margin-top: 24px"],.dqc [style*="margin-top: 22px"],.dqc [style*="margin-top: 18px"]{margin-top:1.5em !important}
.dqc [style*="margin-bottom: 80px"],.dqc [style*="margin-bottom: 56px"],.dqc [style*="margin-bottom: 48px"],.dqc [style*="margin-bottom: 36px"],.dqc [style*="margin-bottom: 30px"],.dqc [style*="margin-bottom: 28px"],.dqc [style*="margin-bottom: 24px"]{margin-bottom:1.5em !important}
.dqc [style*="padding: 64px;"],.dqc [style*="padding: 40px;"],.dqc [style*="padding: 36px;"],.dqc [style*="padding: 34px;"],.dqc [style*="padding: 30px;"],.dqc [style*="padding: 28px;"]{padding:1.5em !important}
.dqc [style*="padding-top: 34px"],.dqc [style*="padding-top: 24px"],.dqc [style*="padding-top: 20px"]{padding-top:1.5em !important}
.dqc section [style*="gap: 80px"],.dqc section [style*="gap: 72px"],.dqc section [style*="gap: 70px"],.dqc section [style*="gap: 60px"],.dqc section [style*="gap: 56px"],.dqc section [style*="gap: 50px"],.dqc section [style*="gap: 48px"],.dqc section [style*="gap: 40px"],.dqc section [style*="gap: 34px"],.dqc section [style*="gap: 30px"],.dqc section [style*="gap: 28px"],.dqc section [style*="gap: 26px"],.dqc section [style*="gap: 24px"],.dqc section [style*="gap: 22px"],.dqc section [style*="gap: 18px"]{gap:1.5em !important}

/* tipografia */
.dqc h1{font-size:38px !important}
.dqc h2{font-size:clamp(26px, 7.6vw, 34px) !important;line-height:1.06 !important}
.dqc h3{font-size:clamp(21px, 6vw, 27px) !important}
.dqc p:not(.disp){font-size:15px !important;line-height:1.6 !important}
.dqc p.disp{font-size:20px !important}
.btn{min-height:48px;padding:0 20px;font-size:14px}

/* hero */
.dqc [data-hero-fade].disp{font-size:22px !important}
.dqc [data-rot]{right:0;text-align:center}

/* bento */
.bento{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:1em !important;margin-top:1.5em !important}
.bento>*{grid-column:span 1 !important}
.bento>.b-full{grid-column:1 / -1 !important}
.bento .tall{height:210px !important;border-radius:18px !important}
.bento .b-full{height:auto !important;min-height:0 !important;padding:1.5em !important}
.b-tile{min-height:0 !important;padding:1.25em !important;gap:0.75em !important;border-radius:16px !important}
.b-tile .disp{font-size:22px !important}
.b-tile [style*="font-size: 15px"]{font-size:12px !important;flex-direction:column;gap:6px !important}

/* como funciona */
.dqc [data-steps]{padding-left:0 !important}
.dqc [data-steps] > div:first-child,.dqc [data-line],.dqc [data-steps] span[style*="left: -46px"]{display:none !important}
.dqc [data-steps] [style*="align-items: baseline"]{flex-direction:column !important;align-items:center !important;gap:8px !important}
.dqc [data-steps] .disp{font-size:42px !important}
.dqc [data-steps] > div{padding:1.5em 0 !important}

/* filtro */
.dqc [data-mood-grid]{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:8px !important}
.dqc [data-mood-grid] > *{height:130px !important;border-radius:14px !important}
.tab{min-height:42px;padding:0 16px;font-size:14px}

/* cards / imagens */
.card-img[style*="height: 300px"]{height:190px !important}
.dqc a[data-clip]{height:440px !important}
.dqc a[data-clip] > div[style*="bottom: 40px"]{left:18px !important;right:18px !important;bottom:20px !important}
.dqc [style*="min-height: 300px"]{min-height:140px !important}
.dqc [data-rot-pin]{overflow-x:auto;margin:0 -14px;padding:4px 0 10px}
.dqc [data-roteiros]{display:flex !important;width:max-content;gap:10px !important;padding:0 14px;will-change:transform}
.dqc [data-roteiros] > *{flex:0 0 78vw;max-width:340px}
.dqc [data-roteiros] .card-img{height:190px !important}
.m-only{display:block !important}
.dqc [data-video]{height:440px !important;margin:0 8px !important;border-radius:24px !important}
.pro-grid{display:flex;flex-direction:column;gap:1.5em}
.pro-left,.pro-right{display:contents}
.pro-intro{order:1}.pro-photo{order:2;width:100%;max-width:440px;margin:0 auto;min-height:0;height:360px;flex:none}.pro-outro{order:3}.pro-grid .disclaimer{order:4}
.dqc .disclaimer p:not(.disp){font-size:12.5px !important;line-height:1.6 !important}
.dqc .disclaimer p.disp{font-size:17px !important}

/* formulário */
.dqc [style*="min-height: 660px"]{min-height:0 !important}
.dqc [style*="padding: 30px 30px 26px"]{padding:16px 10px 14px !important}
.dqc [style*="height: 280px"]{height:170px !important}
.dqc [data-dest-img]{height:220px !important}
.dqc [data-row]{text-align:left}
.fld{text-align:center}
.opt{min-height:44px;padding:0 16px;font-size:14px}

/* pdf */
.dqc [data-pv-stage]{min-height:0 !important;height:320px !important}
.dqc [data-pv-cap] .disp{font-size:42px !important}
.pv-tab{flex-direction:column;align-items:center;text-align:center;gap:0.75em;padding:1.5em 0}
.pv-n{display:none}
.pv-tt{font-size:19px}

/* manifesto */
.dqc [data-mani-wrap] [style*="border-left"]{border-left:0 !important;padding-left:0 !important}
.dqc [data-mani-wrap]{border-radius:24px !important}

/* blocos arredondados com menos margem lateral */
.dqc section[style*="padding: 0px 14px"],.dqc section[style*="padding: 0 14px"],.dqc footer[style*="padding: 0px 14px"],.dqc footer[style*="padding: 0 14px"]{padding-left:8px !important;padding-right:8px !important}
.dqc [data-foot]{border-radius:24px !important}
.dqc [data-foot] .pad{padding-top:14px !important}
.dqc [data-exp-pin]{background:#1B3D35}
.dqc .mood-title{font-size:34px !important;white-space:nowrap}
.dqc section .exp-chips{gap:6px !important}
.dqc .b-big{font-size:28px !important}
.dqc [data-hero] h1{font-size:8vw !important;line-height:1 !important}
.dqc [data-hero-fade].disp{font-size:19px !important}
.dqc h2.v-title{font-size:26px !important}
.dqc .hero-lead{font-size:16px !important}
.dqc .mani-car{height:190px;margin-top:1.5em}
.dqc [data-hero] p:not(.disp){font-size:13.5px !important}
.dqc [data-mani-wrap] .ph-tag{display:none}
.dqc [data-mani-wrap] .mani-rot{height:2.4em !important;font-size:28px !important}
.dqc .mani-right > .disp[aria-hidden="true"]{display:none}
.dqc section .wiz-head[style*="display: flex"]{justify-content:space-between !important;font-size:10.5px !important;letter-spacing:.08em !important;gap:8px !important}
.dqc .step-pill{font-size:10.5px;padding:6px 10px;letter-spacing:.06em}
.dqc .nav-hidden{display:none !important}
.dqc .proj-chips > span{font-size:12px !important;padding:7px 12px !important}
.dqc section .proj-chips{gap:7px !important}
.dqc .exp-chips > span{font-size:12px !important;padding:6px 11px !important}
.dqc h3.exp-close{font-size:20px !important;line-height:1.2 !important}
.dqc .exp-lines{padding-top:0 !important}
.dqc [data-exp-pin] > .g2{gap:0.75em !important}
.dqc p.mood-desc{min-height:4.8em !important}
.dqc .ro-title{font-size:21px !important;min-height:2.3em}
.dqc p.ro-text{min-height:6.4em !important}
.dqc [data-marquee]{padding-top:0 !important;font-size:30px !important;gap:44px !important}
.dqc .mq-band{margin-top:1.5em}
.dqc .dest-inner{padding-top:1.5em !important}
.dqc h3.dest-title{font-size:5.4vw !important;white-space:nowrap}
.dqc [data-marquee] > span{gap:28px !important}
.dqc div:has(> [data-marquee]){padding:1.5em 0 !important}

/* citação: aspas centralizadas */
.quote-mark{align-self:center}
/* filtro: bloco compacto — do título às setas cabe inteiro na tela ao trocar de opção */
.dqc section div.mood-box{padding:14px !important;border-radius:24px !important}
.dqc section div.mood-box > .g2{gap:12px !important}
.dqc section div.mood-col{gap:8px !important;padding:10px 6px 0 !important}
.dqc section div.mood-col > div:last-child{padding-top:4px !important}
.dqc .mood-title{font-size:30px !important;line-height:1.1 !important}
.dqc p.mood-desc{font-size:14px !important;line-height:1.5 !important;min-height:4.5em !important}
.dqc p.mood-hint{display:none}
.dqc [data-mood-grid] > *{height:95px !important;border-radius:12px !important}
.dqc section .mood-nav[style*="display: flex"]{padding:10px 4px 0 !important;margin-top:12px !important}
.mood-nav .arrow-btn{width:40px;height:40px}
/* destinos: card "em breve" */
.soon-card{min-height:330px;padding:22px;align-items:center;text-align:center}
.dqc h3.soon-title{font-size:26px !important}
/* experiências: bloco compacto para caber inteiro na tela enquanto os cards passam */
.dqc section [data-exp-pin] > .g2{margin-bottom:1em !important;gap:0.6em !important}
.dqc h2.exp-title{font-size:26px !important}
.dqc .exp-lines{font-size:17px !important;line-height:1.35 !important}
.dqc .exp-lines .exp-green{margin-top:0.5em !important}
.dqc [data-roteiros] .card-img{height:150px !important}
.dqc [data-roteiros] article > div[style*="padding"]{padding:16px 18px 18px !important;gap:8px !important}
.dqc .ro-title{font-size:19px !important;min-height:0}
.dqc [data-roteiros] .ro-sub{margin-top:4px !important;font-size:13px !important}
.dqc [data-roteiros] p.ro-text{font-size:13.5px !important;line-height:1.5 !important;min-height:6em !important}
.dqc [data-roteiros] article [style*="border-top"]{padding-top:10px !important;margin-top:2px !important;font-size:12px !important;flex-wrap:nowrap !important;gap:8px !important;justify-content:space-between !important}
.dqc [data-roteiros] .ro-day{font-size:11px;padding:4px 9px}
}

/* ================= TABLET / MONITOR PEQUENO (901–1280px) ================= */
@media (min-width: 901px) and (max-width: 1280px){
.pad{padding-left:32px !important;padding-right:32px !important}
.dqc h1{font-size:clamp(40px, 4.4vw, 54px) !important}
.dqc h2{font-size:clamp(30px, 3.6vw, 48px) !important}
.dqc #cta h2{font-size:clamp(40px, 5.4vw, 66px) !important}
/* bento */
.bento{gap:14px !important}
.b-tile{padding:22px !important;min-height:150px !important}
.b-tile .disp{font-size:clamp(22px, 2.5vw, 34px) !important}
.b-tile [style*="font-size: 15px"]{font-size:13px !important}
.bento .b-full{padding:28px !important}
.bento .b-full p:not(.disp){font-size:15px !important}
.bento .b-full p.disp{font-size:clamp(20px, 2.1vw, 26px) !important}
.dqc .b-big{font-size:clamp(26px, 2.8vw, 40px) !important}
.split-a{font-size:13px;padding:0 14px;white-space:nowrap}
.bento .tall{height:400px !important}
/* hero + topo fixo */
.dqc [data-nav] .hide-m{gap:22px !important}
.sticky-bar .hide-m[style*="gap: 28px"]{gap:18px !important}
.sticky-bar .navl{font-size:14px}
/* filtro */
.dqc .mood-title{font-size:clamp(30px, 3.3vw, 46px) !important}
.dqc [data-mood-grid] > *{height:190px !important}
/* formulário */
.wiz-tl{display:none !important}
.fld{font-size:28px}
/* destinos */
.dqc h3.dest-title{font-size:clamp(26px, 3.1vw, 44px) !important}
.dqc a[data-clip]{height:540px !important}
/* experiências */
.dqc .ro-title{font-size:20px !important}
/* manifesto */
.dqc .mani-rot{font-size:clamp(30px, 3.4vw, 46px) !important}
.dqc .mani-right{padding-left:36px !important}
/* profissional */
.pro-grid{column-gap:48px;grid-template-columns:minmax(0,380px) minmax(0,1fr)}
/* vídeo */
.dqc [data-video]{height:560px !important}
/* rodapé */
.dqc [data-foot] .g3{gap:20px !important}
}
@media (min-width: 901px) and (max-width: 1100px){
.sticky-bar .hide-m[style*="gap: 28px"]{display:none !important}
.dqc [data-nav] .hide-m a{font-size:14px}
.bento{grid-template-columns:repeat(6, minmax(0, 1fr)) !important}
.bento > .bento-t:nth-child(1),.bento > .bento-t:nth-child(2){grid-column:span 3 !important}
.bento > .bento-t:nth-child(3){grid-column:1 / -1 !important;height:auto !important;min-height:300px}
.bento > .b-tile{grid-column:span 3 !important}
.bento > .bento-t:nth-child(8),.bento > .bento-t:nth-child(9){grid-column:1 / -1 !important}
.dqc .g2[style*="1.6fr"]{grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important}
.dqc [data-roteiros]{gap:12px !important}
.dqc [data-roteiros] .card-img{height:240px !important}
.dqc [data-foot] .g2{grid-template-columns:minmax(0, 1fr) !important}
}

/* ================= DESKTOP — 4em entre os blocos ================= */
@media (min-width: 901px){
.dqc > section.sec:not([style*="background"]){padding-top:0 !important;padding-bottom:0 !important}
.dqc > section,.dqc > footer{margin-bottom:7.5em !important}
.dqc > footer{margin-bottom:0 !important}
.mq-band{margin-top:0 !important}
.dqc .sec:not(section),.dqc > section.sec[style*="background"]{padding-top:6.5em !important;padding-bottom:6.5em !important}
.dqc [data-foot] .pad{padding-top:40px !important}
/* mais respiro entre os itens dentro dos blocos */
.dqc .g2[style*="gap: 50px"],.dqc .g2[style*="gap: 56px"],.dqc .g2[style*="gap: 60px"],.dqc .g2[style*="gap: 70px"],.dqc .g2[style*="gap: 72px"],.dqc .g2[style*="gap: 80px"]{column-gap:clamp(64px, 7vw, 112px) !important}
.dqc section [style*="margin-bottom: 56px"],.dqc section [style*="margin-bottom: 48px"]{margin-bottom:80px !important}
.dqc section [style*="margin-bottom: 80px"]{margin-bottom:96px !important}
.dqc section [style*="margin-top: 26px"],.dqc section [style*="margin-top: 28px"],.dqc section [style*="margin-top: 30px"],.dqc section [style*="margin-top: 32px"],.dqc section [style*="margin-top: 34px"]{margin-top:44px !important}
.dqc section [style*="margin-top: 36px"],.dqc section [style*="margin-top: 40px"],.dqc section [style*="margin-top: 44px"],.dqc section [style*="margin-top: 48px"],.dqc section [style*="margin-top: 56px"]{margin-top:64px !important}
.dqc section [style*="margin-top: 72px"],.dqc section [style*="margin-top: 80px"]{margin-top:96px !important}
.dqc section [style*="margin-top: 110px"]{margin-top:128px !important}
.bento{gap:20px !important}
.dqc section [style*="padding: 40px;"],.dqc section [style*="padding: 36px;"],.dqc section [style*="padding: 34px;"]{padding:48px !important}
.dqc section [style*="gap: 14px"]{gap:20px !important}
.dqc section [style*="gap: 18px"]{gap:26px !important}
.dqc section [style*="gap: 26px"]{gap:34px !important}
.dqc [data-steps] > div{padding:44px 0 52px !important}
.pv-tab{padding:28px 0}
.dqc h3.exp-close{margin-top:108px !important}
.dqc section .bento[data-bento]{margin-top:62px !important}
.dqc .como-img{flex:1 1 auto;height:auto !important;min-height:340px}
.dqc #experiencias .sec{padding-bottom:5.5em !important}
}

/* ================= BOTÕES VERDE-OLIVA: texto branco, ícone no verde-escuro ================= */
.btn-light,.btn-light:hover,.btn-lime,.btn:hover,.btn-line:hover{color:#FFFFFF !important}
.btn-light .arr,.btn-light .wa-ic,.btn-lime .arr,.btn:hover .arr,.btn-line:hover .arr,.btn-line:hover .wa-ic{color:#1B3D35}
.btn-light .arr svg,.btn-light .wa-ic svg,.btn:hover .arr svg{stroke:#1B3D35}
.nl-btn{color:#FFFFFF}
.nl-btn svg{color:#1B3D35}
.opt-on,.trip-pill,.tl-on .tl-dot{color:#FFFFFF}
/* newsletter: textos em branco sobre o verde-oliva */
.nl-box{color:#FFFFFF}
/* menu do celular: círculo continua verde, a palavra MENU em branco */
.menu-txt{color:#FFFFFF}
/* faixa de frases sem fundo (as cores das frases já dão leitura sobre o creme) */
.dqc .mq-band{background:transparent !important}
/* ícone dos botões verde-oliva: círculo verde-escuro com a seta branca */
.btn-light .arr,.btn-lime .arr,.btn:hover .arr,.btn-light .wa-ic,.btn-lime .wa-ic{background:#1B3D35 !important;color:#FFFFFF !important}
.btn-light .arr svg,.btn-light .wa-ic svg,.btn-lime .arr svg,.btn:hover .arr svg{stroke:#FFFFFF !important}
/* player do vídeo (abre por cima da página) */
.vmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:clamp(16px,4vw,64px);opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s linear .5s}
.vmodal.vmodal-on{opacity:1;visibility:visible;transition:opacity .5s ease}
.vmodal-bg{position:absolute;inset:0;border:0;padding:0;background:rgba(14,30,26,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}
.vmodal-box{position:relative;width:min(100%, 1600px, calc((100vh - 120px) * 3610 / 1536));aspect-ratio:3610/1536;border-radius:20px;overflow:hidden;background:#0B1714;box-shadow:0 40px 90px -30px rgba(0,0,0,.7);transform:scale(.96);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vmodal.vmodal-on .vmodal-box{transform:scale(1)}
.vmodal-box video{display:block;width:100%;height:100%;object-fit:contain;background:#0B1714}


@media (max-width: 900px){.vmodal-box{border-radius:12px}}
/* player no celular deitado: ocupa a tela inteira, de ponta a ponta (sem "janela") */
@media (orientation: landscape) and (pointer: coarse) and (max-height: 600px){
.vmodal{padding:0 !important}
.vmodal-bg{background:#000 !important;-webkit-backdrop-filter:none;backdrop-filter:none}
.vmodal-box{width:100vw !important;height:100vh;height:100dvh;aspect-ratio:auto !important;border-radius:0 !important;box-shadow:none !important;transform:none !important;background:#000}
.vmodal-box video{background:#000}

}
/* player: barra de cima com o título e o botão FECHAR VÍDEO — aparece ao mexer o mouse/tocar e some sozinha depois */
.vmodal-top{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(14px,2.2vw,26px) clamp(16px,2.6vw,34px) 40px;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 100%);opacity:1;transition:opacity .5s ease}
.vmodal-title{color:#FFFFFF;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-size:clamp(15px,1.4vw,20px);letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vmodal-x{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border:0;border-radius:999px;background:#839146;color:#FFFFFF;font-family:'DM Sans',system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 26px -12px rgba(0,0,0,.6);transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.vmodal-x:hover{background:#97A55A;transform:translateY(-1px)}
.vmodal-x svg{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.vmodal-x:hover svg{transform:rotate(90deg)}
.vmodal.vmodal-idle .vmodal-top{opacity:0;pointer-events:none}
.vmodal.vmodal-idle{cursor:none}
/* tela cheia do player inteiro (computador): o vídeo ocupa tudo e a barra de cima fica por cima */
.vmodal:fullscreen{padding:0;background:#000}
.vmodal:fullscreen .vmodal-bg{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}
.vmodal:fullscreen .vmodal-box{width:100vw !important;height:100vh;aspect-ratio:auto;border-radius:0;box-shadow:none;transform:none;background:#000}
@media (max-width: 900px){.vmodal-x{min-height:40px;padding:0 14px;font-size:11.5px;letter-spacing:.1em}.vmodal-title{font-size:14px}}
@media (orientation: landscape) and (pointer: coarse) and (max-height: 600px){.vmodal-top{padding:10px 14px 30px}}
/* menu fixo: com 6 links, abaixo de 1360px fica apertado — ali mostra só o logo e o botão (o menu da capa continua completo) */
@media (min-width: 901px) and (max-width: 1360px){.sticky-bar .hide-m[style*="gap: 28px"]{display:none !important}}
/* Como funciona: número do passo fica oliva quando a linha de progresso chega nele */
.dqc [data-steps] .disp{transition:color .6s ease}
.dqc [data-steps] .step-on .disp{color:#839146 !important}
/* faixa de frases: sem as linhas e com um esmaecido suave nas pontas (na cor do fundo), por cima do texto */
.dqc .mq-band{border-top:0 !important;border-bottom:0 !important;position:relative}
.dqc .mq-band::before,.dqc .mq-band::after{content:'';position:absolute;top:0;bottom:0;width:clamp(48px,7vw,120px);z-index:2;pointer-events:none}
.dqc .mq-band::before{left:0;background:linear-gradient(90deg,#F2F1EC 0%,rgba(242,241,236,0) 100%)}
.dqc .mq-band::after{right:0;background:linear-gradient(270deg,#F2F1EC 0%,rgba(242,241,236,0) 100%)}
/* foto do doutor: o rosto um pouco mais acima e o cartão do nome mais compacto, para cobrir menos */
.im-dr{background-position:center 30% !important}
.dqc .dr-card{left:12px !important;right:auto !important;bottom:12px !important;max-width:calc(100% - 24px);padding:11px 15px !important;border-radius:14px !important}
.dqc .dr-card .disp{font-size:18px !important}
.dqc .dr-card > div:not(.disp){font-size:12px !important;margin-top:2px !important}
/* Experiências: no celular, fotos da galeria mais quadradas (antes ficavam largas e baixas). No desktop fica a altura original. */
@media (max-width: 900px){.dqc [data-mood-grid] > :not([data-ghost]){height:auto !important;aspect-ratio:5/4}}
/* celular: o bloco 'O projeto' trava junto com a capa e o GSAP reescreve o style dele — garante o mesmo espaçamento de antes */
@media (max-width: 900px){.dqc #projeto{padding-top:0 !important}}
/* bloco do PDF (desktop): imagem ~22% mais baixa (mesma largura) e título numa linha só */
@media (min-width: 901px){
.dqc [data-pv-stage]{height:clamp(640px, 48vw, 700px) !important;min-height:0 !important;align-self:center}
.dqc h2.pv-title{font-size:clamp(28px, 3.3vw, 50px) !important;white-space:nowrap}
}
/* bloco do PDF (desktop): coluna da direita compacta, com altura igual ou um pouco menor que a imagem */
@media (min-width: 901px){
.dqc [data-pdf-wrap] h2.pv-title + p{margin-top:18px !important;font-size:15.5px !important;line-height:1.6 !important}
.dqc [data-pdf-wrap] h2.pv-title + p + p{margin-top:8px !important;font-size:15.5px !important}
.dqc [data-pdf-wrap] [role="tablist"]{margin-top:24px !important}
.dqc [data-pdf-wrap] .pv-tab{padding:15px 0 !important;gap:16px}
.dqc [data-pdf-wrap] .pv-ic{width:40px;height:40px;border-radius:12px}
.dqc [data-pdf-wrap] .pv-tt{font-size:20px}
.dqc [data-pdf-wrap] [role="tablist"] + div{margin-top:26px !important}
}
/* Como funciona (desktop): título menor, cada linha sem quebrar; e o título de cada passo centralizado com o número */
@media (min-width: 901px){
.dqc h2.como-title{font-size:clamp(26px, 2.7vw, 46px) !important;white-space:nowrap}
/* a fonte acompanha a LARGURA DA COLUNA (não da tela): a linha mais longa nunca passa da coluna nem é cortada */
@supports (container-type: inline-size){
.dqc .como-left{container-type:inline-size}
.dqc h2.como-title{font-size:min(54px, 8.2cqw) !important}
}
.dqc [data-steps] [style*="align-items: baseline"]{display:grid !important;grid-template-columns:auto minmax(0,1fr);column-gap:28px;align-items:center !important}
.dqc [data-steps] [style*="align-items: baseline"] > div{display:contents}
.dqc [data-steps] [style*="align-items: baseline"] > .disp{grid-column:1;grid-row:1}
.dqc [data-steps] [style*="align-items: baseline"] h3{grid-column:2;grid-row:1}
.dqc [data-steps] [style*="align-items: baseline"] p{grid-column:2;grid-row:2}
}