/* Página de venda clinic: folha própria (extraída do inline em 06/09/2026; o teste PaginaDeVendaPorSaasTest exige uma folha por vertical). */
/* ══════════════════════════════════════════════════════════════════════════
   VATSE CLÍNICA — página de venda (modelo "Hospa Medical": clínico, sereno)
   Branco + pastéis (azul/menta/lavanda/rosa) + azul médico. Plus Jakarta Sans.
   Cantos generosos, botões-pílula, cards pastel, selos flutuantes. Compacto.
   Contraste: azul #0066f6 lê bem no branco; título tinta escura.
   ══════════════════════════════════════════════════════════════════════════ */
.clx{
    --paper:#ffffff; --paper-2:#f2f6fc; --ink:#1b2436; --ink-soft:#616b80;
    --blue:#0066f6; --blue-deep:#0f63e6; --sky:#e7f1ff;
    --c-blue:#e7effc; --i-blue:#0066f6; --c-mint:#e2f4ef; --i-mint:#1f9d80;
    --c-lav:#efe9fb; --i-lav:#7b5bd6; --c-pink:#fceaee; --i-pink:#d65f7e;
    --dark:#131a2b; --line:rgba(27,36,54,.10);
    background:var(--paper); color:var(--ink);
    font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:16px; line-height:1.6;
}
.clx *{box-sizing:border-box}
.clx-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.clx h1,.clx h2,.clx h3{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0;line-height:1.14}
.clx-sec.dark h2,.clx-cta h2{color:#fff}
.clx-lbl{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.clx-lbl::before{content:none}

/* botões-pílula */
.clx-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:999px;font-family:inherit;font-weight:700;font-size:.92rem;text-decoration:none;cursor:pointer;border:0;transition:transform .16s ease,box-shadow .16s ease,background .16s,color .16s,border-color .16s}
.clx-btn-blue{background:var(--blue);color:#fff;box-shadow:0 14px 30px -14px rgba(24,120,255,.7)}
.clx-btn-blue:hover{background:var(--blue-deep);transform:translateY(-2px)}
.clx-btn-soft{background:var(--sky);color:var(--blue-deep)}
.clx-btn-soft:hover{background:#dbe8fc;transform:translateY(-2px)}
.clx-btn-ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.clx-btn-ghost:hover{border-color:#fff;transform:translateY(-2px)}

/* ── HERO ───────────────────────────────────────────────────────────────── */
.clx-hero{position:relative;overflow:hidden;padding:clamp(112px,14vh,148px) 0 clamp(50px,6vw,80px);
    background:radial-gradient(90% 120% at 82% 6%,var(--sky),var(--paper) 62%)}
.clx-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(28px,4vw,56px);align-items:center}
.clx-hero h1{font-size:clamp(2.5rem,5vw,4.1rem);margin:14px 0 0}
.clx-hero h1 .accent{color:var(--blue)}
.clx-hero-lead{margin:20px 0 0;max-width:44ch;color:var(--ink-soft);font-size:1.06rem;line-height:1.7}
.clx-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}
.clx-hero-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;font-size:.88rem;color:var(--ink-soft)}
.clx-hero-trust span{display:inline-flex;align-items:center;gap:8px}
.clx-hero-trust i{color:var(--blue)}
.clx-hero-figure{position:relative}
.clx-hero-photo{aspect-ratio:1/1;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -44px rgba(27,36,54,.4)}
.clx-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}
.clx-hero-badge{position:absolute;left:-14px;bottom:26px;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 20px 40px -22px rgba(27,36,54,.35)}
.clx-hero-badge i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c-mint);color:var(--i-mint);font-size:1rem}
.clx-hero-badge b{display:block;font-size:.95rem}
.clx-hero-badge span{font-size:.8rem;color:var(--ink-soft)}

/* ── 4 CARDS PASTEL ─────────────────────────────────────────────────────── */
.clx-atalhos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(28px,4vw,44px)}
.clx-atalho{border-radius:18px;padding:24px 22px;border:1px solid transparent}
.clx-atalho.blue{background:var(--c-blue)}.clx-atalho.mint{background:var(--c-mint)}.clx-atalho.lav{background:var(--c-lav)}.clx-atalho.pink{background:var(--c-pink)}
.clx-atalho i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#fff;font-size:1.15rem}
.clx-atalho.blue i{color:var(--i-blue)}.clx-atalho.mint i{color:var(--i-mint)}.clx-atalho.lav i{color:var(--i-lav)}.clx-atalho.pink i{color:var(--i-pink)}
/* h2, não h3: estes cartões vêm logo depois do <h1> do herói, e pular um
   nível quebra a navegação por cabeçalho. O tamanho segue daqui. */
.clx-atalho h2{font-size:1.1rem;margin:16px 0 0}
.clx-atalho p{margin:6px 0 0;font-size:.86rem;color:var(--ink-soft);line-height:1.5}

/* ── seção base ─────────────────────────────────────────────────────────── */
.clx-sec{padding:clamp(56px,7vw,88px) 0}
.clx-sec.soft{background:var(--paper-2)}
.clx-sec.dark{background:var(--dark);color:#fff}
.clx-head{max-width:600px}
.clx-head.center{margin:0 auto;text-align:center}
.clx-head.center .clx-lbl{justify-content:center}
.clx-head h2{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:10px 0 0}
.clx-head p{margin:12px 0 0;color:var(--ink-soft);font-size:1.02rem;line-height:1.65}
.clx-sec.dark .clx-head p{color:rgba(255,255,255,.72)}

/* ── SOBRE (checklist + foto com selos) ─────────────────────────────────── */
.clx-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}
.clx-check{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 20px}
.clx-check li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;color:var(--ink)}
.clx-check i{flex-shrink:0;color:var(--i-mint);margin-top:3px}
.clx-about-media{position:relative}
.clx-about-photo{aspect-ratio:4/3.4;border-radius:22px;overflow:hidden;box-shadow:0 34px 64px -44px rgba(27,36,54,.4)}
.clx-about-photo img{width:100%;height:100%;object-fit:cover;display:block}
.clx-float{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 22px 44px -24px rgba(27,36,54,.4)}
.clx-float.a{top:18px;right:-14px;display:flex;align-items:center;gap:10px}
.clx-float.a b{font-size:1.5rem;color:var(--i-lav);line-height:1}
.clx-float.a span{font-size:.8rem;color:var(--ink-soft)}
.clx-float.b{bottom:20px;left:-14px;display:flex;align-items:center;gap:10px}
.clx-float.b i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--c-blue);color:var(--i-blue)}
.clx-float.b b{display:block;font-size:1.1rem}
.clx-float.b span{font-size:.8rem;color:var(--ink-soft)}

/* ── ESPECIALIDADES (grade) ─────────────────────────────────────────────── */
.clx-esp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}
.clx-esp-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 22px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s}
.clx-esp-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -40px rgba(27,36,54,.5);border-color:transparent}
.clx-esp-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--sky);color:var(--blue);font-size:1.15rem}
.clx-esp-card h3{font-size:1.1rem;margin:16px 0 0}
.clx-esp-card p{margin:6px 0 12px;font-size:.84rem;color:var(--ink-soft)}
.clx-esp-card a{font-size:.8rem;font-weight:700;color:var(--blue);text-decoration:none}

/* ── PAINEL + APP (escuro) ──────────────────────────────────────────────── */
.clx-soft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,60px);align-items:center}
.clx-sec.dark .clx-lbl{color:#8fb0f2}
.clx-soft-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}
.clx-soft-list li{display:flex;gap:12px;align-items:flex-start}
.clx-soft-list i{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(143,176,242,.18);color:#8fb0f2;font-size:.82rem}
.clx-soft-list b{display:block;font-weight:600;font-size:.98rem;color:#fff}
.clx-soft-list span{color:rgba(255,255,255,.66);font-size:.86rem}
.clx-stage{position:relative;padding:0 0 34px}
.clx-browser{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 44px 80px -50px #000;background:#0d1424}
.clx-browser-bar{display:flex;align-items:center;gap:7px;padding:11px 15px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.09)}
.clx-browser-bar i{width:10px;height:10px;border-radius:50%;background:#39445c}
.clx-browser-bar i:nth-child(1){background:#e0603c}.clx-browser-bar i:nth-child(2){background:#e3b23c}.clx-browser-bar i:nth-child(3){background:#43b06a}
.clx-browser-bar span{margin-left:8px;font-size:.8rem;color:rgba(255,255,255,.6)}
.clx-screen{aspect-ratio:1950/1230;overflow:hidden}
.clx-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.clx-phone{position:absolute;right:-4px;bottom:0;width:32%;max-width:176px;border-radius:22px;padding:7px;background:#070b14;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 54px -28px #000}
.clx-phone-screen{aspect-ratio:9/17;border-radius:16px;overflow:hidden;background:#000}
.clx-phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}

/* ── EQUIPE ─────────────────────────────────────────────────────────────── */
.clx-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:38px}
.clx-doc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 22px 46px -42px rgba(27,36,54,.5);transition:transform .2s ease}
.clx-doc:hover{transform:translateY(-4px)}
.clx-doc-pic{aspect-ratio:1/1;overflow:hidden;background:var(--paper-2)}
.clx-doc-pic img{width:100%;height:100%;object-fit:cover;display:block}
.clx-doc-body{padding:16px 18px 18px;text-align:center}
.clx-doc-body h3{font-size:1.08rem}
.clx-doc-body span{display:block;font-size:.82rem;color:var(--blue);margin-top:2px}

/* ── PROVA / depoimentos ────────────────────────────────────────────────── */
.clx-quotes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:36px}
.clx-quote{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px}
.clx-quote .st{color:#e3b23c;font-size:.85rem}
.clx-quote blockquote{margin:12px 0 0;font-size:1.02rem;line-height:1.6;color:var(--ink)}
.clx-quote figcaption{margin-top:14px}
.clx-quote figcaption b{font-weight:700;font-size:.9rem}
.clx-quote figcaption span{font-size:.8rem;color:var(--ink-soft)}

.clx-shared .clx-head{margin-bottom:34px}

/* ── CTA final ──────────────────────────────────────────────────────────── */
.clx-cta{position:relative;overflow:hidden;color:#fff}
.clx-cta-bg{position:absolute;inset:0;z-index:0}
.clx-cta-bg img{width:100%;height:100%;object-fit:cover;display:block}
.clx-cta-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,26,43,.93),rgba(19,26,43,.66)),linear-gradient(0deg,rgba(24,120,255,.28),transparent 60%)}
.clx-cta-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(52px,7vw,86px) 24px}
.clx-cta .clx-lbl{color:#a9c4f6}
.clx-cta h2{font-size:clamp(2rem,4vw,3rem);max-width:18ch}
.clx-cta p{margin:14px 0 0;color:rgba(255,255,255,.78);max-width:48ch;font-size:1rem}
.clx-cta-btns{display:flex;flex-wrap:wrap;gap:13px;margin-top:24px}

/* ── componentes compartilhados no estilo Hospa ─────────────────────────── */
.clx .sv-label{font-family:"Plus Jakarta Sans",sans-serif!important;text-transform:uppercase!important;letter-spacing:.14em!important;font-size:.8rem;font-weight:700;color:var(--blue)}
.clx .sv-label::before{content:none}
.clx .sv-kit__item,.clx .sv-plano,.clx .sv-duvida{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 46px -42px rgba(27,36,54,.5)}
.clx .sv-kit__icone{color:var(--blue);background:var(--sky)}
.clx .sv-plano--ancora{border-color:var(--blue);box-shadow:0 30px 58px -38px rgba(24,120,255,.4)}
.clx .sv-plano__tag{background:var(--blue);color:#fff;border-radius:999px}
.clx .sv-plano__preco,.clx .sv-plano__moeda{color:var(--blue-deep)}
.clx .sv-btn-produto{background:var(--blue);border-color:var(--blue);color:#fff}
.clx .sv-btn-produto:hover{background:var(--blue-deep)}
.clx .sv-lead__form input,.clx .sv-lead__form textarea,.clx .sv-lead__form select{border-radius:11px;border:1px solid var(--line);background:#fff}
.clx .sv-lead__form input:focus,.clx .sv-lead__form textarea:focus{border-color:var(--blue);outline:2px solid rgba(24,120,255,.25)}

/* ── interações dos cards ───────────────────────────────────────────────── */
.clx-atalho{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.clx-atalho i{transition:transform .22s ease}
.clx-atalho:hover{transform:translateY(-6px);box-shadow:0 26px 52px -30px rgba(27,36,54,.42)}
.clx-atalho:hover i{transform:scale(1.08) rotate(-5deg)}
.clx-esp-ic{transition:background .22s ease,color .22s ease,transform .22s ease}
.clx-esp-card:hover .clx-esp-ic{background:var(--blue);color:#fff;transform:scale(1.05)}
.clx-esp-card a{display:inline-flex;align-items:center;gap:5px;transition:gap .2s ease}
.clx-esp-card:hover a{gap:11px}
.clx-quote{transition:transform .2s ease,box-shadow .2s ease}
.clx-quote:hover{transform:translateY(-4px);box-shadow:0 26px 50px -40px rgba(27,36,54,.4)}
.clx-hero-badge,.clx-float{transition:transform .25s ease}
.clx-hero-figure:hover .clx-hero-badge{transform:translateY(-4px)}
.clx-hero-photo,.clx-about-photo{border-radius:30px;box-shadow:0 32px 72px -42px rgba(17,45,94,.38)}
.clx-hero-photo img,.clx-about-photo img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.clx-hero-figure:hover .clx-hero-photo img,.clx-about-media:hover .clx-about-photo img{transform:scale(1.035)}
.clx-hero-badge{animation:clx-drift 6s ease-in-out infinite}
.clx-float.a{animation:clx-drift 7s ease-in-out infinite}
.clx-float.b{animation:clx-drift 7s ease-in-out -3.5s infinite}
@keyframes clx-drift{0%,100%{translate:0 0}50%{translate:0 -7px}}
.clx :is(.clx-atalho,.clx-esp-card,.clx-diff-card,.clx-step,.clx-doc,.sv-plano,.sv-duvida){box-shadow:0 14px 36px -32px rgba(17,45,94,.35)}
.clx :is(.clx-atalho,.clx-esp-card,.clx-diff-card,.clx-step,.clx-doc,.sv-plano):hover{box-shadow:0 26px 56px -34px rgba(17,45,94,.32)}
.clx .sv-duvida{transition:border-color .25s ease,box-shadow .25s ease}
.clx .sv-duvida[open]{border-color:rgba(0,102,246,.25);box-shadow:0 24px 54px -38px rgba(17,45,94,.28)}
.clx .sv-duvida summary{transition:color .25s ease}
.clx .sv-duvida summary:hover,.clx .sv-duvida[open] summary{color:var(--blue-deep)}
@media (prefers-reduced-motion: reduce){
    .clx-hero-badge,.clx-float.a,.clx-float.b{animation:none}
    .clx-hero-photo img,.clx-about-photo img{transition:none}
}

/* ── diferenciais ───────────────────────────────────────────────────────── */
.clx-diff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px}
.clx-diff-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;transition:transform .22s ease,box-shadow .22s ease}
.clx-diff-card:hover{transform:translateY(-6px);box-shadow:0 30px 56px -38px rgba(27,36,54,.5)}
.clx-diff-ic{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--sky);color:var(--blue);font-size:1.4rem;transition:background .22s ease,color .22s ease}
.clx-diff-card:hover .clx-diff-ic{background:var(--blue);color:#fff}
.clx-diff-card h3{font-size:1.2rem;margin:18px 0 0}
.clx-diff-card p{margin:8px 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.6}

/* ── passos ─────────────────────────────────────────────────────────────── */
.clx-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.clx-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 24px;transition:transform .22s ease,box-shadow .22s ease}
.clx-step:hover{transform:translateY(-6px);box-shadow:0 30px 56px -38px rgba(27,36,54,.5)}
.clx-step-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;font-size:1.05rem}
.clx-step h3{font-size:1.15rem;margin:16px 0 0}
.clx-step p{margin:7px 0 0;color:var(--ink-soft);font-size:.9rem;line-height:1.55}

/* ── track record ───────────────────────────────────────────────────────── */
.clx-track{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(30px,5vw,56px);align-items:center}
.clx-track h2 .dim{color:var(--ink-soft)}
.clx-rating{display:flex;flex-direction:column;gap:14px}
.clx-rate-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:0 22px 46px -42px rgba(27,36,54,.5)}
.clx-rate-num{font-size:2.4rem;font-weight:800;color:var(--blue);line-height:1}
.clx-rate-card .st{color:#e3b23c;font-size:.9rem}
.clx-rate-card span{font-size:.82rem;color:var(--ink-soft)}
.clx-mini-tiles{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.clx-tile{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:transform .2s ease}
.clx-tile:hover{transform:translateY(-3px)}
.clx-tile b{display:block;font-size:1.05rem;color:var(--ink)}
.clx-tile span{font-size:.8rem;color:var(--ink-soft)}

/* ── APP (dois mockups em imagem) ───────────────────────────────────────── */
.clx-app{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,60px);align-items:center}
.clx-app-list{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:13px}
.clx-app-list li{display:flex;gap:12px;align-items:flex-start}
.clx-app-list i{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sky);color:var(--blue);font-size:.82rem}
.clx-app-list b{display:block;font-weight:700;font-size:.98rem;color:var(--ink)}
.clx-app-list span{color:var(--ink-soft);font-size:.86rem}
.clx-app-phones{position:relative;display:flex;justify-content:center;align-items:center;min-height:clamp(360px,44vw,470px)}
.clx-appimg{width:clamp(150px,20vw,208px);height:auto;border-radius:30px;border:7px solid #070b14;background:#070b14;box-shadow:0 40px 74px -40px rgba(27,36,54,.5);display:block;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.clx-appimg.back{transform:rotate(7deg) translateX(-16%) scale(.9);opacity:.96;z-index:0}
.clx-appimg.front{transform:rotate(-5deg) translateX(16%);z-index:1}
.clx-app-phones:hover .clx-appimg.back{transform:rotate(9deg) translateX(-20%) scale(.9)}
.clx-app-phones:hover .clx-appimg.front{transform:rotate(-7deg) translateX(20%) translateY(-6px)}
.clx-carousel-sec .clx-head h2 .accent{color:#8fb0f2}

/* reveal */
[data-rv]{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
[data-rv].vis,[data-rv].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-rv]{opacity:1;transform:none;transition:none}}

/* ── responsivo ─────────────────────────────────────────────────────────── */
@media(max-width:960px){
    .clx-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}
    .clx-hero-figure{max-width:440px;margin:0 auto;width:100%}
    .clx-atalhos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .clx-about{grid-template-columns:minmax(0,1fr);gap:36px}
    .clx-about .clx-about-media{order:-1}
    .clx-esp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .clx-soft{grid-template-columns:minmax(0,1fr);gap:32px}
    .clx-soft .clx-soft-copy{order:1}.clx-soft .clx-stage{order:2}
    .clx-stage{padding:0;max-width:540px;margin:0 auto}
    .clx-phone{position:static;width:146px;margin:20px auto 0;right:auto}
    .clx-app{grid-template-columns:minmax(0,1fr);gap:12px}.clx-app .clx-app-copy{order:1}.clx-app .clx-app-phones{order:2;min-height:0;margin-top:8px}
    .clx-team{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
    .clx-quotes{grid-template-columns:minmax(0,1fr)}
    .clx-diff{grid-template-columns:minmax(0,1fr)}
    .clx-steps{grid-template-columns:minmax(0,1fr)}
    .clx-track{grid-template-columns:minmax(0,1fr);gap:28px}
}
@media(max-width:560px){
    .clx-atalhos,.clx-esp,.clx-team,.clx-check{grid-template-columns:minmax(0,1fr)}
    .clx-btn{padding:13px 22px}
    .clx-float.a{right:6px}.clx-float.b{left:6px}
}

/* ALVO DE TOQUE: o link de demonstração de cada especialidade tinha 23px de
   altura. Ver barber.css: mesma decisão, mesma régua. */
@media (max-width: 900px) {
    .clx-esp-card a { display: inline-flex; align-items: center; min-height: 32px; }
}