/* SceneHero — hero fotográfico full-bleed (estilo mt.coder)
   Camadas: .sh-bg (foto inteira) > .sh-word (palavra gigante, atrás) > .sh-sub (recorte do assunto, MESMA foto/mesmo enquadramento) > .sh-shade > conteúdo.
   .sh-bg e .sh-sub têm o mesmo tamanho e o mesmo object-fit/position: alinhamento pixel a pixel por construção. */
.sh{
  --ink:#fff; --accent:#e0582a; --accent-ink:#fff; --shade:10,10,12; --shade-a:.8;
  --glass:rgba(255,255,255,.13); --glass-b:rgba(255,255,255,.26); --glass-ink:var(--ink);
  --wfam:'Plus Jakarta Sans',system-ui,sans-serif; --wwt:800; --wcol:#fff; --wgrad:none; --wop:.94; --wcase:none;
  --ifam:'Instrument Serif',Georgia,serif; --sans:'Plus Jakarta Sans',system-ui,sans-serif;
  --wy:14%; --wx:0px; --opx:50%; --opy:50%;
  position:relative; isolation:isolate; overflow:hidden; width:100%;
  height:clamp(660px,calc(100svh - var(--hoff,30px)),1040px); display:flex; flex-direction:column; justify-content:flex-end;
  color:var(--ink); background:rgb(var(--shade)); font-family:var(--sans); -webkit-font-smoothing:antialiased;
}
.sh *{box-sizing:border-box}
.sh a{color:inherit}
.sh-stage{position:absolute;inset:0;z-index:0;overflow:hidden}
.sh-bg,.sh-sub{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--opx) var(--opy);display:block;max-width:none}
.sh-sub{z-index:2;pointer-events:none}
.sh-word{position:absolute;z-index:1;left:0;right:0;top:var(--wy);margin:0;text-align:center;pointer-events:none;user-select:none;transform:translateX(var(--wx));will-change:translate}
.sh-word>span{display:inline-block;white-space:nowrap;font-family:var(--wfam);font-weight:var(--wwt);letter-spacing:-.045em;line-height:.82;
  font-size:var(--wfs,17vw);color:var(--wcol);opacity:var(--wop);text-transform:var(--wcase);padding:.22em .03em .06em;margin:-.22em 0 -.06em;
  animation:sh-w 1.3s cubic-bezier(.16,1,.3,1) .05s both}
.sh-word.is-grad>span{background:var(--wgrad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.sh-shade{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:
   linear-gradient(90deg,rgba(var(--shade),var(--shade-a)) 0%,rgba(var(--shade),calc(var(--shade-a)*.55)) 30%,rgba(var(--shade),0) 62%),
   linear-gradient(0deg,rgba(var(--shade),calc(var(--shade-a)*.9)) 0%,rgba(var(--shade),0) 46%)}
/* navegação: pílula flutuante translúcida */
.sh-nav{position:absolute;z-index:8;top:16px;left:50%;transform:translateX(-50%);width:min(1240px,calc(100% - 32px));
  display:flex;align-items:center;gap:20px;padding:9px 10px 9px 20px;border-radius:999px;
  background:var(--navbg,rgba(16,16,18,.32));border:1px solid var(--glass-b);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);
  color:var(--glass-ink)}
.sh-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:17px;letter-spacing:-.01em;white-space:nowrap}
.sh-brand img{height:30px;width:auto;display:block}
.sh-brand i{font-family:var(--ifam);font-weight:400;font-size:1.15em}
.sh-links{display:flex;gap:26px;margin:0 auto;font-size:14px;font-weight:600}
.sh-links a{text-decoration:none;opacity:.92;white-space:nowrap}
.sh-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px}
.sh-navcta{margin-left:auto}
.sh-links+.sh-navcta{margin-left:0}
/* botões */
.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 26px;border-radius:999px;font:700 15px/1 var(--sans);text-decoration:none;white-space:nowrap;border:1.5px solid transparent;
  transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}
.sh-btn:hover{transform:translateY(-2px)}
.sh-btn:active{transform:scale(.97)}
.sh-btn.p{background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 28px -10px var(--accent)}
.sh-btn.s{border-color:currentColor;color:var(--ink);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sh-btn.sm{min-height:40px;padding:0 20px;font-size:14px}
.sh a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* conteúdo */
.sh-in{position:relative;z-index:6;width:min(1400px,100%);margin:0 auto;padding:110px clamp(20px,4.6vw,68px) clamp(28px,5.5vh,60px);
  display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.sh-copy{max-width:640px;display:grid;gap:20px;justify-items:start}
.sh-copy>*{animation:sh-r .9s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i,0)*90ms + 260ms)}
.sh-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.9;display:flex;align-items:center;gap:12px}
.sh-eyebrow:before{content:"";width:34px;height:2px;background:var(--accent)}
.sh h1.sh-h1{margin:0;font-family:var(--hfam,var(--sans));font-weight:var(--hwt,800);font-size:var(--h1s,clamp(36px,4.6vw,74px));line-height:var(--h1lh,1);letter-spacing:-.035em;text-wrap:balance;text-transform:var(--hcase,none)}
.sh-it{font-family:var(--ifam);font-style:italic;font-weight:400;letter-spacing:-.015em;font-size:1.1em;color:var(--it,inherit);text-transform:none}
.sh-lead{margin:0;font-size:clamp(15px,1.25vw,18px);line-height:1.55;max-width:520px;opacity:.93}
.sh-cta{display:flex;gap:12px;flex-wrap:wrap}
.sh-proof{display:flex;align-items:center;gap:14px;font-size:13.5px;line-height:1.35}
.sh-av{display:flex}
.sh-av i{width:38px;height:38px;border-radius:50%;margin-left:-7px;border:2px solid rgba(255,255,255,.85);display:grid;place-items:center;font:700 11px/1 var(--sans);font-style:normal;color:#fff;background:var(--c,#777)}
.sh-av i:first-child{margin-left:0}
.sh-stars{color:#ffc247;letter-spacing:2px;font-size:14px;display:block;line-height:1}
.sh-proof small{display:block;font-size:12.5px;opacity:.88;margin-top:3px}
/* cartões de vidro */
.sh-cards{display:flex;gap:12px;align-items:stretch}
.sh-card{min-width:148px;padding:18px 22px;border-radius:24px;background:var(--glass);border:1px solid var(--glass-b);color:var(--glass-ink);
  -webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);display:grid;gap:6px;align-content:center}
.sh-card b{font-size:clamp(28px,2.7vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1}
.sh-card span{font-size:12.5px;line-height:1.3;opacity:.88;max-width:130px}
.sh-col{display:grid;gap:14px;justify-items:end;animation:sh-r .9s cubic-bezier(.16,1,.3,1) .7s both}
.sh-feat{width:250px;padding:14px;border-radius:22px;background:#fff;color:#1b1b1d;box-shadow:0 24px 50px -18px rgba(0,0,0,.45);display:grid;gap:6px}
.sh-feat small{font-size:11.5px;color:#6b6b70}
.sh-feat strong{font-size:16px;letter-spacing:-.01em}
.sh-feat .sh-btn{margin-top:6px;min-height:42px;width:100%}
.sh-search{display:flex;align-items:center;gap:6px;padding:7px 7px 7px 20px;border-radius:999px;background:rgba(255,255,255,.92);color:#18181a;max-width:620px;width:100%;box-shadow:0 18px 40px -14px rgba(0,0,0,.5)}
.sh-search div{flex:1;display:grid;gap:2px;padding:0 10px;border-left:1px solid rgba(0,0,0,.1);font-size:13px;font-weight:600}
.sh-search div:first-child{border-left:0;padding-left:0}
.sh-search small{font-size:10.5px;font-weight:600;color:#7a7a80;letter-spacing:.04em;text-transform:uppercase}
@keyframes sh-r{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes sh-w{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:var(--wop);transform:none}}
@media (prefers-reduced-motion:reduce){.sh *{animation:none!important}}
/* celular */
@media (max-width:860px){
  .sh{height:auto;min-height:max(100svh,720px)}
  .sh-bg,.sh-sub{object-position:var(--opx-m,50%) var(--opy-m,50%)}
  .sh-word{top:var(--wy-m,12%)}
  .sh-stage{bottom:auto;height:max(100svh,720px);-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
  .sh-word{transform:translateX(var(--wx-m,0px))}
  .sh-links{display:none}
  .sh-nav{top:10px;width:calc(100% - 20px);padding:8px 8px 8px 16px}
  .sh-brand{font-size:15px}
  .sh-in{flex-direction:column;align-items:stretch;gap:20px;padding:min(58svh,520px) 20px 26px}
  .sh-copy{gap:15px;max-width:none}
  .sh h1.sh-h1{font-size:clamp(32px,9.2vw,44px)}
  .sh-lead{font-size:15px}
  .sh-cta .sh-btn{flex:1 1 auto}
  .sh-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sh-card{min-width:0;padding:14px 16px;border-radius:20px}
  .sh-card b{font-size:26px}
  .sh-feat{display:none}
  .sh-col{justify-items:stretch}
  .sh-search{display:none}
  .sh-shade{background:linear-gradient(0deg,rgba(var(--shade),.94) 0%,rgba(var(--shade),.86) 40%,rgba(var(--shade),0) 74%)}
}