/* Azzure Colchões e Sofás · site premium */
:root{
  --navy-950:#13110e; --navy-900:#181613; --navy-800:#1e1c19; --navy:#24221f; --navy-600:#34322f; --navy-400:#63615e;
  --ivory:#f7f4ee; --linen:#efe9df; --sand:#ddd3c3; --line-l:#e3dccf;
  --ink:#24221f; --text:#4b4946; --muted:#797774;
  --on-dark:#f4f1ea; --on-dark-2:#c4c2bf; --line-d:rgba(255,255,255,.12);
  --gold:#b89a5e; --gold-2:#d8c191; --wa:#25d366;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Geist",system-ui,-apple-system,sans-serif;
  --max:1240px; --ease:cubic-bezier(.22,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);font-weight:400;font-size:16.5px;line-height:1.7;color:var(--text);background:var(--ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ink);line-height:1.08;letter-spacing:-.01em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.prod>*,.split>*,.res>*,.cs-teaser>*,.stores>*,.grid-p>*,.f-grid>*{min-width:0}
.dark{background:var(--navy-900);color:var(--on-dark-2)}
.dark h1,.dark h2,.dark h3,.dark h4{color:var(--on-dark)}
.linen{background:var(--linen)}
.kicker{display:inline-flex;align-items:center;gap:14px;font-family:var(--sans);font-size:11.5px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.kicker::before{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.kicker.c::after{content:"";width:28px;height:1px;background:currentColor;opacity:.8}
.sec{padding:128px 0}
.sec-sm{padding:88px 0}
.head{max-width:720px;margin:0 auto 64px;text-align:center}
.head h2{font-size:clamp(36px,4.6vw,58px);margin:18px 0 18px}
.head p{font-size:17.5px}
.lead{font-size:18.5px;line-height:1.75}
.serif-i{font-style:italic;font-family:var(--serif)}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:56px;padding:0 30px;font-size:12.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;border:1px solid transparent;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);white-space:nowrap}
.btn svg{width:18px;height:18px;flex:none}
.btn-navy{background:var(--navy);color:var(--ivory)}
.btn-navy:hover{background:var(--navy-600)}
.btn-ivory{background:var(--ivory);color:var(--navy)}
.btn-ivory:hover{background:#fff}
.btn-line{border-color:currentColor}
.btn-line:hover{background:rgba(255,255,255,.08)}
.dark .btn-line:hover,.hero .btn-line:hover{background:rgba(255,255,255,.1)}
.btn-line.navy{color:var(--navy);border-color:rgba(36,34,31,.35)}
.btn-line.navy:hover{background:var(--navy);color:var(--ivory)}
.btn-wa{background:var(--wa);color:#05361b}
.btn-wa:hover{filter:brightness(1.05)}
.link{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;color:var(--navy);padding-bottom:6px;border-bottom:1px solid currentColor}
.dark .link{color:var(--on-dark)}
.link svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.link:hover svg{transform:translateX(4px)}

/* faixa Black */
.black-bar{position:relative;z-index:70;background:#060606;color:var(--gold-2);text-align:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:11px 16px;border-bottom:1px solid rgba(184,154,94,.35)}
.black-bar b{font-weight:600;color:#ecdcb4}
.black-bar a{border-bottom:1px solid currentColor;margin-left:10px}

/* cabeçalho */
.site-h{position:absolute;left:0;right:0;z-index:60;transition:background .5s var(--ease),box-shadow .5s var(--ease)}
.site-h .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:92px}
.site-h nav{display:flex;gap:28px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;white-space:nowrap}
.site-h nav a{position:relative;padding:6px 0}
.site-h nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .5s var(--ease)}
.site-h nav a:hover::after,.site-h nav a[aria-current]::after{right:0}
.site-h .logo img{height:38px;width:auto}
.site-h .logo .l-navy{display:none}
.site-h .h-right{display:flex;justify-content:flex-end;align-items:center;gap:28px}
.site-h .btn{height:46px;padding:0 22px;font-size:11.5px}
.site-h{color:var(--on-dark)}
.site-h .btn{background:transparent;border-color:rgba(255,255,255,.5);color:var(--on-dark)}
.site-h .btn:hover{background:var(--ivory);color:var(--navy);border-color:var(--ivory)}
.site-h.solid,.site-h.light{position:fixed;top:0;background:rgba(247,244,238,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--navy);box-shadow:0 1px 0 var(--line-l)}
.site-h.solid .wrap{height:76px}
.site-h.solid .logo .l-white,.site-h.light .logo .l-white{display:none}
.site-h.solid .logo .l-navy,.site-h.light .logo .l-navy{display:block}
.site-h.solid .btn,.site-h.light .btn{border-color:var(--navy);color:var(--navy)}
.site-h.solid .btn:hover,.site-h.light .btn:hover{background:var(--navy);color:var(--ivory)}
.site-h.light{position:absolute;top:auto;background:var(--ivory)}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:flex-start}
.menu-btn span{display:block;width:24px;height:1px;background:currentColor;position:relative}
.menu-btn span::before,.menu-btn span::after{content:"";position:absolute;left:0;width:24px;height:1px;background:currentColor}
.menu-btn span::before{top:-7px}.menu-btn span::after{top:7px;width:16px}
.drawer{position:fixed;inset:0;z-index:90;background:var(--navy-950);color:var(--on-dark);padding:28px 28px 40px;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .6s var(--ease)}
.drawer.open{transform:none}
.drawer .d-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}
.drawer .d-top img{height:30px}
.drawer nav{display:flex;flex-direction:column;gap:6px}
.drawer nav a{font-family:var(--serif);font-size:36px;color:var(--on-dark);padding:6px 0;border-bottom:1px solid var(--line-d)}
.drawer .d-foot{margin-top:auto;display:grid;gap:10px;font-size:14px;color:var(--on-dark-2)}
.drawer .close{font-size:32px;line-height:1;width:44px;height:44px}

/* hero com vídeo */
.hero{position:relative;height:100svh;min-height:640px;max-height:1100px;color:var(--on-dark);display:flex;align-items:flex-end;overflow:hidden;background:var(--navy-950)}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:slowzoom 18s var(--ease) forwards}
@keyframes slowzoom{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 55% at 50% 72%,rgba(19,17,14,.55),transparent 75%),linear-gradient(180deg,rgba(19,17,14,.72) 0%,rgba(19,17,14,.4) 26%,rgba(19,17,14,.58) 55%,rgba(19,17,14,.95) 100%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-bottom:96px;text-align:center}
.hero h1{color:#fff;font-size:clamp(44px,6.6vw,92px);font-weight:400;max-width:980px;margin:22px auto 22px;letter-spacing:-.015em}
.hero h1 em{font-style:italic}
.hero p{max-width:600px;margin:0 auto;font-size:18px;color:rgba(244,241,234,.86)}
.hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.hero .kicker{color:var(--gold-2)}
.scroll-cue{position:absolute;z-index:2;left:50%;bottom:28px;transform:translateX(-50%);width:1px;height:44px;background:rgba(255,255,255,.25);overflow:hidden}
.scroll-cue::after{content:"";position:absolute;left:0;top:-44px;width:1px;height:44px;background:#fff;animation:cue 2.4s var(--ease) infinite}
@keyframes cue{to{top:44px}}

/* hero interno */
.page-hero{position:relative;padding:200px 0 110px;color:var(--on-dark);background:var(--navy-900);overflow:hidden}
.page-hero.img::before{content:"";position:absolute;inset:0;background:var(--bg) center/cover no-repeat;opacity:.38;transform:scale(1.04)}
.page-hero.img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,22,19,.5),rgba(24,22,19,.92))}
.page-hero .wrap{position:relative;z-index:2;text-align:center}
.page-hero h1{color:#fff;font-size:clamp(42px,6vw,80px);font-weight:400;margin:20px auto 20px;max-width:900px}
.page-hero p{max-width:640px;margin:0 auto;font-size:18px;color:rgba(244,241,234,.82)}
.crumbs{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:118px 0 0}
.crumbs a:hover{color:var(--navy)}
.crumbs span{margin:0 10px;opacity:.5}

/* números */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l)}
.stat{padding:46px 28px;text-align:center;border-right:1px solid var(--line-l)}
.stat:last-child{border-right:0}
.stat b{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(40px,4.4vw,60px);color:var(--navy);line-height:1}
.stat span{display:block;margin-top:14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}

/* bloco dividido */
.split{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}
.split.rev .s-media{order:2}
.s-media{position:relative;overflow:hidden}
.s-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.s-media.wide img{aspect-ratio:4/3}
.s-media .tag{position:absolute;left:24px;bottom:24px;background:rgba(247,244,238,.94);color:var(--navy);padding:14px 18px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.s-text h2{font-size:clamp(36px,4.2vw,56px);margin:20px 0 24px}
.s-text p{margin-bottom:18px}
.s-text .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px}
.sign{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--navy);margin-top:24px}

/* cards de colchão */
.grid-p{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.grid-p.four{grid-template-columns:repeat(4,1fr)}
.p-card{display:flex;flex-direction:column;background:#fff;transition:box-shadow .6s var(--ease)}
.p-card:hover{box-shadow:0 30px 60px -30px rgba(36,34,31,.35)}
.p-card .pic{position:relative;overflow:hidden;background:#fff;aspect-ratio:4/3}
.p-card .pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.p-card .pic.contain img{object-fit:contain;padding:8px}
.p-card:hover .pic img{transform:scale(1.05)}
.p-card .badge{position:absolute;top:16px;left:16px;background:var(--navy);color:var(--ivory);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:7px 12px}
.p-card .badge.g{background:var(--gold);color:#fff}
.p-card .body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.p-card .brand{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.p-card h3{font-size:32px;margin:8px 0 10px}
.p-card .meta{display:flex;gap:18px;font-size:13.5px;color:var(--muted);margin-bottom:18px;flex-wrap:wrap}
.p-card .meta b{color:var(--navy);font-weight:500}
.p-card .more{margin-top:auto}
.firm{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.firm .scale{display:flex;gap:4px}
.firm .scale i{width:22px;height:3px;background:var(--line-l)}
.firm .scale i.on{background:var(--navy)}
.filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:-24px 0 48px}
.chip{height:42px;padding:0 20px;border:1px solid var(--line-l);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--text);transition:.3s var(--ease);background:transparent}
.chip:hover{border-color:var(--navy)}
.chip.on{background:var(--navy);color:var(--ivory);border-color:var(--navy)}
.p-card.hide{display:none}

/* hotéis */
.hotels-band{position:relative}
.marquee{overflow:hidden;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:38px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee .track{display:flex;gap:72px;align-items:center;width:max-content;animation:marq 60s linear infinite}
.marquee img{height:40px;width:auto;opacity:.78}
@keyframes marq{to{transform:translateX(-50%)}}
.logos-grid{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line-d);border-top:1px solid var(--line-d)}
.logos-grid div{display:flex;align-items:center;justify-content:center;height:130px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);padding:20px}
.logos-grid img{max-height:44px;width:auto;opacity:.82}
.note-s{font-size:13px;color:var(--muted);margin-top:22px;text-align:center}
.dark .note-s{color:var(--on-dark-2);opacity:.7}

/* consultoria teaser */
.cs-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:var(--navy);color:var(--on-dark-2)}
.cs-teaser .t{padding:80px 72px}
.cs-teaser h2{color:#fff;font-size:clamp(34px,4vw,52px);margin:18px 0 20px}
.cs-teaser ol{list-style:none;counter-reset:c;margin:32px 0 40px;display:grid;gap:14px}
.cs-teaser li{counter-increment:c;display:flex;gap:18px;align-items:baseline;color:var(--on-dark)}
.cs-teaser li::before{content:"0" counter(c);font-family:var(--serif);font-style:italic;color:var(--gold-2);font-size:20px}
.cs-teaser .m{position:relative;min-height:420px;background:center/cover no-repeat}

/* avaliações Google */
.reviews-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;flex-wrap:wrap}
.reviews-top h2{font-size:clamp(36px,4.4vw,56px);margin-top:16px}
.g-badge{display:flex;align-items:center;gap:14px;background:#fff;padding:14px 20px;border:1px solid var(--line-l)}
.g-badge svg{width:28px;height:28px}
.g-badge b{display:block;color:var(--navy);font-size:15px}
.g-badge .stars{color:#f5b301;letter-spacing:2px;font-size:14px}
.rev-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/3);gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.rev-track::-webkit-scrollbar{display:none}
.rev{scroll-snap-align:start;background:#fff;border:1px solid var(--line-l);padding:30px;display:flex;flex-direction:column}
.rev .who{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.rev .who img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.rev .who b{display:block;color:var(--navy);font-weight:500;font-size:15.5px}
.rev .who small{font-size:12.5px;color:var(--muted)}
.rev .who svg{width:22px;height:22px;margin-left:auto;flex:none}
.rev .stars{color:#f5b301;letter-spacing:3px;font-size:16px;margin-bottom:12px}
.rev p{font-size:15.5px;line-height:1.7;color:var(--text);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rev.open p{-webkit-line-clamp:unset}
.rev .rm{margin-top:12px;font-size:13px;color:var(--navy);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.rev-nav{display:flex;gap:10px}
.rev-nav button{width:52px;height:52px;border:1px solid var(--line-l);display:grid;place-items:center;transition:.3s}
.rev-nav button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.rev-nav svg{width:18px;height:18px}

/* lojas */
.stores{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.store{background:#fff;border:1px solid var(--line-l);display:flex;flex-direction:column}
.store .map{aspect-ratio:16/10;background:var(--linen)}
.store .map iframe{width:100%;height:100%;border:0;filter:grayscale(.55) contrast(1.05) sepia(.08)}
.store .info{padding:36px 36px 40px}
.store h3{font-size:40px;margin:10px 0 18px}
.store dl{display:grid;grid-template-columns:110px 1fr;gap:10px 18px;font-size:15px;margin-bottom:30px}
.store dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.store dd{color:var(--ink)}
.store .btns{display:flex;gap:12px;flex-wrap:wrap}
.store .btns .btn{height:50px;padding:0 22px}

/* faq */
.faq{max-width:860px;margin:0 auto;border-top:1px solid var(--line-l)}
.faq details{border-bottom:1px solid var(--line-l)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;font-family:var(--serif);font-size:25px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:14px;height:14px;flex:none;background:linear-gradient(var(--navy),var(--navy)) center/14px 1px no-repeat,linear-gradient(var(--navy),var(--navy)) center/1px 14px no-repeat;transition:transform .4s var(--ease)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 0 28px;max-width:720px}

/* cta final */
.final{position:relative;padding:170px 0;text-align:center;color:var(--on-dark);overflow:hidden}
.final::before{content:"";position:absolute;inset:-60px 0;background:var(--bg) center/cover no-repeat;transform:translateY(var(--par,0))}
.final::after{content:"";position:absolute;inset:0;background:rgba(19,17,14,.72)}
.final .wrap{position:relative;z-index:2}
.final h2{color:#fff;font-size:clamp(40px,5.4vw,72px);font-weight:400;max-width:900px;margin:22px auto 26px}
.final p{max-width:560px;margin:0 auto 42px;color:rgba(244,241,234,.82)}
.final .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* produto */
.prod{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start;padding:40px 0 110px}
.gal .main{background:#fff;aspect-ratio:4/3;overflow:hidden}
.gal .main img{width:100%;height:100%;object-fit:cover;transition:opacity .4s}
.gal .main.contain img{object-fit:contain}
.gal .thumbs{display:flex;gap:12px;margin-top:12px}
.gal .thumbs button{width:96px;aspect-ratio:4/3;background:#fff;border:1px solid var(--line-l);overflow:hidden;opacity:.6;transition:.3s}
.gal .thumbs button.on,.gal .thumbs button:hover{opacity:1;border-color:var(--navy)}
.gal .thumbs img{width:100%;height:100%;object-fit:cover}
.p-info{position:sticky;top:110px}
.p-info .brand{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.p-info h1{font-size:clamp(46px,5vw,72px);margin:12px 0 18px}
.p-info .lead{margin-bottom:30px}
.specs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l);margin-bottom:28px}
.specs div{padding:20px 0;text-align:center;border-right:1px solid var(--line-l)}
.specs div:last-child{border-right:0}
.specs b{display:block;font-family:var(--serif);font-size:30px;font-weight:500;color:var(--navy);line-height:1.1}
.specs span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.p-info .firm{margin-bottom:28px}
.for{list-style:none;display:grid;gap:10px;margin-bottom:34px}
.for li{display:flex;gap:12px;font-size:15.5px;color:var(--ink)}
.for li::before{content:"";width:16px;height:1px;background:var(--gold);margin-top:13px;flex:none}
.p-ctas{display:grid;gap:12px}
.p-ctas .btn{width:100%}
.p-note{font-size:13px;color:var(--muted);margin-top:16px;text-align:center}
.tech{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line-d)}
.tech div{padding:34px 34px 34px 0;border-bottom:1px solid var(--line-d)}
.tech div:nth-child(odd){padding-right:48px;border-right:1px solid var(--line-d)}
.tech div:nth-child(even){padding-left:48px}
.tech h3{font-size:28px;margin-bottom:10px}
.ficha-t{width:100%;border-collapse:collapse;font-size:15.5px}
.ficha-t th,.ficha-t td{text-align:left;padding:18px 0;border-bottom:1px solid var(--line-l);vertical-align:top}
.ficha-t th{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500;width:40%}
.ficha-t td{color:var(--ink)}
.ficha-img{background:#fff;border:1px solid var(--line-l)}
.sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sizes div{border:1px solid var(--line-l);padding:22px 12px;text-align:center;background:#fff}
.sizes b{display:block;font-family:var(--serif);font-size:22px;color:var(--navy);font-weight:500}
.sizes span{font-size:13px;color:var(--muted)}

/* timeline */
.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line-d)}
.tl div{padding:40px 32px 0 0}
.tl b{display:block;font-family:var(--serif);font-size:54px;font-weight:400;color:var(--gold-2);line-height:1}
.tl h3{font-size:24px;margin:16px 0 10px}
.tl p{font-size:15px}

/* consultoria */
.cs{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line-l);padding:60px 64px}
.cs-top{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.cs-back{display:inline-flex;align-items:center;gap:8px;visibility:hidden;letter-spacing:.2em;text-transform:uppercase;font-size:11.5px}
.cs-back.show{visibility:visible}
.cs-bar{height:1px;background:var(--line-l);margin-bottom:46px;position:relative}
.cs-bar i{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--navy);transition:width .7s var(--ease)}
.cs-step{animation:fadein .6s var(--ease)}
@keyframes fadein{from{opacity:0;transform:translateY(16px)}}
.cs-step h2{font-size:clamp(32px,4vw,46px);margin-bottom:10px}
.cs-step .sub{margin-bottom:36px}
.opts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.opt{text-align:left;padding:24px 26px;border:1px solid var(--line-l);background:var(--ivory);transition:border-color .3s,background .3s,transform .3s var(--ease)}
.opt:hover{border-color:var(--navy);background:#fff;transform:translateY(-2px)}
.opt.sel{border-color:var(--navy);background:var(--navy);color:var(--on-dark)}
.opt.sel b{color:#fff}
.opt b{display:block;font-family:var(--serif);font-size:25px;font-weight:500;color:var(--ink);line-height:1.2;margin-bottom:4px}
.opt small{font-size:14px;color:var(--muted)}
.opt.sel small{color:var(--on-dark-2)}
.meas{display:grid;gap:18px}
.meas-row{border:1px solid var(--line-l);background:var(--ivory);padding:24px 28px}
.meas-row label{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.meas-row output{font-family:var(--serif);font-size:44px;color:var(--navy);letter-spacing:0;text-transform:none;line-height:1}
.meas-row output small{font-size:18px;margin-left:4px;color:var(--muted)}
.stepper{display:flex;align-items:center;gap:16px}
.stepper button{width:44px;height:44px;border:1px solid var(--line-l);font-size:20px;flex:none;background:#fff}
.stepper button:hover{border-color:var(--navy)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:linear-gradient(90deg,var(--navy) var(--p,50%),var(--sand) var(--p,50%));outline:none}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--navy);border:4px solid #fff;box-shadow:0 0 0 1px var(--navy);cursor:pointer}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--navy);border:4px solid #fff;cursor:pointer}
.cs-next{display:flex;justify-content:flex-end;margin-top:32px}
.txt{width:100%;height:62px;border:1px solid var(--line-l);background:var(--ivory);padding:0 22px;font:inherit;font-size:18px;color:var(--ink);outline:none}
.txt:focus{border-color:var(--navy)}
.res{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.res .pic{background:#fff;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line-l)}
.res .pic img{width:100%;height:100%;object-fit:cover}
.res .pic.contain img{object-fit:contain}
.res .k{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.res h2{font-size:clamp(44px,5vw,64px);margin:8px 0 6px}
.res .brand{color:var(--muted);margin-bottom:22px}
.res-chips{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line-l);margin:26px 0 30px}
.res-chips div{padding:16px 0;border-bottom:1px solid var(--line-l)}
.res-chips div:nth-child(odd){padding-right:16px;border-right:1px solid var(--line-l)}
.res-chips div:nth-child(even){padding-left:20px}
.res-chips small{display:block;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.res-chips b{font-weight:500;color:var(--ink);font-size:15.5px}
.why{list-style:none;display:grid;gap:12px;margin:14px 0 26px}
.why li{display:flex;gap:14px;font-size:15.5px;color:var(--ink)}
.why li::before{content:"";width:16px;height:1px;background:var(--gold);margin-top:13px;flex:none}
.res-note{border-left:2px solid var(--gold);background:var(--ivory);padding:14px 18px;font-size:14.5px;margin-bottom:22px}
.res-ctas{display:grid;gap:12px;margin-top:8px}
.res-alt{margin-top:40px;padding-top:28px;border-top:1px solid var(--line-l);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.res-alt b{color:var(--ink);font-weight:500}
.redo{font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}

/* rodapé */
.site-f{background:var(--navy-950);color:var(--on-dark-2);padding:100px 0 40px;font-size:14.5px}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-bottom:64px;border-bottom:1px solid var(--line-d)}
.f-grid img{height:92px;width:auto;margin-bottom:24px}
.f-grid h4{font-family:var(--sans);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);font-weight:500;margin-bottom:20px}
.f-grid ul{list-style:none;display:grid;gap:10px}
.f-grid a:hover{color:#fff}
.f-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:30px;font-size:12.5px;opacity:.75}

/* whatsapp flutuante */
.wa-fab{position:fixed;right:24px;bottom:24px;z-index:80;width:60px;height:60px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 14px 34px -12px rgba(0,0,0,.45);transition:transform .4s var(--ease)}
.wa-fab:hover{transform:scale(1.06)}
.wa-fab svg{width:30px;height:30px;color:#fff}
.m-bar{display:none}

/* animações de entrada (como no Wix, mais suaves) */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.12s}.rv-d2{transition-delay:.24s}.rv-d3{transition-delay:.36s}
.clip{clip-path:inset(12% 0 0 0);transition:clip-path 1.4s var(--ease)}
.clip img{transform:scale(1.12);transition:transform 1.8s var(--ease)}
.clip.in{clip-path:inset(0)}
.clip.in img{transform:scale(1)}

@media (max-width:1240px){.site-h nav{gap:20px;letter-spacing:.14em}}
@media (max-width:1080px){
  .site-h nav{display:none}
  .menu-btn{display:flex}
  .split{grid-template-columns:1fr;gap:48px}
  .s-media img{max-height:620px}
  .ficha-img img{max-height:none}
  .split.rev .s-media{order:0}
  .grid-p,.grid-p.four{grid-template-columns:repeat(2,1fr)}
  .cs-teaser{grid-template-columns:1fr}
  .cs-teaser .m{min-height:320px;order:-1}
  .prod{grid-template-columns:1fr;gap:44px}
  .p-info{position:static}
  .f-grid{grid-template-columns:1fr 1fr}
  .logos-grid{grid-template-columns:repeat(4,1fr)}
  .tl{grid-template-columns:repeat(2,1fr)}
  .rev-track{grid-auto-columns:calc((100% - 28px)/2)}
}
@media (max-width:720px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .sec{padding:88px 0}
  .sec-sm{padding:64px 0}
  .head{margin-bottom:44px}
  .site-h .wrap{height:72px;grid-template-columns:44px 1fr 44px}
  .site-h .logo{justify-self:center}
  .site-h .logo img{height:28px}
  .site-h .h-right .btn{display:none}
  .h-wa{display:grid;place-items:center;width:44px;height:44px}
  .h-wa svg{width:22px;height:22px}
  .hero{min-height:600px}
  .hero .wrap{padding-bottom:84px}
  .hero h1{font-size:44px}
  .hero p{font-size:16.5px}
  .hero .ctas{flex-direction:column;margin-top:30px}
  .hero .ctas .btn{width:100%}
  .btn{white-space:normal;text-align:center;height:auto;min-height:54px;padding:14px 22px;line-height:1.4}
  .m-bar .btn{min-height:50px;padding:10px 14px}
  .black-bar{font-size:10.5px;letter-spacing:.14em;padding:10px 12px}
  .black-bar .hm{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:32px 12px;border-bottom:1px solid var(--line-l)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(n+3){border-bottom:0}
  .grid-p,.grid-p.four{grid-template-columns:1fr}
  .cs-teaser .t{padding:56px 24px}
  .rev-track{grid-auto-columns:86%}
  .stores{grid-template-columns:1fr}
  .store .info{padding:28px 22px 32px}
  .store dl{grid-template-columns:1fr;gap:2px}
  .store dd{margin-bottom:12px}
  .faq summary{font-size:21px;padding:22px 0}
  .final{padding:120px 0}
  .final .ctas{flex-direction:column}
  .page-hero{padding:150px 0 80px}
  .crumbs{padding-top:96px}
  .specs b{font-size:24px}
  .tech{grid-template-columns:1fr}
  .tech div,.tech div:nth-child(odd),.tech div:nth-child(even){padding:26px 0;border-right:0}
  .sizes{grid-template-columns:repeat(2,1fr)}
  .logos-grid{grid-template-columns:repeat(2,1fr)}
  .logos-grid div{height:100px}
  .tl{grid-template-columns:1fr}
  .cs{padding:32px 20px;border-left:0;border-right:0}
  .opts{grid-template-columns:1fr}
  .opt{padding:18px 20px}
  .opt b{font-size:22px}
  .res{grid-template-columns:1fr;gap:28px}
  .f-grid{grid-template-columns:1fr}
  .wa-fab{display:none}
  .m-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:80;background:var(--ivory);border-top:1px solid var(--line-l);padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px;transform:translateY(110%);transition:transform .5s var(--ease)}
  .m-bar.show{transform:none}
  .m-bar .btn{height:50px;font-size:11px;padding:0 14px;letter-spacing:.14em}
  .m-bar .btn-navy{flex:1}
  .m-bar .btn-wa{width:54px;padding:0}
  .site-f{padding-bottom:110px}
}
@media (min-width:721px){.h-wa{display:none}}


/* ===== v2 · referência King Koil: minimalista, arredondado, bronze ===== */
:root{--gold:#ad9571;--gold-2:#cdb894;--r-sm:14px;--r:22px;--r-lg:34px;--shadow:0 24px 60px -32px rgba(36,34,31,.35)}
.btn,.chip{border-radius:999px}
.p-card{border-radius:var(--r);overflow:hidden;box-shadow:0 1px 0 var(--line-l);transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.p-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.p-card .badge{border-radius:999px}
.s-media,.ficha-img,.gal .main,.res .pic,.cs-teaser,.store,.rev,.g-badge,.sizes div,.meas-row,.opt,.cs,.txt{border-radius:var(--r)}
.s-media,.ficha-img,.gal .main,.res .pic,.cs-teaser,.store{overflow:hidden}
.s-media{border-radius:var(--r-lg)}
.s-media .tag{border-radius:999px}
.gal .thumbs button{border-radius:12px}
.stepper button,.rev-nav button{border-radius:50%}
.cs{border-radius:var(--r-lg)}
.res-note{border-radius:0 var(--r-sm) var(--r-sm) 0}
.cs-bar,.cs-bar i,.firm .scale i{border-radius:3px}
.stats{border:0;background:#fff;border-radius:var(--r-lg);box-shadow:0 1px 0 var(--line-l)}
.linen .stats{background:var(--ivory)}
/* seções em cartão */
.hero{border-radius:0 0 var(--r-lg) var(--r-lg)}
.page-hero{margin:0 12px;border-radius:0 0 var(--r-lg) var(--r-lg)}
.sec.dark,.sec-sm.dark{margin:0 12px;border-radius:var(--r-lg);overflow:hidden}
.final{margin:0 12px 12px;border-radius:var(--r-lg)}
.linen{border-radius:var(--r-lg);margin:0 12px}
.site-f{border-radius:var(--r-lg) var(--r-lg) 0 0}
/* cabeçalho em pílula ao rolar */
.site-h.solid{top:12px;left:12px;right:12px;max-width:1320px;margin:0 auto;border-radius:999px;box-shadow:0 10px 40px -20px rgba(36,34,31,.35),0 0 0 1px var(--line-l)}
.site-h.solid .wrap{height:64px;padding:0 26px}
.site-h.solid .logo img{height:30px}
/* selos (como na King Koil) */
.seals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.seal{display:flex;align-items:center;gap:16px;padding:22px 24px;background:#fff;border-radius:var(--r);box-shadow:0 1px 0 var(--line-l)}
.seal .ic{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--navy);color:var(--gold-2);overflow:hidden}
.seal .ic img{width:100%;height:100%;object-fit:cover}
.seal .ic svg{width:24px;height:24px}
.seal b{display:block;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);font-weight:500;line-height:1.4}
.seal span{font-size:13px;color:var(--muted);line-height:1.4;display:block;margin-top:2px}
/* pilares de referência */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pillar{background:#fff;border-radius:var(--r);padding:34px 28px;box-shadow:0 1px 0 var(--line-l);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.pillar:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.pillar .n{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold)}
.pillar h3{font-size:28px;margin:14px 0 12px}
.pillar p{font-size:15px}
/* Fator K */
.fk-sec{position:relative}
.fk{position:relative;display:grid;grid-template-columns:1fr 1.25fr;gap:72px;align-items:center}
.fk h2{font-size:clamp(40px,5vw,68px);margin:18px 0 22px}
.k-big{font-family:var(--serif);font-size:clamp(160px,20vw,300px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(205,184,148,.35);position:absolute;right:3%;top:4%;pointer-events:none;user-select:none}
.fk-list{list-style:none;margin:30px 0 36px;border-top:1px solid var(--line-d)}
.fk-list li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line-d)}
.fk-list li b{display:block;color:var(--on-dark);font-weight:500}
.fk-list li i{font-family:var(--serif);color:var(--gold-2);font-size:20px}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#000;cursor:pointer;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.yt img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.yt:hover img{transform:scale(1.04)}
.yt .play{position:absolute;left:50%;top:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:rgba(247,244,238,.92);display:grid;place-items:center;transition:transform .5s var(--ease);box-shadow:0 0 0 12px rgba(247,244,238,.18)}
.yt:hover .play{transform:scale(1.08)}
.yt .play svg{width:28px;height:28px;color:var(--navy);margin-left:4px}
.yt .cap{position:absolute;left:22px;bottom:18px;right:22px;text-align:left;color:#fff;font-size:13px;letter-spacing:.06em;text-shadow:0 1px 12px rgba(0,0,0,.6)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* coleções e tecnologias em retrato */
.cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.col-card{display:block}
.col-card .im{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;background:var(--linen)}
.col-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.col-card:hover img{transform:scale(1.06)}
.col-card .ov{padding:16px 4px 0;color:var(--ink)}
.col-card .ov b{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.col-card .ov span{font-size:14px;color:var(--muted)}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}
.rail::-webkit-scrollbar{display:none}
.tec-card{scroll-snap-align:start;background:#fff;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 0 var(--line-l);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.dark .tec-card{background:var(--navy-800);box-shadow:none}
.tec-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.tec-card .im{aspect-ratio:3/4;overflow:hidden}
.tec-card .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.tec-card:hover .im img{transform:scale(1.05)}
.tec-card .tx{padding:20px 22px 24px}
.tec-card .tx small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.tec-card .tx b{display:block;font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ink);margin-top:4px}
.dark .tec-card .tx b{color:var(--on-dark)}
/* página de tecnologias */
.tec-row{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--line-l)}
.tec-row:first-child{border-top:0;padding-top:0}
.tec-row .im{border-radius:var(--r);overflow:hidden;aspect-ratio:3/4}
.tec-row .im img{width:100%;height:100%;object-fit:cover}
.tec-row h2{font-size:clamp(36px,4vw,54px);margin:10px 0 18px}
.seal-list{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.seal-list li{font-size:13px;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--line-l);color:var(--ink)}
.tec-models{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.tec-models a{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:999px;background:var(--navy);color:var(--ivory)}
.tec-models a:hover{background:var(--navy-600)}
.badges{display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 26px}
.badges a{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line-l);color:var(--navy)}
.badges a img{width:28px;height:28px;border-radius:50%;object-fit:cover}
/* vídeos reais */
.vids{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.vid{position:relative;border-radius:var(--r);overflow:hidden;background:var(--navy);aspect-ratio:9/16}
.vid.h{aspect-ratio:16/9;grid-column:span 2}
.vid video{width:100%;height:100%;object-fit:cover}
.vid .snd{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;background:rgba(247,244,238,.92);display:grid;place-items:center;color:var(--navy)}
.vid .snd svg{width:18px;height:18px}
.vid .lbl{position:absolute;left:14px;top:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(19,17,14,.55);padding:7px 12px;border-radius:999px;backdrop-filter:blur(6px)}
.media-wide{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9;background:var(--navy)}
.media-wide video{width:100%;height:100%;object-fit:cover}
@media (max-width:1080px){
  .seals,.pillars,.cols{grid-template-columns:repeat(2,1fr)}
  .fk{grid-template-columns:1fr;gap:44px}
  .tec-row{grid-template-columns:240px 1fr;gap:32px}
}
@media (max-width:720px){
  .seals,.pillars{grid-template-columns:1fr}
  .cols{grid-template-columns:1fr 1fr;gap:12px}
  .sec.dark,.sec-sm.dark,.linen,.final{margin-left:8px;margin-right:8px;border-radius:24px}
  .page-hero{margin:0 8px;border-radius:0 0 24px 24px}
  .hero{border-radius:0 0 24px 24px}
  .site-h.solid{top:8px;left:8px;right:8px}
  .site-h.solid .wrap{height:58px;padding:0 10px}
  .rail{grid-auto-columns:72%}
  .tec-row{grid-template-columns:1fr;gap:24px;padding:40px 0}
  .tec-row .im{max-width:260px}
  .vid.h{grid-column:auto}
  .vids{grid-template-columns:1fr 1fr;gap:10px}
  .yt .play{width:68px;height:68px;margin:-34px 0 0 -34px}
  .k-big{display:none}
  .col-card .ov{padding:12px 2px 0}
}

/* v3 · Toledo: loja única e vídeos reais */
.store-one{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:18px;align-items:stretch}
.store-one .so-img,.store-one .so-map,.store-one .so-info{border-radius:var(--r);overflow:hidden;background:#fff}
.store-one .so-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.store-one .so-map iframe{width:100%;height:100%;min-height:360px;border:0;filter:grayscale(.55) contrast(1.05) sepia(.08)}
.store-one .so-info{padding:36px 32px}
.store-one h2{font-size:clamp(34px,3.6vw,46px);margin:10px 0 20px}
.store-one dl{display:grid;grid-template-columns:96px 1fr;gap:10px 16px;font-size:15px;margin-bottom:28px}
.store-one dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:4px}
.store-one dd{color:var(--ink)}
.store-one .btns{display:flex;gap:10px;flex-wrap:wrap}
.store-one .btns .btn{height:50px;padding:0 22px}
.real{display:grid;grid-template-columns:.9fr 1.5fr;gap:64px;align-items:center}
.real h2{font-size:clamp(38px,4.4vw,58px);margin:18px 0 20px}
.real .lead{margin-bottom:30px}
.vids3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vids3 .vid:nth-child(2){transform:translateY(-28px)}
.light-m{border-color:var(--line-l)}
.light-m img{filter:invert(14%) sepia(30%) saturate(900%) hue-rotate(185deg) brightness(.55);opacity:.75}
@media (max-width:1080px){.store-one{grid-template-columns:1fr 1fr}.store-one .so-map{grid-column:1/-1}.real{grid-template-columns:1fr;gap:36px}}
@media (max-width:720px){.store-one{grid-template-columns:1fr}.store-one .so-info{padding:28px 22px}.store-one dl{grid-template-columns:1fr;gap:2px}.store-one dd{margin-bottom:12px}.vids3{gap:8px}.vids3 .vid:nth-child(2){transform:none}.vids3 .lbl{font-size:9px;padding:5px 8px;left:8px;top:8px}}

/* v4 · abertura luxuosa + WhatsApp sempre verde */
@property --rv{syntax:"<percentage>";inherits:false;initial-value:0%}
.intro{display:none}
.intro-on .intro{display:grid;place-items:center;position:fixed;inset:0;z-index:300;cursor:pointer;
  background:radial-gradient(60% 50% at 50% 45%,#292724 0%,#181613 55%,#0f0d0a 100%);
  -webkit-mask-image:linear-gradient(to top,transparent calc(var(--rv) - 35%),#000 var(--rv));mask-image:linear-gradient(to top,transparent calc(var(--rv) - 35%),#000 var(--rv))}
.intro.out{animation:in-wipe 1.25s cubic-bezier(.7,0,.25,1) forwards;pointer-events:none}
@keyframes in-wipe{from{--rv:0%}to{--rv:140%}}
.in-box{display:flex;flex-direction:column;align-items:center;text-align:center}
.in-sym{width:96px;height:auto;opacity:0;transform:translateY(14px) scale(.94);animation:in-sym 1.1s .15s cubic-bezier(.22,.7,.2,1) forwards}
@keyframes in-sym{to{opacity:1;transform:none}}
.in-word{position:relative;width:min(340px,70vw);margin-top:18px;clip-path:inset(0 100% 0 0);animation:in-word 1.1s .7s cubic-bezier(.7,0,.2,1) forwards}
.in-word img{width:100%;height:auto;display:block}
@keyframes in-word{to{clip-path:inset(0 0 0 0)}}
.in-shine{position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,rgba(236,220,180,.95) 50%,transparent 65%);background-size:300% 100%;background-position:100% 0;
  -webkit-mask:url("/assets/img/azzure-wordmark.png") center/contain no-repeat;mask:url("/assets/img/azzure-wordmark.png") center/contain no-repeat;animation:in-shine 1.3s 1.55s ease-in-out forwards}
@keyframes in-shine{to{background-position:0 0}}
.in-line{display:block;width:0;height:1px;margin:26px 0 16px;background:linear-gradient(90deg,transparent,var(--gold-2),transparent);animation:in-line 1s 1.3s cubic-bezier(.22,.7,.2,1) forwards}
@keyframes in-line{to{width:180px}}
.in-sub{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-2);opacity:0;animation:in-fade .9s 1.7s ease forwards}
@keyframes in-fade{to{opacity:.9}}
.in-skip{position:absolute;right:24px;bottom:24px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,234,.5);padding:10px 14px}
.in-skip:hover{color:#fff}
/* entrada do topo em cascata */
.hero-wait .hero .wrap>*,.hero-wait .site-h,.hero-wait .black-bar,.hero-wait .wa-fab,.hero-wait .scroll-cue{opacity:0}
.hero-wait .hero .wrap>*{transform:translateY(26px)}
.hero-go .hero .wrap>*,.hero-go .site-h,.hero-go .black-bar,.hero-go .wa-fab,.hero-go .scroll-cue{opacity:1;transform:none;transition:opacity 1s cubic-bezier(.22,.7,.2,1),transform 1.1s cubic-bezier(.22,.7,.2,1)}
.hero-go .hero .wrap>:nth-child(1){transition-delay:.35s}
.hero-go .hero .wrap>:nth-child(2){transition-delay:.5s}
.hero-go .hero .wrap>:nth-child(3){transition-delay:.7s}
.hero-go .hero .wrap>:nth-child(4){transition-delay:.9s}
.hero-go .site-h,.hero-go .black-bar{transition-delay:.25s}
.hero-go .wa-fab,.hero-go .scroll-cue{transition-delay:1.2s}
.hero-go .site-h.solid{transition:background .5s var(--ease),box-shadow .5s var(--ease)}
/* WhatsApp: sempre verde */
.btn[data-wa],.site-h .btn[data-wa],.site-h.solid .btn[data-wa],.site-h.light .btn[data-wa],.hero .btn[data-wa],.final .btn[data-wa],.dark .btn[data-wa]{background:var(--wa)!important;border-color:var(--wa)!important;color:#05361b!important}
.btn[data-wa]:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn[data-wa] svg{color:#05361b}
.link[data-wa]{color:#128c4a!important;border-color:#128c4a!important}
.h-wa{background:var(--wa);color:#fff;border-radius:50%}
.h-wa svg{width:20px;height:20px}


/* ===== v5 · 60% azul-marinho · 30% branco · 10% champanhe ===== */
:root{--bg:#1c1a17;--bg-2:#272522;--card:#ffffff;--ink-on:#1e1c19}
body{background:var(--bg);color:#d1cfcc}
h1,h2,h3,h4{color:#fff}
.lead{color:#e7e5e2}
.linen{background:var(--bg-2)}
.sec.dark,.sec-sm.dark{background:#161411}
.head p,.s-text p{color:#d1cfcc}
.kicker{color:var(--gold-2)}
.link{color:#fff}
.btn-navy{background:#fff;color:var(--navy)}
.btn-navy:hover{background:#f0eeeb}
.btn-line.navy{color:#fff;border-color:rgba(255,255,255,.45)}
.btn-line.navy:hover{background:#fff;color:var(--navy)}
.note-s{color:#a4a29f}
.serif-i{color:inherit}
/* 30% branco: cartões */
.p-card,.pillar,.rev,.cs,.stats,.store-one .so-info,.tec-card,.g-badge,.sizes div,.seal{background:var(--card);box-shadow:none}
.p-card h3,.pillar h3,.rev .who b,.cs h2,.cs h3,.store-one h2,.tec-card .tx b,.sizes b,.res h2,.opt b{color:var(--ink-on)}
.p-card .meta b,.stat b{color:var(--navy)}
.p-card p,.pillar p,.rev p,.cs p,.store-one dd{color:#4b4946}
.p-card .link,.cs .link{color:var(--navy)}
.cs .btn-navy,.store-one .btn-navy{background:var(--navy);color:#fff}
.cs .btn-line.navy,.store-one .btn-line.navy{color:var(--navy);border-color:rgba(36,34,31,.35)}
.cs .btn-line.navy:hover,.store-one .btn-line.navy:hover{background:var(--navy);color:#fff}
.cs .res-note{background:#f3f6fb}
.cs .opt{background:#f3f6fb}
.cs .opt.sel{background:var(--navy)}
.cs .opt.sel b{color:#fff}
.cs .meas-row,.cs .txt{background:#f3f6fb}
.cs .note-s,.cs .res .brand{color:#797774}
.cs .why li,.cs .res-chips b{color:var(--ink-on)}
.cs .redo{color:#797774}
.rev-nav button{border-color:rgba(255,255,255,.25);color:#fff}
.reviews-top h2{color:#fff}
.chip{border-color:rgba(255,255,255,.22);color:#e7e5e2}
.chip.on{background:#fff;color:var(--navy);border-color:#fff}
.faq{border-color:rgba(255,255,255,.12)}
.faq details{border-color:rgba(255,255,255,.12)}
.faq summary{color:#fff}
.faq summary::after{background:linear-gradient(#fff,#fff) center/14px 1px no-repeat,linear-gradient(#fff,#fff) center/1px 14px no-repeat}
.faq details p{color:#d1cfcc}
.crumbs{color:#a4a29f}.crumbs a:hover{color:#fff}
.p-info h1{color:#fff}.p-info .for li{color:#fff}
.specs{border-color:rgba(255,255,255,.14)}.specs div{border-color:rgba(255,255,255,.14)}.specs b{color:#fff}
.firm .scale i{background:rgba(255,255,255,.18)}.firm .scale i.on{background:var(--gold-2)}
.p-card .firm .scale i{background:#e3dccf}.p-card .firm .scale i.on{background:var(--navy)}
.ficha-t th,.ficha-t td{border-color:rgba(255,255,255,.12)}.ficha-t td{color:#fff}
.gal .main,.ficha-img{background:#fff}
.tec-row{border-color:rgba(255,255,255,.12)}
.tech div{border-color:rgba(255,255,255,.12)!important}
.cs-teaser{background:var(--navy-600)}
.light-m img{filter:none;opacity:.8}
.light-m{border-color:rgba(255,255,255,.12)}
.col-card .ov{color:#fff}.col-card .ov span{color:#d1cfcc}
.store-one .so-map{background:var(--bg-2)}
.vid{background:var(--bg-2)}
.badges a{background:#fff}
/* cabeçalho padrão Azzure */
.site-h,.site-h.light{position:absolute;top:auto;left:0;right:0;background:transparent;box-shadow:none;color:#fff;border-radius:0;margin:0;max-width:none}
.site-h .hdr{display:flex;align-items:center;justify-content:space-between;gap:40px;height:84px;grid-template-columns:none}
.site-h .logo img{height:34px;width:auto}
.site-h nav{display:flex;gap:34px;font-size:11.5px;letter-spacing:.2em;color:rgba(255,255,255,.82)}
.site-h nav a:hover,.site-h nav a[aria-current]{color:#fff}
.site-h.light{position:absolute;background:var(--navy)}
.site-h.solid{position:fixed;top:0;left:0;right:0;max-width:none;margin:0;border-radius:0;background:rgba(28,26,23,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.08);color:#fff}
.site-h.solid .wrap{height:68px;padding:0 32px}
.site-h.solid .logo img{height:28px}
.menu-btn{color:#fff}
/* topo enxuto com espiada da seção de baixo */
.hero{height:86svh;min-height:560px;max-height:920px}
.hero .wrap{padding-bottom:150px}
.hero h1{font-size:clamp(42px,6vw,84px);margin:20px auto 34px}
.hero .ctas{margin-top:0}
.peek{position:relative;z-index:5;margin-top:-92px;padding-top:0}
.peek .stats{box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
/* WhatsApp: só o ícone verde flutuante, sempre */
.wa-fab{display:grid!important;right:22px;bottom:22px;width:60px;height:60px}
.m-bar{display:none!important}
.site-f{padding-bottom:60px}
@media (max-width:1180px){.site-h nav{gap:22px;letter-spacing:.14em}}
@media (max-width:1080px){.site-h nav{display:none}.menu-btn{display:flex;justify-content:flex-end}}
@media (max-width:720px){
  .site-h .hdr{height:68px}
  .site-h .logo img{height:26px}
  .site-h.solid .wrap{height:60px;padding:0 20px}
  .hero{height:80svh;min-height:520px}
  .hero .wrap{padding-bottom:120px}
  .hero h1{font-size:40px;margin:16px auto 28px}
  .hero .ctas{flex-direction:column}
  .peek{margin-top:-70px}
  .peek .stats{grid-template-columns:repeat(3,1fr)!important}
  .peek .stat{padding:22px 6px;border-bottom:0!important;border-right:1px solid #e3dccf!important}
  .peek .stat:last-child{border-right:0!important}
  .peek .stat b{font-size:30px}
  .peek .stat span{font-size:9.5px;letter-spacing:.1em}
  .wa-fab{right:16px;bottom:16px;width:56px;height:56px}
  .site-f{padding-bottom:40px}
}

/* ===== v6 · padrão King Koil: Inter, limpo, interativo ===== */
:root{--serif:"Inter",system-ui,sans-serif;--sans:"Inter",system-ui,sans-serif}
body{font-family:var(--sans);font-weight:400;letter-spacing:-.005em}
h1,h2,h3,h4{font-family:var(--sans);font-weight:300;letter-spacing:-.03em;line-height:1.1}
h3{font-weight:400;letter-spacing:-.02em}
.serif-i,h1 em,h2 em{font-style:normal;font-family:inherit;color:var(--gold-2)}
.kicker{font-size:11px;letter-spacing:.26em;font-weight:500}
.btn{font-size:12px;letter-spacing:.14em;font-weight:500;position:relative;overflow:hidden;transition:transform .35s var(--ease),background .35s,color .35s,box-shadow .35s}
.btn:active{transform:scale(.96)}
.btn-ivory:hover{box-shadow:0 14px 34px -14px rgba(255,255,255,.55)}
.rip{position:absolute;border-radius:50%;transform:scale(0);background:currentColor;opacity:.22;pointer-events:none;animation:rip .65s ease-out forwards}
@keyframes rip{to{transform:scale(4);opacity:0}}
/* topo: mais da metade no celular, quase tudo no desktop */
.hero{height:92svh;min-height:600px;max-height:1000px}
.hero::after{background:linear-gradient(180deg,rgba(21,19,16,.55) 0%,rgba(21,19,16,.18) 30%,rgba(21,19,16,.45) 62%,rgba(21,19,16,.96) 100%)}
.hero video,.hero .poster{animation:none;transform:scale(1.04)}
.hero .wrap{padding-bottom:150px}
.kk-lock{display:inline-flex;align-items:center;gap:14px;padding:10px 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(21,19,16,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#e9dcc0}
.kk-lock img{height:18px;width:auto}
.hero h1{font-size:clamp(40px,5.6vw,78px);font-weight:300;margin:26px auto 16px;max-width:900px}
.hotels-line{font-size:12px!important;letter-spacing:.28em;text-transform:uppercase;color:rgba(233,220,192,.85)!important;margin:0 auto 34px!important}
.hero .ctas.col{flex-direction:column;align-items:center;gap:12px}
.hero .ctas.col .btn{width:300px}
/* cards com ícone */
.icards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.icard{background:#fff;border-radius:var(--r);padding:32px 26px 30px;text-align:left;transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.icard:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.icard .ico-c{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#34322f,#1c1a17);color:var(--gold-2);margin-bottom:22px;transform:translateZ(30px)}
.icard svg{width:28px;height:28px}
.icard svg *{stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.6s var(--ease) .3s}
.icard.in svg *{stroke-dashoffset:0}
.icard h3{color:#1e1c19;font-size:21px;font-weight:500;margin-bottom:8px}
.icard p{color:#696764;font-size:14.5px;line-height:1.55}
/* inclinação 3D suave */
[data-tilt]{will-change:transform}
/* cartões de colchão animados */
.p-card{transform-style:preserve-3d}
.p-card .pic img{transition:transform 1.2s var(--ease)}
.p-card:hover .pic img{transform:scale(1.06) translateY(-6px)}
.p-card .body h3{font-weight:400}
.grid-p .p-card.rv{transform:translateY(40px) scale(.97)}
.grid-p .p-card.rv.in{transform:none}
/* títulos palavra por palavra */
.split-h .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.split-h .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.split-h.in .w>span{transform:none}
/* hotéis: duas faixas */
.marquee.mq-rev .track{animation-direction:reverse;animation-duration:75s}
.marquee.mq-rev{margin-top:-1px;padding:26px 0}
.marquee.mq-rev img{height:34px;opacity:.45}
.marquee:hover .track{animation-play-state:paused}
.marquee img{transition:opacity .4s,transform .4s}
.marquee img:hover{opacity:1;transform:scale(1.08)}
/* cabeçalhos de página sem foto de fundo */
.page-hero{background:radial-gradient(80% 90% at 50% 0%,#32302d 0%,#1c1a17 70%)}
.page-hero::before,.page-hero::after{display:none!important}
.page-hero .wrap{max-width:900px}
.kk-hero-logo{height:44px;width:auto;margin:0 auto 26px;opacity:.95}
/* CTA final limpo */
.final{background:radial-gradient(70% 120% at 50% 100%,#34322f 0%,#171512 70%)}
.final::before,.final::after{display:none!important}
.final h2{font-weight:300}
/* consultoria em azul */
.cs{background:linear-gradient(160deg,#312f2c 0%,#22201d 60%,#1a1815 100%)!important;border:1px solid rgba(255,255,255,.1);color:#e0dedb;box-shadow:0 40px 90px -40px rgba(0,0,0,.7)}
.cs .cs-top,.cs .cs-back{color:#b0aeab}
.cs .cs-bar{background:rgba(255,255,255,.14)}
.cs .cs-bar i{background:linear-gradient(90deg,var(--gold-2),#fff)}
.cs h2,.cs h3,.cs .res h2{color:#fff!important}
.cs .sub,.cs p{color:#d1cfcc!important}
.cs .opt{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.14);transition:transform .35s var(--ease),border-color .3s,background .3s}
.cs .opt b{color:#fff!important}
.cs .opt small{color:#b7b5b2}
.cs .opt:hover{border-color:var(--gold-2);background:rgba(255,255,255,.09)!important;transform:translateY(-3px)}
.cs .opt.sel{background:#fff!important;border-color:#fff;animation:pop .45s var(--ease)}
.cs .opt.sel b{color:var(--navy)!important}.cs .opt.sel small{color:#696764}
@keyframes pop{40%{transform:scale(1.03)}}
.cs .meas-row,.cs .txt{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.14);color:#fff}
.cs .meas-row label{color:#b0aeab}.cs .meas-row output{color:#fff}
.cs .stepper button{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
.cs input[type=range]{background:linear-gradient(90deg,var(--gold-2) var(--p,50%),rgba(255,255,255,.2) var(--p,50%))}
.cs input[type=range]::-webkit-slider-thumb{background:#fff;border-color:var(--navy);box-shadow:0 0 0 1px #fff}
.cs .btn-navy{background:#fff!important;color:var(--navy)!important}
.cs .res .k{color:var(--gold-2)}
.cs .res .brand{color:#b0aeab!important}
.cs .res-chips{border-color:rgba(255,255,255,.14)}.cs .res-chips div{border-color:rgba(255,255,255,.14)!important}
.cs .res-chips small{color:#b0aeab}.cs .res-chips b,.cs .why li{color:#fff!important}
.cs .res-note{background:rgba(255,255,255,.06)!important;color:#e9dcc0}
.cs .res-alt{border-color:rgba(255,255,255,.14)}.cs .res-alt b{color:#fff}
.cs .redo{color:#b0aeab!important}
.cs .link{color:#fff!important}
.cs-step{animation:slidein .55s var(--ease)}
@keyframes slidein{from{opacity:0;transform:translateX(28px)}}
/* produto: colchão em camadas 3D */
.inside{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.layers3d{height:440px;display:grid;place-items:center;perspective:1400px}
.ls{position:relative;width:300px;height:200px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-36deg);transition:transform 1.2s var(--ease)}
.layers3d:hover .ls{transform:rotateX(52deg) rotateZ(-28deg)}
.pl{position:absolute;inset:0;border-radius:22px;transform:translateZ(calc(var(--i) * 10px));transition:transform 1.4s var(--ease);transition-delay:calc(var(--i) * 70ms);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 30px -12px rgba(0,0,0,.6)}
.layers3d.in .pl{transform:translateZ(calc(var(--i) * 44px))}
.pl-tecido{background:repeating-radial-gradient(circle at 18px 18px,#fff 0 3px,#f0eeeb 4px 18px);background-size:36px 36px}
.pl-a{background:linear-gradient(135deg,#e7e5e2,#bfbdba)}
.pl-b{background:linear-gradient(135deg,#ecdcb8,#c8ac74)}
.pl-base{background:repeating-linear-gradient(90deg,#34322f 0 14px,#4d4b48 14px 17px)}
.lay-list{list-style:none;margin-top:28px;border-top:1px solid rgba(255,255,255,.12)}
.lay-list li{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.lay-list i{font-style:normal;color:var(--gold-2);font-size:13px;letter-spacing:.1em;padding-top:2px}
.lay-list b{display:block;color:#fff;font-weight:500;margin-bottom:2px}
.lay-list span{font-size:14.5px;color:#c6c4c1}
.inside h2{font-size:clamp(34px,4vw,52px);margin-top:14px}
/* ficha em cartões */
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.spec{background:#fff;border-radius:var(--r);padding:24px 24px 22px}
.spec small{display:block;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#93918e;margin-bottom:8px}
.spec b{display:block;color:#1e1c19;font-weight:500;font-size:17px;line-height:1.4}
.spec .firm{margin:12px 0 0}
.ficha-img.zoom{overflow:hidden;border-radius:var(--r-lg)}
.ficha-img.zoom img{transform:scale(1.08);transition:transform 2s var(--ease)}
.ficha-img.zoom.in img{transform:none}
/* King Koil: história */
.kk-story{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center}
.kk-mosaic{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:520px}
.kk-mosaic>div{border-radius:var(--r);overflow:hidden}
.kk-mosaic .a{grid-row:1/3}
.kk-mosaic img{width:100%;height:100%;object-fit:cover}
.kk-story h2{font-size:clamp(34px,4vw,52px);margin:16px 0 22px}
/* menu do celular */
.drawer{background:radial-gradient(90% 70% at 100% 0%,#32302d 0%,#181613 60%,#0f0d0a 100%);padding:24px 28px 34px;opacity:0;visibility:hidden;transform:none;transition:opacity .45s var(--ease),visibility .45s}
.drawer.open{opacity:1;visibility:visible}
.drawer .d-top img{height:26px}
.drawer .close{width:44px;height:44px;position:relative;border:1px solid rgba(255,255,255,.2);border-radius:50%}
.drawer .close span::before,.drawer .close span::after{content:"";position:absolute;left:13px;top:21px;width:18px;height:1px;background:#fff;transform:rotate(45deg)}
.drawer .close span::after{transform:rotate(-45deg)}
.drawer nav{margin-top:20px;gap:0}
.drawer nav a{display:flex;align-items:baseline;gap:16px;font-family:var(--sans);font-weight:300;font-size:30px;letter-spacing:-.02em;color:#fff;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(18px);transition:opacity .5s var(--ease),transform .6s var(--ease),color .3s}
.drawer.open nav a{opacity:1;transform:none;transition-delay:var(--d)}
.drawer nav a small{font-size:11px;letter-spacing:.2em;color:var(--gold-2);font-weight:500}
.drawer nav a:active{color:var(--gold-2)}
.drawer .d-foot{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b0aeab}
.drawer .d-foot img{height:22px;width:auto;opacity:.85}
/* rodapé menor + XG */
.site-f{padding:56px 0 28px;font-size:13.5px}
.f-grid{padding-bottom:36px;gap:36px}
.f-grid img{height:60px;margin-bottom:16px}
.f-grid h4{margin-bottom:14px}
.f-grid ul{gap:7px}
.f-bot{padding-top:22px;align-items:center}
.xg{color:#fff;opacity:.85;letter-spacing:.06em}
.xg b{font-weight:600;letter-spacing:.12em}
.xg:hover{opacity:1}
@media (max-width:1080px){.icards{grid-template-columns:repeat(2,1fr)}.inside,.kk-story{grid-template-columns:1fr;gap:40px}.spec-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .hero{height:66svh;min-height:600px}
  .hero .wrap{padding-bottom:106px}
  .hero h1{font-size:36px;margin:20px auto 12px}
  .kk-lock{gap:8px;padding:8px 14px;font-size:8.5px;letter-spacing:.18em}
  .kk-lock img{height:13px}
  .hotels-line{font-size:9.5px!important;letter-spacing:.18em;margin-bottom:22px!important}
  .hero .ctas.col .btn{width:100%}
  .icards{grid-template-columns:1fr 1fr;gap:10px}
  .icard{padding:22px 16px}
  .icard .ico-c{width:46px;height:46px;border-radius:14px;margin-bottom:14px}
  .icard h3{font-size:16px}.icard p{font-size:13px}
  .layers3d{height:300px}.ls{width:200px;height:134px}
  .layers3d.in .pl{transform:translateZ(calc(var(--i) * 30px))}
  .spec-grid{grid-template-columns:1fr 1fr;gap:10px}.spec{padding:18px 16px}.spec b{font-size:15px}
  .kk-mosaic{height:360px}
  .f-grid{grid-template-columns:1fr 1fr}.f-grid>div:first-child{grid-column:1/-1}
  .f-bot{flex-direction:column;align-items:flex-start;gap:8px}
}

.hero h1 em{color:#f1e4c4;text-shadow:0 2px 30px rgba(14,12,9,.55)}
.hero h1{text-shadow:0 2px 30px rgba(14,12,9,.45)}
.hero::after{background:radial-gradient(75% 55% at 50% 55%,rgba(21,19,16,.55),transparent 75%),linear-gradient(180deg,rgba(21,19,16,.6) 0%,rgba(21,19,16,.3) 30%,rgba(21,19,16,.55) 62%,rgba(21,19,16,.96) 100%)}

/* ===== v7 · ajustes finos ===== */
/* cabeçalho: Azzure com mais presença */
.site-h .hdr{height:92px}
.site-h .logo img{height:44px}
.site-h.solid .logo img{height:34px}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{width:26px;height:1.5px;border-radius:2px}
.menu-btn span::after{width:26px}
/* vídeo de entrada: responsivo de verdade */
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important}
/* menu do celular: metade da tela */
.drawer{inset:0 0 auto 0;height:auto;max-height:60svh;padding:22px 24px 26px;border-radius:0 0 28px 28px;box-shadow:0 40px 80px -20px rgba(0,0,0,.6)}
.drawer.open{box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 0 100vmax rgba(12,10,7,.6)}
.drawer .d-top{margin-bottom:14px}
.drawer nav{margin-top:6px}
.drawer nav a{font-size:19px;font-weight:400;padding:13px 2px;letter-spacing:-.01em;justify-content:space-between}
.drawer nav a::after{content:"";width:7px;height:7px;border-top:1px solid var(--gold-2);border-right:1px solid var(--gold-2);transform:rotate(45deg);opacity:.7}
.drawer nav a:last-child{border-bottom:0}
/* números */
.stat small{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#93918e;margin-bottom:6px}
.stat b{font-weight:300;letter-spacing:-.03em}
.stat span{letter-spacing:.16em}
/* 4 cards visuais */
.icards.v2 .icard{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 22px 26px;color:inherit}
.iv{height:132px;width:100%;border-radius:16px;margin-bottom:20px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#f3f6fb,#eeece9)}
.iv-kk img{width:70%;max-width:180px;height:auto}
.iv-cs svg{position:absolute;width:104px;height:104px;transform:rotate(-90deg)}
.iv-cs .trk{fill:none;stroke:#e0dedb;stroke-width:5}
.iv-cs .arc{fill:none;stroke:var(--navy);stroke-width:5;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 2s var(--ease) .3s}
.icard.in .iv-cs .arc{stroke-dashoffset:40}
.iv-cs span{position:relative;font-size:34px;font-weight:300;color:var(--navy);line-height:1}
.iv-cs small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-left:3px}
.iv-nano{background:#211f1c}
.iv-nano img:first-child{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.icard:hover .iv-nano img:first-child{transform:scale(1.08)}
.iv-nano .nasa{position:absolute;right:10px;bottom:10px;width:46px;height:46px;border-radius:50%;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.iv-num{background:linear-gradient(160deg,#312f2c,#1c1a17)}
.iv-num b{font-size:44px;font-weight:300;color:#fff;letter-spacing:-.03em;line-height:1}
.iv-num i{position:absolute;bottom:22px;font-style:normal;color:var(--gold-2);letter-spacing:4px;font-size:14px}
.icards.v2 .icard h3{font-size:18px;margin-bottom:4px}
.icards.v2 .icard p{font-size:14px}
/* Fator K: cards para arrastar */
.fk-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:28px 0 34px;padding-bottom:4px}
.fk-rail::-webkit-scrollbar{display:none}
.fk-card{scroll-snap-align:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 16px 18px;display:flex;flex-direction:column;gap:6px;transition:transform .45s var(--ease),border-color .3s,background .3s}
.fk-card:hover{transform:translateY(-4px);border-color:var(--gold-2);background:rgba(255,255,255,.08)}
.fk-ic{width:46px;height:46px;color:var(--gold-2);margin-bottom:8px}
.fk-ic svg{width:100%;height:100%}
.fk-card b{color:#fff;font-weight:500;font-size:15px}
.fk-card span{font-size:13px;color:#b7b5b2;line-height:1.45}
/* hotéis: logo King Koil */
.kk-mark{height:30px;width:auto;margin:0 auto 18px;opacity:.9}
/* avaliações passando sempre */
.reviews{padding-top:70px}
.g-badge.c{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 18px;border-radius:999px}
.g-badge.c svg{width:20px;height:20px}
.g-badge.c b{color:#1e1c19;font-size:13px;font-weight:500}
.g-badge.c .stars{font-size:13px;letter-spacing:2px}
.rev-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rev-run{display:flex;gap:18px;width:max-content;animation:marq 70s linear infinite;padding:6px 0 10px}
.rev-marquee:hover .rev-run{animation-play-state:paused}
.rev-run .rev{width:360px;flex:none;border:0}
.rev-run .rev p{-webkit-line-clamp:5}
.cs-teaser{margin-bottom:0}
section:has(.cs-teaser){padding-bottom:20px}
/* vídeos reais */
.vids3 .vid:nth-child(2){transform:translateY(-18px)}
.real{padding-bottom:10px}
/* peça 3D das camadas */
.lay3d{position:relative;display:grid;place-items:center;perspective:1300px;padding:20px 0 40px;cursor:grab;touch-action:pan-y;user-select:none}
.lay3d:active{cursor:grabbing}
.lay3d-in{width:min(380px,80%);background:#fff;border-radius:26px;padding:26px;transform-style:preserve-3d;transform:rotateX(var(--rx,8deg)) rotateY(var(--ry,-14deg));transition:transform .25s ease-out;box-shadow:0 50px 80px -40px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);animation:flt 6s ease-in-out infinite}
.lay3d-in img{width:100%;height:auto;transform:translateZ(40px)}
@keyframes flt{50%{translate:0 -10px}}
.lay3d .hint{position:absolute;bottom:4px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#a09e9b}
.lay3d.rv{opacity:0;transform:scale(.92)}
.lay3d.rv.in{opacity:1;transform:none;transition:opacity 1s var(--ease),transform 1.2s var(--ease)}
/* tamanhos desenhados */
.beds{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end}
.bed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 10px 18px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .45s var(--ease),border-color .3s,background .3s;cursor:default}
.bed:hover{transform:translateY(-6px);border-color:var(--gold-2);background:rgba(255,255,255,.07)}
.bed-v{position:relative;max-width:100%;border-radius:8px;background:linear-gradient(180deg,#fff,#eeece9);box-shadow:0 14px 26px -14px rgba(0,0,0,.6);display:flex;gap:6%;justify-content:center;padding-top:8%;margin-bottom:16px}
.bed-v i{display:block;width:34%;height:14px;border-radius:5px;background:#d9d7d4}
.bed:nth-child(-n+2) .bed-v i:last-child{display:none}
.bed:nth-child(-n+2) .bed-v i{width:60%}
.bed b{color:#fff;font-weight:500;font-size:15px}
.bed span{font-size:12.5px;color:#b7b5b2}
/* rodapé mínimo */
.site-f.mini{padding:46px 0 34px;text-align:center;border-radius:28px 28px 0 0}
.site-f.mini .f-logo{height:30px;width:auto;margin:0 auto 14px;opacity:.95}
.site-f.mini p{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a09e9b;margin-bottom:18px}
.f-links{display:flex;justify-content:center;gap:28px;font-size:13.5px;margin-bottom:26px}
.f-links a{color:#fff;opacity:.85}.f-links a:hover{opacity:1}
.xg{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#a09e9b!important}
.xg-logo{height:16px;width:auto;color:#fff}
/* celular: centralizar e ajustar */
@media (max-width:720px){
  .site-h .hdr{height:72px}
  .site-h .logo img{height:34px}
  .site-h.solid .logo img{height:28px}
  .s-text,.real>div:first-child,.kk-story>div:last-child,.inside>div:last-child .kicker,.inside h2{text-align:center}
  .s-text .btns,.real .btn{justify-content:center;margin-left:auto;margin-right:auto}
  .real .btn{display:flex;width:100%}
  .inside .kicker{display:flex;justify-content:center}
  .icards.v2{grid-template-columns:1fr 1fr}
  .iv{height:96px;margin-bottom:14px}
  .iv-cs svg{width:78px;height:78px}.iv-cs span{font-size:26px}
  .iv-num b{font-size:32px}.iv-num i{bottom:12px;font-size:11px}
  .fk-rail{grid-auto-columns:46%}
  .beds{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;gap:10px}
  .bed{scroll-snap-align:start}
  .rev-run .rev{width:290px}
  .f-links{gap:18px;font-size:13px}
  .site-f.mini p{font-size:10.5px;line-height:1.8}
  .lay3d-in{width:78%}
}

@media (max-width:720px){.site-f.mini{padding-bottom:96px}}

.fk>*,.inside>*,.kk-story>*,.real>*{min-width:0}
.stats .stat{min-width:0}
@media (max-width:720px){.stats[style*="repeat(3"]{grid-template-columns:repeat(3,1fr)!important}.stats[style*="repeat(3"] .stat{padding:22px 6px;border-bottom:0!important;border-right:1px solid #e3dccf!important}.stats[style*="repeat(3"] .stat:last-child{border-right:0!important}.stats[style*="repeat(3"] .stat b{font-size:28px}.stats[style*="repeat(3"] .stat span{font-size:9.5px;letter-spacing:.08em}}

/* ===== v8 ===== */
.sec{padding:100px 0}.sec-sm{padding:64px 0}
/* cabeçalho maior, logo maior */
.site-h .hdr{height:104px}
.site-h .logo img{height:54px}
.site-h.solid .wrap{height:80px}
.site-h.solid .logo img{height:40px}
/* números: texto em cima, número embaixo */
.stat.st2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:34px 18px}
.stat.st2 span{order:1;margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#797774}
.stat.st2 b{order:2;font-size:clamp(40px,4.4vw,58px);font-weight:300;color:var(--navy);line-height:1}
.stat.st2 small{order:3;display:block;margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#acaaa7}
/* 4 cards: mesmo padrão azul com logo branca */
.icards.v2 .iv{background:radial-gradient(90% 90% at 50% 0%,#3c3a37,#1c1a17)}
.iv-kk img{width:62%;max-width:170px}
.iv-cs .trk{stroke:rgba(255,255,255,.18)}
.iv-cs .arc{stroke:#e9dcc0}
.iv-cs span{color:#fff}
.iv-nano{background:radial-gradient(90% 90% at 50% 0%,#3c3a37,#1c1a17)!important;display:flex!important;flex-direction:column;gap:10px}
.iv-nano .nlogo{width:72%;max-width:190px;height:auto}
.iv-nano .nsub{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:#e9dcc0}
/* modelo 3D em camadas */
.m3d{position:relative;display:grid;place-items:center;height:520px;cursor:grab;user-select:none;touch-action:pan-y}
.m3d:active{cursor:grabbing}
.m3d-stage{perspective:1400px;width:100%;height:100%;display:grid;place-items:center}
.m3d-rig{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--rx,-24deg)) rotateY(var(--ry,-34deg));transition:transform .15s linear}
.ly{position:absolute;transform-style:preserve-3d;transform:translateY(var(--y));transition:transform 1.3s cubic-bezier(.2,.8,.2,1)}
.m3d.in .ly{transform:translateY(calc(var(--ye) - var(--lift,0px)))}
.ly.hl{--lift:14px}
.ly .f{position:absolute;backface-visibility:hidden;transition:filter .3s}
.ly .tp,.ly .bt{width:300px;height:210px;margin:-105px 0 0 -150px}
.ly .fr,.ly .bk{width:300px;height:var(--h);margin:calc(var(--h) / -2) 0 0 -150px}
.ly .rt,.ly .lf{width:210px;height:var(--h);margin:calc(var(--h) / -2) 0 0 -105px}
.ly .tp{transform:rotateX(90deg) translateZ(calc(var(--h) / 2));border-radius:10px}
.ly .bt{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2));background:#181613!important}
.ly .fr{transform:translateZ(105px)}
.ly .bk{transform:rotateY(180deg) translateZ(105px);filter:brightness(.7)}
.ly .rt{transform:rotateY(90deg) translateZ(150px);filter:brightness(.82)}
.ly .lf{transform:rotateY(-90deg) translateZ(150px);filter:brightness(.82)}
.ly.hl .f{filter:brightness(1.15)!important}
.ly.hl .tp{box-shadow:0 0 0 2px #e9dcc0 inset}
/* texturas por tipo de camada */
.ly-tecido .tp,.ly-pillow .tp{background:repeating-radial-gradient(circle at 15px 15px,#fff 0 2.5px,#eef2f7 3.5px 15px);background-size:30px 30px}
.ly-tecido .fr,.ly-tecido .bk,.ly-tecido .rt,.ly-tecido .lf{background:linear-gradient(180deg,#fff,#ebe9e6)}
.ly-pillow .fr,.ly-pillow .bk,.ly-pillow .rt,.ly-pillow .lf{background:repeating-linear-gradient(90deg,#fff 0 22px,#edebe8 22px 24px);border-radius:8px}
.ly-nano .tp{background:radial-gradient(circle at 20% 30%,#cac8c5 0 1px,transparent 2px) 0 0/22px 22px,radial-gradient(circle at 70% 60%,#f0eeeb 0 1px,transparent 2px) 0 0/31px 31px,#2b2926}
.ly-nano .fr,.ly-nano .bk,.ly-nano .rt,.ly-nano .lf{background:#2b2926}
.ly-biofoam .tp,.ly-biofoam .f{background:linear-gradient(135deg,#1fb48a,#0f8d68)}
.ly-memory .tp,.ly-memory .f{background:linear-gradient(135deg,#f4f4e4,#dcdcc4)}
.ly-maxxcell .tp,.ly-maxxcell .f{background:radial-gradient(circle,#918f8c 0 1px,transparent 1.5px) 0 0/6px 6px,#656360}
.ly-latex .tp{background:radial-gradient(circle,#d9c27a 0 3px,transparent 3.5px) 0 0/16px 16px,#f5e6aa}
.ly-latex .fr,.ly-latex .bk,.ly-latex .rt,.ly-latex .lf{background:#ecd893}
.ly-ultrasoft .tp,.ly-ultrasoft .f{background:linear-gradient(135deg,#b2b0ad,#918f8c)}
.ly-support .tp,.ly-support .f{background:linear-gradient(135deg,#8c8a87,#6c6a67)}
.ly-perfect .tp,.ly-perfect .f{background:radial-gradient(circle,#c86fa0 0 1.5px,transparent 2px) 0 0/9px 9px,radial-gradient(circle,#84827f 0 1.5px,transparent 2px) 4px 5px/11px 11px,radial-gradient(circle,#e8b550 0 1.2px,transparent 1.8px) 2px 1px/13px 13px,#e9e6e2}
.ly-grid .tp{background:repeating-linear-gradient(45deg,#1a1d22 0 2px,transparent 2px 12px),repeating-linear-gradient(-45deg,#1a1d22 0 2px,transparent 2px 12px),#918f8c}
.ly-grid .fr,.ly-grid .bk,.ly-grid .rt,.ly-grid .lf{background:#312f2c}
.ly-ensacadas .tp{background:linear-gradient(90deg,transparent 33.3%,rgba(17,15,12,.78) 33.3% 66.6%,transparent 66.6%),radial-gradient(circle at 50% 50%,#fff 0 7px,#d1cfcc 7.5px 8.5px,transparent 9px) 0 0/20px 20px,#a4a29f}
.ly-ensacadas .fr,.ly-ensacadas .bk{background:linear-gradient(90deg,transparent 33.3%,rgba(17,15,12,.7) 33.3% 66.6%,transparent 66.6%),repeating-linear-gradient(90deg,#f4f6f9 0 16px,#c2c0bd 16px 20px)}
.ly-ensacadas .rt,.ly-ensacadas .lf{background:repeating-linear-gradient(90deg,#f4f6f9 0 16px,#c2c0bd 16px 20px)}
.ly-contour .tp{background:radial-gradient(circle at 50% 50%,#e1dfdc 0 7px,#b7b5b2 7.5px 8.5px,transparent 9px) 0 0/20px 20px,#898784}
.ly-contour .fr,.ly-contour .bk,.ly-contour .rt,.ly-contour .lf{background:repeating-linear-gradient(90deg,#eeece9 0 16px,#bcbab7 16px 20px)}
.ly-maxforce .tp,.ly-lfk .tp{background:radial-gradient(circle at 50% 50%,transparent 0 7px,#413f3c 7.5px 9px,transparent 9.5px) 0 0/22px 22px,#d0cecb}
.ly-maxforce .fr,.ly-maxforce .bk,.ly-maxforce .rt,.ly-maxforce .lf,.ly-lfk .fr,.ly-lfk .bk,.ly-lfk .rt,.ly-lfk .lf{background:repeating-linear-gradient(60deg,#413f3c 0 2px,transparent 2px 9px),repeating-linear-gradient(-60deg,#413f3c 0 2px,transparent 2px 9px),#dfe3e9}
.ly-borda .tp,.ly-borda .f,.ly-base .tp,.ly-base .f{background:linear-gradient(135deg,#757370,#555350)}
.ly-feltro .tp,.ly-feltro .f{background:#b2b0ad}
.ly-softgel .tp,.ly-softgel .f{background:linear-gradient(135deg,#dfddda,#c0bebb)}
.m3d .hint{position:absolute;bottom:0;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#a09e9b}
/* lista de camadas com a imagem oficial */
.lay-list.v3 li{grid-template-columns:56px 1fr;align-items:center;cursor:pointer;transition:background .3s;border-radius:12px;padding:12px 8px}
.lay-list.v3 li:hover,.lay-list.v3 li.hl{background:rgba(255,255,255,.06)}
.lay-list.v3 li img{width:56px;height:56px;border-radius:14px;object-fit:cover}
.lay-list.v3 li i{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.06)}
/* tamanhos: cama real, cards iguais */
.beds2{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.bed2{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 12px 18px;border-radius:var(--r);background:#fff;transition:transform .45s var(--ease),box-shadow .45s}
.bed2:hover{transform:translateY(-6px);box-shadow:0 26px 50px -26px rgba(0,0,0,.6)}
.bed2 svg{width:100%;max-width:170px;height:auto;margin-bottom:10px}
.bed2 .hb{fill:#34322f}.bed2 .mt{fill:#f3f6fa;stroke:#dfddda}.bed2 .pw{fill:#fff;stroke:#dfddda}.bed2 .dv{fill:#e9e7e4}.bed2 .fd{stroke:#d0cecb;stroke-width:1.5}
.bed2 b{color:#1e1c19;font-weight:500;font-size:15px}
.bed2 span{font-size:12.5px;color:#797774}
/* consultoria compacta */
.cs-mini{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:34px 40px;border-radius:var(--r-lg);background:linear-gradient(120deg,#34322f,#22201d)}
.cs-mini h3{font-size:clamp(24px,2.6vw,32px);margin:8px 0 6px}
.cs-mini p{color:#d1cfcc;font-size:15px}
.cs-mini-b{display:flex;gap:10px;flex-wrap:wrap}
/* Fator K e tecnologias: setas */
.rail-nav{display:flex;gap:8px;margin:18px 0 0}
.rail-nav button{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:grid;place-items:center;color:#fff;transition:background .3s,border-color .3s}
.rail-nav button:hover{background:#fff;color:var(--navy);border-color:#fff}
.rail-nav svg{width:18px;height:18px}
.fk-rail{grid-auto-columns:minmax(170px,40%);padding-top:10px;margin-top:14px;cursor:grab}
.fk-card{min-height:150px}
.fk-ic{margin-bottom:10px}
.rail{cursor:grab}
/* hotéis: logo King Koil embaixo */
.kk-under{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:36px;text-align:center}
.kk-under img{height:36px;width:auto}
.kk-under span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#e9dcc0}
.kk-under .link{margin-top:6px}
/* rodapé padrão pequeno */
.site-f.mini2{padding:30px 0 22px;font-size:12.5px;border-radius:24px 24px 0 0}
.mini2 .f-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.mini2 .f-logo{height:24px;width:auto}
.mini2 .f-tag{color:#a09e9b;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.mini2 .f-links{display:flex;gap:22px;margin:0;font-size:13px}
.mini2 .f-bot2{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:#8d8b88}
.mini2 .xg{font-size:10.5px}
.mini2 .xg-logo{height:12px}
@media (max-width:1080px){.beds2{grid-template-columns:repeat(3,1fr)}.m3d{height:460px}}
@media (max-width:720px){
  .sec{padding:72px 0}.sec-sm{padding:48px 0}
  .site-h .hdr{height:84px}
  .site-h .logo img{height:42px}
  .site-h.solid .wrap{height:68px}
  .site-h.solid .logo img{height:32px}
  .stat.st2{padding:22px 4px;gap:4px}
  .stat.st2 span,.stat.st2 small{font-size:8.5px;letter-spacing:.12em}
  .stat.st2 b{font-size:30px}
  .m3d{height:380px}
  .m3d-rig{scale:.68}
  .beds2{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  .bed2{width:calc(33.33% - 7px);padding:14px 6px}
  .bed2 b{font-size:13px}.bed2 span{font-size:10.5px}
  .cs-mini{flex-direction:column;text-align:center;padding:28px 22px}
  .cs-mini-b{justify-content:center;width:100%}.cs-mini-b .btn{flex:1}
  .rail-nav{justify-content:center}
  .fk-rail{grid-auto-columns:62%}
  .mini2 .f-row{flex-direction:column;justify-content:center;text-align:center;gap:12px}
  .mini2 .f-bot2{gap:8px}
  .site-f.mini2{padding-bottom:90px}
}

.iv-nano img.nlogo{width:72%!important;max-width:190px;height:auto!important;object-fit:contain!important;transform:none!important}

.iv-nano{justify-content:center!important;align-items:center!important}
.iv-nano img.nlogo{width:80%!important}

/* ===== v9 ===== */
/* hotéis: as duas faixas iguais e mais lentas */
.marquee .track{animation-duration:120s}
.marquee.mq-rev .track{animation-duration:135s}
.marquee img,.marquee.mq-rev img{height:40px;opacity:.82}
.marquee.mq-rev{padding:38px 0}
/* molas ensacadas simples (Inducol): só mola branca */
.ly-ensacadas-s .tp{background:radial-gradient(circle at 50% 50%,#fff 0 7px,#d7d5d2 7.5px 8.5px,transparent 9px) 0 0/20px 20px,#b4b2af}
.ly-ensacadas-s .fr,.ly-ensacadas-s .bk,.ly-ensacadas-s .rt,.ly-ensacadas-s .lf{background:repeating-linear-gradient(90deg,#f7f8fb 0 16px,#cdcbc8 16px 20px)}
/* MaxForce Pro / LFK: molas de aço interligadas */
.ly-maxforce .tp,.ly-lfk .tp{background:
  radial-gradient(circle at 12px 12px,transparent 0 6.5px,#52504d 6.8px 8.4px,transparent 8.7px) 0 0/24px 24px,
  repeating-linear-gradient(0deg,transparent 0 11px,#74726f 11px 12.4px,transparent 12.4px 24px),
  repeating-linear-gradient(90deg,transparent 0 11px,#74726f 11px 12.4px,transparent 12.4px 24px),
  linear-gradient(135deg,#dfe3e9,#cbc9c6)}
.ly-maxforce .fr,.ly-maxforce .bk,.ly-maxforce .rt,.ly-maxforce .lf,.ly-lfk .fr,.ly-lfk .bk,.ly-lfk .rt,.ly-lfk .lf{background:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 46' preserveAspectRatio='none'%3E%3Cpath d='M0 2.5H24M0 43.5H24' stroke='%23474d57' stroke-width='1.6'/%3E%3Cpath d='M2 3L22 7L5 11L19 15L8 19L16 23L8 27L19 31L5 35L22 39L2 43' fill='none' stroke='%23555c66' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0/24px 100% repeat-x,
  linear-gradient(180deg,#eef1f5,#dddbd8)}
/* Fator K: 4 cards sempre inteiros */
.fk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 34px}
.fk-grid .fk-card{min-height:0;padding:22px 18px 20px;align-items:flex-start}
.fk-grid .fk-card:hover{transform:none;border-color:var(--gold-2)}
.fk-grid .fk-ic{width:52px;height:52px;padding:10px;border-radius:16px;border:1px solid rgba(233,220,192,.35);background:rgba(233,220,192,.06);margin-bottom:14px}
/* bloco King Koil com destaque */
.kk-feature{margin:44px auto 0;max-width:760px;text-align:center;padding:46px 34px 40px;border-radius:var(--r-lg);border:1px solid rgba(233,220,192,.22);background:radial-gradient(80% 120% at 50% 0%,rgba(60,58,55,.85),rgba(22,20,17,.6))}
.kk-feature img{display:block;height:64px;width:auto;margin:18px auto 18px}
.kk-feature p{color:#d1cfcc;max-width:460px;margin:0 auto 26px}
.kk-feature-n{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;margin:0 auto 28px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.kk-feature-n div{padding:16px 6px}
.kk-feature-n div+div{border-left:1px solid rgba(255,255,255,.12)}
.kk-feature-n b{display:block;color:#fff;font-weight:300;font-size:28px;line-height:1.1}
.kk-feature-n span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e9dcc0}
/* produto: foto grande + ficha técnica */
.gal .main{cursor:zoom-in}
.gal .main img{object-fit:cover!important}
.ficha-btn{display:flex;align-items:center;gap:14px;width:100%;margin:6px 0 14px;padding:10px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);text-align:left;color:#fff;transition:border-color .3s,background .3s}
.ficha-btn:hover{border-color:var(--gold-2);background:rgba(255,255,255,.08)}
.ficha-btn img{width:76px;height:76px;border-radius:12px;object-fit:cover;background:#fff;flex:none}
.ficha-btn b{display:block;font-weight:500;font-size:15px}
.ficha-btn span{font-size:12.5px;color:#b7b5b2}
.lightbox{position:fixed;inset:0;z-index:400;background:rgba(12,10,7,.92);display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .35s;cursor:zoom-out}
.lightbox.on{opacity:1}
.lightbox img{max-width:min(1100px,100%);max-height:88svh;border-radius:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.lightbox button{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:22px}
@media (max-width:1080px){.fk-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){
  .fk-grid{grid-template-columns:1fr 1fr;gap:10px}
  .fk-grid .fk-card{padding:18px 14px}
  .fk-grid .fk-card b{font-size:14px}.fk-grid .fk-card span{font-size:12px}
  .kk-feature{padding:36px 20px 32px;margin-top:34px}
  .kk-feature img{height:46px}
  .kk-feature-n b{font-size:22px}
  .marquee img,.marquee.mq-rev img{height:32px}
}

/* ===== v10 ===== */
/* cabeçalho: botão verde aparece ao rolar */
.h-end{display:flex;align-items:center;gap:12px}
.h-cta{height:44px!important;padding:0 18px!important;font-size:11.5px!important;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .4s var(--ease),transform .4s var(--ease)!important}
.site-h.solid .h-cta{opacity:1;transform:none;pointer-events:auto}
.site-h nav{margin-left:auto}
.site-h .hdr{gap:32px}
.wa-fab{display:none!important}
@media (max-width:1080px){.h-end{margin-left:auto}}
@media (max-width:720px){
  .h-cta{height:38px!important;padding:0 12px!important;font-size:10px!important;letter-spacing:.08em!important;gap:6px!important}
  .h-cta svg{width:15px!important;height:15px!important}
  .h-cta span{white-space:nowrap}
}
@media (max-width:380px){.h-cta span{display:none}.h-cta{width:40px;padding:0!important}}
/* consultoria: cartão branco sobre o azul */
.cs{background:#fff!important;border:0;color:#4b4946;box-shadow:0 40px 90px -40px rgba(0,0,0,.65)}
.cs .cs-top,.cs .cs-back{color:#93918e}
.cs .cs-bar{background:#edebe8}
.cs .cs-bar i{background:linear-gradient(90deg,#34322f,#6d6b68)}
.cs h2,.cs h3,.cs .res h2{color:#1e1c19!important}
.cs .sub,.cs p{color:#696764!important}
.cs .opt{background:#f4f6fa!important;border:1px solid #eae8e5}
.cs .opt b{color:#1e1c19!important}
.cs .opt small{color:#797774}
.cs .opt:hover{border-color:#34322f;background:#fff!important;box-shadow:0 14px 30px -18px rgba(36,34,31,.35)}
.cs .opt.sel{background:#24221f!important;border-color:#24221f}
.cs .opt.sel b{color:#fff!important}.cs .opt.sel small{color:#d1cfcc}
.cs .meas-row,.cs .txt{background:#f4f6fa!important;border-color:#eae8e5;color:#1e1c19}
.cs .meas-row label{color:#93918e}.cs .meas-row output{color:#24221f}
.cs .stepper button{background:#fff;border-color:#dfddda;color:#24221f}
.cs input[type=range]{background:linear-gradient(90deg,#24221f var(--p,50%),#e2e0dd var(--p,50%))}
.cs input[type=range]::-webkit-slider-thumb{background:#24221f;border-color:#fff;box-shadow:0 0 0 1px #24221f}
.cs .btn-navy{background:#24221f!important;color:#fff!important}
.cs .res .k{color:#ad9571}
.cs .res .brand{color:#797774!important}
.cs .res-chips{border-color:#eae8e5}.cs .res-chips div{border-color:#eae8e5!important}
.cs .res-chips small{color:#93918e}.cs .res-chips b,.cs .why li{color:#1e1c19!important}
.cs .res-note{background:#f4f6fa!important;color:#5b4a26}
.cs .res-alt{border-color:#eae8e5}.cs .res-alt b{color:#1e1c19}
.cs .redo{color:#797774!important}
.cs .link{color:#24221f!important}
.direto{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:34px;text-align:center}
.direto span{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#d1cfcc}
/* King Koil: animação de destaque */
@property --kk{syntax:"<angle>";inherits:false;initial-value:0deg}
.kk-feature{position:relative;isolation:isolate}
.kk-feature::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--kk),transparent 0 62%,rgba(233,220,192,.95) 76%,transparent 88%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:kkspin 7s linear infinite;pointer-events:none}
@keyframes kkspin{to{--kk:360deg}}
.kk-logo-w{position:relative;width:max-content;margin:18px auto 18px}
.kk-logo-w img{margin:0!important}
.kk-shine{position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,236,190,1) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;-webkit-mask:url("/assets/img/kk-white.png") center/contain no-repeat;mask:url("/assets/img/kk-white.png") center/contain no-repeat;animation:kkshine 4.5s ease-in-out infinite}
@keyframes kkshine{0%,35%{background-position:120% 0}75%,100%{background-position:-20% 0}}
.kk-feature>*{opacity:0;transform:translateY(16px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.kk-feature.in>*{opacity:1;transform:none}
.kk-feature.in>:nth-child(2){transition-delay:.15s}.kk-feature.in>:nth-child(3){transition-delay:.3s}.kk-feature.in>:nth-child(4){transition-delay:.45s}.kk-feature.in>:nth-child(5){transition-delay:.6s}
.kk-feature.rv{opacity:1;transform:none}

.site-h .logo{flex:none}.site-h .logo img{width:auto;max-width:none}
@media (max-width:1180px) and (min-width:1081px){.site-h nav{gap:16px;font-size:10.5px}}

.kk-feature::before{z-index:-1}
.kk-feature{background:none}
.kk-feature::after{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;background:radial-gradient(80% 120% at 50% 0%,rgba(60,58,55,.85),rgba(22,20,17,.6))}

.kk-feature{overflow:hidden;border-color:transparent}
.kk-feature::before{z-index:-2;inset:auto;left:50%;top:50%;width:170%;height:auto;aspect-ratio:1;padding:0;-webkit-mask:none;mask:none;transform:translate(-50%,-50%);background:conic-gradient(transparent 0 68%,rgba(233,220,192,.95) 80%,transparent 92%);animation:kkrot 8s linear infinite;border-radius:0}
@keyframes kkrot{to{transform:translate(-50%,-50%) rotate(360deg)}}
.kk-feature::after{inset:1.5px;z-index:-1;border-radius:calc(var(--r-lg) - 1.5px);background:radial-gradient(80% 120% at 50% 0%,#393734,#191714 75%)}

.h-cta .s{display:none}
@media (max-width:720px){.h-cta .l{display:none}.h-cta .s{display:inline}}
@media (max-width:380px){.h-cta span.s{display:inline!important}.h-cta{width:auto!important;padding:0 11px!important}}

/* ===== v11 · cabeçalho proporcional, botão fino ===== */
.site-h .hdr{height:92px;gap:36px}
.site-h .logo img{height:44px}
.site-h.solid .wrap{height:72px}
.site-h.solid .logo img{height:34px}
.site-h nav{gap:30px;font-size:11px;letter-spacing:.18em}
.h-end{gap:14px}
.site-h .btn.h-cta[data-wa]{height:36px!important;padding:0 16px!important;gap:8px!important;font-size:10.5px!important;letter-spacing:.16em!important;font-weight:500;background:transparent!important;border:1px solid rgba(37,211,102,.7)!important;color:#fff!important;box-shadow:none}
.site-h .btn.h-cta[data-wa] svg{width:14px!important;height:14px!important;color:#25d366!important}
.site-h .btn.h-cta[data-wa]:hover{background:#25d366!important;color:#05361b!important;transform:none}
.site-h .btn.h-cta[data-wa]:hover svg{color:#05361b!important}
.menu-btn{width:40px;height:40px}
@media (max-width:720px){
  .site-h .hdr{height:76px;gap:12px}
  .site-h .logo img{height:36px}
  .site-h.solid .wrap{height:62px}
  .site-h.solid .logo img{height:28px}
  .site-h .btn.h-cta[data-wa]{height:32px!important;padding:0 12px!important;font-size:9.5px!important;letter-spacing:.12em!important}
  .site-h .btn.h-cta[data-wa] svg{width:12px!important;height:12px!important}
}

.site-h .btn.h-cta[data-wa]{min-height:0!important;line-height:1!important;white-space:nowrap!important}

.site-h.solid .btn.h-cta[data-wa]{transform:none!important;opacity:1!important;pointer-events:auto!important}

/* ===== v12 ===== */
/* 3D: molas dentro da caixa de espuma (borda) */
.ly.boxed .tp{box-shadow:inset 0 0 0 16px #63615e,inset 0 0 0 17px rgba(0,0,0,.35)}
.ly.boxed .fr,.ly.boxed .bk,.ly.boxed .rt,.ly.boxed .lf{background:linear-gradient(180deg,#706e6b,#565451)!important}
.ly-maxforce.boxed .tp,.ly-lfk.boxed .tp{box-shadow:inset 0 0 0 16px #63615e,inset 0 0 0 17px rgba(0,0,0,.35)}
.m3d-stage{touch-action:none}
.m3d-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}
.m3d-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:460px}
.m3d-chips button{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.02em;padding:6px 10px 6px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.16);color:#e0dedb;background:rgba(255,255,255,.04);transition:background .25s,border-color .25s,color .25s}
.m3d-chips button i{font-style:normal;font-size:9.5px;color:#e9dcc0;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(233,220,192,.12)}
.m3d-chips button.hl,.m3d-chips button:hover{background:#fff;color:#1e1c19;border-color:#fff}
/* Nossa história: etapas da consultoria e 1/3 */
.cs-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cs-step-c{padding:26px 22px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.cs-step-c span{font-size:12px;letter-spacing:.2em;color:var(--gold-2)}
.cs-step-c h3{font-size:20px;margin:12px 0 8px;font-weight:400}
.cs-step-c p{font-size:14.5px;color:#c6c4c1}
.third{display:grid;grid-template-columns:260px 1fr;gap:56px;align-items:center;max-width:980px;margin:0 auto}
.third-v{position:relative;width:240px;height:240px;display:grid;place-items:center}
.third-v svg{position:absolute;inset:0;transform:rotate(-90deg)}
.t-trk{fill:none;stroke:rgba(255,255,255,.1);stroke-width:6}
.t-arc{fill:none;stroke:#e9dcc0;stroke-width:6;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 2.2s var(--ease) .3s}
.third.in .t-arc{stroke-dashoffset:209}
.third-v b{font-size:64px;font-weight:200;color:#fff;letter-spacing:-.04em}
.third h2{font-size:clamp(30px,3.6vw,46px);margin:14px 0 18px}
/* página Sono */
.clock{display:grid;place-items:center}
.clock-in{position:relative;width:280px;height:280px;border-radius:50%;background:conic-gradient(from 200deg,#1b1916 0 45%,#494744 55%,#e9dcc0 70%,#494744 85%,#1b1916 100%);display:grid;place-items:center;animation:spin 40s linear infinite;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.clock-in::after{content:"";position:absolute;inset:16px;border-radius:50%;background:#1c1a17}
.clock-in span{position:relative;z-index:1;font-size:40px;font-weight:200;color:#fff;animation:spin 40s linear infinite reverse}
.clock-in .sun,.clock-in .moon{position:absolute;z-index:1;width:22px;height:22px;border-radius:50%}
.clock-in .sun{top:-11px;left:calc(50% - 11px);background:#f3d98c;box-shadow:0 0 24px #f3d98c}
.clock-in .moon{bottom:-11px;left:calc(50% - 11px);background:#dad8d5}
@keyframes spin{to{transform:rotate(360deg)}}
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.phase{padding:24px 20px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.ph-bar{height:110px;display:flex;align-items:flex-end;margin-bottom:16px}
.ph-bar i{display:block;width:100%;height:0;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,#e9dcc0,#6d6b68);transition:height 1.4s var(--ease)}
.phase.in .ph-bar i{height:var(--h)}
.phase b{font-size:12px;letter-spacing:.2em;color:var(--gold-2)}
.phase h3{font-size:20px;font-weight:400;margin:8px 0 6px}
.phase p{font-size:14px;color:#c6c4c1}
.risk{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 20px}
.risk li{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14.5px}
.fontes{margin:44px auto 0;max-width:860px;padding:26px 28px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.fontes h3{font-size:18px;font-weight:500;margin-bottom:12px}
.fontes ol{padding-left:18px;display:grid;gap:8px;font-size:14px}
.fontes a{color:#dbd9d6;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1080px){.cs-steps,.phases{grid-template-columns:repeat(2,1fr)}.third{grid-template-columns:1fr;justify-items:center;text-align:center}}
@media (max-width:720px){
  .cs-steps,.phases{grid-template-columns:1fr 1fr;gap:10px}
  .cs-step-c,.phase{padding:18px 14px}.cs-step-c h3,.phase h3{font-size:16px}.cs-step-c p,.phase p{font-size:12.5px}
  .ph-bar{height:70px}
  .third-v{width:180px;height:180px}.third-v b{font-size:48px}
  .clock-in{width:210px;height:210px}
  .risk{grid-template-columns:1fr 1fr}
  .m3d-chips{max-width:100%}
  .m3d-chips button{font-size:10px;padding:5px 9px 5px 5px}
}

.m3d .hint{white-space:nowrap;left:50%;transform:translateX(-50%)}
.m3d-wrap{width:100%}
.m3d{width:100%}
/* ===== v15 · 3D fluido no toque ===== */
.m3d{touch-action:none;-webkit-user-select:none;-webkit-touch-callout:none}
.m3d-rig{transform:rotateX(-24deg) rotateY(-34deg);will-change:transform;transition:none}
.m3d.dragging{cursor:grabbing}
/* ===== v15 · Consultoria direto no quiz (landing de anúncio) ===== */
.cs-land{padding:118px 0 56px}
.cs-land .wrap{max-width:920px}
.cs-land h1{font-size:clamp(26px,3.2vw,38px)!important;margin:10px auto 22px!important}
.cs-land .cs{text-align:left;padding:34px 44px 38px}
.cs-land .cs-bar{margin-bottom:28px}
.cs-land .cs-step h2{font-size:clamp(24px,2.8vw,34px);margin-bottom:6px}
.cs-land .cs-step .sub{margin-bottom:22px;font-size:15px}
.cs-land .opt{padding:18px 20px;border-radius:14px}
.cs-land .opt b{font-size:19px}
.cs-land .opt small{font-size:13px}
.cs-land .opts.o3{grid-template-columns:repeat(3,1fr)}
.cs-land .meas-row{padding:16px 20px;border-radius:14px}
.cs-land .meas-row output{font-size:34px}
.cs-land .cs-next{margin-top:20px}
.cs-land .direto{margin-top:22px}
.cs-land .btn-navy[disabled]{opacity:.35;pointer-events:none}
.opts.multi{grid-template-columns:repeat(2,1fr);gap:10px}
.opt.chk{display:flex;align-items:center;gap:12px;padding:15px 18px}
.opt.chk b{font-family:inherit;font-size:15.5px!important;font-weight:500;margin:0}
.opt.chk i{flex:none;width:22px;height:22px;border-radius:7px;border:1.5px solid #ceccc9;display:grid;place-items:center;transition:background .2s,border-color .2s}
.opt.chk.sel i{background:#fff;border-color:#fff}
.opt.chk.sel i::after{content:"";width:10px;height:6px;border:2px solid #24221f;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg)}
.lead{display:grid;gap:14px;max-width:520px}
.fl{display:grid;gap:6px}
.fl span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#93918e}
.fl em{font-style:normal;letter-spacing:.04em;text-transform:none;color:#aeaca9}
.lead .txt{height:54px;border-radius:12px;font-size:17px}
.lead .txt.bad{border-color:#d14b4b!important;box-shadow:0 0 0 3px rgba(209,75,75,.12)}
.lead .err{min-height:0;color:#c0392b!important;font-size:14px;margin:0}
.lead .err:empty{display:none}
.lead-go{width:100%;justify-content:center;margin-top:4px}
.lgpd{font-size:12.5px!important;line-height:1.5;margin:0}
.lgpd a{text-decoration:underline;text-underline-offset:2px}
.res-ctas.top{margin:6px 0 4px}
.res-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
@media (max-width:720px){
  .cs-land{padding:92px 0 30px}
  .cs-land h1{font-size:23px!important;margin:6px auto 14px!important}
  .cs-land .kicker{font-size:10px}
  .cs-land .cs{padding:20px 16px 24px;border-radius:20px}
  .cs-land .cs-top{margin-bottom:12px}
  .cs-land .cs-bar{margin-bottom:18px}
  .cs-land .cs-step h2{font-size:22px}
  .cs-land .cs-step .sub{font-size:14px;margin-bottom:16px}
  .cs-land .opts,.cs-land .opts.o3,.opts.multi{grid-template-columns:1fr 1fr;gap:8px}
  .cs-land .opt{padding:13px 14px}
  .cs-land .opt b{font-size:16px}
  .cs-land .opt small{font-size:12px;line-height:1.35;display:block}
  .opt.chk{padding:12px;gap:9px}
  .opt.chk b{font-size:13.5px!important;line-height:1.3}
  .cs-land .meas{gap:10px}
  .cs-land .meas-row{padding:12px 14px}
  .cs-land .meas-row label{margin-bottom:8px}
  .cs-land .meas-row output{font-size:28px}
  .cs-land .cs-next .btn{width:100%;justify-content:center}
  .res-ctas .btn-wa{width:100%;justify-content:center}
}

/* ===== v16 · cabeçalho grande no topo e compacto ao rolar ===== */
.site-h .hdr,.site-h .logo img{transition:height .5s var(--ease)}
.site-h .hdr{height:108px}
.site-h .logo img{height:56px}
.site-h.solid .hdr{height:62px}
.site-h.solid .logo img{height:28px}
.site-h.solid nav{font-size:10.5px}
.h-cta .s{display:none!important}.h-cta .l{display:inline!important}
.site-h .btn.h-cta[data-wa]{height:36px!important;padding:0 22px!important}
@media (max-width:720px){
  .site-h .hdr{height:88px}
  .site-h .logo img{height:44px}
  .site-h.solid .hdr{height:56px}
  .site-h.solid .logo img{height:24px}
  .site-h .btn.h-cta[data-wa]{height:32px!important;padding:0 14px!important;font-size:9.5px!important;letter-spacing:.1em!important}
}
@media (max-width:380px){
  .site-h .btn.h-cta[data-wa]{padding:0 10px!important;font-size:9px!important;letter-spacing:.06em!important}
  .h-cta span.l{display:inline!important}
}
/* números: dois blocos */
.stats.duo{grid-template-columns:repeat(2,1fr)!important;max-width:760px;margin:0 auto}
.stat span strong{font-weight:700;color:inherit}
/* os 4 cards */
.iv-duo{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.iv-duo .d-kk{width:56%;max-width:150px;height:auto}
.iv-duo .d-in{width:44%;max-width:118px;height:auto}
.iv-duo .d-ln{display:block;width:34px;height:1px;background:rgba(233,220,192,.55)}
.iv-duo .d-sh{position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%);transform:translateX(-120%);animation:dsh 4.5s var(--ease) infinite 1.2s;pointer-events:none}
@keyframes dsh{0%{transform:translateX(-120%)}45%,100%{transform:translateX(120%)}}
.iv-tecs{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.iv-tecs small{font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:#e9dcc0}
.iv-tecs .nasa-l{color:#b0aeab;letter-spacing:.16em}
.tk{height:36px;overflow:hidden;width:100%}
.tk-run{display:flex;flex-direction:column;animation:tk 12.5s cubic-bezier(.7,0,.3,1) infinite}
.tk-run b{height:36px;line-height:36px;font-size:24px;font-weight:300;color:#fff;letter-spacing:-.01em;flex:none}
@keyframes tk{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(-36px)}40%,54%{transform:translateY(-72px)}60%,74%{transform:translateY(-108px)}80%,94%{transform:translateY(-144px)}100%{transform:translateY(-180px)}}
.iv-mat{background:#efe6cf!important}
.iv-mat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 12%;transform:scale(1.35);transform-origin:50% 20%;animation:kb 14s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.6) translate(-4%,3%)}}
.iv-mat span{position:absolute;left:12px;bottom:10px;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:#3a2f17;background:rgba(255,250,238,.88);padding:5px 9px;border-radius:999px}
.icards.v16 .icard{transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.icards.v16 .icard:hover{box-shadow:0 30px 60px -34px rgba(28,26,23,.55)}
.icards.v16 .icard.in .iv{animation:ivin 1s var(--ease) both}
.icards.v16 .icard.rv-d1.in .iv{animation-delay:.12s}.icards.v16 .icard.rv-d2.in .iv{animation-delay:.24s}.icards.v16 .icard.rv-d3.in .iv{animation-delay:.36s}
@keyframes ivin{from{clip-path:inset(0 0 100% 0 round 16px)}to{clip-path:inset(0 0 0 0 round 16px)}}
/* colchões em dois trilhos */
.p-rows .head{margin-bottom:34px}
.p-row+.p-row{margin-top:46px}
.p-row-h{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.p-row-h>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.p-row-h span{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#797774}
.pr-logo{height:auto;width:auto}
.pr-logo.kk{height:30px}
.pr-logo.in{height:26px}
.p-row .rail-nav{margin:0}
.p-row .rail-nav button{border-color:rgba(36,34,31,.25);color:#24221f}
.p-row .rail-nav button:hover{background:#24221f;color:#fff;border-color:#24221f}
.p-rail{grid-auto-columns:calc((100% - 54px) / 4);gap:18px;padding-bottom:14px}
.p-rail .p-card{scroll-snap-align:start}
@media (max-width:1080px){.p-rail{grid-auto-columns:calc((100% - 36px) / 3)}}
@media (max-width:720px){
  .stats.duo{gap:10px}
  .iv-duo{gap:9px}.iv-duo .d-kk{width:62%}.iv-duo .d-in{width:50%}
  .tk,.tk-run b{height:28px;line-height:28px}.tk-run b{font-size:17px}
  @keyframes tk{0%,14%{transform:translateY(0)}20%,34%{transform:translateY(-28px)}40%,54%{transform:translateY(-56px)}60%,74%{transform:translateY(-84px)}80%,94%{transform:translateY(-112px)}100%{transform:translateY(-140px)}}
  .iv-tecs small{font-size:8px;letter-spacing:.16em}
  .iv-mat span{font-size:8px;left:8px;bottom:8px}
  .p-row-h{align-items:center}
  .p-row-h span{display:none}
  .pr-logo.kk{height:24px}.pr-logo.in{height:20px}
  .p-rail{grid-auto-columns:74%;gap:12px}
  .p-row .rail-nav button{width:38px;height:38px}
  .p-row+.p-row{margin-top:34px}
}
/* v16 · trilhos sobre fundo escuro e cards compactos */
.p-row-h span{color:#b0aeab}
.p-row .rail-nav button{border-color:rgba(255,255,255,.25);color:#fff}
.p-row .rail-nav button:hover{background:#fff;color:#24221f;border-color:#fff}
.p-rail .p-card .pic{aspect-ratio:4/3}
@media (max-width:720px){
  .p-rail{grid-auto-columns:64%}
  .p-rail .p-card .body{padding:14px 14px 16px}
  .p-rail .p-card h3{font-size:22px!important;margin:4px 0 6px}
  .p-rail .p-card .brand{font-size:9px}
  .p-rail .p-card .meta{font-size:11.5px;gap:6px 10px}
  .p-rail .p-card .firm{display:none}
  .p-rail .p-card .more{margin-top:10px;padding-top:10px;font-size:10px}
  .p-rail .badge{font-size:8.5px;padding:5px 9px;top:10px;left:10px}
}

/* ===== v17 ===== */
/* cabeçalho mais encorpado */
.site-h .hdr{height:112px}
.site-h .logo img{height:58px}
.site-h.solid .hdr{height:76px}
.site-h.solid .logo img{height:36px}
.site-h.solid nav{font-size:11px}
.site-h.solid .btn.h-cta[data-wa]{height:40px!important;padding:0 24px!important;font-size:11px!important}
@media (max-width:1279px){.site-h nav{display:none!important}.menu-btn{display:flex!important;justify-content:flex-end}.h-end{margin-left:auto}}
@media (max-width:720px){
  .site-h .hdr{height:92px}
  .site-h .logo img{height:46px}
  .site-h.solid .hdr{height:66px}
  .site-h.solid .logo img{height:30px}
  .site-h.solid .btn.h-cta[data-wa]{height:36px!important;padding:0 16px!important;font-size:10px!important}
}
@media (max-width:380px){.site-h.solid .btn.h-cta[data-wa]{padding:0 11px!important;font-size:9.5px!important}}

/* trilhos de colchões: cards grandes, setas laterais esmaecidas */
.p-row-h{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;margin-bottom:22px}
.p-row-h span{display:block!important;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#b0aeab}
.pr-logo.kk{height:40px}
.pr-logo.in{height:34px}
.p-wrap{position:relative}
.p-rail{grid-auto-columns:calc((100% - 40px) / 3.18);gap:20px;padding:4px 2px 16px;scroll-padding-left:2px}
.p-rail .p-card .pic{aspect-ratio:auto}
.p-rail .p-card .firm{display:block}
.p-arw{position:absolute;top:34%;z-index:3;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(22,20,17,.42);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:.78;transition:opacity .35s,background .35s,transform .35s var(--ease)}
.p-arw svg{width:20px;height:20px}
.p-arw.l{left:-14px}.p-arw.r{right:-14px}
.p-arw:hover{opacity:1;background:rgba(255,255,255,.95);color:#24221f}
.p-arw.off{opacity:0;pointer-events:none}
@media (max-width:1080px){.p-rail{grid-auto-columns:calc((100% - 20px) / 2.2)}}
@media (max-width:720px){
  .p-rail{grid-auto-columns:80%;gap:14px}
  .p-rail .p-card .body{padding:22px 20px 24px}
  .p-rail .p-card h3{font-size:28px!important}
  .p-rail .p-card .brand{font-size:10.5px}
  .p-rail .p-card .meta{font-size:13px}
  .p-rail .p-card .more{margin-top:16px;padding-top:14px;font-size:11px}
  .p-rail .badge{font-size:10px;padding:6px 11px;top:14px;left:14px}
  .p-arw{width:42px;height:42px;top:28%}
  .p-arw.l{left:4px}.p-arw.r{right:4px}
  .pr-logo.kk{height:32px}.pr-logo.in{height:27px}
  .p-row-h span{font-size:9.5px}
}

/* cards que trocam (tecnologias e matérias-primas) com cronômetro */
.iv-cyc{background:#1c1a17!important}
.iv-cyc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.1);transition:opacity 1.1s var(--ease),transform calc(var(--cyc,3200ms) + 1s) linear}
.iv-cyc img.on{opacity:1;transform:scale(1)}
.iv-cyc.mat img{transform:scale(1.25)}.iv-cyc.mat img.on{transform:scale(1.05)}
.iv-cyc::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 50%,transparent 70%);transform:translateX(-130%);pointer-events:none}
.iv-cyc.tick::after{animation:glint 1.3s var(--ease) .15s}
@keyframes glint{to{transform:translateX(130%)}}
.cyc-ring{position:absolute;z-index:3;top:9px;right:9px;width:24px;height:24px;transform:rotate(-90deg)}
.cyc-ring circle{fill:none;stroke:rgba(255,255,255,.28);stroke-width:2.4}
.cyc-ring circle.t{stroke:#e9dcc0;stroke-linecap:round;stroke-dasharray:63;stroke-dashoffset:63}
.iv-cyc.tick .cyc-ring circle.t{animation:ring var(--cyc,3200ms) linear forwards}
@keyframes ring{to{stroke-dashoffset:0}}
.cyc-n{position:absolute;z-index:3;left:10px;bottom:9px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#1e1c19;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:999px;white-space:nowrap;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}
@media (max-width:720px){.cyc-n{font-size:8px;letter-spacing:.1em;padding:4px 8px;left:7px;bottom:7px}.cyc-ring{width:20px;height:20px;top:7px;right:7px}}

/* Fator K: ícones animados */
.fk-ic svg{overflow:visible}
.fk-a1 svg path:last-child{transform-origin:50% 50%;animation:mola 2.4s ease-in-out infinite}
@keyframes mola{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
.fk-a2 svg rect[fill]{animation:pulso 2.2s ease-in-out infinite}
@keyframes pulso{0%,100%{opacity:.15}50%{opacity:.55}}
.fk-a3 svg path{animation:onda 3s ease-in-out infinite}
@keyframes onda{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.fk-a4 svg{transform-origin:50% 90%;animation:folha 3.6s ease-in-out infinite}
@keyframes folha{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.fk-card b{line-height:1.25}

/* vídeos reais: legenda */
.real .vid{position:relative}
.real .vid .lbl{font-size:10px;letter-spacing:.14em;left:10px;top:auto;bottom:10px}

/* consultoria repaginada */
.cs-land{padding:150px 0 80px}
.cs-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;max-width:1240px!important;text-align:left!important}
.cs-intro{position:sticky;top:120px;padding-top:30px}
.cs-intro h1{font-size:clamp(40px,4.6vw,64px)!important;margin:18px 0 18px!important;text-align:left;max-width:none!important}
.cs-intro p{margin:0!important;font-size:18px;color:#d1cfcc}
.cs-checks{list-style:none;display:grid;gap:12px;margin:30px 0 0;padding:0}
.cs-checks li{display:flex;gap:12px;align-items:flex-start;color:#fff;font-size:16px}
.cs-checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:2px;border-radius:50%;background:#e9dcc0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312233c' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.cs-col .cs{max-width:none;margin:0}
.cs-land .cs{padding:40px 44px 44px}
.cs-land .cs-step h2{font-size:clamp(26px,2.6vw,34px)}
.cs-land .opt b{font-size:20px}
.cs-land .direto{margin-top:26px}
@media (max-width:1080px){.cs-grid{grid-template-columns:1fr;gap:26px}.cs-intro{position:static;padding:0;text-align:center}.cs-intro h1{text-align:center}.cs-checks{display:none}}
@media (max-width:720px){
  .cs-land{padding:104px 0 40px}
  .cs-intro h1{font-size:32px!important;margin:10px 0 8px!important}
  .cs-intro p{font-size:14.5px;line-height:1.5}
  .cs-land .cs{padding:22px 16px 26px}
  .cs-land .cs-step h2{font-size:23px}
  .cs-land .opt b{font-size:16.5px}
}

/* 3D do terço central */
.c3d-sec .split{align-items:center}
.c3d-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.c3d{height:420px;width:100%}
.c3d .m3d-rig{transform:rotateX(-16deg) rotateY(-26deg)}
.c3d .bb{position:absolute;width:376px;height:160px;margin:-80px 0 0 -188px;background:#23211e;border-radius:8px;transform:translate3d(0,24px,0) rotateX(90deg)}
.c3d .bs{position:absolute;width:376px;height:12px;margin:-6px 0 0 -188px;background:linear-gradient(180deg,#393734,#23211e);border-radius:3px;transform:translate3d(0,30px,80px)}
.c3d .sp{position:absolute;transform-style:preserve-3d;transform:translate3d(var(--x),0,var(--z))}
.c3d .sp i{position:absolute;width:13px;height:40px;margin:-20px 0 0 -6.5px;transform-origin:50% 100%;background:repeating-linear-gradient(180deg,#d7d5d2 0 2px,transparent 2px 5px);border-radius:4px;transition:transform .9s var(--ease)}
.c3d .sp i:first-child{transform:scaleY(var(--k,1))}
.c3d .sp i:last-child{transform:rotateY(90deg) scaleY(var(--k,1))}
.c3d .sp.mid i{background:repeating-linear-gradient(180deg,#0b0d11 0 3.2px,transparent 3.2px 5.4px);filter:drop-shadow(0 0 1px rgba(255,255,255,.35))}
.c3d[data-mode=comum] .sp.mid{--k:.64}
.c3d[data-mode=kk] .sp.mid{--k:1.04}
.c3d .pl{position:absolute;width:120px;height:150px;margin:-75px 0 0 -60px;background:rgba(243,241,238,.16);border:1px solid rgba(255,255,255,.3);transform:translate3d(var(--x),-21px,0) rotateX(90deg);transition:transform .9s var(--ease),background .6s}
.c3d[data-mode=comum] .pl.mid{transform:translate3d(0,-6px,0) rotateX(90deg);background:rgba(255,120,100,.14)}
.c3d[data-mode=kk] .pl.mid{transform:translate3d(0,-22.5px,0) rotateX(90deg);background:rgba(233,220,192,.2)}
.c3d .gl{position:absolute;width:340px;margin-left:-170px;border-top:1.5px dashed rgba(233,220,192,.75);transform:translate3d(0,-34px,0)}
.c3d .vt{position:absolute;transform-style:preserve-3d;transform:translate3d(var(--x),calc(-34px + var(--s) * var(--on,0) * 1px),0);transition:transform .9s var(--ease)}
.c3d[data-mode=comum]{--on:1}
.c3d[data-mode=kk]{--on:0}
.c3d .vt i{position:absolute;width:13px;height:15px;margin:-7.5px 0 0 -6.5px;border-radius:5px;background:linear-gradient(180deg,#fbf6ea,#d6c9ab);transition:background .6s,box-shadow .6s}
.c3d .vt i:last-child{transform:rotateY(90deg)}
.c3d[data-mode=comum] .vt.hot i{background:linear-gradient(180deg,#ffb3a6,#d9483a)}
.c3d[data-mode=kk] .vt i{box-shadow:0 0 14px rgba(233,220,192,.55)}
.c3d .hd{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#cfc3a6);transform:translate3d(-176px,calc(-40px + var(--on,0) * 3px),0);transition:transform .9s var(--ease)}
.c3d .zl{position:absolute;white-space:nowrap;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#b0aeab;transform:translate3d(calc(var(--x) - 50%),44px,82px)}
.c3d .zl.mid{color:#e9dcc0;font-weight:600}
.c3d-tg{display:inline-flex;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.c3d-tg button{font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:10px 16px;border-radius:999px;color:#d1cfcc;transition:background .35s,color .35s}
.c3d-tg button.on{background:#fff;color:#24221f}
.c3d-tg button[data-mode=comum].on{background:#ffb3a6;color:#4a0f08}
.c3d-cap{min-height:48px;text-align:center;max-width:440px;font-size:14.5px;color:#e0dedb;margin:0}
@media (max-width:720px){
  .c3d{height:290px}
  .c3d .m3d-rig{scale:.8}
  .c3d-tg button{font-size:9.5px;padding:9px 11px;letter-spacing:.08em}
  .c3d-cap{font-size:13.5px}
}

/* selos da tripla certificação */
.selos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:0 auto}
.selo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:30px 18px 26px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.selo-r{position:relative;width:96px;height:96px;display:grid;place-items:center;margin-bottom:10px}
.selo-r .rg{position:absolute;inset:0;animation:spin 18s linear infinite}
.selo-r .rg circle{fill:none;stroke:#e9dcc0;stroke-width:1.4}
.selo-r .rg circle:last-child{stroke-dasharray:3 5;stroke-width:2}
.selo-r .ck{width:34px;height:34px;fill:none;stroke:#e9dcc0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset 1s var(--ease) .4s}
.selo.in .ck{stroke-dashoffset:0}
.selo small{font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#b0aeab}
.selo b{font-size:18px;font-weight:500;color:#fff;line-height:1.3}
@media (max-width:720px){.selos{grid-template-columns:1fr 1fr 1fr;gap:8px}.selo{padding:18px 8px}.selo-r{width:62px;height:62px}.selo-r .ck{width:24px;height:24px}.selo b{font-size:13px}.selo small{font-size:8.5px;letter-spacing:.12em}}
.in-hero-logo{height:58px!important;width:auto!important}

/* sono: melatonina e hipnograma */
.mel,.hyp{max-width:980px;margin:0 auto;padding:26px 24px 18px;border-radius:var(--r-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.mel svg,.hyp svg{width:100%;height:auto;display:block;overflow:visible}
.mel .night{fill:rgba(34,32,29,.9);stroke:rgba(255,255,255,.06)}
.mel .area{fill:url(#melg);opacity:0;transition:opacity 1.6s var(--ease) 1.2s}
.mel .ln,.hyp .ln{fill:none;stroke:#e9dcc0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s var(--ease) .2s}
.mel.in .ln,.hyp.in .ln{stroke-dashoffset:0}
.mel.in .area{opacity:1}
.mel .dot{fill:#fff;filter:drop-shadow(0 0 8px #f3d98c)}
.mel .ax text,.hyp .ax text,.hyp .lv text{fill:#a09e9b;font-size:13px;font-family:inherit}
.mel .tags text{fill:#e9dcc0;font-size:13.5px;font-family:inherit;opacity:0;transition:opacity 1s var(--ease) 1.8s}
.mel.in .tags text{opacity:1}
.hyp .lv line{stroke:rgba(255,255,255,.07)}
.hyp .rem rect{fill:rgba(233,220,192,.16);stroke:rgba(233,220,192,.5);opacity:0;transition:opacity 1s var(--ease) 2s}
.hyp.in .rem rect{opacity:1}
.hyp .ln{stroke-width:2.6}
.hyp .now{stroke:#afadaa;stroke-width:1.5;stroke-dasharray:4 4;opacity:0}
.hyp.in .now{opacity:1;animation:noite 12s linear infinite 2.8s}
@keyframes noite{from{transform:translateX(0)}to{transform:translateX(760px)}}
.hyp-l{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;margin-top:14px;font-size:13.5px;color:#d1cfcc}
.hyp-l i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}
.hyp-l i.g{background:rgba(233,220,192,.6)}.hyp-l i.b{background:#e9dcc0;height:3px;vertical-align:3px}
.phase .ph-bar i{animation:resp 3.2s ease-in-out infinite 1.6s}
@keyframes resp{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}
@media (max-width:720px){.mel,.hyp{padding:14px 10px 10px}.mel .ax text,.hyp .ax text,.hyp .lv text{font-size:17px}.mel .tags text{font-size:16px}.hyp-l{font-size:12px;gap:10px}}
.c3d .m3d-rig{transform:rotateX(-10deg) rotateY(-18deg)}
.c3d .vt i{width:12px;height:14px;margin:-7px 0 0 -6px}
.c3d-tg button{white-space:nowrap}
@media (max-width:720px){.c3d{height:270px}.c3d .m3d-rig{scale:.9}.c3d-tg button{font-size:9px;padding:9px 12px;letter-spacing:.06em}}

/* ===== v18 ===== */
/* carrossel de colchões: card no centro, vizinhos aparecendo dos dois lados */
.p-rail{grid-auto-columns:38%;gap:22px;padding:6px 31% 18px;scroll-snap-type:x mandatory;scroll-padding:0}
.p-rail .p-card{scroll-snap-align:center;transform:scale(.9);opacity:.5;transition:transform .55s var(--ease),opacity .55s var(--ease),box-shadow .55s}
.p-rail .p-card.cur{transform:none;opacity:1;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.p-rail .p-card.rv{transform:scale(.9)}.p-rail .p-card.rv.cur{transform:none}
.p-arw{top:38%}
.p-arw.l{left:calc(31% - 74px)}.p-arw.r{right:calc(31% - 74px)}
@media (max-width:1080px){.p-rail{grid-auto-columns:56%;padding:6px 22% 18px}.p-arw.l{left:calc(22% - 64px)}.p-arw.r{right:calc(22% - 64px)}}
@media (max-width:720px){
  .p-rail{grid-auto-columns:76%;gap:12px;padding:6px 12% 16px}
  .p-rail .p-card{transform:scale(.92)}
  .p-arw{top:30%;width:40px;height:40px}
  .p-arw.l{left:2px}.p-arw.r{right:2px}
}

/* 1 minuto flutuando */
.iv-cs svg,.iv-cs span{animation:flutua 4.2s ease-in-out infinite}
@keyframes flutua{0%,100%{translate:0 3px}50%{translate:0 -5px}}
.cyc-ring{display:none!important}

/* consultoria da home mais enxuta, imagem flutuante */
.cs-teaser.cmp{grid-template-columns:1.2fr .8fr;align-items:center;gap:0;border-radius:var(--r-lg);overflow:visible;background:linear-gradient(120deg,#2a2825,#1c1a17)}
.cs-teaser.cmp .t{padding:46px 48px}
.cs-teaser.cmp h2{font-size:clamp(28px,3vw,40px);margin:12px 0 12px}
.cs-teaser.cmp ol{margin:20px 0 26px;gap:8px}
.cs-teaser.cmp li{font-size:15px}
.cs-teaser.cmp .m{min-height:0;aspect-ratio:4/5;margin:-34px 40px -34px 0;border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.7);animation:flutua 6s ease-in-out infinite}
@media (max-width:720px){
  .cs-teaser.cmp{grid-template-columns:1fr}
  .cs-teaser.cmp .t{padding:30px 22px 26px}
  .cs-teaser.cmp .m{order:-1;aspect-ratio:16/10;margin:-18px 18px 0;border-radius:18px}
  .cs-teaser.cmp ol{display:none}
}

/* terço central: ilustração com a pessoa e a coluna */
.cs3{width:100%;max-width:720px;padding:18px 10px 4px;border-radius:var(--r-lg);background:radial-gradient(80% 90% at 50% 20%,rgba(109,107,104,.25),transparent 70%)}
.cs3 svg{width:100%;height:auto;display:block;overflow:visible}
.cs3 .mz{fill:#edebe8;transition:fill .6s}
.cs3[data-mode=kk] .mz{fill:#f3eee2}
.cs3 .sp{fill:none;stroke:#a7a5a2;stroke-width:2.4;stroke-linejoin:round;transform-box:fill-box;transform-origin:50% 100%;transition:transform .9s var(--ease)}
.cs3 .sp.mid{stroke:#0b0d11;stroke-width:4.2}
.cs3[data-mode=comum] .sp.mid{transform:scaleY(.78)}
.cs3 .mtop{transition:transform .9s var(--ease)}
.cs3[data-mode=comum] .mtop.mid{transform:translateY(18px)}
.cs3 .b{fill:url(#c3body);stroke:rgba(255,255,255,.35);stroke-width:1.2;transition:transform .9s var(--ease)}
.cs3[data-mode=comum] .b-hip{transform:translateY(18px)}
.cs3[data-mode=comum] .b-torso{transform:translateY(9px)}
.cs3[data-mode=comum] .b-thigh{transform:translateY(8px)}
.cs3 .vt{fill:url(#c3vt);transition:transform .9s var(--ease);transform:translateY(calc(var(--s) * var(--on, 0) * 1px))}
.cs3[data-mode=comum]{--on:1}
.cs3[data-mode=kk]{--on:0}
.cs3[data-mode=comum] .vt.hot{fill:url(#c3hot)}
.cs3[data-mode=kk] .vt{filter:drop-shadow(0 0 5px rgba(233,220,192,.7))}
.cs3 .gl{stroke:#e9dcc0;stroke-width:1.6;stroke-dasharray:6 6;opacity:.55;transition:opacity .6s}
.cs3[data-mode=kk] .gl{opacity:1}
.cs3 .gl-t{fill:#e9dcc0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-family:inherit}
.cs3 .zl text{fill:#a09e9b;font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-anchor:middle;font-family:inherit}
.cs3 .zl text.mid{fill:#e9dcc0;font-weight:600}
@media (max-width:720px){.cs3{padding:8px 0 0}.cs3 .zl text,.cs3 .gl-t{font-size:18px}}

/* selos: padrões + exclusivos */
.selo-r .ck{stroke-dashoffset:24}
.selo b{font-size:17px}
.padroes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:26px auto 0}
.padroes span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#b0aeab;margin-right:6px}
.padroes b{font-size:12.5px;font-weight:600;letter-spacing:.12em;color:#fff;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.2)}
@media (max-width:720px){.selos{grid-template-columns:1fr;max-width:340px}.selo{flex-direction:row;text-align:left;padding:14px 16px;gap:14px}.selo-r{width:54px;height:54px;margin:0;flex:none}.selo small{display:block}.selo>div:not(.selo-r){display:contents}.selo b{font-size:15px}.padroes span{width:100%;text-align:center;margin:0 0 4px}}
@media (max-width:720px){.selo{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;column-gap:14px}.selo-r{grid-row:1/3}.selo small{align-self:end}.selo b{align-self:start}}

/* sono: benefícios, hábitos e legenda da melatonina */
.bens{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bem{padding:26px 24px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.bem-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:rgba(233,220,192,.1);color:#e9dcc0;margin-bottom:16px}
.bem-ic svg{width:26px;height:26px;animation:pulsa 3.4s ease-in-out infinite}
.bem.rv-d1 .bem-ic svg{animation-delay:.5s}.bem.rv-d2 .bem-ic svg{animation-delay:1s}
@keyframes pulsa{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.bem h3{font-size:19px;font-weight:500;color:#fff;margin-bottom:6px}
.bem p{font-size:14.5px;color:#c6c4c1}
.habitos{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.habitos li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14.5px;opacity:0;transform:translateX(14px);transition:opacity .6s var(--ease) var(--d),transform .6s var(--ease) var(--d)}
.rv.in .habitos li{opacity:1;transform:none}
.habitos li::before{content:"";flex:none;width:18px;height:18px;margin-top:2px;border-radius:50%;background:#e9dcc0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312233c' stroke-width='3'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/10px no-repeat}
.mel-leg{list-style:none;padding:0;margin:16px auto 0;max-width:980px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mel-leg li{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font-size:14px;color:#d1cfcc}
.mel-leg b{display:block;color:#e9dcc0;font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px}
.phase p{line-height:1.5}
@media (max-width:1080px){.bens{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.bens{gap:10px}.bem{padding:18px 14px}.bem-ic{width:42px;height:42px;border-radius:12px;margin-bottom:10px}.bem-ic svg{width:21px;height:21px}.bem h3{font-size:15.5px}.bem p{font-size:13px}.mel-leg{grid-template-columns:1fr}.hyp .lv text{font-size:22px}.hyp .ax text{font-size:22px}}
/* v18 · legenda dos vídeos sem sobrepor o texto da capa */
.yt .cap{left:0;right:0;bottom:0;padding:34px 18px 14px;background:linear-gradient(180deg,transparent,rgba(11,9,6,.85));font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
@media (max-width:720px){.yt .cap{font-size:10.5px;padding:26px 12px 10px}.real .vid .lbl{font-size:8.5px;letter-spacing:.08em;padding:5px 8px;left:6px;right:6px;bottom:6px;text-align:center}}
.p-rail .p-card{display:flex;flex-direction:column}.p-rail .p-card .body{flex:1;display:flex;flex-direction:column}.p-rail .p-card .more{margin-top:auto}
/* v18 · tamanho do card central medido pela largura do trilho */
.p-wrap{container-type:inline-size}
.p-rail{grid-auto-columns:38cqi;padding:6px 31cqi 18px}
.p-arw.l{left:calc(31cqi - 70px)}.p-arw.r{right:calc(31cqi - 70px)}
@media (max-width:1080px){.p-rail{grid-auto-columns:56cqi;padding:6px 22cqi 18px}.p-arw.l{left:calc(22cqi - 60px)}.p-arw.r{right:calc(22cqi - 60px)}}
@media (max-width:720px){.p-rail{grid-auto-columns:76cqi;padding:6px 12cqi 16px}.p-arw.l{left:2px}.p-arw.r{right:2px}}
@media (max-width:720px){.p-wrap{margin-inline:calc(50% - 50vw)}.p-rail{grid-auto-columns:74cqi;padding:6px 13cqi 16px}.p-arw.l{left:6px}.p-arw.r{right:6px}}

/* ===== v19 ===== */
/* cabeçalho do celular mais encorpado; menu aberto com o mesmo tamanho do cabeçalho ao rolar */
@media (max-width:720px){
  .site-h .hdr{height:100px}
  .site-h .logo img{height:48px}
  .site-h.solid .hdr{height:72px}
  .site-h.solid .logo img{height:32px}
  .drawer{padding:0 20px 26px}
  .drawer .d-top{height:72px;margin:0 0 6px}
  .drawer .d-top img{height:32px}
}
@media (min-width:721px) and (max-width:1279px){.drawer{padding:0 32px 30px}.drawer .d-top{height:76px;margin:0 0 6px}.drawer .d-top img{height:36px}}
/* degradê escuro no topo, atrás do cabeçalho */
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:260px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,4,9,.82) 0%,rgba(2,4,9,.42) 50%,rgba(2,4,9,0) 100%)}
.page-hero{box-shadow:inset 0 190px 120px -70px rgba(2,4,9,.62)}
/* rodapé sem sobra embaixo */
.site-f.mini2{padding-bottom:24px!important}
@media (max-width:720px){.site-f.mini2{padding-bottom:22px!important}}
/* respiro entre blocos e espaços proporcionais */
main>section+section.dark,main>section+section.linen,main>section+section.final{margin-top:14px}
@media (max-width:720px){main>section+section.dark,main>section+section.linen,main>section+section.final{margin-top:10px}}
.final{padding:110px 0}
@media (max-width:720px){.final{padding:72px 0}}
.btns-st{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:720px){.btns-st .btn{width:100%;justify-content:center}}
.cs-teaser.cmp p{margin-bottom:0}
.cs-teaser.cmp .btn{margin-top:24px}
@media (max-width:720px){.cs-teaser.cmp .btn{margin-top:20px;width:100%;justify-content:center}}

/* gráficos do sono sempre visíveis (a animação só desenha por cima) */
.mel .ln,.hyp .ln{stroke-dashoffset:0;transition:none}
.mel.in .ln,.hyp.in .ln{animation:desenha 2.6s var(--ease) both}
@keyframes desenha{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.mel .area{opacity:1}.hyp .rem rect{opacity:1}

/* coluna 3D */
.sp3-sec{align-items:center}
.sp3-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.sp3{height:520px;width:100%}
.cb{position:absolute;transform-style:preserve-3d;transform:translate3d(var(--tx),var(--ty),var(--tz))}
.cb i{position:absolute;display:block;backface-visibility:hidden;transition:background .6s,box-shadow .6s,opacity .6s}
.cb .f1,.cb .f2{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2)}
.cb .f1{transform:translateZ(calc(var(--d) / 2))}
.cb .f2{transform:rotateY(180deg) translateZ(calc(var(--d) / 2))}
.cb .f3,.cb .f4{width:var(--d);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--d) / -2)}
.cb .f3{transform:rotateY(90deg) translateZ(calc(var(--w) / 2))}
.cb .f4{transform:rotateY(-90deg) translateZ(calc(var(--w) / 2))}
.cb .f5,.cb .f6{width:var(--w);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--w) / -2)}
.cb .f5{transform:rotateX(90deg) translateZ(calc(var(--h) / 2))}
.cb .f6{transform:rotateX(-90deg) translateZ(calc(var(--h) / 2))}
.vb i{background:linear-gradient(180deg,#fbf4e4,#dcc9a0);border-radius:6px}
.vb .f3,.vb .f4{filter:brightness(.86)}.vb .f2{filter:brightness(.75)}
.pr i{background:linear-gradient(180deg,#efe2c3,#cdb98d);border-radius:3px}
.dc i{background:rgba(190,188,185,.9);border-radius:4px}
.os i,.hb i{opacity:0}
.sp3[data-mode=hern] .dc.hern i{background:#ff6b5a;box-shadow:0 0 16px rgba(255,107,90,.8)}
.sp3[data-mode=hern] .hb i{opacity:1;background:#ff6b5a;border-radius:50%;box-shadow:0 0 18px rgba(255,107,90,.9)}
.sp3[data-mode=hern] .hb{animation:incha 1.6s ease-in-out infinite}
@keyframes incha{0%,100%{scale:1}50%{scale:1.35}}
.sp3[data-mode=bico] .os i{opacity:1;background:#f0a73a;border-radius:2px 50% 2px 50%;box-shadow:0 0 12px rgba(240,167,58,.85)}
.sp3[data-mode=bico] .vb.bico i{background:linear-gradient(180deg,#ffd9a0,#e3a248)}
.sp3[data-mode=hern] .vb i,.sp3[data-mode=bico] .vb:not(.bico) i{filter:brightness(.7)}
.sp3-tg button{padding:10px 14px}
@media (max-width:720px){.sp3{height:420px}.sp3 .m3d-rig{scale:.92}.sp3-tg{flex-wrap:wrap;justify-content:center;border-radius:22px}.sp3-tg button{font-size:9px;padding:9px 10px}}

/* Inducol: fábrica e molas animadas */
.fab{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fab-c{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:28px 16px 24px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.fab-ic{position:relative;width:84px;height:84px;display:grid;place-items:center;color:#e9dcc0;margin-bottom:8px}
.fab-ic svg{width:64px;height:64px}
.fab-ic .fumo circle{animation:fumo 3s ease-out infinite}
.fab-ic .fumo circle:last-child{animation-delay:1.4s}
@keyframes fumo{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}100%{opacity:0;transform:translateY(-10px)}}
.fab-ic.iso .rg{position:absolute;inset:0;width:84px;height:84px;animation:spin 16s linear infinite}
.fab-ic.iso .rg circle{fill:none;stroke:#e9dcc0;stroke-width:1.4}
.fab-ic.iso .rg circle:last-child{stroke-dasharray:3 5;stroke-width:2}
.fab-ic.iso span{font-size:18px;font-weight:600;letter-spacing:.1em}
.fab-ic.iso .ck{width:30px;height:30px;fill:none;stroke:#e9dcc0;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.fab-c b{font-size:16px;font-weight:500;color:#fff}
.fab-c span{font-size:12.5px;color:#b0aeab}
.ind-tec{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.it-c{padding:28px 24px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.it-c h3{font-size:20px;font-weight:500;color:#fff;margin:18px 0 6px}
.it-c p{font-size:14.5px;color:#c6c4c1}
.ma{display:flex;align-items:flex-end;justify-content:center;gap:10px;height:86px;padding:10px;border-radius:16px;background:radial-gradient(90% 90% at 50% 0%,#3c3a37,#1c1a17)}
.ma i{display:block;width:18px;height:58px;border-radius:4px;transform-origin:50% 100%;background:repeating-linear-gradient(180deg,#e9dcc0 0 2px,transparent 2px 6px)}
.ma-mf{position:relative}.ma-mf::before{content:"";position:absolute;left:18px;right:18px;top:24px;height:1px;background:#e9dcc0;opacity:.6;animation:aperta 2.4s ease-in-out infinite;transform-origin:50% 100%}
.ma-mf i{animation:aperta 2.4s ease-in-out infinite}
.ma-ens i{animation:aperta 2.2s ease-in-out infinite;animation-delay:calc(var(--i) * .22s)}
.ma-lfk i{width:14px;background:repeating-linear-gradient(180deg,#e9dcc0 0 3px,transparent 3px 7px);animation:aperta 3s ease-in-out infinite}
.ma-lfk i:nth-child(even){animation-delay:.5s}
@keyframes aperta{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.72)}}
@media (max-width:1080px){.fab{grid-template-columns:1fr 1fr}.ind-tec{grid-template-columns:1fr}}
@media (max-width:720px){.fab{gap:10px}.fab-c{padding:20px 10px}.fab-ic{width:64px;height:64px}.fab-ic svg{width:50px;height:50px}.fab-ic.iso .rg{width:64px;height:64px}.fab-c b{font-size:14px}}
.drawer .d-top{flex:none}
@media (max-width:1279px){.drawer{max-height:none;overflow-y:auto}}
/* rodapé sempre colado no fim da tela, mesmo em página curta */
body{min-height:100svh;display:flex;flex-direction:column}
body>main{flex:1 0 auto}
body>.site-f{flex:none}
/* v20 · fotos das fábricas Inducol */
.fab-fotos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.ff{position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/10;box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.ff img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 2.4s var(--ease)}
.ff.in img{transform:scale(1)}
.ff:hover img{transform:scale(1.04)}
.ff figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 22px 18px;background:linear-gradient(180deg,transparent,rgba(11,9,6,.88));display:flex;flex-direction:column;gap:2px}
.ff figcaption b{font-size:18px;font-weight:500;color:#fff}
.ff figcaption span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#e9dcc0}
.fab.duo{grid-template-columns:1fr 1fr;max-width:none}
@media (max-width:720px){.fab-fotos{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.ff figcaption{padding:34px 16px 14px}.ff figcaption b{font-size:16px}.fab.duo{grid-template-columns:1fr 1fr}}
/* ===== v20 · molas e materiais, outros produtos, camas na consultoria, Comfort Grid ===== */
.molas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mo{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mo-v{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1c1a17;display:grid;place-items:center}
.mo-v img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:kb 16s ease-in-out infinite alternate}
.mo-v::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);transform:translateX(-130%);animation:glintL 6s var(--ease) infinite}
.mo:nth-child(2) .mo-v::after{animation-delay:1s}.mo:nth-child(3) .mo-v::after{animation-delay:2s}.mo:nth-child(4) .mo-v::after{animation-delay:3s}.mo:nth-child(5) .mo-v::after{animation-delay:4s}
@keyframes glintL{0%,60%{transform:translateX(-130%)}100%{transform:translateX(130%)}}
.mo-v .ma{width:100%;height:100%;border-radius:0}
.mo-t{padding:20px 20px 22px}
.mo-t h3{font-size:20px;font-weight:500;color:#fff;margin-bottom:6px}
.mo-t p{font-size:14.5px;color:#c6c4c1;margin-bottom:10px}
.mo-t small{font-size:12px;letter-spacing:.04em;color:#e9dcc0}
.mats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.mtc{padding:14px 14px 16px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mtc-v{aspect-ratio:1;border-radius:14px;overflow:hidden;margin-bottom:12px;display:grid;place-items:center;background:radial-gradient(90% 90% at 50% 0%,#3c3a37,#1c1a17)}
.mtc-v img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mt:hover .mtc-v img{transform:scale(1.07)}
.mtc-v span{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#e9dcc0;text-align:center;padding:8px}
.mtc h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:4px}
.mtc p{font-size:13px;color:#c6c4c1;line-height:1.5;margin-bottom:8px}
.mtc small{font-size:11px;color:#e9dcc0;line-height:1.4;display:block}
.outros{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ot{padding:26px 22px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ot-ic{width:100%;height:110px;border-radius:16px;margin-bottom:12px;display:grid;place-items:center;color:#e9dcc0;background:radial-gradient(90% 90% at 50% 0%,#3c3a37,#1c1a17);overflow:hidden}
.ot-ic svg{width:120px;height:76px}
.ot-ic img{width:100%;height:100%;object-fit:cover;animation:kb 14s ease-in-out infinite alternate}
.art-a{transform-origin:24px 26px;animation:artA 4s ease-in-out infinite}
.art-b{transform-origin:40px 26px;animation:artB 4s ease-in-out infinite}
@keyframes artA{0%,100%{transform:rotate(0)}50%{transform:rotate(18deg)}}
@keyframes artB{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg)}}
.onda{animation:ondaM 1.6s ease-in-out infinite}.onda.o2{animation-delay:.4s;opacity:.6}
@keyframes ondaM{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.ot-k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:#e9dcc0}
.ot h3{font-size:21px;font-weight:500;color:#fff}
.ot p{font-size:14.5px;color:#c6c4c1;margin-bottom:8px}
.ot .link{margin-top:auto;color:#fff}
@media (max-width:1080px){.molas{grid-template-columns:1fr 1fr}.mats{grid-template-columns:repeat(3,1fr)}.outros{grid-template-columns:1fr}}
@media (max-width:720px){.molas{grid-template-columns:1fr;gap:12px}.mats{grid-template-columns:1fr 1fr;gap:8px}.mtc{padding:10px 10px 12px}.mtc h3{font-size:14px}.mtc p{font-size:12px}.ot-ic{height:96px}}
/* consultoria: desenho da cama em cada tamanho */
.opts.beds .opt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px}
.cama{width:58px;height:58px;margin-bottom:6px}
.cama .hb{fill:#24221f;opacity:.85}
.cama .bd{fill:#eeece9;stroke:#24221f;stroke-width:1.4}
.cama .pil{fill:#fff;stroke:#24221f;stroke-width:1}
.cama text,.cama circle{color:#24221f}
.opt.sel .cama .hb{fill:#e9dcc0;opacity:1}.opt.sel .cama .bd{fill:#353330;stroke:#e9dcc0}.opt.sel .cama .pil{fill:#e9dcc0;stroke:#e9dcc0}.opt.sel .cama{color:#e9dcc0}
@media (max-width:720px){.cama{width:46px;height:46px;margin-bottom:2px}.opts.beds{grid-template-columns:repeat(3,1fr)!important;gap:6px}.opts.beds .opt{padding:10px 6px}.opts.beds .opt b{font-size:13.5px!important}.opts.beds .opt small{font-size:10px}}
/* Comfort Grid no lugar das molas pretas */
.c3d.grid .sp.mid i{background:repeating-linear-gradient(180deg,#d7d5d2 0 2px,transparent 2px 5px);filter:none}
.c3d.grid .pl.mid{background:repeating-linear-gradient(45deg,rgba(11,13,17,.85) 0 2px,transparent 2px 10px),repeating-linear-gradient(-45deg,rgba(11,13,17,.85) 0 2px,transparent 2px 10px),rgba(243,241,238,.25)}
.c3d.grid[data-mode=kk] .pl.mid{background:repeating-linear-gradient(45deg,#0b0d11 0 2.4px,transparent 2.4px 10px),repeating-linear-gradient(-45deg,#0b0d11 0 2.4px,transparent 2.4px 10px),rgba(233,220,192,.35)}
.mo-v img,.ot-ic img{animation-name:kb2}
@keyframes kb2{from{transform:scale(1.04)}to{transform:scale(1.14)}}

/* ===== v21 · menu com submenus, camas 3D, selos oficiais ===== */
.mnav{display:flex;align-items:center;gap:26px}
.mnav .mi{position:relative}
.mnav .mi::after{content:"";position:absolute;left:-10px;right:-10px;top:100%;height:18px}
.mnav .mt{display:inline-flex;align-items:center;gap:6px}
.mnav .chev{width:13px;height:13px;transition:transform .3s var(--ease);opacity:.7}
.mnav .mi:hover .chev,.mnav .mi:focus-within .chev{transform:rotate(180deg)}
.mnav .dd{position:absolute;top:calc(100% + 14px);left:-22px;min-width:290px;padding:10px;border-radius:18px;background:rgba(22,20,17,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;z-index:80}
.mnav .mi:hover .dd,.mnav .mi:focus-within .dd{opacity:1;visibility:visible;transform:none}
.mnav .dd a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;text-transform:none;letter-spacing:0;white-space:normal;color:#fff;transition:background .25s}
.mnav .dd a::after{display:none!important}
.mnav .dd a:hover{background:rgba(255,255,255,.07)}
.mnav .dd b{font-size:14.5px;font-weight:500}
.mnav .dd small{font-size:12px;color:#b0aeab;line-height:1.35}
.mnav .mi-cs{color:#e9dcc0!important;border:1px solid rgba(233,220,192,.45);border-radius:999px;padding:8px 14px!important}
.mnav .mi-cs::after{display:none!important}
.mnav .mi-cs:hover{background:#e9dcc0;color:#24221f!important}
.site-h.solid .mnav .mi-cs{padding:7px 13px!important}
/* menu do celular em grupos */
.drawer nav .dg{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer nav .dg-t{display:flex;font-size:12px!important;letter-spacing:.2em!important;text-transform:uppercase;color:#e9dcc0!important;padding:4px 2px 6px!important;border:0!important;opacity:1!important;transform:none!important}
.drawer nav .dg-t::after{display:none!important}
.drawer nav .dg-s{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
.drawer nav .dg-s a{font-size:16px!important;padding:8px 2px!important;border:0!important;opacity:1!important;transform:none!important}
.drawer nav .dg-s a::after{display:none!important}
.drawer nav>a.dg-t{font-size:16px!important;letter-spacing:0!important;text-transform:none;color:#fff!important;padding:13px 2px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.drawer nav>a.dg-cs{margin-top:12px;justify-content:center;border:1px solid rgba(233,220,192,.5)!important;border-radius:999px;color:#e9dcc0!important}
@media (max-width:720px){.drawer{max-height:100svh}}

/* cards de camas e travesseiros */
.card-p{font-size:14px;color:#696764;line-height:1.5;margin:6px 0 4px}
.selo-tag{color:var(--gold);font-weight:600}
.spec-list{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:20px 0 22px;padding:18px 0;border-top:1px solid var(--line-l);border-bottom:1px solid var(--line-l);font-size:14.5px}
.spec-list dt{color:#93918e;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;padding-top:3px}
.spec-list dd{margin:0;color:var(--ink)}
.recursos{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.recursos li{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.recursos b{color:#fff;font-weight:500;font-size:16px}
.recursos span{color:#c6c4c1;font-size:14px}
/* camas em 3D */
.b3d-sec{align-items:center}
.b3d-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}
.b3d{height:440px;width:100%}
.b3d .cb i{background:var(--c,#a4a29f)}
.b3d .cb .f2{filter:brightness(.78)}.b3d .cb .f3,.b3d .cb .f4{filter:brightness(.86)}.b3d .cb .f6{filter:brightness(.55)}
.b3d .leg{--c:#1d1f24}
.b3d .fr{--c:#26282e}
.b3d .dk{--c:#33363d}
.b3d .mt{--c:#f3f1ec}
.b3d .mt .f5{background:repeating-radial-gradient(circle at 14px 14px,#fff 0 3px,#e9e6df 4px 14px) 0 0/28px 28px}
.b3d .wood{--c:#8a5a35}
.b3d .tc{--c:var(--tc)}
.b3d .tc i{transition:background .6s}
.b3d .in{--c:#1a1b1f}
.b3d .hg{position:absolute;transform-style:preserve-3d;transform:translate3d(var(--hx),var(--hy,30px),0) rotateZ(var(--a,0deg));transition:transform 1.4s cubic-bezier(.65,0,.35,1)}
.b3d-ajustavel[data-pos=tv] .hd{--a:60deg}.b3d-ajustavel[data-pos=tv] .ft{--a:-20deg}
.b3d-ajustavel[data-pos=zerog] .hd{--a:32deg}.b3d-ajustavel[data-pos=zerog] .ft{--a:-28deg}
.b3d-ajustavel[data-pos=relax] .hd{--a:15deg}.b3d-ajustavel[data-pos=relax] .ft{--a:-15deg}
.b3d-ajustavel[data-pos=massagem] .mt{animation:vibra .12s linear infinite}
@keyframes vibra{0%,100%{translate:0 0}50%{translate:0 -1.2px}}
.b3d-bau[data-pos=abrir] .tampa{--a:-42deg}
.b3d .pist{position:absolute;width:3px;height:0;background:#c9ccd2;transform-origin:50% 0;transition:height 1.4s cubic-bezier(.65,0,.35,1)}
.b3d .pist.p1{transform:translate3d(90px,0,96px)}.b3d .pist.p2{transform:translate3d(90px,0,-96px)}
.b3d-bau[data-pos=abrir] .pist{height:56px}
.b3d-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px}
.b3d-chips button{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.18);color:#e0dedb;background:rgba(255,255,255,.04);transition:background .3s,color .3s,border-color .3s}
.b3d-chips button.on,.b3d-chips button:hover{background:#fff;color:#24221f;border-color:#fff}
.b3d-chips .cor{text-transform:none;letter-spacing:0;font-size:12px}
.b3d-chips .cor i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.5)}
@media (max-width:720px){.b3d{height:320px}.b3d .m3d-rig{scale:.78}.b3d-chips button{font-size:10px;padding:7px 10px}}
/* selos oficiais */
.selos-img .selo{padding:26px 16px 22px}
.selo-im{height:110px;display:grid;place-items:center;margin-bottom:12px}
.selo-im img{max-height:110px;max-width:170px;width:auto;height:auto;filter:drop-shadow(0 0 18px rgba(233,220,192,.12))}
.selo.in .selo-im img{animation:seloIn 1s var(--ease) both}
@keyframes seloIn{from{opacity:0;transform:scale(.85) rotate(-6deg)}to{opacity:1;transform:none}}
.ica{display:flex;align-items:center;justify-content:center;gap:16px;max-width:620px;margin:26px auto 0;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.ica img{height:60px;width:auto;flex:none}
.ica p{font-size:13.5px;color:#c6c4c1;margin:0}
.selos-strip{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin:40px auto 0;padding:20px 26px;border-radius:20px;background:rgba(22,20,17,.6);border:1px solid rgba(255,255,255,.1);max-width:760px}
.selos-strip .ss-l{display:flex;align-items:center;gap:18px}
.selos-strip img{height:54px;width:auto}
.selos-strip b{display:block;color:#fff;font-weight:500}
.selos-strip span{font-size:13px;color:#b0aeab}
@media (max-width:720px){
  .selos-img{grid-template-columns:1fr 1fr 1fr!important;max-width:none}
  .selos-img .selo{display:flex!important;flex-direction:column;padding:16px 6px;text-align:center}
  .selo-im{height:70px;margin:0 0 8px}.selo-im img{max-height:70px;max-width:96px}
  .selos-img .selo b{font-size:11.5px}
  .ica{flex-direction:column;text-align:center}
  .selos-strip{gap:12px;padding:16px;text-align:center}.selos-strip img{height:40px}
}
/* ===== v22 · menu sem círculos, listinha no celular, 3D mais real ===== */
.mnav .mi-cs{border:0!important;padding:6px 0!important;border-radius:0}
.mnav .mi-cs:hover{background:none;color:#fff!important}
.site-h.solid .mnav .mi-cs{padding:6px 0!important}
.mnav a:focus,.mnav button:focus{outline:none}
.mnav a:focus-visible{outline:1px solid rgba(233,220,192,.6);outline-offset:4px;border-radius:4px}
.mnav .dd a:hover{background:none}
.mnav .dd a:hover b{color:#e9dcc0}
/* celular: grupo com setinha; ao tocar abre uma listinha menor */
.drawer nav .dg{padding:0}
.drawer nav button.dg-t{display:flex;width:100%;align-items:center;justify-content:space-between;font-family:var(--sans);font-weight:400;font-size:19px!important;letter-spacing:-.01em!important;text-transform:none;color:#fff!important;padding:13px 2px!important;text-align:left;background:none}
.drawer nav button.dg-t .chev{width:16px;height:16px;color:var(--gold-2);transition:transform .35s var(--ease)}
.drawer nav .dg.open button.dg-t .chev{transform:rotate(180deg)}
.drawer nav .dg-s{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.drawer nav .dg-s>div{overflow:hidden;display:flex;flex-direction:column;margin-left:6px;border-left:1px solid rgba(233,220,192,.35)}
.drawer nav .dg.open .dg-s{grid-template-rows:1fr}
.drawer nav .dg-s a{font-size:14.5px!important;color:#d1cfcc!important;padding:7px 0 7px 14px!important}
.drawer nav .dg.open .dg-s>div{padding-bottom:10px}
.drawer nav>a.dg-t{font-size:19px!important}
.drawer nav>a.dg-cs{font-size:15px!important;letter-spacing:.06em!important}
/* 3D: tecido, pillow top e travesseiros */
.rw{position:absolute;transform-style:preserve-3d}
.b3d .stof i{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.08)),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 3px),var(--tc);border-radius:3px}
.b3d .hbd .f4,.b3d .hbd .f1{box-shadow:inset 0 0 0 2px rgba(0,0,0,.06)}
.b3d .mt.borda i{background:repeating-linear-gradient(180deg,#efece5 0 3px,#e2ded5 3px 4px)}
.b3d .mt.borda .f5{background:#f3f1ec}
.b3d .mt.quilt i{background:#f6f4ef;border-radius:6px}
.b3d .mt.quilt .f5{background:radial-gradient(circle at 50% 50%,#d9d5cc 0 1.6px,transparent 2.2px) 0 0/24px 24px,repeating-radial-gradient(circle at 12px 12px,#fbfaf7 0 6px,#ebe8e1 9px 12px) 0 0/24px 24px}
.b3d .pil{--c:#ffffff}
.b3d .pil i{border-radius:8px;background:linear-gradient(180deg,#fff,#eeece7)}
.b3d .wood i{background:linear-gradient(180deg,#a26d42,#6e4526);border-radius:3px}
.b3d .in{--c:#2a2622}
.b3d .in i{background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px),#2b2724}
.b3d-bau[data-pos=abrir] .tampa{--a:-58deg}
.b3d-bau[data-pos=abrir] .pist{height:74px}
.b3d .pist{width:4px;background:linear-gradient(90deg,#a2a09d,#e1e4e8,#a2a09d);border-radius:2px}
.b3d-bau .m3d-rig{margin-top:70px}
@media (max-width:720px){.b3d-bau .m3d-rig{margin-top:56px}}
/* ===== v23 · cama ajustável com dobra no joelho, baú com pistões presos na base, camadas do Relax ===== */
.b3d .motor{--c:#1b1c20}
.b3d-ajustavel .hd,.b3d-ajustavel .th,.b3d-ajustavel .fo{transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-ajustavel[data-pos=tv] .hd{--a:60deg}.b3d-ajustavel[data-pos=tv] .th{--a:-20deg}.b3d-ajustavel[data-pos=tv] .fo{--a:14deg}
.b3d-ajustavel[data-pos=zerog] .hd{--a:32deg}.b3d-ajustavel[data-pos=zerog] .th{--a:-30deg}.b3d-ajustavel[data-pos=zerog] .fo{--a:20deg}
.b3d-ajustavel[data-pos=relax] .hd{--a:15deg}.b3d-ajustavel[data-pos=relax] .th{--a:-15deg}.b3d-ajustavel[data-pos=relax] .fo{--a:10deg}
.b3d-ajustavel .ft{display:none}
/* baú: tampa abre em boca de jacaré; pistão preso na base, só gira e estica */
.b3d-bau[data-pos=abrir] .tampa{--a:-68deg}
.b3d-bau .tampa{transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d .pist{position:absolute;width:0;height:0;transform-style:preserve-3d;transform:translate3d(-135px,30px,var(--pz)) rotateZ(70.6deg) scaleY(1);transform-origin:0 0;transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-bau[data-pos=abrir] .pist{transform:translate3d(-135px,30px,var(--pz)) rotateZ(11.4deg) scaleY(1.363)}
.b3d .pist i{position:absolute;left:-2.5px;border-radius:3px}
.b3d .pist .cil{width:5px;height:62px;top:-62px;background:linear-gradient(90deg,#3a3d42,#84827f,#3a3d42)}
.b3d .pist .haste{width:3px;left:-1.5px;height:50px;top:-111px;background:linear-gradient(90deg,#b0aeab,#eef0f3,#b0aeab)}
.b3d .dentro i{filter:brightness(.82)}
.b3d-bau .m3d-rig{margin-top:90px}
@media (max-width:720px){.b3d-bau .m3d-rig{margin-top:70px}}
/* cores: 25 bolinhas */
.b3d-cores{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}
.b3d-cores.mini .cor{width:24px;height:24px;padding:0;justify-content:center;border-radius:50%}
.b3d-cores.mini .cor i{width:16px;height:16px}
.b3d-cores .cor.on{outline:2px solid #e9dcc0;outline-offset:2px}
.cores-foto{margin:18px 0 4px}
.cores-foto span{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#93918e}
.cores-foto span b{color:var(--ink);letter-spacing:.04em;text-transform:none;font-size:14px;font-weight:500}
.cores-foto div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.cores-foto button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);transition:transform .2s}
.cores-foto button:hover{transform:scale(1.12)}
.cores-foto button.on{box-shadow:0 0 0 2px var(--gold)}
.gal .main img{transition:opacity .3s}
/* Inducol: dois selos */
.fab-ic.duo-selo{display:flex;gap:6px;width:auto}
.fab-ic.duo-selo img{height:62px;width:auto}
@media (max-width:720px){.fab-ic.duo-selo img{height:46px}}
/* camadas novas (Relax) */
.ly-manta .f{background:linear-gradient(180deg,#fbfbfa,#ecebe7)!important}
.ly-retentor .f{background:#f2f2f2!important;opacity:.9}
.ly-hisupport .tp,.ly-hisupport .f{background:radial-gradient(circle,#b6a184 0 1.4px,transparent 2px) 0 0/7px 7px,radial-gradient(circle,#8c6f5a 0 1.2px,transparent 1.8px) 3px 4px/9px 9px,#efe7dc!important}
.ly-massagem .tp{background:radial-gradient(circle,#9c8f7c 0 5px,transparent 5.5px) 0 0/44px 30px,#e9e2d6!important}
.ly-massagem .f{background:#e9e2d6!important}
.ly-massagem{animation:vibraLy .14s linear infinite}
@keyframes vibraLy{0%,100%{translate:0 0}50%{translate:0 -.8px}}
.ly-nonslip .f{background:#6d6f73!important}
.b3d-bau .m3d-rig{margin-top:120px}
@media (max-width:720px){.b3d-bau .m3d-rig{margin-top:96px}.b3d-bau{height:360px}}
/* ===== v24 ===== */
/* "split inv" (antes "split rev", que herdava o fundo branco do card de avaliação) */
.split.inv .s-media{order:2}
@media (max-width:1080px){.split.inv .s-media{order:0}}
/* contraste: especificações e textos sobre fundo escuro */
.spec-list{border-color:rgba(255,255,255,.14)}
.spec-list dt{color:#b0aeab}
.spec-list dd{color:#fff}
.cores-foto span{color:#b0aeab}.cores-foto span b{color:#fff}
.p-info .lead,.p-info .for li{color:#e0dedb}
/* contraste: textos claros sobre cards brancos */
.stat small,.stat span{color:#696764!important}
.p-card .brand,.tec-card small,.fk-n .n,.n{color:#8b6f42}
.badge.g{background:#8b6f42!important;color:#fff!important}
.store-one .kicker,.p-card .kicker{color:#8b6f42!important}
.card-p{color:#585653}
/* baú: abre de forma confortável; pistões presos na base */
.b3d-bau[data-pos=abrir] .tampa{--a:-48deg}
.b3d-bau[data-pos=abrir] .pist{transform:translate3d(-135px,30px,var(--pz)) rotateZ(27.4deg) scaleY(1.28)}
.b3d .szw{position:absolute;transform-style:preserve-3d;transform:scale3d(1,1,var(--sw,1));transition:transform .8s var(--ease)}
.b3d .p-12,.b3d .p-9,.b3d .p-6,.b3d .meio,.b3d .tampa-l{display:none}
.b3d-bau[data-tam=queen] .p-12,.b3d-bau[data-tam=king] .p-12{display:block}
.b3d-bau[data-tam=casal] .p-9{display:block}
.b3d-bau[data-tam=solteiro] .p-6{display:block}
.b3d-bau[data-tam=queen] .meio,.b3d-bau[data-tam=king] .meio{display:block}
.b3d-bau[data-tam=solteiro] .tampa,.b3d-bau[data-tam=solteiro] .pf{display:none}
.b3d-bau[data-tam=solteiro] .tampa-l{display:block;position:absolute;transform-style:preserve-3d;transform:translate3d(0,-7px,-102px) rotateX(var(--b));transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-bau[data-tam=solteiro][data-pos=abrir] .tampa-l{--b:52deg}
.b3d-tams{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.b3d-tams button{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:999px;color:#d1cfcc;transition:background .3s,color .3s}
.b3d-tams button.on{background:#fff;color:#24221f}
.b3d-med{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;text-align:center}
.b3d-med b{color:#fff;font-weight:500;font-size:18px}
.b3d-med span{color:#b0aeab;font-size:13px}
/* vídeo do showroom atrás do 3D do baú */
.b3d-sec-bg{position:relative;overflow:hidden}
.b3d-sec-bg>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:saturate(.8)}
.b3d-sec-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,20,17,.55),rgba(22,20,17,.85));pointer-events:none}
.b3d-sec-bg>.wrap{position:relative;z-index:2}
/* coluna anatômica */
.esp{width:100%;max-width:440px;margin:0 auto;border-radius:var(--r-lg);background:radial-gradient(70% 60% at 50% 45%,rgba(109,107,104,.25),transparent 75%);overflow:hidden}
.esp svg{width:100%;height:auto;aspect-ratio:420/560;display:block}
.esp .corpo{fill:url(#osso);stroke:#9d8456;stroke-width:.8}
.esp .proc,.esp .tr{fill:#e6d4ae;stroke:#9d8456;stroke-width:.7}
.esp .linha{fill:none;stroke:#b39a6c;stroke-width:1}
.esp .cranio{fill:rgba(255,255,255,.05);stroke:rgba(255,255,255,.18)}
.esp .dc rect{fill:url(#disco);stroke:#888683;stroke-width:.5}
.esp .medula{fill:none;stroke:#f2c94c;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.esp .nervo{fill:none;stroke:#f2c94c;stroke-width:1.6;opacity:.7}
.esp .raiz{fill:none;stroke:#f2c94c;stroke-width:2.4;stroke-linecap:round;transition:stroke .5s}
.esp .hb,.esp .os,.esp .halo,.esp .tag{opacity:0;transition:opacity .6s}
.esp[data-mode=hern] .hb{opacity:1;fill:#ff6b5a;stroke:#b2392b}
.esp[data-mode=hern] .dc.hern rect{fill:#ffb3a6}
.esp[data-mode=hern] .raiz{stroke:#ff6b5a}
.esp[data-mode=hern] .h-hern,.esp[data-mode=hern] .t-hern{opacity:1}
.esp[data-mode=hern] .h-hern{animation:pulsaDor 1.6s ease-in-out infinite}
.esp[data-mode=bico] .os{opacity:1;fill:#f0a73a;stroke:#a86414;stroke-width:.6}
.esp[data-mode=bico] .vb.bico .corpo{fill:#f6d29a}
.esp[data-mode=bico] .h-bico,.esp[data-mode=bico] .t-bico{opacity:1}
.esp[data-mode=bico] .h-bico{animation:pulsaDor 1.6s ease-in-out infinite}
@keyframes pulsaDor{0%,100%{opacity:.55}50%{opacity:1}}
.esp .tag text{fill:#fff;font-size:9px;font-weight:600;font-family:inherit}
.esp .tag text.s{fill:#ffd5cc;font-weight:400;font-size:7.5px}
.esp .reg path{fill:none;stroke:rgba(233,220,192,.6);stroke-width:1.2}
.esp .reg text{fill:#e9dcc0;font-size:12px;font-family:inherit;font-weight:500}
.esp .reg text.s{fill:#b0aeab;font-size:10px;font-weight:400}
.esp:not([data-mode=ok]) .reg{opacity:0;transition:opacity .4s}
/* saúde: troca do colchão, ácaros, fungos e mofo */
.linha-tempo{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.lt{position:relative;padding:22px 18px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.lt i{display:block;height:6px;border-radius:3px;margin-bottom:14px;background:linear-gradient(90deg,#7fd4a4,#7fd4a4)}
.lt i.lt-med{background:linear-gradient(90deg,#7fd4a4,#f0c75e)}.lt i.lt-alto{background:linear-gradient(90deg,#f0c75e,#f0a73a)}.lt i.lt-max{background:linear-gradient(90deg,#f0a73a,#ff6b5a)}
.lt b{display:block;color:#fff;font-weight:500;font-size:17px;margin-bottom:4px}
.lt span{color:#c6c4c1;font-size:14px}
.bichos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.bc{padding:24px 22px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.bc-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#e9dcc0;background:rgba(233,220,192,.1);margin-bottom:14px}
.bc-ic svg{width:32px;height:32px;animation:pulsa 3.4s ease-in-out infinite}
.bc h3{color:#fff;font-size:19px;font-weight:500;margin-bottom:6px}
.bc p{color:#c6c4c1;font-size:14.5px}
.note-s a{text-decoration:underline;text-underline-offset:2px}
@media (max-width:1080px){.linha-tempo{grid-template-columns:1fr 1fr}.bichos{grid-template-columns:1fr}}
@media (max-width:720px){.linha-tempo{gap:8px}.lt{padding:16px 14px}.lt b{font-size:15px}.lt span{font-size:13px}}
/* Nossa história: loja de Pato Branco */
.store-one.pb{grid-template-columns:1fr 1.3fr}
.store-one.pb .so-map{min-height:320px}
@media (max-width:1080px){.store-one.pb{grid-template-columns:1fr}}
/* produtos relacionados */
.rel-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:1080px){.rel-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.rel-grid{grid-template-columns:1fr 1fr;gap:10px}.rel-grid .p-card .body{padding:14px 12px 16px}.rel-grid .p-card h3{font-size:18px}.rel-grid .p-card .meta,.rel-grid .p-card .firm,.rel-grid .card-p{display:none}}

/* ===== v25 ===== */
/* menu: só o texto, com um traço que cresce ao passar o mouse ou tocar */
.mnav .mt,.mnav .mi-cs{border:0!important;background:none!important;border-radius:0!important;padding:6px 0!important;box-shadow:none!important;position:relative}
.mnav .mt::after,.mnav .mi-cs::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right .45s var(--ease);display:block!important}
.mnav .mi:hover>.mt::after,.mnav .mt:focus-visible::after,.mnav .mt[aria-current]::after,.mnav .mi-cs:hover::after,.mnav .mi-cs[aria-current]::after{right:0}
.mnav .mi-cs{color:#e9dcc0!important}
/* molas: cartões compactos com imagem pequena */
.molas{grid-template-columns:repeat(3,1fr);gap:12px}
.mo{flex-direction:row;align-items:center;gap:16px;padding:14px}
.mo-v{flex:none;width:96px;height:96px;aspect-ratio:auto;border-radius:18px}
.mo-v img{transform:scale(1.18);animation:none}
.mo-v::after{display:none}
.mo-t{padding:0}
.mo-t h3{font-size:17px;margin-bottom:4px}
.mo-t p{font-size:13.5px;margin-bottom:6px}
.mo-t small{font-size:11.5px}
.mo:hover .mo-v img{transform:scale(1.28);transition:transform .8s var(--ease)}
@media (max-width:1080px){.molas{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.molas{grid-template-columns:1fr}.mo{gap:12px;padding:12px}.mo-v{width:76px;height:76px;border-radius:14px}}
/* matérias-primas: imagem sem as bordas brancas, nome, o que é e o que faz */
.mats{grid-template-columns:repeat(3,1fr);gap:12px}
.mtc{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mtc-v{flex:none;width:84px;height:84px;border-radius:16px;overflow:hidden;background:#1c1a17}
.mtc-v img{width:100%;height:100%;object-fit:cover;transform:scale(1.2);transition:transform .8s var(--ease)}
.mtc:hover .mtc-v img{transform:scale(1.32)}
.mtc h3{font-size:16px;font-weight:500;color:#fff;margin-bottom:3px}
.mtc p{font-size:13px;color:#c6c4c1;line-height:1.45;margin-bottom:4px}
.mtc .faz{color:#eeece9}.mtc .faz b{color:#e9dcc0;font-weight:500}
.mtc small{font-size:11px;color:#b0aeab;line-height:1.4;display:block;margin-top:4px}
@media (max-width:1080px){.mats{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.mats{grid-template-columns:1fr!important;gap:10px}.mtc{padding:12px}.mtc-v{width:72px;height:72px}.mtc h3{font-size:15px}.mtc p{font-size:12.5px}}
/* Na Azzure: 3 cartões com foto */
.outros .ot{text-decoration:none;color:inherit;transition:transform .5s var(--ease),border-color .4s}
.outros .ot:hover{transform:translateY(-4px);border-color:rgba(233,220,192,.4)}
.outros .ot-ic{height:170px;background:#1c1a17}
.outros .ot-ic img{width:100%;height:100%;object-fit:cover;animation:none;transition:transform 1s var(--ease)}
.outros .ot:hover .ot-ic img{transform:scale(1.05)}
@media (max-width:1080px){.outros{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:720px){.outros{grid-template-columns:1fr}.outros .ot-ic{height:150px}}
/* sono: 33% da vida */
.tercovida .anel{position:relative;width:118px;height:118px;margin:10px auto 6px;display:grid;place-items:center}
.tercovida .anel svg{position:absolute;inset:0;transform:rotate(-90deg)}
.tercovida .trk{fill:none;stroke:#eae8e5;stroke-width:8}
.tercovida .arc{fill:none;stroke:#34322f;stroke-width:8;stroke-linecap:round;stroke-dasharray:314;stroke-dashoffset:314;transition:stroke-dashoffset 2s var(--ease) .3s}
.tercovida.in .arc{stroke-dashoffset:210}
.tercovida b{font-size:34px!important}
/* melatonina com os textos dentro do gráfico */
.mel .tags text{fill:#e9dcc0;font-size:15px;font-weight:600;opacity:0;transition:opacity 1s var(--ease) 1.6s}
.mel .tags text.s{fill:#d1cfcc;font-size:13px;font-weight:400}
.mel.in .tags text{opacity:1}
.mel svg{overflow:visible}
@media (max-width:720px){.mel .tags text{font-size:24px}.mel .tags text.s{font-size:19px}.mel{padding:30px 8px 14px}}
/* REM em destaque */
.rem{display:grid;grid-template-columns:220px 1fr;gap:34px;align-items:center;margin-top:16px;padding:30px;border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(233,220,192,.16),rgba(233,220,192,.03));border:1px solid rgba(233,220,192,.45)}
.rem h3{font-size:30px;font-weight:400;color:#fff;margin:8px 0 10px}
.rem p{color:#e0dedb}
.rem-olho{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.rem-olho svg{width:170px}
.rem-olho .pal{fill:#fbf6ea;stroke:#e9dcc0;stroke-width:2}
.rem-olho .iris{fill:#666461}.rem-olho .pupila{fill:#181613}
.rem-olho .iris,.rem-olho .pupila{animation:olhos 1.6s ease-in-out infinite}
@keyframes olhos{0%,100%{transform:translateX(-20px)}25%{transform:translateX(18px)}50%{transform:translateX(-8px)}75%{transform:translateX(22px)}}
.rem-olho span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#e9dcc0}
.rem-f{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rem-f li{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.06);color:#d1cfcc;font-size:13.5px}
.rem-f b{display:block;color:#fff;font-weight:500;font-size:15px}
@media (max-width:720px){.rem{grid-template-columns:1fr;padding:22px 16px;gap:16px}.rem h3{font-size:24px}.rem-f{grid-template-columns:1fr 1fr}}
/* a noite em voltas, fácil de entender */
.noite{max-width:860px;margin:0 auto;padding:24px;border-radius:var(--r-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.volta{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;margin-bottom:10px}
.vn{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b0aeab}
.vb3{display:flex;height:22px;border-radius:11px;overflow:hidden;background:rgba(255,255,255,.06)}
.vb3 i{display:block;width:0;transition:width 1.2s var(--ease)}
.volta:nth-child(2) .vb3 i{transition-delay:.16s}.volta:nth-child(3) .vb3 i{transition-delay:.32s}.volta:nth-child(4) .vb3 i{transition-delay:.48s}.volta:nth-child(5) .vb3 i{transition-delay:.64s}
.noite.in .vb3 i{width:var(--w)}
.leve{background:#a5a3a0}.prof{background:#4b4946}.remv{background:linear-gradient(90deg,#e9dcc0,#f3d98c)}
.noite-eixo{display:flex;justify-content:space-between;margin:12px 0 0 82px;font-size:13px;color:#d1cfcc}
.noite-leg{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px;font-size:13px;color:#d1cfcc}
.noite-leg i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
@media (max-width:720px){.noite{padding:16px 12px}.volta{grid-template-columns:56px 1fr;gap:8px}.vn{font-size:10px}.noite-eixo{margin-left:64px;font-size:12px}}
/* coluna: inflamação visível e etiqueta legível */
.esp .halo{opacity:0;transition:opacity .6s}
.esp .raiz{opacity:0;stroke:#ff5a47;stroke-width:3;transition:opacity .5s}
.esp .tag rect{fill:rgba(20,18,15,.92);stroke:#ff8a7a;stroke-width:1}
.esp .tag text{fill:#fff;font-size:10px;font-weight:600}
.esp .tag text.s{fill:#ffc9bf;font-size:8.5px;font-weight:400}
.esp .t-bico rect{stroke:#f0a73a}.esp .t-bico text.s{fill:#ffd9a0}
.esp .hb{opacity:0;fill:#ff5a47;stroke:#b2392b;transition:opacity .5s}
.esp[data-mode=hern-l45] .h-L4-L5 .hb,.esp[data-mode=hern-l5s1] .h-L5-S1 .hb,.esp[data-mode=hern-c56] .h-C5-C6 .hb{opacity:1}
.esp[data-mode=hern-l45] .h-L4-L5 rect,.esp[data-mode=hern-l5s1] .h-L5-S1 rect,.esp[data-mode=hern-c56] .h-C5-C6 rect{fill:#ffb3a6}
.esp[data-mode=hern-l45] .r-hern-l45,.esp[data-mode=hern-l5s1] .r-hern-l5s1,.esp[data-mode=hern-c56] .r-hern-c56{opacity:1}
.esp[data-mode=hern-l45] .h-hern-l45,.esp[data-mode=hern-l5s1] .h-hern-l5s1,.esp[data-mode=hern-c56] .h-hern-c56,.esp[data-mode=bico] .h-bico{opacity:1;animation:pulsaDor 1.6s ease-in-out infinite}
.esp[data-mode=hern-l45] .t-hern-l45,.esp[data-mode=hern-l5s1] .t-hern-l5s1,.esp[data-mode=hern-c56] .t-hern-c56,.esp[data-mode=bico] .t-bico{opacity:1}
.sp3-tg{flex-wrap:wrap;justify-content:center;border-radius:22px}
.sp3-tg button{padding:9px 12px;font-size:10.5px}
/* camadas: tocar puxa a camada para o lado e mostra o que é */
.m3d .ly{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.m3d.in .ly.hl{transform:translateY(calc(var(--ye) - var(--lift,0px))) translateX(70px)}
.ly-info{position:absolute;left:50%;bottom:28px;transform:translate(-50%,10px);width:min(340px,90%);padding:12px 16px;border-radius:14px;background:rgba(20,18,15,.92);border:1px solid rgba(233,220,192,.4);text-align:center;opacity:0;pointer-events:none;transition:opacity .4s,transform .4s var(--ease);z-index:5}
.ly-info.on{opacity:1;transform:translate(-50%,0)}
.ly-info b{display:block;color:#e9dcc0;font-weight:500;font-size:15px;margin-bottom:3px}
.ly-info span{color:#e0dedb;font-size:13px;line-height:1.45}
.m3d.puxou .hint{opacity:0}

/* ===== v26 · 60-30-10, seções claras, carregamento, menu, sono, linha do tempo, hotéis, tecnologias ===== */
/* carregamento: linha fina dourada no topo e página entrando suave (sem a abertura) */
.pgl{position:fixed;left:0;top:0;right:0;height:2px;z-index:300;pointer-events:none;transition:opacity .5s .35s}
.pgl i{display:block;height:100%;width:0;background:linear-gradient(90deg,#9a7b4f,#e9dcc0);animation:plg 1.6s cubic-bezier(.2,.7,.2,1) forwards}
.pgl.done i{animation:none;width:100%;transition:width .35s}
.pgl.done{opacity:0}
@keyframes plg{to{width:82%}}
main{animation:pgIn .8s cubic-bezier(.2,.7,.2,1) both}
@keyframes pgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.intro{display:none!important}

/* cabeçalho um pouco mais alto, proporcional */
.site-h .hdr{height:116px}
.site-h .logo img{height:56px}
.site-h.solid .hdr{height:86px}
.site-h.solid .logo img{height:40px}
@media (max-width:720px){
  .site-h .hdr{height:94px}
  .site-h .logo img{height:44px}
  .site-h.solid .hdr{height:78px}
  .site-h.solid .logo img{height:34px}
}

/* menu do celular: maior, com a marca no tamanho do site e contato no rodapé */
.drawer{padding:0 26px 30px}
.drawer .d-top{height:94px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.drawer .d-top img,.drawer .d-logo img{height:44px!important;width:auto}
.drawer .close{width:48px;height:48px}
.drawer .close span::before,.drawer .close span::after{left:14px;top:23px;width:20px}
.drawer nav{gap:0;margin-top:6px}
.drawer nav button.dg-t,.drawer nav>a.dg-t{font-size:23px!important;font-weight:300!important;padding:17px 2px!important;letter-spacing:-.01em!important}
.drawer nav .dg-s a{font-size:17px!important;padding:11px 16px!important;color:#e0dedb!important}
.drawer nav>a.dg-cs{font-size:14px!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase;padding:18px!important;margin-top:20px;background:#e9dcc0;color:#24221f!important;border:0!important}
.drawer.open nav>*{animation:dIn .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0ms) + 120ms)}
@keyframes dIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.drawer .d-foot{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:center}
.drawer .d-foot .btn{width:100%;justify-content:center;height:54px}
.drawer .d-foot span{font-size:12px;letter-spacing:.08em;color:#a09e9b}

/* seções claras (o 30 do 60-30-10): fundo branco quente, texto azul-marinho, detalhes dourados */
section.claro{background:#f7f5f0!important;color:#575552}
.claro .head h2,.claro h2,.claro h3,.claro .split-h{color:#24221f}
.claro .head p,.claro p,.claro .lead{color:#575552}
.claro .kicker{color:#9a7b4f!important}
.claro h2 em,.claro h3 em,.claro .serif-i{color:#9a7b4f;font-style:normal}
.claro .btn-ivory{background:#24221f;color:#fff;border-color:#24221f}
.claro .btn-line{color:#24221f;border-color:rgba(36,34,31,.3)}
.claro .link{color:#24221f}
.claro .note-s,.claro .note-s a{color:#868481}
.claro .faq,.claro .faq details{border-color:#e3dccf}
.claro .faq summary{color:#24221f}
.claro .faq summary::after{background:linear-gradient(#24221f,#24221f) center/14px 1px no-repeat,linear-gradient(#24221f,#24221f) center/1px 14px no-repeat}
.claro .faq details p{color:#575552}
.claro .bem,.claro .lt,.claro .bc{background:#fff;border:1px solid #ebe5da}
.claro .bem h3,.claro .lt b,.claro .bc h3{color:#24221f}
.claro .bem p,.claro .lt span,.claro .bc p{color:#696764}
.claro .bc-ic,.claro .bem-ic{color:#9a7b4f}
.claro .selo b,.claro .padroes b{color:#24221f}
.claro .padroes b{border-color:rgba(36,34,31,.2)}
.claro .padroes span,.claro .selos-strip span{color:#868481}
.claro .rev{border:1px solid #ebe5da}
.claro .store-one .so-info{border:1px solid #ebe5da}
.claro .s-text p{color:#575552}
.head h2 em{font-style:normal;color:#e9dcc0}
.claro .head h2 em{color:#9a7b4f}

/* avaliações: "todas as avaliações" em cima, 5★ e "avaliações REAIS" com ênfase */
.stat.st2 small.reais{color:#24221f!important;font-size:12px;font-weight:600;letter-spacing:.16em}
.stat.st2 small.reais strong,.kicker strong{color:#a07c45;font-weight:800;letter-spacing:.2em}
@media (max-width:720px){.stat.st2 small.reais{font-size:9.5px;letter-spacing:.1em}}

/* hotéis: parede de logos, troca um de cada vez (luxo minimalista) */
.hw{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);max-width:1080px;margin:0 auto}
.hw>img{display:none}
.hw-s{height:132px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}
.hw-s img{max-height:40px;max-width:66%;width:auto;opacity:.82;transition:opacity .65s ease,filter .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.hw-s img.out{opacity:0;filter:blur(8px);transform:translateY(-6px) scale(.96)}
.hw-s:hover img{opacity:1}
@media (max-width:720px){.hw{grid-template-columns:1fr 1fr}.hw-s{height:96px}.hw-s img{max-height:30px}}

/* linha do tempo vertical das marcas */
.tl2{position:relative;list-style:none;margin:48px auto 0;padding:0;max-width:1000px}
.tl2-line{position:absolute;left:50%;top:8px;bottom:8px;width:2px;margin-left:-1px;background:#e6dfd2;border-radius:2px}
.tl2-line b{position:absolute;left:0;top:0;width:100%;height:calc(var(--p,0) * 100%);background:linear-gradient(#d6bd8d,#9a7b4f);border-radius:2px}
.tl2-i{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:96px;margin-bottom:64px}
.tl2-i:last-of-type{margin-bottom:0}
.tl2-dot{position:absolute;left:50%;top:22px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#f7f5f0;border:2px solid #d9cfbd;z-index:2;transition:background .5s,border-color .5s,box-shadow .5s}
.tl2-i.on .tl2-dot{background:#b08a4a;border-color:#b08a4a;box-shadow:0 0 0 7px rgba(176,138,74,.14)}
.tl2-ano{grid-column:1;grid-row:1;text-align:right;font-size:clamp(30px,3.4vw,48px);font-weight:300;line-height:1;color:#9a7b4f;padding-top:10px;opacity:.25;transform:translateY(16px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.tl2-c{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(28px);transition:opacity .9s .1s,transform .9s .1s cubic-bezier(.2,.7,.2,1)}
.tl2-i:nth-child(even) .tl2-ano{grid-column:2;text-align:left}
.tl2-i:nth-child(even) .tl2-c{grid-column:1;align-items:flex-end;text-align:right}
.tl2-i.on .tl2-ano,.tl2-i.on .tl2-c{opacity:1;transform:none}
.tl2-im{width:100%;max-width:400px;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:#ebe5da;box-shadow:0 30px 60px -40px rgba(36,34,31,.45)}
.tl2-im img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.tl2-i.on .tl2-im img{transform:scale(1)}
.tl2-c h3{font-size:24px;font-weight:500;color:#24221f;margin:0 0 6px}
.tl2-c p{font-size:15.5px;color:#696764;max-width:400px;margin:0}
@media (max-width:720px){
  .tl2{margin-top:30px}
  .tl2-line{left:12px}
  .tl2-dot{left:12px;top:6px}
  .tl2-i,.tl2-i:nth-child(even){grid-template-columns:1fr;padding-left:42px;margin-bottom:44px}
  .tl2-i .tl2-ano,.tl2-i:nth-child(even) .tl2-ano{grid-column:1;grid-row:1;text-align:left;padding:0 0 12px;font-size:30px}
  .tl2-i .tl2-c,.tl2-i:nth-child(even) .tl2-c{grid-column:1;grid-row:2;align-items:flex-start;text-align:left}
  .tl2-c h3{font-size:20px}.tl2-c p{font-size:14.5px}
}

/* logos das tecnologias */
.tlogos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px}
.tlogo{display:block;height:58px;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px -20px rgba(0,0,0,.7);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tlogo img{height:100%;width:auto;display:block}
a.tlogo:hover{transform:translateY(-3px)}
.tlogo.nasa{height:74px;border-radius:50%;box-shadow:none}
.tec-lg{height:52px;width:auto;border-radius:10px;margin-bottom:18px;display:block}
.badges a.tb-logo{padding:0!important;border-radius:10px;overflow:hidden;height:38px;border:0;background:none}
.badges a.tb-logo img{width:auto!important;height:38px!important;border-radius:0!important}
@media (max-width:720px){.tlogos{gap:8px}.tlogo{height:40px;border-radius:9px}.tlogo.nasa{height:52px}.tec-lg{height:42px;margin-left:auto;margin-right:auto}}

/* sono · melatonina: marcadores no gráfico e legenda embaixo (nada em cima da curva) */
.mel .tags{display:none}
.mel .marks circle{fill:#181613;stroke:#e9dcc0;stroke-width:1.5}
.mel .marks text{fill:#e9dcc0;font-size:13px;font-weight:600}
.mel .marks{opacity:0;transition:opacity 1s 1.4s}
.mel.in .marks{opacity:1}
.mel-leg{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mel-leg li{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.mel-leg i{flex:none;width:26px;height:26px;border-radius:50%;border:1px solid #e9dcc0;color:#e9dcc0;font-style:normal;font-size:12px;font-weight:600;display:grid;place-items:center}
.mel-leg b{display:block;color:#fff;font-weight:500;font-size:15px;margin-bottom:2px}
.mel-leg span{color:#c6c4c1;font-size:13.5px}
@media (max-width:720px){.mel-leg{grid-template-columns:1fr;gap:8px}.mel .marks text{font-size:20px}.mel .marks circle{r:18}}

/* sono REM, luxo minimalista */
.rem,.rem-olho{display:none!important}
.rem2{position:relative;max-width:900px;margin:76px auto 0;text-align:center;padding:54px 24px 48px;border-top:1px solid rgba(233,220,192,.22);border-bottom:1px solid rgba(233,220,192,.22)}
.rem2-w{display:block;width:min(520px,88%);height:56px;margin:0 auto 26px;overflow:visible}
.rem2-w path{fill:none;stroke:#e9dcc0;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400}
.rem2.in .rem2-w path{animation:remW 3.2s cubic-bezier(.4,0,.2,1) forwards}
@keyframes remW{to{stroke-dashoffset:0}}
.rem2 .kicker{justify-content:center}
.rem2 h3{font-size:clamp(44px,6vw,76px);font-weight:200;letter-spacing:-.02em;color:#fff;margin:12px 0 16px;line-height:1}
.rem2 h3 em{font-style:normal;font-weight:400;color:#e9dcc0}
.rem2>p{max-width:620px;margin:0 auto;color:#d1cfcc;font-size:17px;line-height:1.7}
.rem2-f{list-style:none;padding:0;margin:40px auto 0;display:grid;grid-template-columns:repeat(4,1fr)}
.rem2-f li{padding:4px 18px;border-left:1px solid rgba(233,220,192,.2);display:flex;flex-direction:column;gap:6px}
.rem2-f li:first-child{border-left:0}
.rem2-f b{color:#e9dcc0;font-weight:500;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.rem2-f span{color:#d1cfcc;font-size:14.5px}
@media (max-width:720px){.rem2{margin-top:54px;padding:40px 6px 36px}.rem2>p{font-size:15.5px}.rem2-f{grid-template-columns:1fr 1fr;row-gap:24px}.rem2-f li:nth-child(3){border-left:0}.rem2-f li{padding:4px 10px}.rem2-f span{font-size:13.5px}}

/* colchão King Koil em destaque no lugar das "voltas" */
.kk-dest{display:grid;grid-template-columns:340px 1fr;gap:42px;align-items:center;max-width:920px;margin:72px auto 0;padding:20px;border-radius:30px;background:rgba(255,255,255,.035);border:1px solid rgba(233,220,192,.2);color:inherit;text-decoration:none;transition:border-color .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.kk-dest:hover{border-color:rgba(233,220,192,.5);transform:translateY(-4px)}
.kk-dest-im{border-radius:20px;overflow:hidden;aspect-ratio:4/3;background:#1c1a17}
.kk-dest-im img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.kk-dest:hover .kk-dest-im img{transform:scale(1.05)}
.kk-dest-t{padding-right:14px}
.kk-dest-t img{height:24px;width:auto;opacity:.9;margin-bottom:16px}
.kk-dest-t h3{font-size:clamp(24px,2.6vw,32px);font-weight:300;color:#fff;margin:0 0 10px}
.kk-dest-t h3 em{font-style:normal;color:#e9dcc0}
.kk-dest-t p{color:#d1cfcc;font-size:15px;margin:0 0 16px}
.kk-dest-t .link{color:#e9dcc0}
@media (max-width:720px){.kk-dest{grid-template-columns:1fr;gap:20px;padding:14px 14px 22px;margin-top:54px}.kk-dest-im{aspect-ratio:16/10}.kk-dest-t{padding:0 6px;text-align:center}}

/* consultoria: opção escolhida fica no branco, com contorno dourado (nada de tudo preto) */
.cs .opt:hover{background:#faf7f1!important;border-color:#cdb894!important}
.cs .opt.sel{background:#fff!important;border:1.5px solid #b08a4a!important;box-shadow:0 0 0 4px rgba(176,138,74,.14),0 16px 30px -20px rgba(36,34,31,.4)!important}
.cs .opt.sel b{color:#24221f!important}
.cs .opt.sel small{color:#797774!important}
.cs .opt.chk.sel i{background:#b08a4a;border-color:#b08a4a}
.cs .opt.chk.sel i::after{border-color:#fff}
.opt.sel .cama{color:#9a7b4f}
.opt.sel .cama .bd{fill:#f4efe4;stroke:#b08a4a}
.opt.sel .cama .hb,.opt.sel .cama .pil{fill:#b08a4a;stroke:#b08a4a}

/* terço central no celular: o 3D cabe na tela e não trava a rolagem */
.m3d{touch-action:pan-y}
@media (max-width:720px){.c3d .m3d-rig{scale:.7}.c3d{overflow:hidden}}

/* baú: tampa lateral do solteiro abre */
.b3d-bau .tampa-l{--b:0deg}

/* Cama Elegance: cabeceira larga e estofada, cantos arredondados, como a original */
.b3d .rd i{border-radius:16px}
.b3d .hbd.rd .f1,.b3d .hbd.rd .f2,.b3d .hbd.rd .f5,.b3d .hbd.rd .f6{border-radius:10px}
.b3d .hbd-p i{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(0,0,0,.05)),var(--tc);border-radius:22px}
.b3d .pe i{border-radius:6px}

/* cama ajustável: juntas no colchão e tronco mais baixo */
.b3d-ajustavel .jt{transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-ajustavel[data-pos=tv] .hd{--a:40deg}.b3d-ajustavel[data-pos=tv] .j1{--a:20deg}.b3d-ajustavel[data-pos=tv] .th{--a:-18deg}.b3d-ajustavel[data-pos=tv] .j2{--a:-9deg}.b3d-ajustavel[data-pos=tv] .fo{--a:12deg}.b3d-ajustavel[data-pos=tv] .j3{--a:6deg}
.b3d-ajustavel[data-pos=zerog] .hd{--a:28deg}.b3d-ajustavel[data-pos=zerog] .j1{--a:14deg}.b3d-ajustavel[data-pos=zerog] .th{--a:-26deg}.b3d-ajustavel[data-pos=zerog] .j2{--a:-13deg}.b3d-ajustavel[data-pos=zerog] .fo{--a:18deg}.b3d-ajustavel[data-pos=zerog] .j3{--a:9deg}
.b3d-ajustavel[data-pos=relax] .hd{--a:14deg}.b3d-ajustavel[data-pos=relax] .j1{--a:7deg}.b3d-ajustavel[data-pos=relax] .th{--a:-12deg}.b3d-ajustavel[data-pos=relax] .j2{--a:-6deg}.b3d-ajustavel[data-pos=relax] .fo{--a:8deg}.b3d-ajustavel[data-pos=relax] .j3{--a:4deg}

/* ===== v27 · REM no celular, seta, selos no claro, sanfona, camas 3D, pistão lateral, vídeos grandes, mapa ===== */
/* seta animada levando ao sono REM */
.rem-seta{display:flex;flex-direction:column;align-items:center;gap:10px;margin:64px auto 0;width:max-content;color:#e9dcc0;text-decoration:none}
.rem-seta span{font-size:11px;letter-spacing:.3em;text-transform:uppercase}
.rem-seta svg{width:22px;height:40px;animation:setaRem 2.2s cubic-bezier(.45,0,.2,1) infinite}
@keyframes setaRem{0%,100%{transform:translateY(-4px);opacity:.55}50%{transform:translateY(8px);opacity:1}}
.rem-seta+.rem2{margin-top:22px}

/* REM no celular: uma coluna centralizada, linhas finas entre os itens */
@media (max-width:720px){
  .rem2-f{grid-template-columns:1fr!important;row-gap:0!important;max-width:300px}
  .rem2-f li,.rem2-f li:nth-child(3){border-left:0!important;border-top:1px solid rgba(233,220,192,.16);padding:16px 0!important;align-items:center;text-align:center}
  .rem2-f li:first-child{border-top:0}
  .rem2-f span{font-size:14px}
}
/* o colchão certo faz a diferença */
.head+.kk-dest{margin-top:8px}

/* selos em seção clara: cartões azul-marinho para os selos aparecerem */
.claro .selos-img .selo{background:#24221f;border-color:#24221f}
.claro .selos-img .selo b{color:#fff}
.claro .selos-img .selo small{color:#c9b58d}

/* recursos das camas em sanfona: menos texto à vista */
.rc2{display:grid;gap:8px;margin-top:22px}
.rc2 details{border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s}
.rc2 details[open]{background:rgba(255,255,255,.08);border-color:rgba(233,220,192,.3)}
.rc2 summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;color:#fff;font-weight:500;font-size:16px}
.rc2 summary::-webkit-details-marker{display:none}
.rc2 summary::after{content:"";flex:none;width:9px;height:9px;border-right:1.5px solid #e9dcc0;border-bottom:1.5px solid #e9dcc0;transform:rotate(45deg) translateY(-3px);transition:transform .35s}
.rc2 details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.rc2 details p{margin:0;padding:0 18px 16px;color:#d1cfcc;font-size:14.5px}
/* camadas do colchão: a descrição aparece na camada escolhida */
.lay-list.v3 li span{display:block;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .35s}
.lay-list.v3 li.hl span,.lay-list.v3 li:hover span{max-height:120px;opacity:1}

/* Cama Elegance: braços arredondados e pés */
.b3d .braco i{border-radius:12px}
.b3d .braco .f1{border-radius:10px 46px 10px 10px}
.b3d .braco .f2{border-radius:46px 10px 10px 10px}
.b3d .braco .f3{border-radius:9px}
.b3d .pe i{border-radius:50%/20%}

/* cama ajustável: colchão liso e contínuo (sem textura serrilhada) */
.b3d-ajustavel .mt i{background:linear-gradient(180deg,#fbfaf7,#ece9e2)!important;border-radius:0!important}
.b3d-ajustavel .mt .f5{background:linear-gradient(180deg,#fefdfb,#f4f2ed)!important}
.b3d-ajustavel .mt .f6{background:#d9d5cc!important}

/* baú solteiro: pistões a gás na abertura lateral */
.b3d .pist-l{display:none;position:absolute;width:0;height:0;transform-style:preserve-3d;transform:translate3d(var(--px),30px,-82px) rotateX(-53deg);transition:transform 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-bau[data-tam=solteiro] .pist-l{display:block}
.b3d-bau[data-tam=solteiro][data-pos=abrir] .pist-l{transform:translate3d(var(--px),30px,-82px) rotateX(-14deg)}
.b3d .pist-l i{position:absolute;border-radius:3px}
.b3d .pist-l .cil{left:-2.5px;width:5px;height:46px;top:-46px;background:linear-gradient(90deg,#3a3d42,#84827f,#3a3d42)}
.b3d .pist-l .haste{left:-1.5px;width:3px;height:16px;top:-62px;background:linear-gradient(90deg,#b0aeab,#eef0f3,#b0aeab);transition:height 1.6s cubic-bezier(.65,0,.35,1),top 1.6s cubic-bezier(.65,0,.35,1)}
.b3d-bau[data-tam=solteiro][data-pos=abrir] .pist-l .haste{height:49px;top:-95px}

/* consultoria do sono: ícone em cada etapa */
.cs-step-c .cs-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:14px;background:rgba(233,220,192,.1);border:1px solid rgba(233,220,192,.28);color:#e9dcc0;letter-spacing:0}
.cs-step-c .cs-ic svg{width:24px;height:24px}

/* vídeos reais maiores */
.real{grid-template-columns:1fr!important;gap:10px!important;text-align:center}
.real>div:first-child{max-width:700px;margin:0 auto}
.real>div:first-child .kicker{justify-content:center}
.vids3.vbig{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:40px auto 0}
.vids3.vbig .vid{border-radius:26px;box-shadow:0 40px 80px -50px rgba(0,0,0,.8)}
.vids3.vbig .vid:nth-child(2){transform:translateY(-30px)}
.vids3.vbig .lbl{font-size:11px!important;letter-spacing:.16em!important;padding:8px 12px!important;left:14px!important;right:auto!important;bottom:14px!important;top:auto!important}
@media (max-width:720px){
  .vids3.vbig{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:26px -20px 0;padding:0 20px 6px;scrollbar-width:none}
  .vids3.vbig::-webkit-scrollbar{display:none}
  .vids3.vbig .vid{flex:0 0 74%;scroll-snap-align:center}
  .vids3.vbig .vid:nth-child(2){transform:none}
}

/* mapa da loja: luxo minimalista, no padrão do site */
.store-one .so-map{position:relative;border-radius:var(--r);overflow:hidden;background:#e9e5dc;box-shadow:inset 0 0 0 1px rgba(36,34,31,.08)}
.store-one .so-map iframe{filter:grayscale(1) sepia(.18) contrast(1.06) brightness(1.03);transition:filter .6s}
.store-one .so-map:hover iframe{filter:grayscale(.2) sepia(.05)}
.store-one .so-map::before{content:"";position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:1.5px solid #b08a4a;pointer-events:none;animation:mapPulse 2.6s ease-out infinite}
.store-one .so-map::after{content:"Azzure";position:absolute;left:50%;top:50%;transform:translate(-50%,-64px);padding:7px 14px;border-radius:999px;background:#24221f;color:#e9dcc0;font-size:11px;letter-spacing:.26em;text-transform:uppercase;pointer-events:none;box-shadow:0 12px 26px -12px rgba(36,34,31,.6)}
@keyframes mapPulse{0%{transform:scale(.4);opacity:1}100%{transform:scale(1.6);opacity:0}}

/* ===== v28 · hotéis em 3 colunas na King Koil, números, NASA no Nanobionic, ficha técnica padrão, fechar camada ===== */
.hw.c3{grid-template-columns:repeat(3,1fr);max-width:960px}
.hw.c3 .hw-s{height:150px}
.hw.c3 .hw-s img{max-height:44px}
@media (max-width:720px){.hw.c3{grid-template-columns:repeat(3,1fr)}.hw.c3 .hw-s{height:92px}.hw.c3 .hw-s img{max-height:24px;max-width:78%}}

/* King Koil em números */
.kk-num{display:grid;grid-template-columns:repeat(4,1fr);max-width:1000px;margin:0 auto;border-top:1px solid rgba(233,220,192,.18);border-bottom:1px solid rgba(233,220,192,.18)}
.kk-num div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:30px 10px}
.kk-num div+div{border-left:1px solid rgba(233,220,192,.14)}
.kk-num b{font-size:clamp(40px,4.6vw,60px);font-weight:200;line-height:1;color:#e9dcc0}
.kk-num span{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#fff;margin-top:6px}
.kk-num small{font-size:12.5px;color:#b0aeab}
@media (max-width:720px){.kk-num{grid-template-columns:1fr 1fr}.kk-num div{padding:22px 6px}.kk-num div:nth-child(3){border-left:0}.kk-num div:nth-child(n+3){border-top:1px solid rgba(233,220,192,.14)}.kk-num span{font-size:10.5px;letter-spacing:.16em}}

/* Nanobionic com a NASA */
.tlogo.nasa-t{height:auto;display:flex;flex-direction:column;align-items:center;gap:7px;overflow:visible;box-shadow:none;border-radius:0}
.tlogo.nasa-t img{height:58px;border-radius:12px;box-shadow:0 14px 30px -20px rgba(0,0,0,.7)}
.tlogo.nasa-t small{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#e9dcc0;white-space:nowrap}
@media (max-width:720px){.tlogo.nasa-t img{height:40px}.tlogo.nasa-t small{font-size:8px;letter-spacing:.12em}}

/* ficha técnica no mesmo padrão em todos os colchões */
.ficha2{display:grid;grid-template-columns:320px 1fr;gap:56px;align-items:start;max-width:1080px;margin:0 auto}
.f2-h h2{font-size:clamp(34px,3.6vw,48px);font-weight:300;margin:12px 0 18px}
.f2-h .firm{max-width:260px}
.f2-of{display:flex;align-items:center;gap:14px;margin-top:26px;padding:10px 16px 10px 10px;border-radius:16px;background:#fff;border:1px solid #ebe5da;text-align:left;cursor:pointer;transition:border-color .3s,transform .4s}
.f2-of:hover{border-color:#cdb894;transform:translateY(-2px)}
.f2-of img{width:64px;height:48px;object-fit:cover;border-radius:10px}
.f2-of span{font-size:12.5px;color:#696764;line-height:1.4}
.f2-of b{display:block;color:#24221f;font-weight:600;font-size:14px}
.f2-l{margin:0;border-top:1px solid #e3dccf}
.f2-l div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid #e3dccf}
.f2-l dt{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#9a7b4f;padding-top:2px}
.f2-l dd{margin:0;color:#24221f;font-size:15.5px;line-height:1.55}
@media (max-width:900px){.ficha2{grid-template-columns:1fr;gap:26px}.f2-l div{grid-template-columns:1fr;gap:4px;padding:13px 0}.f2-l dd{font-size:15px}}

/* camada do colchão: tocar de novo ou no × fecha a informação */
.ly-info{pointer-events:none!important}
.ly-info.on{pointer-events:auto!important}
.ly-info .ly-x{position:absolute;top:6px;right:8px;width:28px;height:28px;border-radius:50%;color:#e9dcc0;font-size:20px;line-height:1;display:grid;place-items:center;background:rgba(255,255,255,.06)}
.ly-info .ly-x:hover{background:rgba(255,255,255,.14)}
.ly-info{padding-right:40px!important}
.lay-list.v3 li{cursor:pointer}

/* Elegance: peça única arredondada */
.b3d .cab i{border-radius:14px}

/* ===== v29 · ondas do sono, fases centralizadas, mapa leve, massageador, vídeos em carrossel, Fator K ===== */
/* fases do sono: 3 cartões centralizados e ondas que simbolizam cada fase */
.phases{grid-template-columns:repeat(3,1fr)!important;max-width:980px;margin:0 auto;gap:16px!important}
.phase .ph-bar{display:none!important}
.wv{height:46px;overflow:hidden;margin:0 0 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.wv svg{width:200%;height:100%;display:block;animation:wvRun 6s linear infinite}
.wv path{fill:none;stroke:#e9dcc0;stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.85}
.wv-n1 svg{animation-duration:5s}.wv-n2 svg{animation-duration:6.5s}.wv-n3 svg{animation-duration:10s}
.wv-n3 path{stroke:#b6b4b1}
@keyframes wvRun{to{transform:translateX(-50%)}}
.rem2 .wv-rem{height:70px;max-width:560px;margin:0 auto 26px}
.rem2 .wv-rem svg{animation-duration:2.4s}
.rem2 .wv-rem path{stroke-width:2;opacity:1}
.rem2-w{display:none}
@media (max-width:720px){.phases{grid-template-columns:1fr!important;max-width:420px}.wv{height:40px}.rem2 .wv-rem{height:56px}}


/* mapa leve no padrão do site (o Google Maps só carrega quando a pessoa pede) */
.store-one .so-map.mapa{position:relative;min-height:300px;background:#1e1c19;box-shadow:none;display:flex;align-items:flex-end}
.so-map.mapa::before,.so-map.mapa::after{display:none!important;content:none!important}
.mp-art{position:absolute;inset:0;overflow:hidden;background:
  repeating-linear-gradient(0deg,transparent 0 46px,rgba(233,220,192,.07) 46px 48px),
  repeating-linear-gradient(90deg,transparent 0 58px,rgba(233,220,192,.07) 58px 60px),
  radial-gradient(120% 90% at 50% 40%,#34322f,#181613)}
.mp-r{position:absolute;background:rgba(233,220,192,.16);border-radius:4px}
.mp-r.r1{left:-10%;right:-10%;top:42%;height:7px}
.mp-r.r2{top:-10%;bottom:-10%;left:38%;width:7px}
.mp-r.r3{left:-10%;right:-10%;top:72%;height:4px;opacity:.6}
.mp-r.r4{top:-10%;bottom:-10%;left:70%;width:4px;opacity:.6}
.mp-av{position:absolute;left:-20%;width:140%;top:18%;height:10px;background:rgba(233,220,192,.12);transform:rotate(-14deg)}
.mp-pin{position:absolute;left:38%;top:42%;width:0;height:0}
.mp-pin i{position:absolute;left:-13px;top:-34px;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#e9dcc0,#b08a4a);box-shadow:0 10px 20px -6px rgba(0,0,0,.6)}
.mp-pin i::after{content:"";position:absolute;inset:8px;border-radius:50%;background:#181613}
.mp-pin::before{content:"";position:absolute;left:-26px;top:-26px;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(233,220,192,.7);animation:mapPulse 2.6s ease-out infinite}
.mp-t{position:relative;z-index:2;width:100%;padding:22px 22px 20px;background:linear-gradient(180deg,transparent,rgba(19,17,14,.92) 38%)}
.mp-t b{display:block;color:#fff;font-weight:500;font-size:18px}
.mp-t span{display:block;color:#d1cfcc;font-size:13.5px;margin:2px 0 14px}
.mp-b{display:flex;gap:8px;flex-wrap:wrap}
.mp-b .btn{height:42px;padding:0 18px;font-size:11px}
.mp-b .btn-line{color:#fff;border-color:rgba(255,255,255,.4)}
.so-map.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;filter:none!important}
.so-map.mapa.on .mp-t{opacity:0}

/* Relax: massageador com as cápsulas de massagem, como na ficha */
.ly-massagem{animation:none!important}
.ly-massagem .f{background:transparent!important;box-shadow:none!important}
.ly-massagem .tp{background:rgba(233,226,214,.18)!important;border:1px dashed rgba(233,220,192,.45)}
.ly .pod i{background:#d7cfc1}
.ly .pod .f5,.ly .pod .f6{background:#efe9df}
.ly .pod .f1,.ly .pod .f2{background:#c4baa9}
.ly-massagem .pod{animation:podV .16s linear infinite}
.ly-massagem .pod:nth-child(2n){animation-delay:-.08s}
@keyframes podV{0%,100%{translate:0 0}50%{translate:0 -1.5px}}

/* vídeos reais: no celular, cartões de tamanho fixo que passam para os lados, com a consultoria no meio */
.vids3.vbig .vid:nth-child(2){transform:none!important}
.real .vids3.vbig{margin:52px auto 0}
.real{padding-bottom:0!important}
@media (max-width:720px){
  .vids3.vbig .vid{flex:0 0 62%;aspect-ratio:9/16;max-height:none}
  .vids3.vbig{margin:30px -20px 0!important;padding:0 19% 6px!important;scroll-padding:0 19%}
}

/* Fator K: pilares com ícones animados */
.fk-pil{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:0 auto}
.fk-p{padding:30px 24px 28px;border-radius:var(--r);background:#fff;border:1px solid #ebe5da;display:flex;flex-direction:column;gap:6px}
.fk-p .fk-ic{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:#24221f;color:#e9dcc0;margin-bottom:14px}
.fk-p .fk-ic svg{width:38px;height:38px}
.fk-p .n{font-size:11px;letter-spacing:.24em;color:#9a7b4f}
.fk-p h3{font-size:19px;font-weight:500;color:#24221f;margin:2px 0 4px}
.fk-p p{font-size:14.5px;color:#696764;margin:0}
.fk-mola{transform-box:fill-box;transform-origin:50% 100%;animation:fkMola 2.4s ease-in-out infinite}
.fk-mola.m{stroke-width:2.6;animation-delay:.2s}
@keyframes fkMola{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.82)}}
.fk-anel{transform-box:fill-box;transform-origin:center;animation:fkGira 9s linear infinite}
@keyframes fkGira{to{transform:rotate(360deg)}}
.fk-ok{stroke-dasharray:20;stroke-dashoffset:20;animation:fkOk 2.8s ease-in-out infinite}
@keyframes fkOk{30%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-20}}
.fk-ir{animation:fkIr 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
.fk-ir.i2{animation-delay:.6s}
@keyframes fkIr{0%{opacity:0;transform:scale(.8)}40%{opacity:1}100%{opacity:0;transform:scale(1.12)}}
.fk-b{animation:fkB 2.6s ease-in-out infinite}.fk-b.b2{animation-delay:.4s}.fk-b.b3{animation-delay:.8s}
@keyframes fkB{50%{transform:translateY(-2px);opacity:.5}}
.fk-folha{transform-box:fill-box;transform-origin:0 100%;animation:fkF 3.2s ease-in-out infinite}
@keyframes fkF{50%{transform:rotate(-10deg)}}
.fk-card .fk-ic svg{width:34px;height:34px}
@media (max-width:1080px){.fk-pil{grid-template-columns:1fr 1fr}}
@media (max-width:720px){.fk-pil{grid-template-columns:1fr;max-width:420px}.fk-p{padding:22px 20px}}

/* selos: o nome está no selo; embaixo, o que ele significa */
.selos-img .selo b{font-size:14px;font-weight:500;line-height:1.35}
@media (max-width:720px){.selos-img .selo b{font-size:11px}}
@media (max-width:720px){.vids3.vbig .vid{flex:0 0 68%!important}.vids3.vbig{padding:0 16% 6px!important;scroll-padding:0 16%}.vids3.vbig .lbl{font-size:9px!important;letter-spacing:.1em!important;left:10px!important;right:10px!important;bottom:10px!important;text-align:center}}

/* ===== v30 · ondas do sono ao vivo (canvas) ===== */
.wv{position:relative;height:64px!important;margin:0 0 16px!important;-webkit-mask-image:none!important;mask-image:none!important;border-radius:14px;background:linear-gradient(180deg,rgba(233,220,192,.05),rgba(233,220,192,0));border:1px solid rgba(233,220,192,.1)}
.wv::before{content:"";position:absolute;inset:0;border-radius:14px;background:repeating-linear-gradient(90deg,transparent 0 23px,rgba(233,220,192,.06) 23px 24px),linear-gradient(transparent 49.5%,rgba(233,220,192,.08) 49.5% 50.5%,transparent 50.5%)}
.wv canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.wv.vivo-on svg{display:none}
.wv-hz{position:absolute;left:12px;bottom:-24px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b0aeab;white-space:nowrap}
.phase .wv{margin-bottom:34px!important}
.rem2 .wv-rem{height:96px!important;max-width:600px;margin:0 auto 44px!important}
.rem2 .wv-rem .wv-hz{left:50%;transform:translateX(-50%);bottom:-28px;color:#e9dcc0;display:flex;align-items:center;gap:8px}
.vivo{width:7px;height:7px;border-radius:50%;background:#f3e3b8;box-shadow:0 0 0 0 rgba(243,227,184,.6);animation:vivo 1.6s ease-out infinite}
@keyframes vivo{0%{box-shadow:0 0 0 0 rgba(243,227,184,.55)}100%{box-shadow:0 0 0 10px rgba(243,227,184,0)}}
@media (max-width:720px){.wv{height:58px!important}.rem2 .wv-rem{height:84px!important}}
.wv{overflow:visible!important}

/* ===== v31 · rolagem livre no celular, cores das fichas por marca, consultoria sem sair, terço central e coluna em destaque ===== */
/* o 3D nunca prende a rolagem: para cima e para baixo é sempre a página */
.m3d,.m3d-stage,.m3d *,.b3d,.c3d,.esp,.esp *{touch-action:pan-y!important}
@media (max-width:720px){
  .m3d-wrap .m3d,.b3d-wrap .b3d,.c3d-wrap .c3d{width:84%!important;margin-left:auto;margin-right:auto}
  .sp3-wrap .esp{max-width:82%}
}

/* chão sob os modelos 3D: mais imersivo, sem pesar */
.m3d::after{content:"";position:absolute;left:12%;right:12%;bottom:8%;height:36px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.42),transparent);pointer-events:none;z-index:-1}

/* cores no padrão das fichas oficiais · King Koil */
.mk-kk .ly-ultrasoft .tp,.mk-kk .ly-ultrasoft .f{background:linear-gradient(135deg,#6f6d6a,#52504d)!important}
.mk-kk .ly-support .tp,.mk-kk .ly-support .f{background:linear-gradient(135deg,#b9b7b4,#9a9895)!important}
.mk-kk .ly-maxxcell .tp,.mk-kk .ly-maxxcell .f{background:linear-gradient(135deg,#b5b3b0,#999794)!important}
.mk-kk .ly-memory .tp,.mk-kk .ly-memory .f{background:linear-gradient(135deg,#f6f1e2,#e2dbc6)!important}
.mk-kk .ly-softgel .tp,.mk-kk .ly-softgel .f{background:linear-gradient(135deg,#d1cfcc,#b1afac)!important}
.mk-kk .ly-base .tp,.mk-kk .ly-base .f{background:linear-gradient(135deg,#62605d,#4a4845)!important}
.mk-kk .ly-grid .tp{background:repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 12px),repeating-linear-gradient(-45deg,#fff 0 2px,transparent 2px 12px),#d0cecb!important}
.mk-kk .ly-grid .f{background:#e7eaef!important}
.mk-kk .ly-borda .tp,.mk-kk .ly-borda .f{background:#a2a09d!important}
/* cores no padrão das fichas oficiais · Inducol */
.mk-in .ly-ultrasoft .tp,.mk-in .ly-ultrasoft .f{background:linear-gradient(135deg,#f8bba1,#ee9a78)!important}
.mk-in .ly-memory .tp,.mk-in .ly-memory .f{background:linear-gradient(135deg,#f3e6cc,#e2cfa9)!important}
.mk-in .ly-support .tp,.mk-in .ly-support .f{background:linear-gradient(135deg,#a3a7ad,#8a8885)!important}
.mk-in .ly-base .tp,.mk-in .ly-base .f{background:linear-gradient(135deg,#7d8186,#62666b)!important}
.mk-in .ly-softgel .tp,.mk-in .ly-softgel .f{background:linear-gradient(135deg,#d0cecb,#b2b0ad)!important}
.mk-in .ly-borda .tp,.mk-in .ly-borda .f{background:#a2a6ac!important}
.mk-in .ly-perfect .tp,.mk-in .ly-perfect .f,.mk-in .ly-hisupport .tp,.mk-in .ly-hisupport .f{background:radial-gradient(circle,#d88f6a 0 1.4px,transparent 2px) 0 0/9px 9px,radial-gradient(circle,#908e8b 0 1.3px,transparent 1.9px) 4px 5px/11px 11px,radial-gradient(circle,#c9b37a 0 1.2px,transparent 1.8px) 2px 1px/13px 13px,#ece8e1!important}

/* consultoria: botões inteiros, sem corte */
.cs .res-ctas .btn{height:auto!important;min-height:52px;white-space:normal!important;line-height:1.3;padding:12px 20px!important;text-align:center;justify-content:center}
.cs .res-ctas .btn svg{flex:none}
.cs .ver-dentro{background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font:inherit}
.cs .ver-dentro svg{width:16px;height:16px}
/* janela "por dentro": camadas + ficha oficial, sem sair do resultado */
.pd-ov{position:fixed;inset:0;z-index:400;background:rgba(14,12,9,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px));opacity:0;transition:opacity .3s}
.pd-ov.on{opacity:1}
.pd{position:relative;width:min(640px,100%);max-height:88vh;overflow:auto;background:#fff;color:#24221f;border-radius:24px;padding:28px 26px 24px;transform:translateY(14px);transition:transform .4s cubic-bezier(.2,.7,.2,1);overscroll-behavior:contain}
.pd-ov.on .pd{transform:none}
.pd-x{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:#f1ede5;font-size:22px;line-height:1;color:#24221f}
.pd-k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9a7b4f}
.pd h3{font-size:26px;font-weight:400;margin:6px 0 16px;color:#24221f}
.pd-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pd-l li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px;background:#f7f5f0}
.pd-l img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.pd-l b{display:block;font-weight:600;font-size:14.5px}
.pd-l span{display:block;font-size:12.5px;color:#696764;line-height:1.4}
.pd-f{margin:18px 0 0}
.pd-f img{width:100%;height:auto;border-radius:14px;border:1px solid #ebe5da}
.pd-f figcaption{font-size:12px;color:#868481;margin-top:6px;text-align:center}
.pd .pd-volta{width:100%;margin-top:18px;justify-content:center;height:auto;min-height:50px}

/* terço central e coluna em destaque: maiores, para explicar em cada seção */
.c3d-sec .split,.sp3-sec{grid-template-columns:.8fr 1.2fr!important;gap:48px!important}
.c3d{height:500px!important}
.c3d .m3d-rig{scale:1.18}
.sp3-wrap .esp{max-width:520px}
@media (max-width:1080px){.c3d-sec .split,.sp3-sec{grid-template-columns:1fr!important}}
@media (max-width:720px){.c3d{height:300px!important}.c3d .m3d-rig{scale:.66!important}.c3d-tg button{padding:10px 12px!important}}

/* ===== v32 · borda separada das molas, camada em destaque, travesseiros com ficha, consultoria imersiva, mais leve ===== */
/* borda HardFoam: moldura própria, separada das molas */
.ly.boxed::before,.ly.boxed::after{display:none!important}
.mk-kk .ly-borda .tp,.mk-in .ly-borda .tp,.m3d .ly-borda .tp{background:transparent!important;box-shadow:inset 0 0 0 18px #aba9a6!important;border-radius:8px}
.mk-kk .ly-borda .bt,.mk-in .ly-borda .bt,.m3d .ly-borda .bt{background:transparent!important;box-shadow:inset 0 0 0 18px #757370!important}
.mk-in .ly-borda .tp{box-shadow:inset 0 0 0 18px #b9b2a4!important}
.m3d .ly-borda .f{background:#a2a09d}
.mk-in .ly-borda .fr,.mk-in .ly-borda .bk,.mk-in .ly-borda .rt,.mk-in .ly-borda .lf{background:radial-gradient(circle,#d88f6a 0 1.3px,transparent 1.9px) 0 0/9px 9px,radial-gradient(circle,#908e8b 0 1.2px,transparent 1.8px) 4px 5px/11px 11px,#e6e1d8!important}

/* tocar numa camada: ela sai bem para o lado, as outras escurecem e o cartão cresce */
.m3d.in .ly.hl{transform:translateY(calc(var(--ye) - var(--lift,0px))) translateX(96px) scale(1.05)!important}
.m3d.puxou .ly:not(.hl) .f{filter:brightness(.4) saturate(.5)!important}
.ly-info{width:min(400px,92%)!important;padding:16px 44px 16px 18px!important;border-color:rgba(233,220,192,.55)!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.ly-info b{font-size:17px!important}
.ly-info span{font-size:14px!important}
.lay-list.v3 li.hl{background:rgba(233,220,192,.12)!important;box-shadow:inset 0 0 0 1px rgba(233,220,192,.45)}
.m3d-chips button.hl,.m3d-chips button.on{background:#e9dcc0!important;color:#24221f!important}
@media (max-width:720px){.m3d.in .ly.hl{transform:translateY(calc(var(--ye) - var(--lift,0px))) translateX(54px) scale(1.04)!important}}

/* mais leve: sem desfoque caro no cabeçalho do celular; o 3D trabalha na placa de vídeo */
@media (max-width:720px){.site-h.solid,.site-h.light{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(24,22,19,.97)!important}}
.m3d-rig{will-change:transform}
.site-f{content-visibility:auto;contain-intrinsic-size:auto 320px}

/* travesseiros: ficha técnica apresentável */
.tf{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;max-width:1100px;margin:0 auto}
.tf-v{background:#fff;border:1px solid #ebe5da;border-radius:28px;padding:26px 22px 18px}
.tf-v svg{width:100%;height:auto;display:block;overflow:visible}
.tv-c{fill:#f3f0e9;stroke:#cfc6b5;stroke-width:1.5}
.tv-cam{stroke:#b9ae99;stroke-width:1.2;stroke-dasharray:5 5;fill:none}
.tv-cab{fill:#24221f;opacity:.9}
.tv-ch{stroke:#d9d1c2;stroke-width:1.5}
.tv-m{stroke:#b08a4a;stroke-width:1.5;fill:none}
.tf-v text{fill:#9a7b4f;font-size:13px;font-weight:600;letter-spacing:.06em}
.tv-press{transform-box:fill-box;transform-origin:50% 100%;animation:tvPress 3.6s ease-in-out infinite}
.tv-cab{animation:tvCab 3.6s ease-in-out infinite}
@keyframes tvPress{0%,100%{transform:scaleY(1)}45%,60%{transform:scaleY(.94)}}
@keyframes tvCab{0%,100%{transform:translateY(-8px)}45%,60%{transform:translateY(4px)}}
.tf-med{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0}
.tf-med div{text-align:center;padding:10px 6px;border-radius:14px;background:#f7f5f0}
.tf-med dt{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9a7b4f}
.tf-med dd{margin:2px 0 0;font-size:14px;font-weight:600;color:#24221f}
.tf h2{font-size:clamp(32px,3.4vw,44px);font-weight:300;margin:10px 0 22px}
.tf-a{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tf-i{display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:start;padding:14px;border-radius:16px;background:#fff;border:1px solid #ebe5da}
.tf-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#24221f;color:#e9dcc0}
.tf-ic svg{width:24px;height:24px}
.tf-i b{display:block;font-size:15px;font-weight:600;color:#24221f}
.tf-i span{display:block;font-size:13px;color:#696764;line-height:1.45;margin-top:2px}
@media (max-width:900px){.tf{grid-template-columns:1fr;gap:28px}.tf-a{grid-template-columns:1fr}}

/* consultoria imersiva: o quarto ao fundo, cartão maior e passos que deslizam */
.page-hero.cs-land{position:relative;min-height:calc(100vh - 20px);display:flex;align-items:center;overflow:hidden}
.cs-bg{position:absolute;inset:-6%;background:url("/assets/img/marble-ambiente.webp") center/cover no-repeat;opacity:.26;filter:saturate(.75);animation:csZoom 30s ease-in-out infinite alternate;pointer-events:none}
.cs-land::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 70% 40%,rgba(24,22,19,.35),rgba(19,17,14,.94) 70%);display:block!important;pointer-events:none}
.cs-land>.wrap{position:relative;z-index:2;width:100%}
@keyframes csZoom{from{transform:scale(1)}to{transform:scale(1.08) translateX(-1.5%)}}
.cs-land .cs{border-radius:30px!important;box-shadow:0 50px 110px -40px rgba(0,0,0,.85),0 0 0 1px rgba(233,220,192,.18)!important}
.cs-step{animation:csIn .55s cubic-bezier(.2,.7,.2,1)}
@keyframes csIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
.cs .cs-bar{height:4px!important;border-radius:4px;background:#eef0f4!important}
.cs .cs-bar i{background:linear-gradient(90deg,#9a7b4f,#e2c58e)!important;border-radius:4px;transition:width .6s cubic-bezier(.2,.7,.2,1)!important}
.cs .cs-count{font-size:11px!important;letter-spacing:.22em!important;color:#9a7b4f!important;font-weight:600}
.cs .opt{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .3s,background .3s!important}
.cs .opt:hover{transform:translateY(-3px)}
.cs-checks li{font-size:15.5px}
@media (max-width:720px){.page-hero.cs-land{min-height:auto}.cs-bg{opacity:.18}}
@media (prefers-reduced-motion:reduce){.cs-bg{animation-duration:60s}}
.tf-i .tf-ic{display:grid!important;color:#e9dcc0!important;margin:0!important}
.cs-bg{opacity:.36!important}

/* ===== v33 · 3D com toque profissional: inércia, modo ativo no celular, cartão abaixo do modelo ===== */
.m3d .hint{display:none!important}
.m3d.ativo,.m3d.ativo *{touch-action:none!important}
.m3d{border-radius:28px;transition:box-shadow .4s,background .4s}
.m3d.ativo{box-shadow:inset 0 0 0 1.5px rgba(233,220,192,.55);background:radial-gradient(70% 60% at 50% 50%,rgba(233,220,192,.06),transparent 75%)}
.m3d.dragging{cursor:grabbing}
.m3d-pill{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#e9dcc0;background:rgba(24,22,19,.72);border:1px solid rgba(233,220,192,.35);cursor:pointer;transition:background .3s,color .3s,opacity .4s}
.m3d-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:#e9dcc0;opacity:.7}
.m3d.ativo .m3d-pill{background:#e9dcc0;color:#24221f}
.m3d.ativo .m3d-pill::before{background:#24221f;animation:vivo 1.6s ease-out infinite}
@media (hover:hover){.m3d-pill{opacity:.0;pointer-events:none}.m3d:hover .m3d-pill{opacity:.85}}
.b3d .m3d-pill,.c3d .m3d-pill{top:8px}
/* o cartão da camada fica abaixo do modelo: nada cobre as camadas de baixo */
.m3d-wrap>.ly-info{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(460px,100%)!important;margin:4px auto 14px;max-height:0;opacity:0;overflow:hidden;padding-top:0!important;padding-bottom:0!important;border-width:0!important;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .35s,padding .35s!important}
.m3d-wrap>.ly-info.on{max-height:220px;opacity:1;padding-top:16px!important;padding-bottom:16px!important;border-width:1px!important}
@media (max-width:720px){.m3d.in .ly.hl{transform:translateY(calc(var(--ye) - var(--lift,0px))) translateX(40px) scale(1.04)!important}}

/* ===== v34 · Consultoria: 1 minuto em destaque ===== */
.cs-tempo{position:relative;width:104px;height:104px;margin:0 0 18px}
.cs-tempo svg{width:100%;height:100%;transform:rotate(-90deg)}
.ct-t{fill:none;stroke:rgba(233,220,192,.16);stroke-width:5}
.ct-a{fill:none;stroke:#e2c58e;stroke-width:5;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;animation:ctVolta 4s cubic-bezier(.45,0,.2,1) infinite}
.ct-p{stroke:#e9dcc0;stroke-width:2.5;stroke-linecap:round;transform-origin:60px 60px;animation:ctPont 4s cubic-bezier(.45,0,.2,1) infinite}
@keyframes ctVolta{0%{stroke-dashoffset:327}70%,100%{stroke-dashoffset:0}}
@keyframes ctPont{0%{transform:rotate(0)}70%,100%{transform:rotate(360deg)}}
.cs-tempo b{position:absolute;inset:0;display:grid;place-items:center;align-content:center;font-size:40px;font-weight:200;line-height:.9;color:#fff}
.cs-tempo b small{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#e2c58e;font-weight:600;margin-top:4px}
.cs-1min{color:#e2c58e;white-space:nowrap;background:linear-gradient(transparent 72%,rgba(226,197,142,.22) 72%)}
.cs-land .direto{margin-top:22px}
.cs-land .direto[hidden]{display:none!important}
@media (max-width:720px){.cs-tempo{width:78px;height:78px;margin:0 auto 12px}.cs-tempo b{font-size:30px}}

/* ===== v35 · 3D holograma (segura e gira para todos os lados) e cama ajustável com dois lados ===== */
.m3d,.m3d *{touch-action:none!important}
.m3d-pill{pointer-events:none!important;opacity:.9;transition:opacity .6s}
.m3d.mexeu .m3d-pill{opacity:0}
@media (hover:hover){.m3d .m3d-pill{opacity:0}.m3d:hover:not(.mexeu) .m3d-pill{opacity:.85}}
.m3d.ativo{box-shadow:none;background:none}
@media (max-width:720px){.m3d-wrap,.b3d-wrap,.c3d-wrap{padding-block:6px}}
/* cama ajustável: cada base é um Solteiro King; Queen e King são duas bases lado a lado */
.b3d-ajustavel .szw{transform:none!important}
.b3d-ajustavel .lado{position:absolute;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.b3d-ajustavel[data-tam=sk] .lado.a{transform:scale3d(1,1,.48)}
.b3d-ajustavel[data-tam=sk] .lado.b{display:none}
.b3d-ajustavel[data-tam=queen] .lado.a{transform:translateZ(-41px) scale3d(1,1,.4)}
.b3d-ajustavel[data-tam=queen] .lado.b{transform:translateZ(41px) scale3d(1,1,.4)}
.b3d-ajustavel[data-tam=king] .lado.a{transform:translateZ(-50px) scale3d(1,1,.48)}
.b3d-ajustavel[data-tam=king] .lado.b{transform:translateZ(50px) scale3d(1,1,.48)}
.lado[data-pos=tv] .hd{--a:40deg}.lado[data-pos=tv] .j1{--a:20deg}.lado[data-pos=tv] .th{--a:-18deg}.lado[data-pos=tv] .j2{--a:-9deg}.lado[data-pos=tv] .fo{--a:12deg}.lado[data-pos=tv] .j3{--a:6deg}
.lado[data-pos=zerog] .hd{--a:28deg}.lado[data-pos=zerog] .j1{--a:14deg}.lado[data-pos=zerog] .th{--a:-26deg}.lado[data-pos=zerog] .j2{--a:-13deg}.lado[data-pos=zerog] .fo{--a:18deg}.lado[data-pos=zerog] .j3{--a:9deg}
.lado[data-pos=relax] .hd{--a:14deg}.lado[data-pos=relax] .j1{--a:7deg}.lado[data-pos=relax] .th{--a:-12deg}.lado[data-pos=relax] .j2{--a:-6deg}.lado[data-pos=relax] .fo{--a:8deg}.lado[data-pos=relax] .j3{--a:4deg}
.lado[data-pos=massagem] .mt{animation:vibra .12s linear infinite}

/* ===== v36 · Queen inteira (não bipartida) e travesseiros certos na cama ===== */
.b3d-ajustavel[data-tam=queen] .lado.a{transform:scale3d(1,1,.79)!important}
.b3d-ajustavel[data-tam=queen] .lado.b{display:none!important}
.b3d-ajustavel .pv{position:absolute;transform-style:preserve-3d}
.b3d-ajustavel .pv-2{display:none}
.b3d-ajustavel[data-tam=queen] .pv-1{display:none}
.b3d-ajustavel[data-tam=queen] .pv-2{display:block}

/* ===== v37 · topo nunca congela no celular; páginas de entrada (busca e Google Ads) ===== */
.hero.kb .poster{animation:heroKB 18s ease-in-out infinite alternate!important}
@keyframes heroKB{from{scale:1.02;translate:0 0}to{scale:1.16;translate:-2.5% -2%}}
.hero.tocando .poster{animation:none!important}
.lp-hero{position:relative;overflow:hidden}
.lp-hero::before{content:"";position:absolute;inset:-4%;background:var(--bg) center/cover no-repeat;opacity:.24;display:block!important;animation:heroKB 26s ease-in-out infinite alternate}
.lp-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 80% at 50% 30%,rgba(24,22,19,.35),rgba(19,17,14,.92) 72%);display:block!important}
.lp-hero .wrap{position:relative;z-index:2}
.lp-hero .ctas{display:flex;flex-wrap:wrap;gap:12px}
.lp-p{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:0 auto}
.lp-i{padding:24px 22px;border-radius:var(--r);background:rgba(255,255,255,.04);border:1px solid rgba(233,220,192,.16);display:flex;flex-direction:column;gap:6px}
.lp-i b{font-size:18px;font-weight:500;color:#fff}
.lp-i span{font-size:14.5px;color:#d1cfcc}
.site-f .f-links{flex-wrap:wrap}
@media (max-width:860px){.lp-p{grid-template-columns:1fr}}

/* ===== v38 · nunca mostrar botão de play nos vídeos de fundo ===== */
.hero video{opacity:0!important;transition:opacity .9s ease}
.hero.tocando video{opacity:1!important}
video::-webkit-media-controls,video::-webkit-media-controls-panel,video::-webkit-media-controls-overlay-play-button,video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}
video{pointer-events:none}
.vid video{pointer-events:auto}

/* ===== v39 · vídeos dos cartões sem botão de play ===== */
video.vz{opacity:0!important;transition:none}
video.vz.vz-on{opacity:1!important;transition:opacity .7s ease}
.vid video,.media-wide video{pointer-events:none!important}

.direto[hidden]{display:none!important}
/* v40 (30/10/2026): laterais do gel em azul (antes ficavam brancas) e látex com grafite com cor própria */
.ly-softgel .fr,.ly-softgel .bk,.ly-softgel .rt,.ly-softgel .lf{background:#c0bebb}
.mk-kk .ly-softgel .fr,.mk-kk .ly-softgel .bk,.mk-kk .ly-softgel .rt,.mk-kk .ly-softgel .lf{background:#b1afac!important}
.ly-grafite .tp{background:radial-gradient(circle,#a2a09d 0 3px,transparent 3.5px) 0 0/16px 16px,#52504d}
.ly-grafite .fr,.ly-grafite .bk,.ly-grafite .rt,.ly-grafite .lf,.ly-grafite .f{background:#43413e}