/* Sección "Para negocios como el tuyo": filmstrip de fotos de negocios.
   Hereda tema desde html[data-style] (paleta.css). Texto sobre foto siempre claro. */
.biz{padding-top:0}
.biz .sec-head{margin-bottom:34px}
.biz-strip{position:relative;overflow:hidden}
.biz-strip:before,.biz-strip:after{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8vw,120px);z-index:2;pointer-events:none}
.biz-strip:before{left:0;background:linear-gradient(90deg,var(--night),transparent)}
.biz-strip:after{right:0;background:linear-gradient(270deg,var(--night),transparent)}
.biz-track{display:flex;gap:18px;width:max-content;padding:6px 0 14px;will-change:transform}
.biz-card{position:relative;margin:0;flex:0 0 auto;width:clamp(170px,17vw,232px);aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:1px solid var(--line-strong);background:var(--night-2);box-shadow:0 20px 44px -26px rgba(0,0,0,.7);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s}
.biz-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.biz-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,15,26,0) 45%,rgba(10,15,26,.82) 100%)}
.biz-card figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:16px 16px 15px;color:#fff}
.biz-card b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.biz-card span{display:block;margin-top:4px;font-size:12.5px;line-height:1.35;color:rgba(255,255,255,.78)}
.biz-note{margin-top:22px;font-size:14px;color:var(--ink-faint);text-align:center}
@media (hover:hover) and (pointer:fine){
  .biz-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -28px rgba(0,0,0,.85)}
  .biz-card:hover img{transform:scale(1.06)}
}
/* Desfile automático en escritorio; en táctil se desplaza con el dedo */
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
  .biz-track{animation:biz-roll 64s linear infinite}
  .biz-strip:hover .biz-track{animation-play-state:paused}
  @keyframes biz-roll{to{transform:translate3d(-50%,0,0)}}
}
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
  .biz-strip{overflow-x:auto;padding-inline:max(20px,calc(50% - 580px));scroll-padding-inline:max(20px,calc(50% - 580px));scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .biz-strip::-webkit-scrollbar{display:none}
  .biz-strip:before,.biz-strip:after{display:none}
  .biz-track{animation:none;width:max-content;padding-inline-end:max(20px,calc(50% - 580px))}
  .biz-card{scroll-snap-align:start;width:clamp(180px,46vw,232px)}
  .biz-track .biz-dup{display:none}
}
/* Temas */
html[data-style="navy"] .biz-strip:before{background:linear-gradient(90deg,var(--hero-600),transparent)}
html[data-style="navy"] .biz-strip:after{background:linear-gradient(270deg,var(--hero-600),transparent)}
html[data-style="navy"] .biz-card{border-color:rgba(255,255,255,.45)}
html[data-style="navy"] .biz-note{color:var(--hero-200)}
html[data-style="brutal"] .biz-card{border:2px solid #0A0F1A;border-radius:0;box-shadow:6px 6px 0 #0A0F1A}
html[data-style="brutal"] .biz-card:hover{box-shadow:10px 10px 0 #0A0F1A}
html[data-style="brutal"] .biz-card img{filter:grayscale(1) contrast(1.2)}
html[data-style="brutal"] .biz-card:after{background:linear-gradient(180deg,rgba(10,15,26,0) 50%,rgba(10,15,26,.9) 100%)}
html[data-style="neon"] .biz-card{border-color:rgba(124,58,237,.5);box-shadow:0 0 0 1px rgba(34,211,238,.18),0 24px 50px -26px rgba(124,58,237,.7)}
html[data-style="neon"] .biz-card:hover{border-color:rgba(34,211,238,.8)}
/* Con html{zoom:1.2} (paleta.css) los dvh del modal se escalan: se compensan para que no desborde */
@media (min-width:1180px){
  #saving{max-height:calc(90dvh/1.2)}
  #saving.single{max-height:calc(92dvh/1.2)}
}