/* =========================================================
   APARDIAN STUDIO — página de servicios y precios
   Mismo sistema que la home (style.css): Anton + Work Sans,
   #F8F7F6 / #171717 / #FF0033, secciones con fondo de foto,
   revelado al hacer scroll. Esto suma lo propio de la página.
   ========================================================= */

.pg-sv header.nav{transform:none;background:rgba(23,23,23,.35);border-bottom-color:rgba(248,247,246,.12);color:var(--white);transition:background .45s var(--ease),color .45s var(--ease),border-color .45s}
.pg-sv header.nav .burger i{background:currentColor}
.pg-sv header.nav.show{background:rgba(248,247,246,.86);color:var(--black);border-bottom-color:rgba(23,23,23,.09)}
.pg-sv header.nav:not(.show) .cta-nav{background:var(--white);color:var(--black)}
.pg-sv header.nav:not(.show) .cta-nav:hover{background:var(--red);color:var(--white)}
.pg-sv nav.links a.activo::after{right:0}

/* ---------- HERO ---------- */
.sv-hero{height:100svh;min-height:640px}
.sv-hero::after{background:linear-gradient(to bottom, rgba(10,10,10,.62) 0%, rgba(10,10,10,.38) 38%, rgba(10,10,10,.86) 100%)}
.sv-hero .hero-inner{padding-top:110px}
.sv-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.12);
  transition:opacity 1.6s var(--ease),transform 9s linear}
.sv-slides img.on{opacity:1;transform:scale(1)}
.sv-slides{z-index:0}
.sv-slides img.arriba{z-index:2}
.sv-kick{display:inline-flex;align-items:center;gap:10px;color:rgba(248,247,246,.78);margin-bottom:18px}
.punto{width:8px;height:8px;background:var(--red);display:inline-block;animation:latido 2.2s ease-in-out infinite}
@keyframes latido{0%,100%{opacity:1}50%{opacity:.25}}
.sv-hero .sv-h1{font-family:var(--display);font-weight:400;text-transform:uppercase;margin:0;
  font-size:clamp(50px,8.4vw,150px);line-height:.9;letter-spacing:-.025em;max-width:12ch}
.sv-h1 em{font-style:normal;color:var(--red)}
.sv-h1 .ln{display:block;overflow:hidden;padding-bottom:.04em}
.sv-h1 .ln > *{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.sv-h1 .ln:nth-child(2) > *{transition-delay:.12s}
.listo .sv-h1 .ln > *{transform:none}
.sv-hero .hero-foot{align-items:flex-end}
.sv-hero-cifras{display:flex;gap:clamp(20px,4vw,54px)}
.sv-hero-cifras b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.01em}
.sv-hero-cifras .mono{color:rgba(248,247,246,.66);font-size:10px}
.sv-preview{position:absolute;top:92px;right:var(--pad);margin:0;background:#FFE680;color:#3b3000;padding:7px 11px 6px;font-size:10px}
.sv-dots{position:absolute;z-index:3;right:calc(var(--pad) * .45);top:50%;display:flex;flex-direction:column;gap:8px;transform:translateY(-50%)}
.sv-dots i{width:2px;height:22px;background:rgba(248,247,246,.3);transition:background .4s,height .4s var(--ease)}
.sv-dots i.on{background:var(--red);height:40px}

/* ---------- CINTA (promo o lema) ---------- */
.sv-cinta{background:var(--red);color:var(--white);overflow:hidden;padding:15px 0 13px;position:relative;z-index:3}
.sv-cinta-track{display:flex;width:max-content;animation:slide 38s linear infinite;will-change:transform}
.sv-cinta:hover .sv-cinta-track{animation-play-state:paused}
.sv-cinta span{font-family:var(--display);text-transform:uppercase;font-size:clamp(20px,2.4vw,32px);line-height:1;letter-spacing:.01em;white-space:nowrap;padding-right:34px;display:inline-flex;align-items:center;gap:34px}
.sv-cinta span::after{content:"";width:9px;height:9px;background:var(--black);display:inline-block}
.sv-cinta.promo{background:var(--black)}
.sv-cinta.promo span::after{background:var(--red)}

/* ---------- cabeceras de sección ---------- */
.sv-head{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(36px,5vw,70px);max-width:var(--maxw)}
.sv-head .lead{margin:0;font-size:clamp(17px,1.6vw,21px);line-height:1.45;max-width:40ch;color:#4A4746}
.has-bg .sv-head .lead{color:rgba(248,247,246,.78)}

/* ---------- PRECIO FIJO: tarjetas con foto ---------- */
.sv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(23,23,23,.12);border:1px solid rgba(23,23,23,.12)}
.sv-card{background:var(--white);display:flex;flex-direction:column;position:relative;
  opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease),background .35s}
.sv-card.in{opacity:1;transform:none}
.sv-card:hover{background:#fff}
.sv-foto{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--black);
  clip-path:inset(100% 0 0 0);transition:clip-path 1.2s var(--ease) .15s}
.sv-card.in .sv-foto{clip-path:inset(0 0 0 0)}
.sv-foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.6s var(--ease),filter .5s}
.sv-card.in .sv-foto img{transform:scale(1.02)}
.sv-card:hover .sv-foto img{transform:scale(1.08)}
.sv-foto.sv-mock{display:flex;align-items:center;justify-content:center;padding:18% 9% 22%;
  background:radial-gradient(120% 90% at 30% 20%,#3a1d22 0%,#171717 55%,#0d0c0b 100%)}
.sv-foto.sv-mock .web-mock{width:100%;padding-right:16%;padding-bottom:10%;transform:translateY(14px) scale(.96);transition:transform 1.4s var(--ease)}
.sv-card.in .sv-foto.sv-mock .web-mock{transform:none}
.sv-card:hover .sv-foto.sv-mock .web-mock{transform:translateY(-6px)}
.sv-foto.sv-mock .mock-pc{border-radius:7px;padding-top:20px}
.sv-foto.sv-mock .web-barra{height:20px;gap:5px;padding:0 9px}
.sv-foto.sv-mock .web-barra i{width:6px;height:6px}
.sv-foto.sv-mock .web-barra b{font-size:8px}
.sv-foto.sv-mock .mock-cel{width:30%;padding:4px;border-radius:12px}
.sv-foto.sv-mock .mock-cel img{border-radius:9px}
.sv-foto::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(to top,rgba(10,10,10,.72),transparent)}
.sv-n{position:absolute;z-index:2;left:18px;top:16px;font-family:var(--display);font-size:13px;letter-spacing:.06em;color:var(--white)}
.sv-plazo{position:absolute;z-index:2;left:18px;bottom:16px;color:var(--white)}
.sv-cuerpo{padding:22px 20px 22px;display:flex;flex-direction:column;gap:14px;flex:1}
.sv-card h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(24px,2vw,30px);line-height:1;margin:0;letter-spacing:-.005em}
.sv-precio{display:flex;align-items:baseline;gap:8px;color:var(--grey-2)}
.sv-precio .mono{font-size:10px}
.sv-precio strong{font-family:var(--display);font-weight:400;font-size:clamp(40px,3.6vw,56px);line-height:1;color:var(--black);letter-spacing:-.01em}
.sv-precio .mon{font-family:var(--display);font-size:18px;color:var(--black)}
.sv-precio.cotizar strong{font-size:28px}
.sv-lotes{display:flex;gap:6px;flex-wrap:wrap}
.sv-lotes button{border:1.5px solid rgba(23,23,23,.22);padding:8px 11px 7px;font:600 11px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--black);transition:background .25s,color .25s,border-color .25s}
.sv-lotes button:hover{border-color:var(--black)}
.sv-lotes button.on{background:var(--black);border-color:var(--black);color:var(--white)}
.sv-lote-info{margin:-6px 0 0;color:var(--red);font-size:10px}
.sv-precio strong.salta{animation:salta .5s var(--ease)}
@keyframes salta{0%{transform:translateY(8px);opacity:.3}100%{transform:none;opacity:1}}
.sv-card ul,.sv-pack ul{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.55}
.sv-card li,.sv-pack li{padding:7px 0;border-top:1px solid rgba(23,23,23,.08);display:flex;gap:10px}
.sv-card li::before,.sv-pack li::before{content:"";width:6px;height:6px;background:var(--red);flex:none;margin-top:.62em}
.sv-btn{margin-top:auto;display:flex;justify-content:space-between;align-items:center;width:100%;
  border-top:1.5px solid var(--black);padding:15px 0 2px;font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--black);text-align:left}
.sv-btn .ic{width:26px;height:26px;border:1.5px solid currentColor;display:grid;place-items:center;font-size:16px;line-height:1;transition:background .3s,color .3s,transform .5s var(--ease)}
.sv-btn:hover .ic{background:var(--black);color:var(--white)}
.sv-btn.on{color:var(--red)}
.sv-btn.on .ic{background:var(--red);border-color:var(--red);color:var(--white);transform:rotate(135deg)}

/* ---------- PAQUETES: tarjetas grandes, foto + texto ---------- */
.sv-packs{display:grid;gap:clamp(18px,2.4vw,30px)}
.sv-pack{display:grid;grid-template-columns:1.05fr 1fr;min-height:clamp(380px,42vw,560px);background:rgba(12,11,10,.6);
  border:1px solid rgba(248,247,246,.14);backdrop-filter:blur(4px);
  opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1s var(--ease),border-color .4s}
.sv-pack.in{opacity:1;transform:none}
.sv-pack:hover{border-color:rgba(255,0,51,.6)}
.sv-pack:nth-child(even){grid-template-columns:1fr 1.05fr}
.sv-pack:nth-child(even) .sv-pack-foto{order:2}
.sv-pack-foto{position:relative;overflow:hidden}
.sv-pack-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 2.2s var(--ease)}
.sv-pack.in .sv-pack-foto img{transform:scale(1.02)}
.sv-pack:hover .sv-pack-foto img{transform:scale(1.07)}
.sv-pack-info{padding:clamp(26px,3.6vw,54px);display:flex;flex-direction:column;gap:18px}
.sv-pack-info .mono{color:rgba(248,247,246,.6)}
.sv-pack h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:clamp(36px,4.6vw,76px);line-height:.94;margin:0;color:var(--white);letter-spacing:-.015em}
.sv-pack .sv-precio{color:rgba(248,247,246,.6)}
.sv-pack .sv-precio strong,.sv-pack .sv-precio .mon{color:var(--white)}
.sv-pack .sv-precio strong{font-size:clamp(54px,5.5vw,92px)}
.sv-pack li{border-top-color:rgba(248,247,246,.12);color:rgba(248,247,246,.86)}
.sv-pack .sv-btn{color:var(--white);border-top-color:rgba(248,247,246,.5)}
.sv-pack .sv-btn:hover .ic{background:var(--white);color:var(--black)}
.sv-pack .sv-btn.on{color:var(--red)}
.sv-tag{align-self:flex-start;background:var(--red);color:var(--white);padding:6px 9px 5px}
.sv-eventos{margin:clamp(30px,4vw,50px) 0 0;max-width:62ch;font-size:16px;color:rgba(248,247,246,.76);border-left:2px solid var(--red);padding-left:18px}
.sv-eventos b{display:block;color:var(--white);font-size:24px;margin-bottom:4px}

.sv-strip{background:var(--white)}
.sv-strip .marquee figure{aspect-ratio:4/5;width:clamp(140px,14vw,210px)}

/* ---------- ARMÁ TU PROPUESTA ---------- */
.sv-arma-sec{background:#EFEDEA}
.sv-arma{display:grid;grid-template-columns:1.35fr .85fr;gap:clamp(18px,3vw,40px);align-items:start;max-width:var(--maxw)}
.sv-opc{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(23,23,23,.12);border:1px solid rgba(23,23,23,.12)}
.sv-opc label{display:flex;gap:14px;align-items:center;background:var(--white);padding:16px 16px 15px;cursor:pointer;font-size:15px;line-height:1.3;position:relative;
  transition:background .3s,color .3s}
.sv-opc label:hover{background:#fff}
.sv-opc input{position:absolute;opacity:0;pointer-events:none}
.sv-opc .chk{width:22px;height:22px;border:1.5px solid var(--black);flex:none;display:grid;place-items:center;transition:background .25s,border-color .25s}
.sv-opc .chk::after{content:"";width:10px;height:5px;border-left:2px solid var(--white);border-bottom:2px solid var(--white);transform:rotate(-45deg) scale(0);margin-top:-3px;transition:transform .3s var(--ease)}
.sv-opc input:checked + .chk{background:var(--red);border-color:var(--red)}
.sv-opc input:checked + .chk::after{transform:rotate(-45deg) scale(1)}
.sv-opc input:focus-visible + .chk{outline:2px solid var(--red);outline-offset:3px}
.sv-opc label:has(input:checked){background:var(--black);color:var(--white)}
.sv-opc label:has(input:checked) small{color:rgba(248,247,246,.6)}
.sv-opc small{display:block;color:var(--grey-2);font-size:12px;margin-top:3px;letter-spacing:.04em}
.sv-campos{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-top:22px}
.sv-campos .full{grid-column:1/-1}
.sv-campos label{font:500 11px/1.2 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--grey-2);display:flex;flex-direction:column;gap:8px}
.sv-campos input,.sv-campos select,.sv-campos textarea{font:16px/1.4 var(--body);padding:12px 2px;border:0;border-bottom:1.5px solid rgba(23,23,23,.3);background:transparent;color:var(--black);text-transform:none;letter-spacing:0;border-radius:0;transition:border-color .3s}
.sv-campos input:focus,.sv-campos select:focus,.sv-campos textarea:focus{outline:none;border-bottom-color:var(--red)}
.sv-campos textarea{min-height:110px;resize:vertical}
.sv-res{position:sticky;top:86px;background:var(--black);color:var(--white);padding:clamp(22px,2.4vw,32px)}
.sv-res-k{color:rgba(248,247,246,.6)}
.sv-res ul{list-style:none;margin:14px 0 18px;padding:0;font-size:15px;line-height:1.5;min-height:36px}
.sv-res li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(248,247,246,.12);animation:entra .5s var(--ease)}
.sv-res li span:last-child{white-space:nowrap;color:rgba(248,247,246,.7)}
@keyframes entra{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
.sv-res .vacio{opacity:.55;border:0;animation:none}
.sv-total .mono{color:rgba(248,247,246,.6)}
.sv-total strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(46px,4.4vw,68px);line-height:1;margin-top:6px;transition:transform .4s var(--ease),color .4s}
.sv-total strong.pum{transform:scale(1.06);color:var(--red)}
.sv-nota{font-size:13px;color:rgba(248,247,246,.6);line-height:1.5;margin:12px 0 20px}
.sv-enviar{display:grid;gap:10px}
.sv-enviar a{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 15px;font:600 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;transition:background .3s,color .3s}
.sv-wa{background:var(--red);color:var(--white)}
.sv-wa:hover{background:var(--white);color:var(--black)}
.sv-mail{border:1px solid rgba(248,247,246,.4);color:var(--white)}
.sv-mail:hover{border-color:var(--white);background:rgba(248,247,246,.08)}

.sv-proceso .steps article{transition-delay:calc(var(--i,0) * 90ms)}
.contact .sv-cierre-h{font-family:var(--display);font-size:clamp(46px,6.4vw,104px);line-height:.95;margin:0;text-transform:uppercase;letter-spacing:-.015em}
.sv-pie{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:28px var(--pad);background:var(--black);color:var(--white)}
.sv-pie .mono{color:rgba(248,247,246,.6)}
.sv-pie a.mono:hover{color:var(--red)}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .sv-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .sv-head{grid-template-columns:1fr}
  .sv-arma{grid-template-columns:1fr}
  .sv-res{position:static}
  .sv-pack,.sv-pack:nth-child(even){grid-template-columns:1fr}
  .sv-pack:nth-child(even) .sv-pack-foto{order:0}
  .sv-pack-foto{aspect-ratio:4/3}
  .sv-dots{display:none}
}
@media (max-width:760px){
  .pg-sv header.nav .cta-nav{display:none}
  .pg-sv nav.links.open{background:var(--white);color:var(--black)}
  .sv-grid{grid-template-columns:1fr}
  .sv-foto{aspect-ratio:5/4}
  .sv-opc{grid-template-columns:1fr}
  .sv-campos{grid-template-columns:1fr}
  .sv-hero-cifras{width:100%}
  .sv-hero .scroll-hint{display:none}
  .sv-preview{top:auto;bottom:auto;position:static;align-self:flex-start;margin-bottom:14px;order:-1}
}

/* sin movimiento si el sistema lo pide */
@media (prefers-reduced-motion:reduce){
  .sv-slides img{transition:opacity .3s;transform:none !important}
  .sv-h1 .ln > *{transform:none;transition:none}
  .sv-card,.sv-pack{opacity:1;transform:none}
  .sv-foto{clip-path:none}
  .sv-cinta-track,.marquee,.punto{animation:none}
}