/* ═══════════════════════════════════════
   SPOKE.CSS — Estilos compartilhados das spoke pages
   Usado por: pisos-laminados.html, pisos-vinilicos.html, etc.
   Requer: adriel.css (tokens, reset, nav, cursor, buttons, reveals, footer, wpp)
═══════════════════════════════════════ */

/* ─ Breadcrumb ─ */
.breadcrumb{padding:calc(80px + 1.2rem) 0 .9rem;background:var(--c);position:relative;z-index:5;border-bottom:1px solid var(--b)}
.bc-inner{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted);letter-spacing:.04em}
.bc-inner::before{content:'';display:block;width:1.25rem;height:1px;background:var(--copper);opacity:.55;flex-shrink:0}
.bc-inner a{color:var(--muted);transition:color .2s}.bc-inner a:hover{color:var(--copper)}
.bc-sep{opacity:.4}
.bc-cur{color:var(--wheat)}
@media(max-width:860px){.breadcrumb{display:none}}

/* ─ Spoke Hero ─ */
.spoke-hero{padding:clamp(5rem,9vw,8rem) 0 clamp(7rem,12vw,10rem);background:var(--c);position:relative;overflow:hidden;min-height:max(600px,72vh);display:flex;flex-direction:column;justify-content:center}
.spoke-hero-bg{position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center 55%;
  transform:scale(1.04);transition:transform 10s cubic-bezier(.25,0,.2,1)}
.spoke-hero:hover .spoke-hero-bg{transform:scale(1)}
.spoke-hero-bg::after{content:'';position:absolute;inset:0;background:
  linear-gradient(to top, rgba(19,18,16,.88) 0%, transparent 32%),
  linear-gradient(108deg,
    rgba(19,18,16,.96) 0%,
    rgba(19,18,16,.92) 22%,
    rgba(19,18,16,.62) 46%,
    rgba(19,18,16,.28) 68%,
    rgba(19,18,16,.16) 100%)}
.spoke-hero>.wrap{position:relative;z-index:1}
.spoke-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center}
.spoke-hero-text{position:relative}
.spoke-hero-tag{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--b);border-radius:99px;padding:.35rem .85rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}
.spoke-hero-tag span{width:6px;height:6px;border-radius:50%;background:var(--copper);flex-shrink:0}
.spoke-h1{font-family:var(--fd);font-size:clamp(2.6rem,5.5vw,4.5rem);font-weight:400;line-height:1.05;letter-spacing:-.02em;margin-bottom:1.2rem;text-shadow:0 2px 32px rgba(19,18,16,.55)}
.spoke-h1 em{font-style:italic;font-family:var(--fi);color:var(--cpl)}
/* City cycling */
.city-cycle{display:inline-block;vertical-align:baseline;white-space:nowrap}
.city-cycle em{transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .36s ease}
.city-cycle em.cc-exit{transform:translateY(-.4em);opacity:0}
.city-cycle em.cc-enter{transform:translateY(.4em);opacity:0;transition:none}
.spoke-hero-sub{color:var(--wheat);font-size:1.08rem;line-height:1.7;margin-bottom:2rem;max-width:46ch}
.spoke-hero-acts{display:flex;gap:.85rem;flex-wrap:wrap;margin-bottom:2.5rem}
.spoke-trust-strip{display:flex;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid var(--b)}
.spoke-trust-item{display:flex;flex-direction:column;gap:.15rem}
.spoke-trust-num{font-family:var(--fd);font-size:1.6rem;font-weight:600;color:var(--copper);line-height:1}
.spoke-trust-lbl{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
/* Hero visual card */
.spoke-hero-vis{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5}
.spoke-hero-img{width:100%;height:100%;object-fit:cover;display:block}
.spoke-hero-chip{position:absolute;bottom:1.4rem;left:1.4rem;background:rgba(19,18,16,.88);backdrop-filter:blur(12px);border:1px solid var(--b);border-radius:10px;padding:.75rem 1.1rem;display:flex;align-items:center;gap:.7rem}
.spoke-hero-chip-icon{width:32px;height:32px;border-radius:8px;background:rgba(184,115,64,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.spoke-hero-chip-icon svg{width:16px;height:16px;color:var(--copper)}
.spoke-hero-chip-txt{display:flex;flex-direction:column;gap:.08rem}
.spoke-hero-chip-main{font-size:.9rem;font-weight:400;color:var(--cream)}
.spoke-hero-chip-sub{font-size:.72rem;color:var(--muted)}
@media(max-width:800px){.spoke-hero-inner{grid-template-columns:1fr}.spoke-hero-vis{aspect-ratio:16/9}.spoke-h1{font-size:clamp(2.2rem,7vw,3.5rem)}}

/* ─ Benefits Belt ─ */
.benefits-belt{background:var(--stone);border-top:1px solid var(--b);border-bottom:1px solid var(--b);padding:clamp(2.5rem,4vw,3.5rem) 0}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--b)}
.benefit-card{background:var(--stone);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:.75rem}
.benefit-icon{width:40px;height:40px;border-radius:10px;background:rgba(184,115,64,.1);border:1px solid rgba(184,115,64,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefit-icon svg{width:18px;height:18px;color:var(--copper)}
.benefit-title{font-family:var(--fd);font-size:1.1rem;font-weight:500;color:var(--cream)}
.benefit-desc{font-size:.85rem;color:var(--muted);line-height:1.55}
@media(max-width:720px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:440px){.benefits-grid{grid-template-columns:1fr}}

/* ─ Content Sections (alternating) ─ */
.content-section{padding:clamp(4rem,7vw,7rem) 0;position:relative;overflow:hidden}
.content-section:nth-child(even){background:var(--stone)}
.content-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,6rem);align-items:center}
.content-inner.rev{direction:rtl}.content-inner.rev>*{direction:ltr}
.content-inner--top{align-items:start}
.content-text{display:flex;flex-direction:column;gap:1.25rem}
.content-text h2{font-family:var(--fd);font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:400;line-height:1.15}
.content-text h2 em{font-style:italic;font-family:var(--fi);color:var(--cpl)}
.content-text p{color:var(--wheat);line-height:1.75}
.content-text ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.content-text ul li{display:flex;align-items:flex-start;gap:.65rem;color:var(--wheat);font-size:.95rem}
.content-text ul li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--copper);flex-shrink:0;margin-top:.55rem}
.content-photo{border-radius:18px;overflow:hidden;aspect-ratio:4/3}
.content-photo img{width:100%;height:100%;object-fit:cover}
.content-photo--fit{aspect-ratio:unset}
.content-photo--fit img{object-fit:contain;height:auto}
.content-section>.wrap{position:relative;z-index:1}
@media(max-width:760px){.content-inner{grid-template-columns:1fr}.content-inner.rev{direction:ltr}}

/* ─ Sec bg image (atmospheric texture overlay) ─ */
.sec-bg-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.065;pointer-events:none;z-index:0;mix-blend-mode:luminosity}

/* ─ Brands Strip ─ */
.brands-strip{padding:clamp(2rem,3.5vw,3rem) 0;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.brands-strip-inner{display:flex;align-items:center;gap:3rem;flex-wrap:wrap;justify-content:center}
.brand-pill{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border:1px solid var(--b);border-radius:99px;transition:border-color .2s,background .2s}
.brand-pill:hover{border-color:var(--copper);background:rgba(184,115,64,.07)}
.brand-pill span{font-family:var(--fd);font-size:1.05rem;letter-spacing:.08em;color:var(--wheat)}
.brand-pill-dot{width:5px;height:5px;border-radius:50%;background:var(--copper)}

/* ─ Gallery Grid ─ */
.gallery-section,.g-section{padding:clamp(4rem,7vw,7rem) 0;background:var(--c)}
.gallery-header,.g-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem;flex-wrap:wrap}
.gallery-grid,.g-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gallery-grid .g-item,.g-grid .g-item{border-radius:12px;overflow:hidden;aspect-ratio:4/3;position:relative;cursor:pointer}
.gallery-grid .g-item:nth-child(1),.g-grid .g-item:nth-child(1){grid-column:span 2;aspect-ratio:16/9}
.gallery-grid .g-item img,.g-grid .g-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.gallery-grid .g-item:hover img,.g-grid .g-item:hover img{transform:scale(1.04)}
.gallery-grid .g-item-label,.g-grid .g-item-label{position:absolute;bottom:0;left:0;right:0;padding:.75rem 1rem;background:linear-gradient(to top,rgba(19,18,16,.85),transparent);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wheat);opacity:0;transition:opacity .3s}
.gallery-grid .g-item:hover .g-item-label,.g-grid .g-item:hover .g-item-label{opacity:1}
@media(max-width:640px){.gallery-grid,.g-grid{grid-template-columns:1fr}.gallery-grid .g-item:nth-child(1),.g-grid .g-item:nth-child(1){grid-column:1;aspect-ratio:4/3}}

/* ─ FAQ Accordion ─ */
.faq-section{padding:clamp(4rem,7vw,7rem) 0;background:var(--stone);position:relative;overflow:hidden}
.faq-section>.wrap{position:relative;z-index:1}
.faq-inner{display:grid;grid-template-columns:1fr 2fr;gap:clamp(3rem,6vw,6rem);align-items:start}
.faq-intro{position:sticky;top:7rem}
.faq-intro h2{font-family:var(--fd);font-size:clamp(2rem,3.5vw,3rem);font-weight:400;line-height:1.2;margin-bottom:1rem}
.faq-intro h2 em{font-style:italic;font-family:var(--fi);color:var(--cpl)}
.faq-intro p{color:var(--wheat);font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}
.faq-list{display:flex;flex-direction:column;gap:0}
.faq-item{border-bottom:1px solid var(--b)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 0;cursor:pointer;color:var(--cream);font-size:1rem;line-height:1.4;font-weight:400;transition:color .2s}
.faq-q:hover{color:var(--cpl)}
.faq-icon{width:22px;height:22px;border-radius:50%;border:1px solid var(--bl);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,background .2s,transform .35s var(--ease)}
.faq-icon svg{width:10px;height:10px;stroke:var(--cream);stroke-width:2;fill:none;transition:stroke .2s}
.faq-item.open .faq-icon{border-color:var(--copper);background:rgba(184,115,64,.1);transform:rotate(45deg)}
.faq-item.open .faq-icon svg{stroke:var(--copper)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s var(--ease),padding .35s var(--ease)}
.faq-a-inner{padding-bottom:1.4rem;color:var(--wheat);font-size:.95rem;line-height:1.75}
.faq-item.open .faq-a{max-height:300px}
@media(max-width:760px){.faq-inner{grid-template-columns:1fr}.faq-intro{position:static}}

/* ─ Related Products (carousel) ─ */
.related-section{padding:clamp(3rem,5vw,5rem) 0;background:var(--c);border-top:1px solid var(--b)}
.related-grid{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--g);padding:0 var(--g) 1rem;margin:2rem calc(var(--g) * -1) 0;scrollbar-width:none}
.related-grid::-webkit-scrollbar{display:none}
.related-card{flex:0 0 clamp(200px,28vw,280px);scroll-snap-align:start;position:relative;border-radius:14px;overflow:hidden;aspect-ratio:3/4;display:block;text-decoration:none}
.related-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.related-card:hover img{transform:scale(1.05)}
.related-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,10,5,.92) 0%,rgba(13,10,5,.3) 55%,transparent 100%);transition:opacity .3s}
.related-card:hover .related-card-overlay{opacity:.85}
.related-card-content{position:absolute;bottom:0;left:0;right:0;padding:1.2rem 1.25rem;display:flex;flex-direction:column;gap:.3rem}
.related-card-cat{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper)}
.related-card-title{font-family:var(--fd);font-size:1.15rem;font-weight:400;color:var(--cream);line-height:1.2}
.related-card-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgba(242,237,228,.25);display:flex;align-items:center;justify-content:center;margin-top:.6rem;transition:border-color .2s,background .2s}
.related-card:hover .related-card-arrow{border-color:var(--copper);background:rgba(184,115,64,.2)}
.related-card-arrow svg{width:12px;height:12px;stroke:var(--cream);stroke-width:2;fill:none}

/* ─ Spoke CTA Strip ─ */
.spoke-cta{background:linear-gradient(130deg,var(--cpd) 0,var(--copper) 100%);padding:clamp(3rem,6vw,5rem) 0;margin-top:3px}
.spoke-cta-inner{max-width:var(--mx);margin:0 auto;padding:0 var(--g);display:flex;align-items:center;gap:clamp(2rem,5vw,4rem);flex-wrap:wrap}
/* Left column: text + buttons stacked */
.spoke-cta-left{flex:1;min-width:280px;display:flex;flex-direction:column;gap:1.5rem}
.spoke-cta-text{display:flex;flex-direction:column;gap:.4rem}
.spoke-cta-eyebrow{display:block;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(19,18,16,.6)}
.spoke-cta h3{font-family:var(--fd);font-size:clamp(1.7rem,3.5vw,3rem);font-weight:400;color:var(--c);line-height:1.15;margin:0}
.spoke-cta h3 em{font-style:italic;font-family:var(--fi);color:var(--c)}
.spoke-cta-sub{font-size:.88rem;color:rgba(19,18,16,.62);margin-top:.2rem;display:flex;align-items:center;gap:.45rem}
.spoke-cta-sub::before{content:'';width:7px;height:7px;border-radius:50%;background:rgba(19,18,16,.4);flex-shrink:0}
.spoke-cta-acts{display:flex;gap:.9rem;flex-wrap:wrap}
.spoke-cta-acts .btn-cop{background:var(--c);color:var(--cream);border-color:var(--c)}
.spoke-cta-acts .btn-cop:hover{background:var(--stone)}
.spoke-cta-acts .btn-gh{border-color:rgba(19,18,16,.35);color:var(--c)}
.spoke-cta-acts .btn-gh:hover{background:rgba(19,18,16,.1)}
/* Right column: chat widget */
.spoke-cta-inner>.livechat{flex-shrink:0}
@media(max-width:860px){.spoke-cta-inner{flex-direction:column;align-items:flex-start}.spoke-cta-inner>.livechat{width:100%}}

/* ─ Live Chat Widget ─ */
.livechat{width:clamp(280px,38vw,420px);background:rgba(14,13,11,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--b);border-radius:20px;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.4);flex-shrink:0}
.lc-header{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--b);background:rgba(242,237,228,.03)}
.lc-avatar{position:relative;width:42px;height:42px;flex-shrink:0}
.lc-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;animation:lc-breathe 4s ease-in-out infinite}
.lc-live-dot{position:absolute;bottom:1px;right:1px;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid rgba(14,13,11,.95);animation:lc-live-pulse 2s ease-out infinite}
@keyframes lc-breathe{0%,100%{transform:scale(1);filter:brightness(1) saturate(1)}50%{transform:scale(1.018);filter:brightness(1.06) saturate(1.05)}}
@keyframes lc-live-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.lc-header-info{flex:1;min-width:0}
.lc-name{font-size:.86rem;font-weight:500;color:var(--cream);line-height:1.2}
.lc-status{font-size:.72rem;color:#4ade80;display:flex;align-items:center;gap:.28rem;margin-top:.15rem}
.lc-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#22c55e;flex-shrink:0}
.lc-live-badge{display:inline-flex;align-items:center;gap:.28rem;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);border-radius:99px;padding:.2rem .55rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#fca5a5;flex-shrink:0}
.lc-live-badge::before{content:'';width:5px;height:5px;border-radius:50%;background:#ef4444;animation:lc-blink 1.1s ease-in-out infinite}
@keyframes lc-blink{0%,100%{opacity:1}50%{opacity:.25}}
.lc-body{padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.55rem;min-height:96px}
.lc-msg{background:rgba(184,115,64,.16);border:1px solid rgba(184,115,64,.2);border-radius:4px 14px 14px 14px;padding:.6rem .85rem;font-size:.84rem;line-height:1.58;color:var(--cream);max-width:88%;opacity:0;animation:lc-msg-in .5s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes lc-msg-in{from{transform:scale(.88) translateY(6px);opacity:0}to{transform:none;opacity:1}}
.lc-typing{display:flex;align-items:center;gap:.24rem;padding:.6rem .85rem;background:rgba(255,255,255,.05);border-radius:4px 12px 12px 12px;width:fit-content}
.lc-typing span{width:6px;height:6px;border-radius:50%;background:rgba(242,237,228,.38);animation:lc-dot .85s ease-in-out infinite}
.lc-typing span:nth-child(2){animation-delay:.18s}
.lc-typing span:nth-child(3){animation-delay:.36s}
@keyframes lc-dot{0%,60%,100%{transform:translateY(0);opacity:.38}30%{transform:translateY(-5px);opacity:1}}
.lc-footer{display:flex;align-items:center;gap:.55rem;padding:.65rem .85rem;border-top:1px solid var(--b)}
.lc-input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(242,237,228,.1);border-radius:99px;padding:.48rem 1rem;font-size:.82rem;color:var(--cream);outline:none;font-family:var(--fb);cursor:text;transition:border-color .2s;min-width:0}
.lc-input::placeholder{color:rgba(242,237,228,.28)}
.lc-input:focus{border-color:rgba(184,115,64,.45)}
.lc-send{width:34px;height:34px;min-width:34px;border-radius:50%;background:var(--copper);color:var(--c);display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease),background .2s;cursor:pointer}
.lc-send:hover{transform:scale(1.12);background:var(--cpd)}
@media(max-width:680px){.spoke-cta-inner{flex-direction:column}.livechat{width:100%}}

/* ─ Spoke Footer (simplified, sem o full footer) ─ */
.spoke-footer{background:var(--obs);border-top:1px solid var(--b);padding:clamp(2rem,4vw,3rem) 0}
.spoke-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.spoke-footer-brand img{height:28px;opacity:.7}
.spoke-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}
.spoke-footer-links a{font-size:.8rem;color:var(--muted);transition:color .2s;letter-spacing:.04em}
.spoke-footer-links a:hover{color:var(--copper)}
.spoke-footer-copy{font-size:.75rem;color:var(--muted);text-align:right}

/* ═══════════════════════════════════════
   PROD-PAGE — Páginas individuais de linha de produto
   (piso laminado/vinílico, cortina, persiana, toldo etc)
═══════════════════════════════════════ */

/* Hero cinematográfico de linha */
.prod-hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden;isolation:isolate}
.prod-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;transform:scale(1.04);transition:transform 12s cubic-bezier(.25,0,.2,1)}
.prod-hero:hover .prod-hero-bg{transform:scale(1)}
.prod-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(19,18,16,.94) 0%,rgba(19,18,16,.78) 42%,rgba(19,18,16,.35) 75%,rgba(19,18,16,.18) 100%);z-index:1}
.prod-hero>.wrap{position:relative;z-index:2;padding:clamp(4rem,8vh,7rem) 0}
.prod-hero-tag{display:inline-flex;align-items:center;gap:.55rem;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:1.25rem}
.prod-hero-tag span{width:28px;height:1px;background:var(--copper)}
.prod-h1{font-family:var(--fd);font-weight:400;font-size:clamp(2.8rem,6.6vw,5.75rem);line-height:.98;letter-spacing:-.02em;color:var(--cream);margin:0 0 1.25rem;text-shadow:0 2px 32px rgba(19,18,16,.55)}
.prod-h1 em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-hero-sub{font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.65;color:var(--wheat);max-width:640px;margin:0 0 2.25rem}
.prod-hero-sub strong{color:var(--cream);font-weight:500}
.prod-hero-acts{display:flex;gap:.9rem;flex-wrap:wrap}

/* Corpo: descrição + ficha técnica */
.prod-body{padding:clamp(4rem,8vh,7rem) 0;background:var(--c)}
.prod-body-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(3rem,6vw,5rem);align-items:start}
@media(max-width:900px){.prod-body-grid{grid-template-columns:1fr}}
.prod-copy{font-size:1.02rem;line-height:1.75;color:var(--wheat)}
.prod-copy .eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:1rem;display:block}
.prod-copy .title{font-family:var(--fd);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.12;color:var(--cream);margin:0 0 1.5rem}
.prod-copy .title em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-copy p{margin:0 0 1.25rem}
.prod-copy p strong{color:var(--cream);font-weight:500}
.prod-tech{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:.95rem}
.prod-tech li{padding-left:1.75rem;position:relative;line-height:1.6;font-size:.95rem;color:var(--wheat)}
.prod-tech li::before{content:"";position:absolute;left:0;top:.7rem;width:.95rem;height:1px;background:var(--copper)}
.prod-tech li strong{display:block;color:var(--cream);font-weight:500;letter-spacing:.01em;font-size:1rem;margin-bottom:.2rem}
.prod-specs{background:rgba(242,237,228,.035);border:1px solid var(--b);border-radius:14px;padding:1.85rem;position:sticky;top:100px}
.prod-specs-title{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper);margin:0 0 1.4rem}
.prod-spec-item{padding:.95rem 0;border-bottom:1px solid var(--b)}
.prod-spec-item:last-child{border-bottom:0;padding-bottom:0}
.prod-spec-item:first-child{padding-top:0}
.prod-spec-lbl{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.prod-spec-val{font-family:var(--fd);font-size:1.18rem;line-height:1.28;color:var(--cream);font-weight:400}
.prod-spec-val small{display:block;font-family:var(--fb);font-size:.75rem;font-weight:400;color:var(--muted);margin-top:.25rem;letter-spacing:0;text-transform:none;line-height:1.45}

/* Grid de padrões/cores */
.prod-patterns{padding:clamp(4rem,7vw,7rem) 0;background:var(--stone);border-top:1px solid var(--b)}
.prod-patterns-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2.5rem;flex-wrap:wrap;margin-bottom:2.75rem}
.prod-patterns-head .eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:.85rem;display:block}
.prod-patterns-head .title{font-family:var(--fd);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.12;color:var(--cream);margin:0}
.prod-patterns-head .title em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-patterns-note{font-size:.88rem;line-height:1.58;color:var(--muted);max-width:360px;margin:0}
.prod-patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}
.prod-pattern{border:1px solid var(--b);border-radius:10px;padding:1.2rem 1.3rem;background:rgba(242,237,228,.02);transition:border-color .35s var(--ease),background .35s var(--ease),transform .4s var(--ease)}
.prod-pattern:hover{border-color:rgba(184,115,64,.4);background:rgba(184,115,64,.04);transform:translateY(-3px)}
.prod-pattern-name{font-family:var(--fd);font-size:1.2rem;line-height:1.2;color:var(--cream);margin:0 0 .4rem;font-weight:400}
.prod-pattern-kind{font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--copper);display:block}
/* Variante com imagem real do catálogo */
.prod-patterns-grid--img{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.1rem}
.prod-pattern--img{padding:0;overflow:hidden;display:flex;flex-direction:column}
.prod-pattern--img .prod-pattern-media{aspect-ratio:4/3;overflow:hidden;background:var(--c);position:relative}
.prod-pattern--img .prod-pattern-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease);filter:saturate(.95)}
.prod-pattern--img:hover .prod-pattern-media img{transform:scale(1.05);filter:saturate(1.05)}
.prod-pattern--img .prod-pattern-body{padding:1.15rem 1.25rem 1.3rem}
.prod-pattern--img .prod-pattern-name{margin:0 0 .35rem}
.prod-pattern--img:hover{transform:translateY(-4px)}

/* Aplicação ideal */
.prod-use{padding:clamp(4rem,7vw,7rem) 0;background:var(--c)}
.prod-use .eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:.85rem;display:block}
.prod-use .title{font-family:var(--fd);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.12;color:var(--cream);margin:0}
.prod-use .title em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2.75rem}
.prod-use-card{padding:1.85rem;border:1px solid var(--b);border-radius:12px;background:rgba(242,237,228,.02);transition:border-color .35s var(--ease),background .35s var(--ease)}
.prod-use-card:hover{border-color:rgba(184,115,64,.3);background:rgba(184,115,64,.03)}
.prod-use-ico{font-family:var(--fi);font-style:italic;color:var(--copper);font-size:1rem;margin-bottom:.7rem;letter-spacing:.02em}
.prod-use-title{font-family:var(--fd);font-size:1.35rem;line-height:1.22;color:var(--cream);margin:0 0 .7rem;font-weight:400}
.prod-use-desc{font-size:.92rem;line-height:1.62;color:var(--wheat);margin:0}

/* Outras linhas (related de produto) */
.prod-related{padding:clamp(4rem,7vw,7rem) 0;background:var(--stone);border-top:1px solid var(--b)}
.prod-related .eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:.85rem;display:block}
.prod-related .title{font-family:var(--fd);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.12;color:var(--cream);margin:0}
.prod-related .title em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:2.75rem}
@media(max-width:900px){.prod-related-grid{grid-template-columns:1fr}}
.prod-related-card{position:relative;aspect-ratio:4/5;border-radius:14px;overflow:hidden;display:block;border:1px solid var(--b);transition:border-color .4s var(--ease),transform .45s var(--ease),box-shadow .4s var(--ease)}
.prod-related-card:hover{border-color:rgba(184,115,64,.35);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.35)}
.prod-related-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.prod-related-card:hover img{transform:scale(1.07)}
.prod-related-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,10,5,.94) 0%,rgba(13,10,5,.55) 35%,rgba(13,10,5,.1) 65%,transparent 100%)}
.prod-related-body{position:absolute;left:0;right:0;bottom:0;padding:1.55rem 1.5rem}
.prod-related-tag{display:inline-block;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:.55rem}
.prod-related-title{font-family:var(--fd);font-size:1.75rem;line-height:1;color:var(--cream);margin:0 0 .55rem;font-weight:400}
.prod-related-desc{font-size:.88rem;line-height:1.5;color:var(--wheat);margin:0}

/* CTA final */
.prod-cta{padding:clamp(4rem,7vw,6rem) 0;background:var(--c);text-align:center;border-top:1px solid var(--b)}
.prod-cta .eyebrow{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--copper);margin-bottom:.85rem;display:block}
.prod-cta .title{font-family:var(--fd);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:400;line-height:1.12;color:var(--cream);margin:0 0 1.1rem}
.prod-cta .title em{font-style:italic;font-family:var(--fi);color:var(--copper)}
.prod-cta-sub{color:var(--wheat);max-width:540px;margin:0 auto 2.25rem;font-size:1.02rem;line-height:1.6}