/* TattooAE APP: visual editorial da hero Agency aplicado só ao hero App.
   Nenhuma alteração nas dobras seguintes nem nas interfaces funcionais. */
body[data-page="app"] .hero.app-hero-editorial {
  position:relative; display:flex; flex-direction:column; align-items:stretch;
  min-height:min(790px,90vh); padding:0; background:#080d0f; color:#f3f5f2; overflow:hidden;
}
body[data-page="app"] .app-hero-editorial .hero-image {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.96;
}
body[data-page="app"] .app-hero-editorial .hero-scrim {
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(7,12,13,.97) 0%,rgba(8,13,15,.92) 28%,rgba(8,13,15,.57) 53%,rgba(8,13,15,.03) 100%),linear-gradient(0deg,rgba(8,13,15,.74),transparent 24%);
}
body[data-page="app"] .app-hero-editorial .hero-content {
  position:relative; z-index:1;flex:1;
  padding-top:190px;padding-bottom:80px;
}
body[data-page="app"] .app-hero-editorial .eyebrow {
  display:inline-flex;align-items:center;gap:10px;
  font:800 11px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.21em;color:#d8e9e0;text-transform:uppercase;margin:0;
}
body[data-page="app"] .app-hero-editorial .eyebrow:before {display:none}
body[data-page="app"] .app-hero-editorial .signal {
  width:8px;height:8px;border-radius:50%;background:#c6ff3d;box-shadow:0 0 14px rgba(198,255,61,.4);display:block;flex-shrink:0;
}
body[data-page="app"] .app-hero-editorial h1 {
  font:760 clamp(58px,6.35vw,105px)/1.06 Arial,Helvetica,sans-serif;
  letter-spacing:-.055em;max-width:870px;margin:30px 0;
}
body[data-page="app"] .app-hero-editorial h1 em {
  font-family:Georgia,'Times New Roman',serif;font-size:inherit;font-weight:400;
  font-style:italic;letter-spacing:-.045em;color:#c6ff3d;
}
body[data-page="app"] .app-hero-editorial .hero-lead {
  color:#e1e9e3;font:400 17px/1.65 Arial,Helvetica,sans-serif;max-width:545px;margin:0;
}
body[data-page="app"] .app-hero-editorial .hero-actions {
  display:flex;gap:13px;flex-wrap:wrap;align-items:center;margin:34px 0 22px;
}
body[data-page="app"] .app-hero-editorial .button {
  display:inline-flex;align-items:center;justify-content:space-between;gap:33px;
  min-height:53px;padding:17px 22px;border-radius:4px;
  font:800 13px/1.4 Arial,Helvetica,sans-serif;
  text-decoration:none;cursor:pointer;transition:background .2s,transform .2s;
}
body[data-page="app"] .app-hero-editorial .button.primary {background:#c6ff3d;color:#080d0f;border:0}
body[data-page="app"] .app-hero-editorial .button.primary:hover {background:#d9ff78;transform:translateY(-2px)}
body[data-page="app"] .app-hero-editorial .button.secondary {background:rgba(8,13,15,.25);color:white;border:1px solid rgba(255,255,255,.32)}
body[data-page="app"] .app-hero-editorial .button.secondary:hover {border-color:#c6ff3d;color:#c6ff3d}
body[data-page="app"] .app-hero-editorial .hero-legal {
  color:#b2beb8;font:400 11px/1.5 Arial,Helvetica,sans-serif;margin:0;
}
body[data-page="app"] .app-hero-editorial .hero-foot {
  position:relative;z-index:1;bottom:auto;left:auto;right:auto;
  display:flex;justify-content:flex-start;gap:30px;
  width:min(1240px,calc(100% - 72px));
  margin:0 auto;padding:20px 0 27px;border-top:1px solid rgba(255,255,255,.22);
  font:400 10px/1.5 Arial,Helvetica,sans-serif;
  letter-spacing:.2em;color:#d8e2da;
}
body[data-page="app"] .app-hero-editorial .hero-foot .hero-scroll {margin-left:auto;color:#c6ff3d}
@media(max-width:800px){
  body[data-page="app"] .hero.app-hero-editorial {min-height:760px;padding:0}
  body[data-page="app"] .app-hero-editorial .hero-image {object-position:69% center;opacity:.78}
  body[data-page="app"] .app-hero-editorial .hero-scrim {background:linear-gradient(90deg,rgba(8,13,15,.96),rgba(8,13,15,.77) 62%,rgba(8,13,15,.24)),linear-gradient(0deg,rgba(8,13,15,.84),transparent 34%)}
  body[data-page="app"] .app-hero-editorial .hero-content {padding-top:155px;padding-bottom:40px}
  body[data-page="app"] .app-hero-editorial h1 {font-size:clamp(49px,10vw,72px);max-width:580px}
  body[data-page="app"] .app-hero-editorial .hero-lead {font-size:15px}
  body[data-page="app"] .app-hero-editorial .hero-foot {gap:14px;flex-wrap:wrap;font-size:8px;letter-spacing:.09em;width:calc(100% - 40px)}
  body[data-page="app"] .app-hero-editorial .hero-scroll {display:none}
}
@media(max-width:440px){
  body[data-page="app"] .hero.app-hero-editorial {min-height:730px}
  body[data-page="app"] .app-hero-editorial .hero-content {padding-top:135px}
  body[data-page="app"] .app-hero-editorial h1 {font-size:49px}
  body[data-page="app"] .app-hero-editorial .hero-actions {flex-direction:column;align-items:stretch}
  body[data-page="app"] .app-hero-editorial .eyebrow {font-size:9px}
}
@media(prefers-reduced-motion:reduce){body[data-page="app"] .app-hero-editorial *{transition:none!important}}