/* Así se vivió · Ha*Ash · 3 oct 2026 — módulo autónomo */
#asi-se-vivio{--hx:#ff4fa8;--hx2:#ff8fd0;--f:var(--fondo,#0b0614);--f2:var(--fondo2,#140c22);--t:var(--tinta,#f6f2ff);--tn:var(--tenue,#b9aed0);
  --oro2:var(--oro,#ffc23d);--vd:var(--verde,#3dff8a);--ln:var(--linea,rgba(255,255,255,.12));--dsp:var(--display,"Anton",Impact,sans-serif);
  --txt:var(--texto,"Space Grotesk",system-ui,sans-serif);--r:var(--radio,18px);
  position:relative;padding:88px 0 96px;background:radial-gradient(900px 500px at 10% 0%,rgba(255,79,168,.16),transparent 60%),radial-gradient(800px 600px at 100% 40%,rgba(163,91,255,.14),transparent 60%),var(--f);
  color:var(--t);font-family:var(--txt);overflow:hidden}
#asi-se-vivio::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#a35bff,var(--hx),var(--oro2),var(--vd))}
#asi-se-vivio *{box-sizing:border-box}
#asi-se-vivio .av-w{max-width:1100px;margin:0 auto;padding:0 20px}
#asi-se-vivio .av-k{font:700 13px/1.4 var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--hx2);margin:0 0 14px}
#asi-se-vivio h2{font:400 clamp(40px,7vw,78px)/.98 var(--dsp);text-transform:uppercase;margin:0;letter-spacing:.005em}
#asi-se-vivio h2 em{font-style:normal;color:var(--hx)}
#asi-se-vivio h3{font:400 clamp(28px,3.4vw,40px)/1.05 var(--dsp);margin:0 0 16px}
.av-sello{display:inline-block;margin:26px 0 22px;padding:10px 26px;border:3px solid var(--oro2);color:var(--oro2);font:400 clamp(40px,6vw,64px)/1 var(--dsp);transform:rotate(-3deg);
  box-shadow:0 0 30px rgba(255,194,61,.35),inset 0 0 18px rgba(255,194,61,.15);text-shadow:0 0 18px rgba(255,194,61,.45);animation:avPulso 2.4s ease-in-out infinite}
@keyframes avPulso{50%{transform:rotate(-3deg) scale(1.03)}}
.av-lead{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--tn);max-width:720px;margin:0}
.av-lead b{color:var(--t)}
.av-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:44px 0 0}
.av-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--ln);border-radius:var(--r);padding:24px 22px}
.av-card i{font-style:normal;font-size:28px;display:block;margin-bottom:12px}
.av-card h4{font:400 26px/1.05 var(--dsp);margin:0 0 10px;color:var(--hx)}
.av-card:nth-child(2) h4{color:var(--oro2)}.av-card:nth-child(3) h4{color:#b98cff}.av-card:nth-child(4) h4{color:var(--vd)}
.av-card p{margin:0;color:var(--tn);line-height:1.55;font-size:15px}
.av-dos{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;margin-top:64px;align-items:start}
.av-texto p{font-size:17px;line-height:1.75;color:#ddd5ee;margin:0 0 18px}
.av-cita{border-left:5px solid var(--hx);padding:4px 0 4px 22px;margin:28px 0;font:400 clamp(28px,3.2vw,40px)/1.08 var(--dsp)}
.av-ficha{background:linear-gradient(160deg,rgba(255,79,168,.12),rgba(20,12,34,.9) 45%);border:1px solid var(--ln);border-radius:var(--r);padding:26px 24px;position:sticky;top:90px}
.av-ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr}
.av-ficha dt,.av-ficha dd{padding:11px 0;border-bottom:1px dashed var(--ln);font-size:15px}
.av-ficha dt{color:var(--tn)}.av-ficha dd{margin:0;text-align:right;color:var(--oro2);font-weight:700}
.av-record{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:64px;padding:34px;border:1px solid var(--ln);border-radius:calc(var(--r) + 6px);background:rgba(255,255,255,.03)}
.av-record p{color:#ddd5ee;line-height:1.7;margin:0 0 14px}
.av-record .av-nota{color:var(--oro2);font-weight:700}
.av-neon{aspect-ratio:1;max-width:340px;justify-self:center;width:100%;border-radius:26px;border:2px solid var(--hx);display:grid;place-content:center;text-align:center;
  background:repeating-linear-gradient(135deg,rgba(255,79,168,.10) 0 18px,transparent 18px 36px),#120a1e;box-shadow:0 0 40px rgba(255,79,168,.35),inset 0 0 30px rgba(255,79,168,.18)}
.av-neon b{font:400 clamp(58px,8vw,92px)/.9 var(--dsp);color:var(--hx);text-shadow:0 0 22px rgba(255,79,168,.7)}
.av-neon span{font:400 24px/1.1 var(--dsp);color:var(--vd);margin-top:10px}
.av-clima{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.av-clima .av-cdato{border:1px solid var(--ln);border-radius:var(--r);padding:20px;background:rgba(255,255,255,.03)}
.av-cdato small{display:block;color:var(--tn);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.av-cdato strong{font:400 34px/1 var(--dsp);color:var(--t)}
.av-cdato p{margin:8px 0 0;color:var(--tn);font-size:14px;line-height:1.45}
.av-fuente{font-size:13px;color:var(--tn);margin:14px 0 0}
.av-fuente a{color:var(--tn)}
.av-sec{margin-top:80px}
.av-sec>p{color:var(--tn);margin:-6px 0 26px;max-width:640px;line-height:1.6}
.av-reels{display:grid;grid-template-columns:repeat(2,minmax(0,360px));gap:26px;justify-content:start}
.av-reel{margin:0}
.av-reel video{width:100%;aspect-ratio:9/16;border-radius:20px;background:#000;display:block;border:1px solid var(--ln);box-shadow:0 20px 50px rgba(0,0,0,.5)}
.av-reel figcaption{margin-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:700}
.av-reel figcaption span{color:var(--tn);font-weight:500;font-size:14px}
.av-gal{columns:4 230px;column-gap:14px}
.av-gal button{all:unset;cursor:zoom-in;display:block;position:relative;margin:0 0 14px;border-radius:16px;overflow:hidden;border:1px solid var(--ln);break-inside:avoid;width:100%;background:#1a1028}
.av-gal img{display:block;width:100%;height:auto;transition:transform .5s ease,filter .5s}
.av-gal button:hover img,.av-gal button:focus-visible img{transform:scale(1.04);filter:saturate(1.15)}
.av-gal button:focus-visible{outline:3px solid var(--hx);outline-offset:2px}
.av-gal span{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 12px;font-size:14px;background:linear-gradient(transparent,rgba(8,4,16,.85));color:#fff}
.av-gal button.av-in{opacity:0;transform:translateY(18px)}
.av-gal button.av-in.av-ok{opacity:1;transform:none;transition:opacity .6s,transform .6s}
.av-sig{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.av-sig a{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--t);border:1px solid var(--ln);border-radius:999px;padding:12px 20px;background:rgba(255,255,255,.04);font-weight:700;transition:border-color .2s,background .2s}
.av-sig a b{color:var(--hx);font-weight:700}
.av-sig a:hover{border-color:var(--hx);background:rgba(255,79,168,.1)}
.av-cred{margin-top:36px;color:var(--tn);font-size:13px}
.av-hero-cta{display:inline-block;margin:10px 0 0;padding:10px 18px;border-radius:999px;background:var(--hx,#ff4fa8);color:#1a0612 !important;font-weight:700;text-decoration:none}
/* visor */
.av-lb{position:fixed;inset:0;z-index:9999;background:rgba(6,3,12,.94);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px}
.av-lb.av-on{display:flex}
.av-lb img{max-width:min(1400px,94vw);max-height:80vh;border-radius:12px;box-shadow:0 20px 70px rgba(0,0,0,.6)}
.av-lb p{color:#eee;font:500 16px/1.4 "Space Grotesk",system-ui,sans-serif;margin:16px 0 0;text-align:center}
.av-lb button{position:absolute;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);width:52px;height:52px;border-radius:50%;font-size:24px;cursor:pointer}
.av-lb button:hover{background:#ff4fa8}
.av-lb .av-x{top:18px;right:18px}.av-lb .av-p{left:18px;top:50%}.av-lb .av-n{right:18px;top:50%}
@media (max-width:900px){.av-cards,.av-clima{grid-template-columns:1fr 1fr}.av-dos,.av-record{grid-template-columns:1fr}.av-ficha{position:static}}
@media (max-width:560px){#asi-se-vivio{padding:64px 0 72px}.av-cards,.av-clima{grid-template-columns:1fr 1fr;gap:10px}.av-card{padding:18px 16px}.av-card h4{font-size:22px}
  .av-reels{grid-template-columns:1fr 1fr;gap:12px}.av-gal{columns:2;column-gap:10px}.av-gal button{margin-bottom:10px}.av-gal span{font-size:12px;padding:24px 10px 8px}.av-record{padding:22px}
  .av-lb .av-p,.av-lb .av-n{top:auto;bottom:18px}.av-cdato strong{font-size:28px}}
@media (prefers-reduced-motion:reduce){.av-sello{animation:none}.av-gal img{transition:none}.av-gal button.av-in{opacity:1;transform:none}}