/* Taller Brujo hero · home-style cinematic treatment · v79 */
body .hero{
  position:relative!important;
  min-height:650px!important;
  padding:64px 0 46px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#02040c!important;
}
body .hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  display:block!important;
  background:url("/assets/taller-hero-v79.svg") center 48% / cover no-repeat!important;
  filter:saturate(.86) contrast(1.04) brightness(.76)!important;
  transform:scale(1.012)!important;
}
body .hero::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  display:block!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,#02040c 0%,rgba(2,4,12,.98) 12%,rgba(2,4,12,.92) 26%,rgba(2,4,12,.72) 39%,rgba(2,4,12,.36) 53%,rgba(2,4,12,.08) 66%,rgba(2,4,12,.02) 78%,rgba(2,4,12,.18) 100%),
    linear-gradient(180deg,rgba(2,4,12,.20) 0%,transparent 22%,transparent 70%,rgba(2,4,12,.30) 88%,#02040c 100%)!important;
}
body .hero .wrap.hero-grid{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:min(1180px,calc(100% - 40px))!important;
  margin:auto!important;
}
body .hero-grid>div:first-child{
  width:min(690px,59vw)!important;
  max-width:690px!important;
}
body .hero .seal{display:none!important}
body .hero h1{
  max-width:none!important;
  margin:0 0 25px!important;
  font-family:var(--font-display)!important;
  font-size:var(--type-display)!important;
  font-weight:400!important;
  line-height:var(--lh-display)!important;
  letter-spacing:-.02em!important;
  color:#fff!important;
  text-wrap:balance!important;
  text-shadow:0 2px 28px rgba(0,0,0,.22)!important;
}
body .hero .lead{
  max-width:610px!important;
  margin:0!important;
  color:#c7c1cf!important;
  font-family:var(--font-body)!important;\n  font-size:var(--type-lead)!important;\n  font-weight:400!important;\n  line-height:var(--lh-lead)!important;
  text-shadow:0 1px 18px rgba(0,0,0,.32)!important;
}
body .hero .actions{
  margin-top:31px!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
}
body .hero .btn{
  min-height:54px!important;
  padding:14px 26px!important;
  border-radius:999px!important;
  border:1px solid rgba(208,177,255,.46)!important;
  background:linear-gradient(135deg,#a855f7 0%,#7c3aed 48%,#5b21b6 100%)!important;
  color:#fff!important;
  font-family:var(--font-ui)!important;\n  font-size:.9375rem!important;\n  font-weight:700!important;\n  line-height:1.2!important;
  box-shadow:0 12px 36px rgba(124,58,237,.34),0 0 28px rgba(168,85,247,.14),inset 0 1px 0 rgba(255,255,255,.22)!important;
  text-decoration:none!important;
}
body .hero .btn:hover{
  background:linear-gradient(135deg,#b16cf6 0%,#8b5cf6 48%,#6d45cf 100%)!important;
  transform:translateY(-1px);
}
body .facts{margin-top:0!important}

@media(max-width:960px){
  body .hero{min-height:610px!important;padding:54px 0 42px!important}
  body .hero::before{background-position:56% center!important;transform:scale(1.02)!important}
  body .hero::after{
    background:
      linear-gradient(90deg,#02040c 0%,rgba(2,4,12,.97) 18%,rgba(2,4,12,.84) 38%,rgba(2,4,12,.55) 58%,rgba(2,4,12,.22) 76%,rgba(2,4,12,.10) 100%),
      linear-gradient(180deg,rgba(2,4,12,.20) 0%,transparent 28%,transparent 68%,rgba(2,4,12,.46) 88%,#02040c 100%)!important;
  }
  body .hero-grid>div:first-child{width:min(650px,72vw)!important;max-width:650px!important}
  body .hero h1{font-size:var(--type-display)!important}
}

@media(max-width:680px){
  body .hero{
    min-height:590px!important;
    padding:74px 0 38px!important;
    align-items:flex-end!important;
  }
  body .hero .wrap.hero-grid{width:calc(100% - 24px)!important}
  body .hero::before{background-position:57% center!important;transform:scale(1.02)!important}
  body .hero::after{
    background:
      linear-gradient(90deg,rgba(2,4,12,.96) 0%,rgba(2,4,12,.78) 34%,rgba(2,4,12,.42) 68%,rgba(2,4,12,.16) 100%),
      linear-gradient(180deg,rgba(2,4,12,.22) 0%,rgba(2,4,12,.04) 30%,rgba(2,4,12,.22) 56%,rgba(2,4,12,.72) 78%,#02040c 100%)!important;
  }
  body .hero-grid>div:first-child{width:100%!important;max-width:none!important}
  body .hero h1{margin-bottom:18px!important;font-size:var(--type-display)!important;line-height:var(--lh-display)!important}
  body .hero .lead{max-width:35ch!important;font-size:var(--type-lead)!important;line-height:var(--lh-lead)!important}
  body .hero .actions{margin-top:24px!important}
  body .hero .btn{min-height:50px!important;padding:13px 22px!important;font-size:var(--type-ui)!important;flex:0 0 auto!important}
}