/* Aluclamec · seções da Home */
.hs span,.cell__t p,.q span{text-wrap:pretty}
.spot b,.hs span b,.q b{text-wrap:balance}

/* ---------- abertura ---------- */
.hero{position:relative;min-height:max(700px,min(100svh,920px));display:grid;align-items:end;color:#f3efe9;overflow:hidden;background:#0c0b0a}
.hero__img{position:absolute;inset:0}
.hero__img img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;animation:hIn 2.6s cubic-bezier(.2,.7,.2,1) both}
@keyframes hIn{from{scale:1.07;filter:brightness(.55)}to{scale:1;filter:none}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,9,8,.94) 0%,rgba(10,9,8,.78) 32%,rgba(10,9,8,.2) 58%,rgba(10,9,8,0) 72%),linear-gradient(0deg,rgba(10,9,8,.88) 0%,rgba(10,9,8,0) 30%)}
.hero__in{position:relative;z-index:2;padding:180px 0 86px;display:grid;grid-template-columns:minmax(0,700px) 1fr;gap:40px;align-items:end}
.hero .eyebrow{color:#cfc6ba;margin-bottom:22px;animation:up .8s .2s both}
.hero h1{font-family:var(--fd);font-weight:800;font-size:clamp(3.4rem,1.6rem + 5.2vw,7.2rem);line-height:.86;letter-spacing:-.005em;text-transform:uppercase;animation:up .9s .3s both}
.hero__lead{margin-top:26px;max-width:600px;font-size:19px;line-height:1.62;color:#ddd5ca;animation:up .9s .45s both}
.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;animation:up .9s .6s both}
.spot{justify-self:end;width:390px;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px;border-radius:12px;background:rgba(18,16,14,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,170,90,.32),0 24px 50px -24px rgba(0,0,0,.9);animation:up 1s .85s both;transition:transform .3s,box-shadow .3s}
.spot:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,190,110,.75),0 0 46px -12px rgba(255,125,26,.7)}
.spot img{width:120px;height:120px;object-fit:cover;border-radius:8px}
.spot small{font-family:var(--fm);font-size:11.5px;color:var(--m3)}
.spot b{display:block;font-family:var(--fd);font-weight:800;font-size:27px;line-height:.98;text-transform:uppercase;color:#fff;margin:6px 0 8px}
.spot__txt{display:block}
.spot__go{display:inline-flex;gap:7px;align-items:center;font-weight:700;font-size:14px;color:#ffcf8f}

/* ---------- linha em destaque: conchas e escumadeiras ---------- */
.dest{position:relative;color:#efe9e1;overflow:hidden}
.dest::before{content:"";position:absolute;inset:0;background:radial-gradient(1100px 420px at 50% -10%,rgba(255,110,25,.16),transparent 65%);pointer-events:none}
.dest .wrap{position:relative}
.dest__head{display:grid;justify-items:center;text-align:center;gap:20px;max-width:980px;margin:0 auto 56px}
.dest__head .lead{max-width:820px}
.vit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.vit__card{position:relative;border-radius:12px;overflow:hidden;background:#111;box-shadow:inset 0 0 0 1px rgba(255,190,120,.16),0 40px 70px -40px rgba(0,0,0,.9)}
.vit__pic{position:relative;aspect-ratio:836/941;max-height:620px;width:100%}
.vit__pic img{width:100%;height:100%;object-fit:cover;transition:scale 1.2s cubic-bezier(.2,.7,.2,1),filter .6s}
.vit__card:hover .vit__pic img{scale:1.03;filter:brightness(1.06)}
.vit__pic::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,rgba(12,10,9,.96),rgba(12,10,9,0));pointer-events:none}
.vit__txt{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 32px 30px}
.vit__txt small{font-family:var(--fm);font-size:12.5px;color:var(--m3)}
.vit__txt h3{font-family:var(--fd);font-weight:800;font-size:clamp(2.2rem,1.5rem + 1.6vw,3.3rem);line-height:.92;text-transform:uppercase;color:#fff;margin:8px 0 10px}
.vit__txt h3 a{transition:color .3s}
.vit__txt h3 a:hover{color:#ffcf8f}
.vit__txt p{font-size:16px;line-height:1.58;color:#d6cec3;max-width:44ch}
.hs{position:absolute;z-index:3;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:8px;display:grid;place-items:center}
.hs::before{content:"";position:absolute;inset:0;border-radius:8px;border:2px solid var(--m3);animation:hsp 2s ease-out infinite}
.hs i{width:12px;height:12px;border-radius:3px;background:var(--molten);box-shadow:0 0 12px rgba(255,140,30,.9)}
.hs span{position:absolute;left:38px;top:50%;translate:0 -50%;width:max-content;max-width:250px;padding:10px 12px;border-radius:8px;background:rgba(14,12,11,.92);box-shadow:inset 0 0 0 1px rgba(255,180,100,.4);font-size:13.5px;line-height:1.4;color:#efe9e1;opacity:0;pointer-events:none;transition:opacity .25s,translate .25s}
.hs span b{display:block;font-weight:700;color:#ffcf8f;margin-bottom:2px}
.hs.l span{left:auto;right:38px}
.hs:hover span,.hs:focus-visible span{opacity:1;translate:4px -50%}
.hs.l:hover span,.hs.l:focus-visible span{translate:-4px -50%}
.dest__foot{display:flex;justify-content:center;margin-top:30px}

/* ---------- fundidos e forjados (bento) ---------- */
.prod__head{display:grid;justify-items:center;text-align:center;gap:20px;max-width:960px;margin:0 auto 56px}
.prod__head .lead{max-width:800px}
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:230px;gap:18px}
.cell{position:relative;border-radius:10px;overflow:hidden;background:#d9dde1;box-shadow:inset 0 2px 6px rgba(0,0,0,.18),0 1px 0 rgba(255,255,255,.8),0 24px 40px -30px rgba(0,0,0,.6);isolation:isolate;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.cell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:scale .8s cubic-bezier(.2,.7,.2,1)}
.cell::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,11,10,.9) 0%,rgba(12,11,10,.35) 48%,rgba(12,11,10,0) 75%)}
.cell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--molten);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px rgba(255,125,26,.8)}
.cell:hover{transform:translateY(-6px);box-shadow:inset 0 2px 6px rgba(0,0,0,.18),0 34px 50px -30px rgba(0,0,0,.75)}
.cell:hover img{scale:1.06}
.cell:hover::after{transform:scaleX(1)}
.cell__t{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;color:#fff}
.cell__t small{font-family:var(--fm);font-size:11.5px;color:#ffcf8f}
.cell__t h3{font-family:var(--fd);font-weight:800;font-size:31px;line-height:.95;text-transform:uppercase;margin-top:4px}
.cell__t p{font-size:14.5px;line-height:1.5;color:#ddd5ca;margin-top:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s ease,opacity .35s}
.cell:hover .cell__t p,.cell:focus-visible .cell__t p{max-height:90px;opacity:1}
.cell--a{grid-column:span 2;grid-row:span 2}
.cell--a .cell__t h3{font-size:48px}
.cell--a .cell__t p{max-height:none;opacity:1;font-size:16px;max-width:46ch}
.cell--w{grid-column:span 2}
.prod__foot{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:40px}

/* ---------- seletor de liga (lingotes) ---------- */
.lig{position:relative;color:#efe9e1;overflow:hidden}
.lig::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 400px at 85% 110%,rgba(255,110,25,.14),transparent 70%);pointer-events:none}
.lig .wrap{position:relative}
.lig__head{display:grid;justify-items:center;text-align:center;gap:20px;max-width:980px;margin:0 auto 52px}
.lig__head .lead{max-width:820px}
.lig__grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:30px;align-items:start}
.amb{display:grid;gap:8px}
.amb p{font-family:var(--fm);font-size:12.5px;color:#a9a196;margin-bottom:4px}
.amb button{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center;text-align:left;padding:12px 14px;border-radius:9px;background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,190,120,.14);font-weight:600;font-size:15px;color:#e6dfd5;line-height:1.3;transition:background .25s,box-shadow .25s,color .25s}
.amb button svg{width:34px;height:34px;padding:7px;border-radius:7px;background:rgba(255,255,255,.05);color:#d8cfc3;transition:background .25s,color .25s}
.amb button:hover{background:rgba(255,140,30,.07);box-shadow:inset 0 0 0 1px rgba(255,190,120,.4)}
.amb button[aria-pressed=true]{background:rgba(255,125,26,.14);box-shadow:inset 0 0 0 1.5px rgba(255,170,80,.85);color:#fff}
.amb button[aria-pressed=true] svg{background:var(--molten);color:#1a0c04}
.rack{border-radius:12px;padding:26px 26px 22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:inset 0 0 0 1px rgba(255,190,120,.14)}
.rack__ings{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 12px}
.ing{position:relative;height:78px;display:grid;place-items:center;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);background:linear-gradient(180deg,#5a6169 0%,#3a4047 45%,#262a2f 100%);color:#c6ccd2;transition:filter .35s,transform .3s,background .4s,color .3s;filter:brightness(.62) saturate(.6)}
.ing::before{content:"";position:absolute;inset:3px 3px auto;height:30%;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0))}
.ing b{position:relative;font-family:var(--fd);font-weight:800;font-size:27px;line-height:1;letter-spacing:.01em;text-shadow:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.18)}
.ing small{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-family:var(--fm);font-size:10px;color:inherit;opacity:.7}
.ing.hit{filter:none;background:linear-gradient(180deg,#ffe2a3 0%,#ffb444 22%,#ff7d1a 55%,#c22a0c 100%);color:#2a0d02;animation:glow 2.6s ease-in-out infinite}
.ing.hit b{text-shadow:0 1px 0 rgba(255,255,255,.4)}
@keyframes glow{50%{filter:brightness(1.12)}}
.ing:hover{transform:translateY(-4px);filter:brightness(.95)}
.ing.hit:hover{filter:brightness(1.15)}
.ing[aria-pressed=true]{outline:2px solid #fff;outline-offset:4px}
.ficha{margin-top:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:end;padding-top:22px;border-top:1px solid rgba(255,190,120,.16)}
.ficha small{font-family:var(--fm);font-size:12.5px;color:var(--m3)}
.ficha h3{font-family:var(--fd);font-weight:800;font-size:46px;line-height:.92;text-transform:uppercase;color:#fff;margin:6px 0 8px}
.ficha h3 span{font-size:24px;color:#c9c1b6;margin-left:10px}
.ficha p{font-size:16px;line-height:1.6;color:#d6cec3;max-width:62ch}
.ficha .f-ficha{display:inline-block;margin-top:14px;font-weight:700;font-size:15px}
.ficha .f-ficha[hidden]{display:none}
.ficha ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:12px}
.ficha li{font-family:var(--fm);font-size:12px;color:#efe9e1;padding:6px 10px;border-radius:6px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.lig__note{margin-top:18px;font-size:13.5px;color:#9f978c}

/* ---------- processo (painéis que abrem) ---------- */
.proc__head{display:grid;justify-items:center;text-align:center;gap:20px;max-width:960px;margin:0 auto 52px}
.proc__head .lead{max-width:800px}
.panes{display:flex;gap:14px;height:520px}
.pane{position:relative;flex:1;min-width:0;border-radius:12px;overflow:hidden;color:#fff;transition:flex .6s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 50px -34px rgba(0,0,0,.8);isolation:isolate}
.pane img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:scale 1s}
.pane::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(12,10,9,.95) 0%,rgba(12,10,9,.45) 55%,rgba(12,10,9,.15) 100%)}
.pane__n{position:absolute;top:18px;left:20px;font-family:var(--fd);font-weight:800;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,210,150,.75)}
.pane__t{position:absolute;left:0;right:0;bottom:0;padding:24px 24px 26px}
.pane__t h3{font-family:var(--fd);font-weight:800;font-size:clamp(24px,2.3vw,32px);line-height:.95;text-transform:uppercase}
.pane__t p{margin-top:10px;font-size:15.5px;line-height:1.55;color:#ddd5ca;max-width:40ch;opacity:0;max-height:0;overflow:hidden;transition:opacity .4s .1s,max-height .5s}
.panes:not(:hover) .pane:first-child,.pane:hover{flex:2.4}
.panes:not(:hover) .pane:first-child p,.pane:hover p{opacity:1;max-height:200px}
.pane:hover img{scale:1.05}
.qual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.q{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:18px 18px;border-radius:10px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(21,24,28,.08),0 16px 30px -26px rgba(0,0,0,.6);transition:transform .3s,box-shadow .3s}
.q:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,125,26,.45),0 22px 36px -26px rgba(0,0,0,.65)}
.q svg{width:40px;height:40px;padding:8px;border-radius:8px;background:linear-gradient(180deg,#2a2f35,#15181c);color:#ffb444}
.q b{display:block;font-weight:700;font-size:15.5px;line-height:1.3;color:var(--ink)}
.q span{display:block;font-size:14px;line-height:1.5;color:var(--mute);margin-top:4px}

@media (min-width:900px){
  .vit__txt p,.cell--a .cell__t p,.ficha p,.hero__lead{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
  .dest__head .lead,.prod__head .lead,.lig__head .lead,.proc__head .lead{text-align-last:center}
}
@media (max-width:1180px){
  .hero__in{grid-template-columns:minmax(0,1fr)}
  .spot{justify-self:start}
  .bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lig__grid{grid-template-columns:minmax(0,1fr)}
  .amb{grid-template-columns:repeat(2,minmax(0,1fr))}
  .amb p{grid-column:1/-1}
  .qual{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
  .hero{min-height:auto}
  .hero::before{background:linear-gradient(0deg,rgba(10,9,8,.97) 0%,rgba(10,9,8,.85) 48%,rgba(10,9,8,.3) 75%,rgba(10,9,8,.15) 100%)}
  .hero__img img{object-position:74% 40%}
  .hero__in{padding:300px 0 60px;text-align:center;justify-items:center}
  .hero .eyebrow{justify-content:center}
  .hero__lead{font-size:17px}
  .hero__cta{flex-direction:column;align-items:center;width:100%}
  .hero__cta .btn{width:min(380px,100%)}
  .spot{justify-self:center;width:min(390px,100%);text-align:left}
  .vit{grid-template-columns:minmax(0,1fr)}
  .vit__txt{position:static;padding:20px 22px 26px;text-align:center}
  .vit__pic::after{display:none}
  .hs{display:none}
  .vit__txt p{margin-inline:auto}
  .dest__foot .btn{width:min(380px,100%)}
  .bento{grid-template-columns:minmax(0,1fr);grid-auto-rows:220px}
  .cell--a,.cell--w{grid-column:auto;grid-row:auto}
  .cell--a{grid-row:span 2}
  .cell__t{text-align:center}
  .cell__t p{max-height:none;opacity:1}
  .cell--a .cell__t h3{font-size:40px}
  .cell--a .cell__t p{margin-inline:auto}
  .prod__foot{flex-direction:column;align-items:center}
  .prod__foot .btn{width:min(380px,100%)}
  .amb{grid-template-columns:minmax(0,1fr)}
  .rack{padding:18px 14px}
  .rack__ings{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
  .ing{height:66px}.ing b{font-size:23px}
  .ficha{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
  .ficha h3{font-size:38px}
  .ficha ul{justify-content:center}
  .ficha .btn{width:min(380px,100%)}
  .panes{flex-direction:column;height:auto}
  .pane{flex:none!important;height:300px}
  .pane__t{text-align:center}
  .pane__t p{opacity:1!important;max-height:none!important;margin-inline:auto}
  .qual{grid-template-columns:minmax(0,1fr)}
  /* sem animações decorativas no celular */
  .hero__img img,.hero .eyebrow,.hero h1,.hero__lead,.hero__cta,.spot,.ing.hit{animation:none}
  .hero h1 .hot{animation:none;background-position:60% 0}
}