/* El arte original vive a la derecha y se desvanece antes del texto. */
body::before{display:none!important}
.ziero-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:min(700px,calc(100svh - 64px));
  display:flex;
  align-items:center;
  padding:92px 24px 116px;
  background:var(--bg);
  color:var(--ink);
  text-align:left;
}
.ziero-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 0 0 auto;
  width:62%;
  background:url("assets/hero/ziero-bw-1680.webp") center / cover no-repeat;
  opacity:.62;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 20%,#000 68%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.12) 20%,#000 68%);
  pointer-events:none;
}
.ziero-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(to right,var(--bg) 0%,var(--bg) 34%,transparent 78%);
  pointer-events:none;
}
html[data-theme="dark"] .ziero-hero::before{opacity:.3}
.ziero-hero-content{position:relative;width:min(1120px,100%);margin:0 auto}
.ziero-hero-title{
  max-width:930px;
  margin:0;
  font:400 clamp(62px,8.5vw,112px)/.98 var(--font-display);
  letter-spacing:-.035em;
  text-wrap:balance;
}
.ziero-hero-description{
  max-width:650px;
  margin:30px 0 0;
  color:var(--ink-soft);
  font-size:clamp(17px,1.8vw,21px);
  line-height:1.5;
}
.ziero-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:38px}
.ziero-hero .ziero-btn-primary,.ziero-hero .ziero-btn-outline{
  min-height:48px;
  padding:12px 22px;
  border-radius:8px;
  font-size:14px;
  font-weight:700;
}
.ziero-hero .ziero-btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.ziero-hero .ziero-btn-primary:hover{background:var(--ink-soft);border-color:var(--ink-soft)}
.ziero-hero .ziero-btn-outline{background:transparent;color:var(--ink);border-color:var(--border)}
.ziero-hero .ziero-btn-outline:hover{border-color:var(--ink)}
.ziero-hero-availability{
  display:flex;
  align-items:center;
  gap:10px;
  margin:44px 0 0;
  color:var(--ink-soft);
  font-size:14px;
}
.ziero-hero-availability span{width:7px;height:7px;flex:none;border-radius:50%;background:#149244}
@media(max-width:700px){
  .ziero-hero{min-height:0;padding:70px 18px 92px}
  .ziero-hero::before{
    width:100%;
    background-image:url("assets/hero/ziero-bw-960.webp");
    background-position:left center;
    opacity:.34;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 55%,#000 100%);
    mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.35) 55%,#000 100%);
  }
  .ziero-hero::after{background:linear-gradient(to right,var(--bg) 0%,rgba(250,250,250,.94) 55%,transparent 100%)}
  html[data-theme="dark"] .ziero-hero::after{background:linear-gradient(to right,var(--bg) 0%,rgba(16,16,16,.92) 55%,transparent 100%)}
  .ziero-hero-title{font-size:clamp(54px,14vw,78px);line-height:.98}
  .ziero-hero-description{max-width:34ch;margin-top:26px;font-size:17px}
  .ziero-hero-actions{gap:12px;margin-top:30px}
  .ziero-hero .ziero-btn-primary,.ziero-hero .ziero-btn-outline{flex:1 1 190px}
  .ziero-hero-availability{margin-top:36px}
}