/* ===== Instagram ===== */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;counter-reset:s}
.steps li{border-top:1px solid rgba(246,235,221,.25);padding-top:16px}
.steps b{font:500 13px var(--mono);color:var(--naranja);letter-spacing:.1em}
.steps h3{font-size:21px;margin:.5em 0 .3em}.steps p{font-size:15px;color:var(--mu);line-height:1.4}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media(max-width:520px){.steps{grid-template-columns:1fr}}
.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,56px);margin-top:clamp(28px,4vw,56px)}
.phones figure figcaption{margin-top:22px;font-size:15px;color:var(--mu);line-height:1.45;max-width:30ch;margin-inline:auto;text-align:center}
.phones figcaption b{color:var(--crema);display:block;font-size:18px;margin-bottom:.2em}
@media(max-width:860px){.phones{grid-template-columns:1fr;gap:56px}.phone{width:min(300px,78vw)}}
.igrid{background:#0f0e0d;display:flex;flex-direction:column;padding-top:34px}
.ighead{display:flex;gap:10px;align-items:center;padding:10px 14px 12px}
.ighead .av{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--naranja),var(--amarillo),var(--coral),var(--naranja));flex:none;position:relative}
.ighead .av::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0f0e0d url(../img/alconet/logo-alconettv.png) center/78% no-repeat;filter:invert(1) hue-rotate(180deg)}
.ighead b{display:block;font-size:14px;line-height:1.1}.ighead small{font-size:11px;color:var(--mu)}
.igrid .grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;align-content:start}
.igrid .grid i{aspect-ratio:1;background:var(--bg);color:var(--fg);display:grid;place-items:center;text-align:center;font-style:normal;transform:scale(.3) rotate(-8deg);opacity:0;transition:transform .6s var(--ease),opacity .4s;transition-delay:calc(var(--i)*110ms)}
.igrid .grid.in i{transform:none;opacity:1}
.igrid .grid b{font-weight:800;font-size:clamp(11px,3.2cqw,15px);line-height:1;letter-spacing:-.03em;padding:4px}
.foot{background:var(--negro);border-top:1px solid rgba(246,235,221,.14);padding:28px 0;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.foot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ===== Web (maqueta que se desplaza con el scroll) ===== */
.webpin{height:340vh;position:relative;margin-top:clamp(30px,5vw,60px)}
.webpin-in{position:sticky;top:0;height:100vh;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:4vh}
.browser{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 50px 100px -30px rgba(18,17,16,.55),0 0 0 1px rgba(18,17,16,.12);color:var(--tinta)}
.bbar{display:flex;gap:7px;align-items:center;padding:12px 16px;background:#ece4d6}.bbar i{width:11px;height:11px;border-radius:50%;background:#c9bfae}
.bbar span{margin-left:12px;flex:1;background:#fff;border-radius:99px;padding:5px 14px;font:500 12px var(--mono);color:#555}
.bview{height:min(72vh,660px);overflow:hidden;position:relative;background:#fff}
.bpage{will-change:transform;container-type:inline-size}
.fs-nav{display:flex;align-items:center;justify-content:space-between;padding:2cqw 4cqw;background:#fff}.fs-nav img{height:3.6cqw;width:auto}
.fs-nav nav{display:flex;gap:3cqw;font:500 1.5cqw var(--display)}.fs-nav b{background:#121110;color:#fff;padding:1.1cqw 2.2cqw;border-radius:99px;font-size:1.5cqw}
.fs-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:3cqw;padding:5cqw 4cqw 6cqw;background:#121110;color:#F6EBDD;align-items:center}
.fs-live{display:inline-flex;gap:1cqw;align-items:center;font:500 1.25cqw var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#7CC242;border:1px solid rgba(124,194,66,.5);padding:.8cqw 1.6cqw;border-radius:99px}
.fs-live i{width:1cqw;height:1cqw;border-radius:50%;background:#7CC242;animation:pulse 1.4s infinite}.fs-live u{text-decoration:none}
.fs-hero h3{font-size:6.4cqw;line-height:.92;letter-spacing:-.045em;margin:2cqw 0 2cqw}.fs-hero h3 em{font-style:normal;color:#7CC242}
.fs-hero p{font-size:1.8cqw;line-height:1.4;color:rgba(246,235,221,.7);max-width:34cqw}
.tvf{border:.9cqw solid #2a2724;border-radius:1cqw;aspect-ratio:16/9;overflow:hidden;box-shadow:0 0 6cqw rgba(124,194,66,.35)}
.fs-tv small{display:block;margin-top:1.2cqw;font:1.2cqw var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(246,235,221,.55)}
.fs-mq{background:#7CC242;color:#121110;overflow:hidden;white-space:nowrap;padding:1.5cqw 0;font-weight:800;font-size:2.3cqw;letter-spacing:-.03em}
.fs-mq div{display:inline-flex;gap:3.5cqw;animation:tick 30s linear infinite;padding-left:3cqw}.fs-mq span::before{content:"✦";margin-right:3cqw}
.fs-sec{padding:6cqw 4cqw;background:#F6EBDD;color:#121110}.fs-sec.dk{background:#1a1816;color:#F6EBDD}
.fs-sec h4{font-size:4.4cqw;line-height:.95;letter-spacing:-.04em;margin-bottom:3cqw}.fs-sec h4 em{font-style:normal;color:#d9531c}.fs-sec.dk h4 em{color:#7CC242}
.fs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw}.fs-stats b{display:block;font-size:7.2cqw;line-height:1;letter-spacing:-.05em;color:#d9531c}.fs-stats span{font:1.3cqw var(--mono);text-transform:uppercase;letter-spacing:.06em}
.fs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}.fs-grid .ad{aspect-ratio:16/9;height:auto;border-radius:.8cqw}.fs-grid small{display:block;margin-top:1cqw;font:1.15cqw var(--mono);text-transform:uppercase;letter-spacing:.06em;color:rgba(246,235,221,.7)}
.fs-ig{display:grid;grid-template-columns:repeat(5,1fr);gap:1.2cqw}.fs-ig i{aspect-ratio:1;background:var(--bg);color:var(--fg,#121110);font-style:normal;font-weight:800;font-size:1.9cqw;display:grid;place-items:center;text-align:center;padding:1cqw;line-height:1;border-radius:1cqw}
.fs-tone p{font-size:2.9cqw;font-weight:700;letter-spacing:-.03em;padding:1.4cqw 0;border-bottom:1px solid rgba(246,235,221,.2)}.fs-tone .no{opacity:.45;text-decoration:line-through}.fs-tone .si{color:#7CC242}
.fs-cta{background:#7CC242;color:#121110;text-align:center;padding:7cqw 4cqw}.fs-cta h4{font-size:6cqw;margin-bottom:1cqw}.fs-cta p{font-size:2.4cqw;font-weight:600}
.fs-cta b{display:inline-block;margin-top:2.4cqw;background:#121110;color:#fff;padding:1.4cqw 3cqw;border-radius:99px;font-size:2cqw}.fs-cta small{display:block;margin-top:2.2cqw;font:1.15cqw var(--mono)}
.wsteps{list-style:none}.wsteps li{opacity:.28;transition:opacity .5s,border-color .5s,transform .5s var(--ease);border-left:3px solid transparent;padding:18px 0 18px 24px}
.wsteps li.on{opacity:1;border-color:#d9531c;transform:translateX(6px)}.wsteps b{font:500 13px var(--mono);color:#d9531c;letter-spacing:.1em}
.wsteps h3{font-size:clamp(26px,3vw,40px);margin:.3em 0 .3em;letter-spacing:-.035em}.wsteps p{font-size:17px;color:var(--mu-d);line-height:1.45}
@media(max-width:900px){.webpin{height:auto}.webpin-in{position:static;height:auto;display:block}.bview{height:520px;overflow:auto}.wsteps{margin-top:28px}.wsteps li{opacity:1}}

/* ===== LinkedIn ===== */
.lnk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);margin-top:clamp(40px,6vw,80px);align-items:start}
.li{background:#fff;color:#191919;border-radius:14px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.4}
.li-ban{height:clamp(110px,13vw,160px);background:#0b0a09;position:relative}
.li-mq{position:absolute;inset:0;clip-path:inset(0)}.li-mq .row{display:flex;gap:10px;height:100%;padding:12px;width:max-content;animation:tick 26s linear infinite}
.li-mq .ad{width:clamp(150px,17vw,200px);height:auto;aspect-ratio:16/9;flex:none;border-radius:8px;align-self:center}
.li-logo{position:absolute;left:18px;bottom:-34px;width:96px;height:96px;background:#fff;border-radius:12px;display:grid;place-items:center;box-shadow:0 0 0 4px #fff,0 6px 20px rgba(0,0,0,.25);z-index:3}.li-logo img{width:82%}
.li-head{padding:46px 18px 14px;display:flex;justify-content:space-between;gap:14px}.li-head h3{font-size:22px;font-family:inherit;letter-spacing:0}.li-head p{color:#666;font-size:14px}
.li-btn{border:1.5px solid #0a66c2;color:#0a66c2;border-radius:99px;padding:6px 16px;font-weight:600;height:fit-content;white-space:nowrap}
.li-feed{border-top:8px solid #f3f2ef;background:#f3f2ef;min-height:430px;display:flex;flex-direction:column;gap:8px}
.post{background:#fff;padding:14px 18px 12px;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s var(--ease)}.post.in{opacity:1;transform:none}
.post .ph{display:flex;gap:10px;align-items:center;margin-bottom:8px}.post .av{width:36px;height:36px;border-radius:6px;background:#121110 url(../img/alconet/logo-alconettv.png) center/80% no-repeat;flex:none}
.post .ph b{display:block;font-size:14px}.post .ph small{color:#666;font-size:12px}
.post .tx{min-height:3em}.post .md{margin-top:10px;border-radius:6px;overflow:hidden;aspect-ratio:16/9}.post .md .ad{height:100%}
.post .rx{display:flex;gap:14px;margin-top:10px;padding-top:8px;border-top:1px solid #e6e6e6;font-size:13px;color:#555}.post .rx span{display:inline-flex;gap:5px;align-items:center}
.lnk-r h3{font-size:clamp(22px,2.4vw,30px);margin-bottom:14px}
.pil{list-style:none}.pil li{display:flex;gap:16px;padding:15px 0;border-top:1px solid rgba(246,235,221,.2);font-size:18px}.pil li b{font:500 13px var(--mono);color:var(--naranja);padding-top:.4em;letter-spacing:.1em}
.arts{display:grid;gap:10px}.arts a{display:block;border:1px solid rgba(246,235,221,.25);border-radius:18px;padding:16px 20px;transition:all .4s var(--ease)}.arts a:hover{border-color:var(--naranja);transform:translateX(8px);background:rgba(255,122,62,.1)}
.arts small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--naranja)}.arts b{display:block;font-size:19px;line-height:1.2;margin-top:6px;letter-spacing:-.02em}
@media(max-width:900px){.lnk{grid-template-columns:1fr}}

/* ===== Factoría ===== */
.pipe{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);margin-top:clamp(36px,5vw,64px);align-items:center}
.pipe-view{position:relative;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#000;box-shadow:0 40px 80px -30px #000;border:1px solid rgba(246,235,221,.15)}
.pv{position:absolute;inset:0;opacity:0;transform:scale(1.05);transition:opacity .6s,transform .8s var(--ease)}.pv.on{opacity:1;transform:none}
.pv svg{width:100%;height:100%;display:block}.pv>.ad,.pv>#pv-bo{position:absolute;inset:0}
.pv .bo-stage{border-radius:0;max-width:none!important;height:100%}
.l4 .ad{filter:contrast(1.18) saturate(1.3)}
.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.9'/></svg>");opacity:.22;mix-blend-mode:overlay;animation:grain .45s steps(3) infinite;pointer-events:none}
@keyframes grain{0%{transform:translate(0,0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}100%{transform:translate(0,0)}}
.flare{position:absolute;width:40%;aspect-ratio:1;left:-10%;top:-10%;background:radial-gradient(closest-side,rgba(255,220,160,.55),transparent);mix-blend-mode:screen;animation:flare 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes flare{to{left:70%;top:30%}}
.pv .tag{position:absolute;left:14px;bottom:12px;font:500 11px var(--mono);letter-spacing:.14em;background:rgba(0,0,0,.6);color:#FFC400;padding:6px 10px;border-radius:99px}
.pipe-st{list-style:none;display:flex;flex-direction:column;gap:4px}
.pipe-st li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 18px;border-radius:16px;border:1px solid transparent;opacity:.42;transition:all .45s var(--ease)}
.pipe-st li.on{opacity:1;background:rgba(255,122,62,.14);border-color:var(--naranja);transform:translateX(8px)}
.pipe-st b{font-size:clamp(19px,2vw,26px);letter-spacing:-.03em}.pipe-st span{font:13px var(--mono);color:var(--mu);text-align:right}
@media(max-width:900px){.pipe{grid-template-columns:1fr}}
.cold{display:grid;grid-template-columns:1fr 1.4fr;gap:clamp(20px,3vw,40px);margin-top:clamp(48px,7vw,90px);align-items:start}
.cold small{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--naranja);display:block;margin-bottom:10px}
.mail{background:#F6EBDD;color:#121110;border-radius:18px;padding:20px 22px;font-size:15px}.mail>b{font-size:17px;display:block;margin-bottom:12px;line-height:1.2}
.mail.old{opacity:.5;filter:grayscale(1)}.mail.old p{text-decoration:line-through}.mail.new{box-shadow:0 0 0 3px var(--naranja),0 30px 60px -20px rgba(255,122,62,.4)}
.mail #bo-mail{margin:2px 0 14px}.mail #bo-mail .bo-stage{border-radius:12px}.mail p{color:#3a3733}
@media(max-width:900px){.cold{grid-template-columns:1fr}}