/* page-laser-hub.css — "Laser e procedimentos" hub (tm-laser-hub.php). Design V01 "Monólito" 2026-09-17 + the judge panel grafts. Keyed on body.jt-laser-hub; fonts come from fonts/fonts.css (site-wide). Tokens = the Átrio home skin (page-home-atrio.css). */ /* ---------- tokens (Átrio skin, dark-first) ---------- */ body.jt-laser-hub{ --verde:#1e3a2f; --verde-2:#152b22; --black:#0b0d0c; --foot:#101110; --on-verde:#f1ece7; --on-verde-soft:#a9c2ad; --verde-rule:rgba(227,234,226,.28); --verde-rule-strong:rgba(227,234,226,.55); --paper:#f4eee8; --ink:#1f1f21; --muted:#6f6b67; --line:#c7bdb5; --surface:#fbf8f4; /* band tokens (critique round 2026-09-19) — every band re-tokens itself by setting these; defaults = the dark skin */ --band-bg:var(--verde);--band-ink:#fff;--band-text:var(--on-verde);--band-soft:var(--on-verde-soft); --band-rule:var(--verde-rule);--band-rule-strong:var(--verde-rule-strong);--band-num:var(--on-verde-soft); --band-tint:rgba(255,255,255,.08);--band-focus:#fff; --band-chip-bg:transparent;--band-chip-border:var(--verde-rule-strong);--band-chip-hover-bg:#fff;--band-chip-hover-c:var(--verde); --serif:Butler,Georgia,"Times New Roman",serif; --sans:Roobert,"Helvetica Neue",Helvetica,Arial,sans-serif; --r-pad:max(24px,calc(50% - 616px)); --ease:cubic-bezier(.16,1,.3,1); } body.jt-laser-hub .jt-lh *,body.jt-laser-hub .jt-lh *::before,body.jt-laser-hub .jt-lh *::after{box-sizing:border-box} @media (prefers-reduced-motion:reduce){body.jt-laser-hub .jt-lh *,body.jt-laser-hub .jt-wabar{transition:none!important}} body.jt-laser-hub .jt-lh{margin:0;background:var(--verde);color:var(--on-verde);font:400 17px/1.65 var(--sans);overflow-x:clip} body.jt-laser-hub .jt-lh img{display:block;max-width:100%;height:auto} body.jt-laser-hub .jt-lh a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em} body.jt-laser-hub .jt-lh a:focus-visible,body.jt-laser-hub .jt-lh button:focus-visible,body.jt-laser-hub .jt-lh summary:focus-visible,body.jt-laser-hub .jt-wabar a:focus-visible{outline:2px solid var(--band-focus)!important;outline-offset:3px} body.jt-laser-hub .jt-lh h1,body.jt-laser-hub .jt-lh h2,body.jt-laser-hub .jt-lh h3{margin:0;padding:0;font-weight:300;font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;text-transform:none} body.jt-laser-hub .jt-lh p{margin:0} body.jt-laser-hub .jt-lh ul,body.jt-laser-hub .jt-lh ol,body.jt-laser-hub .jt-lh dl{margin:0;padding:0} body.jt-laser-hub .jt-lh li{list-style:none;margin:0;padding:0} body.jt-laser-hub .jt-lh li:before{content:none;display:none} body.jt-laser-hub .jt-lh .sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} /* ---------- kicker / marginalia ---------- */ body.jt-laser-hub .jt-lh .kick{font:400 13px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--on-verde-soft);border-top:1px solid var(--verde-rule);padding-top:8px;display:block} @media (max-width:900px){body.jt-laser-hub .jt-lh .kick{border-top:0;padding-top:0;display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.2em}body.jt-laser-hub .jt-lh .kick::before{content:"";width:28px;height:1px;background:var(--verde-rule)}} /* ---------- pills ---------- */ body.jt-laser-hub .jt-lh .pill{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border-radius:999px;font:400 15px/1.2 var(--sans);text-decoration:none;text-transform:none;transition:background .25s var(--ease),color .25s var(--ease);white-space:nowrap} body.jt-laser-hub .jt-lh .pill--w{background:#fff;color:var(--verde)} body.jt-laser-hub .jt-lh .pill--w:hover{background:var(--on-verde)} body.jt-laser-hub .jt-lh .pill--g{background:transparent;color:var(--on-verde);box-shadow:inset 0 0 0 1px var(--verde-rule-strong)} body.jt-laser-hub .jt-lh .pill--g:hover{background:var(--band-tint)} /* ---------- bands ---------- */ body.jt-laser-hub .jt-lh .band{padding:clamp(56px,7.5vw,96px) var(--r-pad);position:relative;background:var(--band-bg);color:var(--band-text)} body.jt-laser-hub .jt-lh .band--2{--band-bg:var(--verde-2)} body.jt-laser-hub .jt-lh .band--k{--band-bg:var(--black)} body.jt-laser-hub .jt-lh .band+.band{border-top:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .rail{max-width:1232px;margin:0 auto} body.jt-laser-hub .jt-lh .marg{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:clamp(32px,4.5vw,72px)} body.jt-laser-hub .jt-lh .marg__side{position:sticky;top:24px;align-self:start} body.jt-laser-hub .jt-lh .marg__side figure{margin-top:28px} @media (max-width:900px){body.jt-laser-hub .jt-lh .marg{grid-template-columns:minmax(0,1fr);row-gap:20px}body.jt-laser-hub .jt-lh .marg__side{display:contents}body.jt-laser-hub .jt-lh .marg__side figure{order:3;margin-top:8px;max-width:320px}} body.jt-laser-hub .jt-lh .h2{font-size:clamp(34px,4.6vw,60px);line-height:1.04;color:var(--band-ink);max-width:22ch} body.jt-laser-hub .jt-lh .h2--xl{font-size:clamp(44px,5.2vw,68px);line-height:1;max-width:18ch} body.jt-laser-hub .jt-lh .dek{font:300 clamp(18px,1.5vw,20px)/1.55 var(--sans);color:var(--on-verde);max-width:52ch;margin-top:22px} body.jt-laser-hub .jt-lh .p{font:300 17px/1.65 var(--sans);color:var(--on-verde);max-width:62ch} body.jt-laser-hub .jt-lh .cap{font:400 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-verde-soft);margin-top:10px} body.jt-laser-hub .jt-lh figure{margin:0} body.jt-laser-hub .jt-lh .ph{width:100%;height:auto;object-fit:cover} /* ---------- hero ---------- */ body.jt-laser-hub .jt-lh .hero{position:relative;background:var(--verde-2);padding:110px var(--r-pad) 0;overflow:hidden} body.jt-laser-hub .jt-lh .hero__rail{position:relative;z-index:1;max-width:1232px;margin:0 auto;width:100%} body.jt-laser-hub .jt-lh .hero__media{position:relative;margin:calc(-1 * clamp(88px,9.4vw,120px)) calc(-1 * var(--r-pad)) 0;height:clamp(560px,64vw,860px)} body.jt-laser-hub .jt-lh .hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%} body.jt-laser-hub .jt-lh .hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,var(--verde-2) 0 15%,rgba(21,43,34,.5) 24%,rgba(21,43,34,.05) 42%,rgba(21,43,34,.5) 100%)} body.jt-laser-hub .jt-lh .crumbs{display:flex;flex-wrap:wrap;gap:0 4px;font:400 13px/1 var(--sans);color:var(--on-verde-soft);margin-bottom:20px} body.jt-laser-hub .jt-lh .crumbs a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px;color:var(--on-verde-soft);text-decoration:none} body.jt-laser-hub .jt-lh .crumbs a:hover{text-decoration:underline} body.jt-laser-hub .jt-lh .crumbs span[aria-hidden]{display:inline-flex;align-items:center;min-height:44px;padding:0 4px} body.jt-laser-hub .jt-lh .crumbs [aria-current]{display:inline-flex;align-items:center;min-height:44px;color:var(--on-verde)} body.jt-laser-hub .jt-lh .hero__kick{border-top:0;padding-top:0;margin-bottom:26px} body.jt-laser-hub .jt-lh .h1{font-size:clamp(46px,7vw,96px);line-height:.98;color:#fff;max-width:13ch;hyphens:manual;letter-spacing:-.015em} body.jt-laser-hub .jt-lh .hero__dek{max-width:46ch;margin-top:30px} body.jt-laser-hub .jt-lh .hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px} body.jt-laser-hub .jt-lh .facts{display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:0 48px;margin-top:46px;padding:18px 0 34px;border-top:1px solid var(--verde-rule);max-width:900px} body.jt-laser-hub .jt-lh .facts div{font:400 15px/1.45 var(--sans);color:var(--on-verde)} body.jt-laser-hub .jt-lh .facts dd{margin:0} body.jt-laser-hub .jt-lh .facts b{display:block;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--on-verde-soft);margin-bottom:2px} body.jt-laser-hub .jt-lh .facts a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#fff} body.jt-laser-hub .jt-lh .facts a:hover{text-decoration:underline} @media (max-width:900px){ body.jt-laser-hub .jt-lh .hero{padding-top:92px} body.jt-laser-hub .jt-lh .hero__media{margin-top:-44px;height:auto;aspect-ratio:4/5} body.jt-laser-hub .jt-lh .hero__img{object-position:32% 45%} body.jt-laser-hub .jt-lh .hero__scrim{background:linear-gradient(180deg,var(--verde-2) 0 9%,rgba(21,43,34,.45) 16%,rgba(21,43,34,.05) 30%,rgba(21,43,34,.45) 100%)} body.jt-laser-hub .jt-lh .h1{max-width:none} body.jt-laser-hub .jt-lh .facts{grid-template-columns:1fr;gap:6px;padding:12px 0 10px;margin-top:34px} } /* ---------- tecnologia ---------- */ body.jt-laser-hub .jt-lh .tec{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:start} body.jt-laser-hub .jt-lh .ficha{margin-top:40px;border-top:1px solid var(--verde-rule-strong)} body.jt-laser-hub .jt-lh .ficha div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px 24px;padding:18px 0;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .ficha dt{font:400 12px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-verde-soft);padding-top:4px} body.jt-laser-hub .jt-lh .ficha dd{margin:0;font:300 16.5px/1.55 var(--sans);color:var(--on-verde)} body.jt-laser-hub .jt-lh .ficha dd a{color:var(--band-ink)} body.jt-laser-hub .jt-lh .reads{margin-top:28px} body.jt-laser-hub .jt-lh .reads li a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:8px 0;border-bottom:1px solid var(--verde-rule);text-decoration:none;font:400 17px/1.3 var(--serif);color:var(--band-ink)} body.jt-laser-hub .jt-lh .reads li a:hover span:first-child{text-decoration:underline} body.jt-laser-hub .jt-lh .reads li a::after{content:"→";font-family:var(--sans);color:var(--on-verde-soft)} @media (max-width:900px){body.jt-laser-hub .jt-lh .tec{grid-template-columns:minmax(0,1fr)}body.jt-laser-hub .jt-lh .tec figure{order:-1}body.jt-laser-hub .jt-lh .ficha div{grid-template-columns:minmax(0,1fr);gap:4px}} /* ---------- laser index ---------- */ body.jt-laser-hub .jt-lh .idx{margin-top:48px} body.jt-laser-hub .jt-lh .ledger{border-top:1px solid var(--verde-rule-strong)} body.jt-laser-hub .jt-lh .ledger li a{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1.6fr) 36px;column-gap:28px;align-items:start;padding:26px 0 30px;border-bottom:1px solid var(--verde-rule);text-decoration:none;color:var(--on-verde);transition:background .25s var(--ease)} body.jt-laser-hub .jt-lh .ledger li a:hover{background:var(--band-tint)} body.jt-laser-hub .jt-lh .ledger .n{font:300 clamp(56px,7vw,100px)/.82 var(--serif);letter-spacing:-.03em;color:var(--band-num);font-variant-numeric:tabular-nums;margin-top:2px} body.jt-laser-hub .jt-lh .ledger .t{font:400 clamp(24px,2.4vw,32px)/1.15 var(--serif);color:var(--band-ink);margin-top:6px;min-width:0;overflow-wrap:break-word} body.jt-laser-hub .jt-lh .ledger li a:hover .t{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.12em} body.jt-laser-hub .jt-lh .ledger .d{font:300 16.5px/1.55 var(--sans);color:var(--on-verde);margin-top:10px} body.jt-laser-hub .jt-lh .ledger .a{font:300 28px/1 var(--serif);color:var(--on-verde-soft);margin-top:10px;text-align:right} @media (max-width:760px){ body.jt-laser-hub .jt-lh .ledger li a{grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;padding:22px 0 24px} body.jt-laser-hub .jt-lh .ledger .n{grid-row:1/3;font-size:56px} body.jt-laser-hub .jt-lh .ledger .t{margin-top:0} body.jt-laser-hub .jt-lh .ledger .d{grid-column:2;margin-top:8px} body.jt-laser-hub .jt-lh .ledger .a{display:none} } /* ---------- procedures index ---------- */ body.jt-laser-hub .jt-lh .grp{margin-top:44px} body.jt-laser-hub .jt-lh .grp+.grp{margin-top:36px} body.jt-laser-hub .jt-lh .grp h3{font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif);color:var(--band-ink);padding-bottom:12px;border-bottom:1px solid var(--verde-rule-strong);margin-bottom:16px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px} body.jt-laser-hub .jt-lh .grp h3 small{font:400 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-verde-soft);white-space:nowrap} body.jt-laser-hub .jt-lh .chips{display:flex;flex-wrap:wrap;gap:8px} body.jt-laser-hub .jt-lh .chips a{display:inline-flex;align-items:center;min-height:48px;padding:6px 18px;background:var(--band-chip-bg);border:1px solid var(--band-chip-border);color:var(--band-text);font:400 15.5px/1.25 var(--sans);text-decoration:none;transition:background .2s var(--ease),color .2s var(--ease)} body.jt-laser-hub .jt-lh .chips a:hover{background:var(--band-chip-hover-bg);color:var(--band-chip-hover-c);border-color:var(--band-chip-hover-bg)} body.jt-laser-hub .jt-lh .arch{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;border-top:1px solid var(--verde-rule-strong)} body.jt-laser-hub .jt-lh .arch li a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:10px 0;border-bottom:1px solid var(--verde-rule);text-decoration:none;font:400 19px/1.3 var(--serif);color:var(--band-ink)} body.jt-laser-hub .jt-lh .arch li a::after{content:"→";font-family:var(--sans);color:var(--on-verde-soft)} body.jt-laser-hub .jt-lh .arch li a:hover span{text-decoration:underline} body.jt-laser-hub .jt-lh .arch li a small{font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-verde-soft);margin-left:10px} @media (max-width:900px){body.jt-laser-hub .jt-lh .arch{grid-template-columns:minmax(0,1fr)}} /* ---------- safety (black) ---------- */ body.jt-laser-hub .jt-lh .safe{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:start} body.jt-laser-hub .jt-lh .slist{border-top:1px solid var(--verde-rule-strong);margin-top:40px} body.jt-laser-hub .jt-lh .slist div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:8px 24px;padding:18px 0;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .slist dt{font:400 22px/1.15 var(--serif);color:var(--band-ink)} body.jt-laser-hub .jt-lh .slist dd{margin:0;font:300 16.5px/1.55 var(--sans);color:var(--on-verde)} body.jt-laser-hub .jt-lh .safe figure{position:sticky;top:24px} @media (max-width:900px){body.jt-laser-hub .jt-lh .safe{grid-template-columns:minmax(0,1fr)}body.jt-laser-hub .jt-lh .safe figure{position:static}body.jt-laser-hub .jt-lh .slist div{grid-template-columns:minmax(0,1fr);gap:4px}} /* ---------- consulta ---------- */ body.jt-laser-hub .jt-lh .cons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(32px,5vw,80px);align-items:start} body.jt-laser-hub .jt-lh .steps{border-top:1px solid var(--verde-rule-strong);margin-top:40px} body.jt-laser-hub .jt-lh .steps li{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:28px;padding:26px 0;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .steps .n{font:300 clamp(48px,5.5vw,74px)/.9 var(--serif);color:var(--band-num);letter-spacing:-.02em} body.jt-laser-hub .jt-lh .steps h3{font:400 clamp(22px,2.2vw,28px)/1.2 var(--serif);color:var(--band-ink)} body.jt-laser-hub .jt-lh .steps p{margin-top:8px;font:300 16.5px/1.55 var(--sans);color:var(--on-verde);max-width:52ch} @media (max-width:900px){body.jt-laser-hub .jt-lh .cons{grid-template-columns:minmax(0,1fr)}body.jt-laser-hub .jt-lh .steps li{grid-template-columns:76px minmax(0,1fr);column-gap:16px}} /* ---------- FAQ ---------- */ body.jt-laser-hub .jt-lh .faq{border-top:1px solid var(--verde-rule-strong);margin-top:40px} body.jt-laser-hub .jt-lh .faq details{border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:16px;padding:20px 0;min-height:64px} body.jt-laser-hub .jt-lh .faq summary::-webkit-details-marker{display:none} body.jt-laser-hub .jt-lh .faq summary h3{font:400 clamp(20px,2vw,25px)/1.25 var(--serif);color:var(--band-ink)} body.jt-laser-hub .jt-lh .faq summary::after{content:"+";font:300 34px/1 var(--serif);color:var(--on-verde-soft);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--verde-rule);border-radius:999px} body.jt-laser-hub .jt-lh .faq details[open] summary::after{content:"–"} body.jt-laser-hub .jt-lh .faq .ans{padding:0 0 26px;max-width:66ch} body.jt-laser-hub .jt-lh .faq .ans p{font:300 16.5px/1.6 var(--sans);color:var(--on-verde)} body.jt-laser-hub .jt-lh .faq .ans p+p{margin-top:10px} body.jt-laser-hub .jt-lh .faq .ans a{color:var(--band-ink)} body.jt-laser-hub .jt-lh .faq .src{display:inline-flex;align-items:center;min-height:44px;font:400 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--on-verde-soft);text-decoration:none;margin-top:6px} body.jt-laser-hub .jt-lh .faq .src:hover{text-decoration:underline} body.jt-laser-hub .jt-lh .more{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px} /* ---------- closer ---------- */ body.jt-laser-hub .jt-lh .closer{padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);--band-bg:var(--verde);background:var(--band-bg)} body.jt-laser-hub .jt-lh .closer__txt{padding:clamp(56px,7.5vw,96px) clamp(32px,4vw,64px) clamp(56px,7.5vw,96px) var(--r-pad)} body.jt-laser-hub .jt-lh .closer figure{position:relative;min-height:100%} body.jt-laser-hub .jt-lh .closer .ph{height:100%;position:absolute;inset:0} body.jt-laser-hub .jt-lh .big{border-top:1px solid var(--verde-rule-strong);margin-top:36px} body.jt-laser-hub .jt-lh .big div{padding:14px 0;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .big dt{font:400 12px/1.5 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-verde-soft)} body.jt-laser-hub .jt-lh .big dd{margin:2px 0 0;font:300 clamp(26px,3vw,40px)/1.15 var(--serif);color:#fff} body.jt-laser-hub .jt-lh .big dd a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px} body.jt-laser-hub .jt-lh .big dd a:hover{text-decoration:underline} body.jt-laser-hub .jt-lh .closer__h2{margin-top:22px} body.jt-laser-hub .jt-lh .closer__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px} @media (max-width:900px){body.jt-laser-hub .jt-lh .closer{grid-template-columns:minmax(0,1fr)}body.jt-laser-hub .jt-lh .closer__txt{padding-right:var(--r-pad)}body.jt-laser-hub .jt-lh .closer figure{aspect-ratio:3/2;min-height:0}} /* ---------- sticky WhatsApp bar ---------- */ body.jt-laser-hub .jt-wabar{position:fixed;left:0;right:0;bottom:0;z-index:9;background:var(--verde-2);border-top:1px solid var(--verde-rule);padding:0 var(--r-pad);transition:transform .35s var(--ease)} body.jt-laser-hub .jt-wabar.js{transform:translateY(102%)} body.jt-laser-hub .jt-wabar.js.on{transform:none} body.jt-laser-hub .jt-wabar__rail{max-width:1232px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:6px 0} body.jt-laser-hub .jt-wabar__num{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:400 18.4px/1 var(--serif);color:#fff;text-decoration:none} body.jt-laser-hub .jt-wabar__tel{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--verde-rule-strong);font:400 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none} body.jt-laser-hub .jt-wabar__book{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border-radius:999px;background:#fff;color:var(--verde);font:400 14px/1 var(--sans);text-decoration:none} @media (max-width:560px){body.jt-laser-hub .jt-wabar__num{display:none}} @media print{body.jt-laser-hub .jt-wabar{display:none}} /* ============================================================ Missing tokens from the Átrio skin (sálvia band, ink ladder) ============================================================ */ body.jt-laser-hub{--salvia:#dae1da;--body-c:#333b34;--mut:#4c5a4f;--rule:#c5cec5} /* ============================================================ Grafts from the judge panel (2026-09-17) — see IMPLEMENTATION.md ============================================================ */ /* G1 · split hero at ≥1000px: type left, the laser photo right, both inside the first fold */ body.jt-laser-hub .jt-lh .h1{font-size:clamp(44px,5.2vw,68px);max-width:none} @media (min-width:1000px){ body.jt-laser-hub .jt-lh .hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);column-gap:clamp(32px,4vw,64px);align-items:stretch;padding-top:96px} body.jt-laser-hub .jt-lh .hero__rail{max-width:none;padding-bottom:clamp(40px,5vw,72px)} body.jt-laser-hub .jt-lh .hero__media{margin:-96px calc(-1 * var(--r-pad)) 0 0;height:auto;min-height:640px} body.jt-laser-hub .jt-lh .hero__img{object-position:50% 40%} body.jt-laser-hub .jt-lh .hero__scrim{background:linear-gradient(180deg,rgba(21,43,34,.82) 0,rgba(21,43,34,0) 120px),linear-gradient(90deg,var(--verde-2) 0,rgba(21,43,34,.35) 12%,rgba(21,43,34,0) 40%)} body.jt-laser-hub .jt-lh .facts{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:10px 40px} } @media (min-width:600px) and (max-width:999px){ body.jt-laser-hub .jt-lh .facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 40px} } /* G4 · four-photo strip under the tecnologia ficha (replaces the marginalia thumbnails) */ body.jt-laser-hub .jt-lh .strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:clamp(40px,5vw,64px);background:var(--band-rule)} body.jt-laser-hub .jt-lh .strip li{background:var(--band-bg)} body.jt-laser-hub .jt-lh .strip .ph{aspect-ratio:3/2;height:auto;width:100%;object-fit:cover} body.jt-laser-hub .jt-lh .strip .cap{padding:10px 12px 14px;margin:0} body.jt-laser-hub .jt-lh .strip .cap span{color:var(--band-ink);margin-right:6px} @media (max-width:700px){ body.jt-laser-hub .jt-lh .strip{grid-template-columns:repeat(2,minmax(0,1fr))} } /* the marginalia grid: kicker in column 1, everything else in column 2 */ @media (min-width:901px){ body.jt-laser-hub .jt-lh .marg > .kick{grid-column:1} body.jt-laser-hub .jt-lh .marg > :not(.kick){grid-column:2} body.jt-laser-hub .jt-lh .marg > .strip{grid-column:1/-1} } /* G2 · safety board: Antes / Durante / Depois, under the heading + goggles photo row */ body.jt-laser-hub .jt-lh .safe{margin-bottom:clamp(36px,4vw,56px)} body.jt-laser-hub .jt-lh .sboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);border-top:1px solid var(--verde-rule-strong)} body.jt-laser-hub .jt-lh .scol h3{display:flex;align-items:baseline;gap:14px;font:400 clamp(24px,2.4vw,30px)/1.15 var(--serif);color:var(--band-ink);padding:22px 0 14px;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .scol h3 span{font:300 clamp(34px,3.6vw,48px)/.9 var(--serif);color:var(--band-num);letter-spacing:-.02em} body.jt-laser-hub .jt-lh .scol dl div{padding:16px 0;border-bottom:1px solid var(--verde-rule)} body.jt-laser-hub .jt-lh .scol dt{font:400 13px/1.5 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--on-verde-soft)} body.jt-laser-hub .jt-lh .scol dd{margin:6px 0 0;font:300 16px/1.55 var(--sans);color:var(--on-verde)} @media (max-width:900px){ body.jt-laser-hub .jt-lh .sboard{grid-template-columns:minmax(0,1fr)} body.jt-laser-hub .jt-lh .scol h3{padding-top:30px} body.jt-laser-hub .jt-lh .scol-stack:first-child>.scol:first-child h3{padding-top:22px} body.jt-laser-hub .jt-lh .scol-stack{display:contents} body.jt-laser-hub .jt-lh .sboard .reads{order:4} } /* G3 · consulta on sálvia with ink type — the home's "Como é o atendimento" pattern */ body.jt-laser-hub .jt-lh .band--salvia{--band-bg:var(--salvia);--band-ink:var(--ink);--band-text:var(--body-c);--band-soft:var(--mut);--band-rule:var(--rule);--band-rule-strong:var(--ink);--band-num:var(--mut);--band-tint:rgba(31,31,33,.08);--band-focus:var(--ink);--band-chip-bg:#fff;--band-chip-border:var(--rule);--band-chip-hover-bg:var(--ink);--band-chip-hover-c:var(--salvia);--on-verde:var(--body-c);--on-verde-soft:var(--mut);--verde-rule:var(--rule);--verde-rule-strong:var(--ink);background:var(--band-bg);color:var(--ink)} body.jt-laser-hub .jt-lh .band--salvia .kick{color:var(--mut);border-top-color:var(--rule)} body.jt-laser-hub .jt-lh .band--salvia .kick::before{background:var(--rule)} body.jt-laser-hub .jt-lh .band--salvia .h2,body.jt-laser-hub .jt-lh .band--salvia .steps h3{color:var(--ink)} body.jt-laser-hub .jt-lh .band--salvia .dek,body.jt-laser-hub .jt-lh .band--salvia .steps p{color:var(--body-c)} body.jt-laser-hub .jt-lh .band--salvia .steps{border-top-color:var(--ink)} body.jt-laser-hub .jt-lh .band--salvia .steps li{border-bottom-color:var(--rule)} body.jt-laser-hub .jt-lh .band--salvia .steps .n{color:var(--mut)} body.jt-laser-hub .jt-lh .band--salvia .cap{color:var(--mut)} body.jt-laser-hub .jt-lh .band--salvia a:focus-visible{outline-color:var(--ink)!important} /* G8 · labels one step larger on the dark ground */ body.jt-laser-hub .jt-lh .ficha dt,body.jt-laser-hub .jt-lh .facts b,body.jt-laser-hub .jt-lh .big dt{font-size:13px} /* ============================================================ Theme compatibility (Genesis header over the hero, footer, plugins) ============================================================ */ body.jt-laser-hub,body.jt-laser-hub .site-container{background:var(--verde)} @media (max-width:999px){ body.jt-laser-hub .jt-lh .hero{padding-top:96px} } body.jt-laser-hub .whatsapp-button__trigger,body.jt-laser-hub #jt-footer-whatsapp-form,body.jt-laser-hub .ht-ctc,body.jt-laser-hub .sidebar-form{display:none!important} body.jt-laser-hub .jt-lh .pill,body.jt-laser-hub .jt-wabar__book{text-transform:none;letter-spacing:0;font-weight:400} body.jt-laser-hub .jt-lh .cap,body.jt-laser-hub .jt-lh .kick,body.jt-laser-hub .jt-lh .ficha dt,body.jt-laser-hub .jt-lh .facts b,body.jt-laser-hub .jt-lh .big dt,body.jt-laser-hub .jt-lh .scol dt,body.jt-laser-hub .jt-lh .faq .src{font-weight:400} body.jt-laser-hub .jt-lh figcaption{text-align:left} body.jt-laser-hub .jt-lh details>summary{list-style:none} body.jt-laser-hub .jt-lh .faq summary h3{margin:0} html:not(.js) body.jt-laser-hub .jt-wabar{position:static;transform:none} /* style.css:2834 (≤1299px) styles every