/* Corte a laser: cabeçalho com dados, simulação 3D interativa com painel de controles,
   metais que trabalhamos e serviços industriais. */
.corte{position:relative;background:#0d0f12;color:var(--v3-white);padding-block:clamp(64px,9vw,120px);border-top:1px solid var(--v3-line)}
.corte-head{display:grid;grid-template-columns:minmax(0,760px);gap:clamp(24px,5vw,72px);align-items:center}
.corte-lead{margin:20px 0 0;max-width:32rem;color:var(--v3-soft)}
.corte-head .btn{margin-top:26px}
/* foto real da máquina, com tratamento cinematográfico (sem ampliar além do original: 1200 px) */
.corte-foto{position:relative;margin:0;max-width:1200px;overflow:hidden;clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.corte-foto img{width:100%;height:auto;aspect-ratio:1200/560;object-fit:cover;filter:saturate(.75) contrast(1.08) brightness(.9);transition:transform 1.2s var(--ease)}
.corte-foto::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,rgba(9,11,13,.85) 0%,rgba(9,11,13,0) 45%),linear-gradient(90deg,rgba(242,101,34,.18),rgba(242,101,34,0) 40%)}
.corte-foto:hover img{transform:scale(1.03)}
.corte-foto figcaption{position:absolute;left:18px;right:18px;bottom:14px;z-index:1;margin:0;font-size:13.5px;line-height:1.4;color:var(--c-soft)}
.corte-foto figcaption b{display:inline-block;margin-right:8px;padding:4px 8px;font:700 11px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(9,11,13,.8)}
.corte .spec{margin-top:22px;border-top:1px solid var(--v3-orange)}
.corte .spec dt,.corte .spec dd{border-bottom-color:var(--v3-line)}
.corte .spec dt{color:var(--v3-mute)}
.corte .spec dd{color:#fff}

/* simulação */
.sim{margin-top:clamp(36px,5vw,56px);display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:14px;align-items:stretch}
.sim-stage{min-height:420px;aspect-ratio:16/10.4;
  background:radial-gradient(70% 70% at 50% 42%,#20242a 0%,#121417 62%,#0b0c0e 100%);
  clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.sim-stage .stage-fallback{position:absolute;inset:0;display:grid;align-content:center;padding:clamp(16px,3vw,40px);background:#121417}
.sim-stage .stage-fallback svg{display:block;width:100%;height:auto;max-height:100%}
.sim-stage .stage-fallback figcaption{margin-top:12px;font-size:13px;color:var(--v3-mute)}
.sim-status{position:absolute;left:16px;right:16px;bottom:16px;display:grid;gap:8px;max-width:420px;padding:12px 14px;
  background:rgba(10,11,13,.72);border:1px solid var(--v3-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sim-status p{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--v3-soft)}
.sim-status b{font-weight:600;color:#fff}
.sim-status .pct{font-variant-numeric:tabular-nums;color:var(--v3-mute)}
.sim-bar{position:relative;height:3px;background:rgba(255,255,255,.12);overflow:hidden}
.sim-bar i{position:absolute;inset:0 auto 0 0;width:0;background:var(--v3-orange);transition:width .3s linear}

.sim-panel{display:flex;flex-direction:column;gap:22px;min-width:0;padding:clamp(18px,2vw,28px);background:var(--v3-graphite)}
.sim-panel .kicker{margin-bottom:-8px}
.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chip{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border:1px solid var(--v3-line);background:none;color:var(--v3-soft);
  font:600 14.5px/1.1 var(--f-body);text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.chip:hover{border-color:rgba(255,255,255,.3);color:#fff}
.chip[aria-pressed="true"]{border-color:var(--v3-orange);background:rgba(239,106,44,.1);color:#fff}
.chip .sw{width:18px;height:18px;flex:none;border-radius:50%;background:var(--sw);box-shadow:inset 0 -3px 5px rgba(0,0,0,.28),inset 0 2px 3px rgba(255,255,255,.4)}
.chip.m-inox{--sw:var(--m-inox)}.chip.m-carbono{--sw:var(--m-carbono)}.chip.m-latao{--sw:var(--m-latao)}.chip.m-cobre{--sw:var(--m-cobre)}.chip.m-aluminio{--sw:var(--m-aluminio)}
.chips .chip:last-child{grid-column:1/-1}
.sim-ctrl{display:flex;flex-wrap:wrap;gap:8px}
.sim-ctrl .ctl{flex:1 1 auto;background:transparent;border-color:var(--v3-line)}
.sim-ctrl .ctl.main{flex:1 1 100%;background:var(--v3-orange);border-color:var(--v3-orange);color:var(--on-orange)}
.sim-ctrl .ctl.main:hover{background:var(--v3-orange-hi)}
.sim-ctrl .ctl.sq{flex:0 0 48px;padding:0}
.sim-hint{margin:-6px 0 0;font-size:13.5px;line-height:1.45;color:var(--v3-mute)}
.sim-aviso{margin:auto 0 0;padding:12px 14px;font-size:13px;line-height:1.5;color:var(--v3-soft);background:rgba(239,106,44,.07);border-left:2px solid var(--v3-orange)}
.sim-aviso b{color:#fff}
.sim:not(.has-3d) .needs-3d{display:none}

/* esquema 2D da chapa (reserva sem 3D) */
.sheet{fill:#0b0d10;stroke:#2c3138;stroke-width:2;vector-effect:non-scaling-stroke}
.part{fill:var(--metal-fill,#c9ced4);stroke:rgba(0,0,0,.35);stroke-width:1.5;vector-effect:non-scaling-stroke;transition:fill .6s var(--ease)}
.hole-s{fill:#0b0d10}
.dim path{stroke:rgba(255,255,255,.4);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}
.dim text{fill:rgba(255,255,255,.7);font:600 92px var(--f-body);font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central}

/* metais que trabalhamos */
.metal-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 32px;margin-top:clamp(56px,7vw,96px)}
.metal-tip{margin:0;font-size:14px;color:var(--v3-mute)}
.coupons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 14px;margin:24px 0 0;padding:0;list-style:none}
.coupon{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.coupon .cp{position:relative;display:block;aspect-ratio:4/3;max-width:100%;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),var(--metal);
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);transition:transform .35s var(--ease)}
.coupon:hover .cp{transform:translateY(-3px)}
.coupon.m-inox .cp{--metal:var(--m-inox)}.coupon.m-carbono .cp{--metal:var(--m-carbono)}.coupon.m-latao .cp{--metal:var(--m-latao)}
.coupon.m-cobre .cp{--metal:var(--m-cobre)}.coupon.m-aluminio .cp{--metal:var(--m-aluminio)}
.coupon[aria-pressed="true"] .cp{box-shadow:inset 0 0 0 2px var(--v3-orange)}
.coupon .hole{position:absolute;left:50%;top:14%;width:22%;aspect-ratio:1;translate:-50% 0;border-radius:50%;background:#0b0d10;box-shadow:inset 0 3px 5px rgba(0,0,0,.5)}
.coupon .ct{display:block;font:800 22px/1 var(--f-display);text-transform:uppercase;color:#fff}
.coupon[aria-pressed="true"] .ct{color:var(--v3-orange)}
.coupon .cd{display:block;font-size:14px;line-height:1.45;color:var(--v3-mute)}
.nest-note{margin:26px 0 0;max-width:40rem;font-size:15px;color:var(--v3-mute)}

/* serviços industriais */
.svc-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,4vw,64px);align-items:start;
  margin-top:clamp(56px,7vw,96px);padding-top:clamp(28px,4vw,44px);border-top:1px solid var(--v3-line)}
.svc-row h3{margin:16px 0 0;font:900 clamp(30px,3.4vw,46px)/.95 var(--f-display);text-transform:uppercase;color:#fff}
.svc{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.svc-b{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:14px;width:100%;min-height:112px;padding:14px 12px;
  border:0;background:var(--v3-graphite);color:var(--v3-mute);font:600 14px/1.2 var(--f-body);text-align:left;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:background-color .25s,color .25s}
.svc-b svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.svc-b:hover{color:#fff;background:#1a1d22}
.svc-b[aria-pressed="true"]{color:#fff;background:var(--v3-plate);box-shadow:inset 0 -3px 0 var(--v3-orange)}
.svc-b[aria-pressed="true"] svg{color:var(--v3-orange)}
.svc-note{margin:14px 0 0;min-height:3.4em;max-width:40rem;font-size:15px;color:var(--v3-mute)}

@media (max-width:1100px){
  .sim{grid-template-columns:minmax(0,1fr)}
  .sim-stage{min-height:0}
  .chips{grid-template-columns:repeat(5,minmax(0,1fr))}
  .chips .chip:last-child{grid-column:auto}
  .sim-aviso{margin-top:0}
}
@media (max-width:1000px){
  .coupons{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .corte-head,.svc-row{grid-template-columns:minmax(0,1fr)}
  .chips{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .sim-stage{aspect-ratio:4/3.9;margin-inline:calc(-1*var(--hx));width:calc(100% + 2*var(--hx));max-width:none;clip-path:none}
  .sim-status{left:12px;right:12px;bottom:12px}
  .chips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chips .chip:last-child{grid-column:1/-1}
  .svc{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coupons{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion: reduce){
  .corte-foto img{transition:none}
  .svc-b,.coupon .cp,.chip,.sim-bar i,.part{transition:none}
}