/* ===== ALVA responsive (tablet + mobile) ===== */
@media (max-width: 1280px){
  body > div[style*="min-width: 1280px"]{min-width:0!important}
}
@media (max-width: 1100px){
  section[style*="width: 1200px"], div[style*="width: 1200px"]{width:100%!important;max-width:100%!important;box-sizing:border-box;padding-left:28px!important;padding-right:28px!important}
  .cx-panel{width:calc(100% - 40px)!important}
  .fc-grid{flex-wrap:wrap;gap:20px;margin-left:0!important;margin-right:0!important}
  .fc{width:calc(50% - 20px)!important;margin:0!important;--b:none!important}
  .cx5{grid-template-columns:repeat(3,1fr)!important}
}
@media (max-width: 768px){
  html,body{overflow-x:hidden}
  section[style*="width: 1200px"], div[style*="width: 1200px"]{padding-left:18px!important;padding-right:18px!important}
  section[style*="padding: 190px 0 0"]{padding-top:110px!important}
  h2{font-size:32px!important;line-height:1.12!important;letter-spacing:-1px!important;max-width:100%!important}
  h3{font-size:26px!important}
  [style*="grid-template-columns: repeat(12"]{grid-template-columns:1fr!important;gap:22px!important}
  [style*="grid-column: span"]{grid-column:auto!important}
  [style*="justify-content: space-between; align-items: flex-end; gap: 60px"]{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  [style*="justify-content: space-between; align-items: flex-end; gap: 60px"] p{text-align:left!important}
  p[style*="text-align: right"]{text-align:left!important}
}

/* ---------- MOBILE DETAIL (<=768) ---------- */
@media (max-width: 768px){
  /* header */
  .chead{top:10px!important;width:calc(100% - 24px)!important;padding:8px 8px 8px 14px!important;background:rgba(8,8,8,.72)!important;border-color:rgba(243,238,232,.08)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .chead .cnavbar{display:none!important}
  .chead .cghost{height:38px!important;padding:0 14px!important;font-size:12.5px!important}
  .chead a img[style*="height: 16px"]{height:13px!important}

  /* hero */
  .hero-x{height:auto!important;min-height:780px!important}
  .hero-x div[style*="width: 1440px; height: 100%"]{position:absolute!important;left:50%!important;margin-left:-720px!important;height:100%!important}
  .hero-x .hshift{top:0!important;margin-top:0!important;height:100%!important}
  .hero-x .plx{scale:.52;transform-origin:50% 190px}
  .hero-x .hshift > div[style*="width: 1240px"]{top:390px!important;width:calc(100vw - 36px)!important;gap:16px!important}
  .hero-x h1{font-size:25px!important;line-height:1.2!important}

  .hero-x .hshift p{font-size:14.5px!important}
  .hero-x .hshift div[style*="gap: 16px; align-items: center"]{flex-direction:column!important;width:100%;gap:10px!important}
  .hero-x .hshift div[style*="gap: 16px; align-items: center"] > a{width:100%;justify-content:center;box-sizing:border-box}
  .hero-x .fcard,.hero-x .fl2,.hero-x .fr2,.hero-x .cstat{display:none!important}
  .hero-x .breathe[style*="width: 360px"]{display:none}

  /* problem: stacked list, no pin */
  .pz-pin{height:auto!important;margin-top:40px!important}
  .pz-sticky{position:static!important}
  .pz-stage{margin-top:0!important;padding:0!important}
  .pz-chain{width:100%!important;height:auto!important;transform:none!important;display:flex;flex-direction:column;gap:14px}
  .pz-svg,.pz-dot{display:none}
  .pz-pill{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:82px!important;box-sizing:border-box;--rot:0deg!important}
  .pz-pill:nth-child(odd){--rot:-1.5deg!important}.pz-pill:nth-child(even){--rot:1.5deg!important}
  .pz-t{font-size:16px!important;white-space:normal!important}
  .pz-ic{width:54px!important;height:54px!important;background-size:1080px 54px!important;animation-name:pzicm!important}
  @keyframes pzicm{from{background-position:0 0}to{background-position:-1080px 0}}

  /* solution cards */
  .fc-grid{flex-direction:column;align-items:center;padding:10px 0 20px!important;margin-top:40px!important}
  .fc{width:100%!important;max-width:380px;height:auto!important;min-height:380px;--b:none!important}
  .fc-in{min-height:380px}

  /* prototypes */
  .ptabs3{top:70px!important}
  .ptab3{height:44px!important;font-size:12.5px!important;gap:6px!important;padding:0 6px!important}
  .ptab3-n{display:none}
  .pstack{gap:24px!important}
  .pcase{position:relative!important;top:auto!important}
  .pcase-in{grid-template-columns:1fr!important;height:auto!important}
  .pc-info{padding:28px 22px 26px!important}
  .pc-name{font-size:32px!important}.pc-sub{font-size:17px!important}
  .pc-row{grid-template-columns:1fr!important;gap:6px!important}
  .pc-btn{margin-top:22px!important}
  .pc-shot{height:240px;border-radius:14px 14px 0 0!important;margin:0 14px}
  .pc-img{left:14px!important;top:18px!important;width:700px!important;height:calc(100% - 18px)!important}

  /* sob medida */
  div[style*="grid-template-columns: 420px 360px 420px"]{display:flex!important;flex-direction:column;height:auto!important;gap:26px;margin-top:40px!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > div[style*="left: 380px"],div[style*="grid-template-columns: 420px 360px 420px"] > div[style*="left: 700px"]{display:none!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > *{width:100%!important;max-width:420px;margin:0 auto}
  div[style*="grid-template-columns: 420px 360px 420px"] > [data-tilt]{height:500px!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > [data-center]{height:420px!important;order:-1}

  /* areas */
  .areas-hub{width:100%!important;height:auto!important;transform:none!important;margin:40px 0 20px!important;display:grid!important;grid-template-columns:1fr 1fr;gap:10px}
  .areas-hub > :not(.anode){display:none!important}
  .anode{position:relative!important;left:auto!important;top:auto!important;width:auto!important}
  #areas > span.mono[style*="writing-mode"]{display:none}

  /* how it works */
  .cx5{grid-template-columns:1fr!important;margin-top:40px!important}
  .cx5-c{height:auto!important;min-height:0;padding:22px 20px 26px!important;margin:4px 6px!important}
  .cx5-c+.cx5-c::before{display:none}
  .cx5-t{margin-top:16px!important;font-size:19px!important}
  .cx5-ic{width:38px!important;height:38px!important;right:18px!important;top:16px!important}
  [class*="cx5"] .cx5-c{transform:none!important}

  /* simple card */
  .smp-in{grid-template-columns:1fr!important;padding:32px 22px!important;gap:20px!important}
  .smp-vis{height:280px;transform:scale(.78);transform-origin:0 0;margin-bottom:-60px}
  .smp h3{font-size:26px!important}

  /* fit */
  .fitwrap div[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}
  .fit-in{padding:22px!important}
  .fitcta{flex-direction:column;align-items:flex-start!important}

  /* contact */
  #contato{padding-bottom:120px!important}
  .cx-panel{width:calc(100% - 24px)!important}
  .cx-in{padding:30px 20px!important}
  .cx-in > div[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:30px!important}
  .cx-form{padding:20px!important}
  .cx-form div[style*="grid-template-columns: repeat(2"]{grid-template-columns:1fr!important}
  .cx-horizon{display:none}

  /* strips, bigmark, footer */
  .sepstrip{font-size:9px!important;letter-spacing:3px!important}
  div[style*="margin-top: 70px; padding: 26px 0; border-top"]{flex-direction:column!important;align-items:flex-start!important;gap:14px}
  .mq{margin-left:0!important;width:100%}
}
@media (max-width: 768px){
  .fc{min-height:0!important}.fc-in{min-height:0!important}
  .fc-vis{height:200px!important}
  .fc-txt{padding:6px 22px 24px!important}
  #problema > div:first-of-type{gap:14px!important}
  #problema > div:first-of-type > div[style*="padding-top: 58px"]{padding-top:0!important}
  #problema > div:first-of-type > div > span[style*="position: absolute; right: 0"]{display:none}
  .hero-x .plx{scale:.46}
}
@media (max-width: 768px){
  footer > div[style*="grid-template-columns"]{grid-template-columns:1fr 1fr!important;gap:30px 20px!important;padding:44px 20px 30px!important}
  footer > div > div[style*="grid-column: span 6"]{grid-column:1 / -1!important}
  footer > div > div[style*="grid-column: span 3"]{grid-column:auto!important}
  footer > div > div[style*="grid-column: span 12"]{grid-column:1 / -1!important;flex-direction:column!important;gap:12px}
  .fitwrap > *{min-width:0;max-width:100%}
  .fitwrap div[style*="justify-content: space-between; align-items: center"]{flex-wrap:wrap;gap:6px}
  .fitchk{font-size:14px!important}
}
@media (min-width: 769px) and (max-width: 1100px){
  .hero-x .plx{scale:.8;transform-origin:50% 290px}
  .hero-x .hshift > div[style*="width: 1240px"]{width:calc(100vw - 60px)!important}
  .hero-x h1{font-size:38px!important}
  .hero-x .fcard,.hero-x .fl2,.hero-x .fr2{display:none!important}
  .chead .cnav{padding:8px 9px!important;font-size:12.5px!important}
  .pcase-in{grid-template-columns:1fr 1fr!important;height:520px!important}
  .pc-name{font-size:36px!important}
  .areas-hub{transform:scale(.7)!important;transform-origin:50% 0!important;margin-bottom:-140px!important}
  .smp-in{grid-template-columns:1fr!important}
  .cx-in > div[style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .fx-grid,.bx-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width: 1100px){
  [style*="justify-content: space-between; align-items: flex-end; gap: 60px"]{flex-direction:column!important;align-items:flex-start!important;gap:18px!important}
  [style*="justify-content: space-between; align-items: flex-end; gap: 60px"] p{text-align:left!important;max-width:600px!important}
  .pz-pin{height:auto!important;margin-top:40px!important}
  .pz-sticky{position:static!important}
  .pz-stage{margin-top:0!important;padding:0!important}
  .pz-chain{width:100%!important;max-width:620px;margin:0 auto;height:auto!important;transform:none!important;display:flex;flex-direction:column;gap:14px}
  .pz-svg,.pz-dot{display:none}
  .pz-pill{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:82px!important;box-sizing:border-box;--rot:0deg!important}
  .pz-pill:nth-child(odd){--rot:-1.5deg!important}.pz-pill:nth-child(even){--rot:1.5deg!important}
  .pz-t{white-space:normal!important}
  div[style*="grid-template-columns: 420px 360px 420px"]{display:flex!important;flex-direction:column;height:auto!important;gap:26px;margin-top:40px!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > div[style*="left: 380px"],div[style*="grid-template-columns: 420px 360px 420px"] > div[style*="left: 700px"]{display:none!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > *{width:100%!important;max-width:440px;margin:0 auto}
  div[style*="grid-template-columns: 420px 360px 420px"] > [data-tilt]{height:500px!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > [data-center]{height:420px!important;order:-1}
}
@media (max-width: 1100px){
  [data-center] > div[style*="rotateX(76deg)"],
  [data-center] > img[style*="top: 420px"],
  [data-center] .rise{display:none!important}
  div[style*="grid-template-columns: 420px 360px 420px"] > [data-center]{height:360px!important;overflow:hidden}
}
@media (max-width: 768px){
  .fitwrap{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .fit-yes,.fit-no{width:100%!important;max-width:100%!important;box-sizing:border-box;justify-self:stretch!important;align-self:stretch!important;margin:0!important}
  .fit-yes > div,.fit-no > div{width:100%!important;box-sizing:border-box}
  .fit-no > div{padding:22px!important}
}
@media (max-width: 768px){
  .hero-x h1{font-size:clamp(20px,6vw,26px)!important;line-height:1.22!important;letter-spacing:-.3px!important;text-wrap:balance;max-width:100%}
  .hero-x h1 br{display:none}
}
@media (max-width: 768px){
  .fitcta{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .fitwrap[data-level="1"] .fitcta{max-height:200px!important}
  .fitcta .lbtn{width:100%!important;box-sizing:border-box}
  .fitcta .lbtn-in{justify-content:center}
  .strip-top{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:22px 18px!important}
  .strip-top > span.mono{font-size:10px!important;letter-spacing:1.2px!important;white-space:nowrap;line-height:1.4}
  .strip-top .mq{margin:0!important;width:100%!important;flex:none!important}
}
@media (max-width: 768px){
  .fitcta .lbtn{font-size:12px!important;height:50px!important}
  .fitcta .lbtn-in{padding:0 6px 0 14px!important;justify-content:space-between!important}
  .fitcta .lbtn-txt{gap:10px!important;width:100%;justify-content:space-between}
  .lbtn{max-width:100%}
  .lbtn-txt{letter-spacing:.2px}
}
@media (max-width: 768px){
  .fitcta .lbtn{font-size:11.5px!important;letter-spacing:0!important}
  .fitcta .lbtn-txt svg{flex-shrink:0}
  .fitwrap div[style*="padding: 18px; border-radius: 16px"]{padding:16px 14px!important}
  .fit-yes > div{padding:18px!important}
}