/* =========================================================================
   TOMAZ — maquinas.css
   Estilos das páginas de máquinas (listagem/mosaico + detalhe do produto).
   Carregado apenas nessas páginas para não pesar a home (PageSpeed).
   ========================================================================= */

/* ---------- Breadcrumb ---------- */
.breadcrumb{font-size:.85rem;color:var(--ink-mute);margin-bottom:1.2rem}
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.breadcrumb a{color:var(--brand);font-weight:600}
.breadcrumb li:not(:last-child)::after{content:"/";margin-left:.4rem;color:var(--ink-mute)}

/* ---------- Hero das páginas de máquina ---------- */
.page-hero{
  position:relative;padding-top:74px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 130% at 82% 0,#0e2350,#0a1b3d 45%,#061026 100%);
}
.page-hero .hero-glow{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(42% 55% at 12% 20%,rgba(52,195,243,.20),transparent 70%),
            radial-gradient(45% 55% at 92% 85%,rgba(30,91,230,.28),transparent 70%);}
.page-hero-inner{
  width:min(var(--hero-max),94vw);margin-inline:auto;position:relative;z-index:2;
  padding:clamp(48px,6vw,80px) 0 clamp(56px,7vw,86px);
}
.page-hero .breadcrumb{color:#9fb2d4}
.page-hero .breadcrumb a{color:#9ad7ff}
.page-hero .breadcrumb li:not(:last-child)::after{color:#5f7093}
.page-hero .eyebrow{color:#9ad7ff}
.page-hero h1{font-size:clamp(2.1rem,4.6vw,3.5rem);font-weight:800;max-width:16ch;line-height:1.05;margin-bottom:1.1rem;color:#fff}
.page-hero h1 .accent{background:linear-gradient(120deg,#5fd0ff,#9ad7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero p.lead{color:#c4d2ea;font-size:clamp(1.02rem,1.5vw,1.2rem);max-width:60ch;margin-bottom:1.8rem}
.page-hero .hero-actions{display:flex;flex-wrap:wrap;gap:.9rem}

/* onda para a próxima seção */
.page-hero-wave{display:block;width:100%;height:auto;position:relative;z-index:2;margin-bottom:-1px}

/* ---------- Mosaico de máquinas ---------- */
.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.machine-card{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s;
}
.machine-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:transparent}
.machine-card .mc-media{
  position:relative;aspect-ratio:4/3;display:grid;place-items:center;padding:1.4rem;
  background:linear-gradient(160deg,#f4f8fe,#e8f0fb);border-bottom:1px solid var(--line);
}
.machine-card .mc-media img{max-height:100%;max-width:100%;width:auto;object-fit:contain;
  transition:transform .5s var(--ease);filter:drop-shadow(0 12px 24px rgba(13,40,95,.14))}
.machine-card:hover .mc-media img{transform:scale(1.05)}
.machine-card .mc-badge{
  position:absolute;top:12px;left:12px;background:var(--grad-brand);color:#fff;
  font-family:var(--font-head);font-weight:700;font-size:.68rem;letter-spacing:.05em;
  padding:.3rem .6rem;border-radius:100px;text-transform:uppercase;
}
.machine-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1}
.machine-body h3{font-size:1.25rem;margin-bottom:.5rem}
.machine-body p{color:var(--ink-soft);font-size:.94rem;margin:0 0 1rem}
.machine-specs-mini{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.1rem}
.machine-specs-mini span{background:var(--mist);color:var(--brand);font-family:var(--font-head);
  font-weight:700;font-size:.74rem;padding:.32rem .6rem;border-radius:8px}
.machine-more{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--font-head);font-weight:700;font-size:.9rem;color:var(--brand)}
.machine-more svg{transition:transform .3s}
.machine-card:hover .machine-more svg{transform:translateX(4px)}

/* ---------- Card "em breve" (máquina ainda não divulgada) ---------- */
.machine-card--soon{cursor:default;border-style:dashed;border-color:#c9d8ef;
  background:linear-gradient(160deg,#f7fafe,#eef4fc);text-align:center}
.machine-card--soon:hover{transform:none;box-shadow:none;border-color:#c9d8ef}
.machine-card--soon .mc-media{background:transparent;border-bottom:0}
.machine-card--soon .soon-ic{width:74px;height:74px;border-radius:20px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--brand)}
.machine-card--soon .machine-body{align-items:center}
.soon-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--grad-brand);color:#fff;
  font-family:var(--font-head);font-weight:700;font-size:.7rem;padding:.35rem .75rem;border-radius:100px;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:.7rem}
.machine-card--soon p{margin-bottom:0}

/* ---------- Detalhe da máquina: hero ---------- */
.mdetail-hero{
  display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,4vw,4rem);align-items:center;
}
.mdetail-media{
  border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2.6rem);position:relative;
  background:linear-gradient(160deg,#f4f8fe,#e2ecfa);border:1px solid var(--line);
  display:grid;place-items:center;aspect-ratio:1/.92;
}
.mdetail-media img{max-height:100%;max-width:100%;width:auto;object-fit:contain;
  filter:drop-shadow(0 26px 44px rgba(13,40,95,.20))}
.mdetail-content .tagline{color:var(--brand);font-family:var(--font-head);font-weight:700;
  font-size:1.02rem;margin:.2rem 0 1rem}
.mdetail-content h1{font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;line-height:1.04;margin-bottom:1rem}
.mdetail-content .desc{color:var(--ink-soft);font-size:1.06rem;margin-bottom:1.6rem}
.spec-chips{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1.8rem}
.spec-chip{display:flex;align-items:center;gap:.55rem;background:#fff;border:1px solid var(--line);
  border-radius:14px;padding:.7rem .95rem;box-shadow:var(--shadow-sm)}
.spec-chip .ic{width:34px;height:34px;border-radius:10px;background:var(--mist);color:var(--brand);
  display:grid;place-items:center;flex:0 0 auto}
.spec-chip b{font-family:var(--font-head);font-size:1.02rem;line-height:1;display:block}
.spec-chip span{font-size:.76rem;color:var(--ink-mute)}
.mdetail-actions{display:flex;flex-wrap:wrap;gap:.9rem}

/* faixa de destaques (features) */
.feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem;margin-top:1rem}
.feature-pill{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:16px;padding:1.1rem 1.2rem}
.feature-pill .ic{width:40px;height:40px;border-radius:11px;background:var(--grad-brand);color:#fff;
  display:grid;place-items:center;flex:0 0 auto}
.feature-pill b{font-family:var(--font-head);font-size:.98rem;display:block;margin-bottom:.1rem}
.feature-pill span{color:var(--ink-soft);font-size:.88rem}

/* ---------- Produção (grids de produtos) ---------- */
.prod-section + .prod-section{margin-top:clamp(2.4rem,4vw,3.4rem)}
.prod-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.6rem}
.prod-head .tagpill{font-family:var(--font-head);font-weight:800;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:#fff;background:var(--grad-brand);padding:.4rem .8rem;border-radius:100px}
.prod-head h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800}
.prod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.prod-item{text-align:center}
.prod-item .pimg{aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line);
  box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s}
.prod-item:hover .pimg{transform:translateY(-4px);box-shadow:var(--shadow)}
.prod-item img{width:100%;height:100%;object-fit:cover;display:block}
.prod-item span{display:block;margin-top:.6rem;font-family:var(--font-head);font-weight:600;font-size:.86rem;color:var(--ink)}

/* aviso de fonte (representante) */
.rep-note{font-size:.82rem;color:var(--ink-mute);margin-top:2.4rem;text-align:center}

/* ---------- Responsivo ---------- */
@media (max-width:1024px){
  .machine-grid{grid-template-columns:repeat(2,1fr)}
  .mdetail-hero{grid-template-columns:1fr;gap:2.2rem}
  .mdetail-media{max-width:520px;margin-inline:auto;width:100%;order:-1}
  .prod-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:640px){
  .machine-grid{grid-template-columns:1fr}
  .prod-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}
  .spec-chip{padding:.6rem .75rem}
}
@media (max-width:400px){
  .prod-grid{grid-template-columns:repeat(2,1fr)}
}