/* ===================== FORGE PREMIUM =====================
   Dirección editorial-industrial premium para Casa Ingco. */
:root{
  --forge-ink:#080a0d;--forge-ink-2:#0e1217;--forge-panel:#141a21;--forge-panel-2:#1a222b;
  --forge-steel:#89939e;--forge-line:#303944;--forge-canvas:#f0efe9;--forge-paper:#fbfaf6;
  --forge-accent:#ffb000;--forge-hot:#ff7a00;--forge-white:#fff;
  --forge-radius:16px;--forge-shadow:0 30px 80px rgba(8,10,13,.18);
  --forge-shadow-card:0 18px 44px rgba(8,10,13,.11);--forge-ease:cubic-bezier(.2,.75,.25,1)
}
html{scroll-padding-top:124px}
body{background:var(--forge-canvas);color:var(--forge-ink);font-feature-settings:'kern' 1,'tnum' 1;text-rendering:optimizeLegibility}
main{overflow:clip}
.scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:1100;pointer-events:none}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--forge-hot),var(--forge-accent));transform:scaleX(0);transform-origin:left;will-change:transform}

/* Navegación */
.hdr{position:sticky;top:0;z-index:100;background:rgba(8,10,13,.91);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 12px 42px rgba(0,0,0,.12);backdrop-filter:blur(22px) saturate(140%);transition:.24s var(--forge-ease)}
.hdr.is-scrolled{background:rgba(8,10,13,.98);box-shadow:0 18px 52px rgba(0,0,0,.3)}
.hdr-meta{background:rgba(255,255,255,.025);border-bottom-color:rgba(255,255,255,.07)}
.hdr-meta-in{padding-block:7px}
.hdr-meta-in>span:before{content:'';display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--forge-accent);box-shadow:0 0 0 4px rgba(255,176,0,.12)}
.hdr-in{min-height:74px}
.brand img{height:46px;border-radius:8px;padding:5px 8px;box-shadow:0 0 0 1px rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.24)}
.brand-tx{font-size:1.34rem;line-height:.9}.brand-tx small{margin-top:7px;color:#b9c0c7}
.nav>a{position:relative;padding:12px 13px;border-radius:8px;color:#d3d8dd;transition:color .2s,background .2s}
.nav>a:not(.nav-cta):after{content:'';position:absolute;left:13px;right:13px;bottom:6px;height:2px;background:var(--forge-accent);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--forge-ease)}
.nav>a:hover:after,.nav>a.on:after{transform:scaleX(1)}
.nav>a.on{box-shadow:none;background:rgba(255,255,255,.045)}
.nav-cta{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;padding-inline:18px!important;border-radius:9px!important;background:linear-gradient(135deg,var(--forge-accent),#ffc94d)!important;box-shadow:0 10px 28px rgba(255,176,0,.18)!important}
.cart-ico{min-width:46px;min-height:46px;border-radius:9px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}

/* Portada de campaña */
.campaign-stage{position:relative;padding:24px 22px 0;background:var(--forge-ink);isolation:isolate}
.campaign-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 0,rgba(255,176,0,.13),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,80px 100%;z-index:-1}
.campaign-frame{max-width:1520px;margin:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;overflow:hidden;background:#050607;box-shadow:0 32px 90px rgba(0,0,0,.42);position:relative}
.campaign-frame:before{content:'FEATURED CAMPAIGN';position:absolute;z-index:3;left:18px;top:18px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(8,10,13,.72);backdrop-filter:blur(12px);color:#fff;font:800 .61rem/1 Inter,sans-serif;letter-spacing:.16em}
.promo-banner{display:block;border:0;box-shadow:none;background:#050607;overflow:hidden}
.promo-banner:after{display:none!important}
.promo-banner img{display:block;width:100%;height:auto;max-height:none;min-height:0;object-fit:contain;transition:transform .7s var(--forge-ease),filter .4s}
.promo-banner:hover img{transform:scale(1.012);filter:saturate(1.04) contrast(1.02)}
.campaign-rail{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:stretch;border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(90deg,#0a0d11,#141a20);color:#fff}
.campaign-rail>div{display:flex;flex-direction:column;justify-content:center;min-height:82px;padding:18px 24px;border-right:1px solid rgba(255,255,255,.1)}
.campaign-rail span{font-size:.61rem;line-height:1.3;letter-spacing:.13em;text-transform:uppercase;color:#8f9aa5}
.campaign-rail strong{margin-top:7px;font-family:'Barlow Condensed',sans-serif;font-size:1.18rem;line-height:1;text-transform:uppercase;letter-spacing:.035em}
.campaign-id{position:relative;padding-left:72px!important}.campaign-id:before{content:'08';position:absolute;left:20px;top:50%;transform:translateY(-50%);font:800 2.7rem/1 'Barlow Condensed',sans-serif;color:rgba(255,176,0,.2)}
.campaign-id strong{color:var(--forge-accent)}
.campaign-jump{display:flex;align-items:center;justify-content:center;gap:18px;min-width:245px;padding:18px 24px;background:var(--forge-accent);color:var(--forge-ink);font-weight:850;font-size:.82rem;text-align:center;transition:.2s}
.campaign-jump span{font-size:1.2rem;color:inherit}.campaign-jump:hover{background:#ffc441}

/* Promoción */
.ofertas-imp{position:relative;padding:104px 0 112px;background-color:var(--forge-ink-2);background-image:linear-gradient(100deg,rgba(8,10,13,.96),rgba(14,18,23,.72) 48%,rgba(8,10,13,.94)),radial-gradient(circle at 72% 15%,rgba(255,176,0,.16),transparent 28%),url('../assets/fondo-ladrillos-constructor.webp');background-size:cover,auto,cover;background-position:center;color:#fff;isolation:isolate}
.ofertas-imp:before{content:'BUILD / 08';position:absolute;right:-1vw;top:12px;font:800 clamp(7rem,16vw,16rem)/1 'Barlow Condensed',sans-serif;letter-spacing:-.04em;color:rgba(255,255,255,.025);pointer-events:none;z-index:-1}
.ofertas-imp:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--forge-accent),transparent)}
.ofertas-imp .container{max-width:1380px;grid-template-columns:minmax(0,1fr) minmax(315px,auto);gap:34px 58px}
.oi-kicker{padding:10px 13px;border:1px solid rgba(255,176,0,.42);border-left:3px solid var(--forge-accent);border-radius:999px;background:rgba(255,176,0,.06)}
.oi-head h2{max-width:840px;margin:22px 0 18px;font-size:clamp(3rem,5.4vw,5.8rem);line-height:.86;letter-spacing:-.018em}
.oi-head p{max-width:680px;color:#c6cdd3;font-size:1.02rem;line-height:1.7}
.oi-count{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(20,26,33,.72);box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.25);backdrop-filter:blur(14px)}
.oi-boxes{gap:8px}.oi-unit{min-width:67px;padding:12px 8px;border-color:rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.055)}
.oi-boxes b{font-size:1.85rem}.oi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}

/* Tarjetas */
.pcard{overflow:hidden;border:1px solid #d7d9d8;border-radius:var(--forge-radius);background:var(--forge-paper);box-shadow:0 1px 0 rgba(255,255,255,.8),0 14px 35px rgba(8,10,13,.07);transition:transform .28s var(--forge-ease),box-shadow .28s,border-color .28s}
.pcard:hover{transform:translateY(-7px);border-color:#b9bfc3;box-shadow:var(--forge-shadow-card)}
.pcard .ph{position:relative;aspect-ratio:1.12/1;min-height:0;overflow:hidden;background:linear-gradient(145deg,#fff,#e9ecee);border-radius:0;border-bottom:1px solid #d8dcdf}
.pcard .ph img{transition:transform .42s var(--forge-ease)}.pcard:hover .ph img{transform:scale(1.035)}
.pcard .body{display:flex;flex-direction:column;padding:21px 21px 19px;background:var(--forge-paper)}
.product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.product-meta .cat{margin:0;color:#68727b;font-size:.63rem;letter-spacing:.1em}
.product-code{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#79828a;font:700 .61rem/1 Inter,sans-serif;letter-spacing:.06em}
.pcard .nm{min-height:2.8em;margin:0 0 18px;color:var(--forge-ink);font-size:.91rem;line-height:1.42}
.pcard .row{align-items:flex-end;margin-top:auto}.prices{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.price-label{display:block;margin-bottom:4px;color:#707981;font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.pcard .price{font-size:1.72rem;line-height:.95;color:var(--forge-ink);font-variant-numeric:tabular-nums}
.pcard .price-old{margin-top:5px;color:#7b848c}
.pcard .stock,.pcard .sold{min-height:28px;display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:.66rem}
.pcard .badge,.badge-top,.badge-disc{border-radius:7px}.pcard .badge-disc,.pcard .badge-disc.fest{padding:8px 10px;background:linear-gradient(135deg,var(--forge-hot),#ff9c24)!important}
.pacts{gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid #dedfdd}
.addbtn,.pcard .verbtn{min-height:47px;border-radius:9px;font-weight:850}
.addbtn{background:var(--forge-ink)}.addbtn:hover{background:var(--forge-hot)}
.pcard .verbtn{background:#fff;border-color:#cfd3d5;color:var(--forge-ink)}.pcard .verbtn:hover{border-color:var(--forge-ink);background:#f4f3ee}
.ofertas-imp .pcard{border:1px solid rgba(255,255,255,.14);border-radius:18px;background:linear-gradient(155deg,#1a222b,#10151a);box-shadow:0 24px 64px rgba(0,0,0,.28)}
.ofertas-imp .pcard:hover{border-color:rgba(255,176,0,.7);box-shadow:0 30px 75px rgba(0,0,0,.4),0 0 0 1px rgba(255,176,0,.2)}
.ofertas-imp .pcard .body{padding:23px;background:linear-gradient(155deg,#1a222b,#11171d)}
.ofertas-imp .product-code{color:#8e99a3}.ofertas-imp .pcard .nm{color:#fff}
.ofertas-imp .pcard .price{color:var(--forge-accent);font-size:1.9rem;text-shadow:0 0 28px rgba(255,176,0,.12)}
.ofertas-imp .pcard .price-old,.ofertas-imp .price-label{color:#aeb6bd}
.ofertas-imp .pacts{border-color:rgba(255,255,255,.12)}
.ofertas-imp .addbtn{background:var(--forge-accent);color:var(--forge-ink)}.ofertas-imp .addbtn:hover{background:#ffc441}
.ofertas-imp .pcard .verbtn{border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.06);color:#fff}
.ofertas-imp .pcard .verbtn:hover{border-color:#fff;background:#fff;color:var(--forge-ink)}

/* Contenido editorial */
.hero{position:relative;background:linear-gradient(112deg,#0a0d11 0%,#121820 62%,#0a0d11 62%);border:0;isolation:isolate}
.hero:before{background:linear-gradient(115deg,transparent 0 61%,rgba(255,176,0,.14) 61% 61.4%,transparent 61.4%),repeating-linear-gradient(90deg,transparent 0 95px,rgba(255,255,255,.026) 96px)}
.hero:after{content:'INGCO';position:absolute;left:-1vw;bottom:-.16em;font:800 clamp(8rem,20vw,20rem)/1 'Barlow Condensed',sans-serif;color:rgba(255,255,255,.022);z-index:-1}
.hero-in{max-width:1380px;padding:112px 28px;gap:84px}
.hero-kicker{padding-left:38px;position:relative}.hero-kicker:before{content:'';position:absolute;left:0;top:50%;width:26px;height:2px;background:var(--forge-accent)}
.hero h1{font-size:clamp(3.8rem,6.8vw,7.1rem);letter-spacing:-.025em}.hero p{font-size:1.02rem}
.machine-stage{min-height:460px;border-color:rgba(255,255,255,.15);border-radius:20px;clip-path:none;background:radial-gradient(circle at 50% 42%,#303944,#161c22 42%,#090c0f 75%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 38px 90px rgba(0,0,0,.36)}
.machine-stage:before{left:28px;top:20px;color:rgba(255,255,255,.045);font-size:9rem}.machine-stage img{max-width:88%;max-height:400px}
.btn{min-height:48px;border-radius:9px;padding:14px 22px;font-weight:850;transition:transform .2s var(--forge-ease),background .2s,color .2s,border-color .2s,box-shadow .2s}
.btn-gold,.btn-pri{background:linear-gradient(135deg,var(--forge-accent),#ffc449);box-shadow:0 14px 32px rgba(255,176,0,.15)}
.btn-gold:hover,.btn-pri:hover{background:#ffc84f;box-shadow:0 18px 38px rgba(255,176,0,.22)}
.btn-ghost{background:rgba(255,255,255,.035);backdrop-filter:blur(8px)}
section{padding:92px 0}.bg-soft{background:#e5e5df}
.sec-head{margin-bottom:48px}.sec-head .kick{display:inline-flex;align-items:center;gap:10px;color:#9a4a00}.sec-head .kick:before{content:'';width:28px;height:2px;background:var(--forge-hot)}
.sec-head h1,.sec-head h2{font-size:clamp(2.5rem,4.6vw,4.4rem);letter-spacing:-.015em}
.benef{gap:0;border:0;background:transparent;box-shadow:var(--forge-shadow-card);border-radius:18px;overflow:hidden}
.benef .b{min-height:225px;padding:34px 30px;border-right:1px solid #dde0e1;background:var(--forge-paper)}
.benef .b:last-child{border-right:0}.benef .b:hover{box-shadow:inset 0 -4px var(--forge-accent);background:#fff}
.benef .ic{font-size:1.12rem}.benef h3{font-size:1.52rem}.benef p{font-size:.92rem}
.faq-section{position:relative;background:linear-gradient(135deg,#0a0d11,#161d25);overflow:hidden}
.faq-section:before{content:'FAQ';position:absolute;right:4vw;top:-.17em;font:800 17rem/1 'Barlow Condensed',sans-serif;color:rgba(255,255,255,.025)}
.faq-list details[open]{background:rgba(255,255,255,.035)}.faq-list summary{padding:26px 54px 26px 20px;font-size:1.02rem}.faq-list details p{padding-left:20px}
.cats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cat-card{min-height:170px;padding:28px;border-radius:14px;background:linear-gradient(145deg,#11171d,#1a222b);border-color:#2f3943;box-shadow:0 16px 34px rgba(8,10,13,.12)}
.cat-card:nth-child(1),.cat-card:nth-child(6){grid-column:span 2}
.cat-card:before{width:4px;background:linear-gradient(var(--forge-accent),var(--forge-hot))}
.cat-card:hover{transform:translateY(-4px);border-color:#67727c;box-shadow:0 24px 50px rgba(8,10,13,.2)}
.cat-card .n{font-size:1.55rem}.cat-card .arrow{font-size:1.4rem;color:var(--forge-accent)}
.page--index .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.banner{position:relative;overflow:hidden;border-radius:18px;padding:54px 58px;background:linear-gradient(115deg,#0a0d11,#1b232c);box-shadow:var(--forge-shadow)}
.banner:after{content:'→';position:absolute;right:26%;top:50%;transform:translateY(-55%);font:800 9rem/1 'Barlow Condensed',sans-serif;color:rgba(255,176,0,.08)}
.banner h3{font-size:clamp(2rem,3.4vw,3.2rem)}.banner p{font-size:1rem}
.filters,.pd-specs,.form-card,.cart-sum,.co-card,.co-done-card{border-radius:14px;box-shadow:var(--forge-shadow-card);border-color:#d5d8d8}
.filters{border-top:4px solid var(--forge-accent)}
.searchbar input,.searchbar button,.pager a,.pager span,.bchip,.filters .fcat{border-radius:8px}
.pd-img{border-radius:18px;box-shadow:var(--forge-shadow-card)}.pd-specs{overflow:hidden}
.form-card input,.form-card textarea,.checkout input,.checkout textarea,.opt,.qstep,.cqty{border-radius:9px}
.ft{border-top:0;background:#06080a}.ft:before{content:'';display:block;height:4px;background:linear-gradient(90deg,var(--forge-hot),var(--forge-accent),transparent 72%)}
.ft-in{padding-top:58px}.ft-col h4{font-size:1.3rem}.wa-float{right:22px;bottom:22px;border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.32)}

/* Movimiento útil y accesible */
.premium-ui [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .55s var(--forge-ease) var(--reveal-delay,0ms),transform .55s var(--forge-ease) var(--reveal-delay,0ms)}
.premium-ui [data-reveal].is-visible{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  .campaign-rail{grid-template-columns:1fr 1fr 1fr}.campaign-jump{grid-column:1/-1;min-height:58px}
  .page--index .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-in{gap:48px}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cat-card:nth-child(1),.cat-card:nth-child(6){grid-column:span 1}
}
@media(max-width:900px){
  .campaign-stage{padding:14px 14px 0}.campaign-frame{border-radius:14px}.campaign-frame:before{display:none}
  .campaign-rail{grid-template-columns:1fr 1fr}.campaign-id{grid-column:1/-1}
  .ofertas-imp{padding:80px 0}.ofertas-imp .container{grid-template-columns:1fr}.oi-count{max-width:370px}.oi-grid{grid-template-columns:1fr 1fr}
  .hero-in{padding:84px 24px}.machine-stage{min-height:390px}
  .benef{grid-template-columns:1fr 1fr}.benef .b{border-bottom:1px solid #dde0e1}
  .page--index .grid,.cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav{top:103px;padding:14px;background:rgba(8,10,13,.985);backdrop-filter:blur(20px)}
  .nav>a{min-height:46px;display:flex;align-items:center}
}
@media(max-width:620px){
  html{scroll-padding-top:82px}.hdr-in{min-height:70px}.brand img{height:42px}.brand-tx{font-size:1.08rem}
  .campaign-stage{padding:8px 8px 0}.campaign-frame{border-radius:10px}
  .campaign-rail{grid-template-columns:1fr 1fr}.campaign-rail>div{padding:15px 16px}.campaign-id,.campaign-jump{grid-column:1/-1}.campaign-jump{min-width:0}
  .campaign-stat strong{font-size:1rem}.ofertas-imp{padding:64px 0 72px}
  .oi-head h2{font-size:3.05rem}.oi-head p{font-size:.94rem}.oi-count{padding:16px}.oi-unit{min-width:0;padding:10px 5px}.oi-boxes b{font-size:1.55rem}
  .oi-grid{grid-template-columns:1fr}.ofertas-imp .pcard .ph{aspect-ratio:1.16/1}
  .hero{background:linear-gradient(155deg,#080a0d,#161d25)}.hero-in{padding:72px 18px}.hero h1{font-size:3.55rem}.machine-stage{min-height:310px;border-radius:14px}
  section{padding:66px 0}.sec-head{margin-bottom:34px}.sec-head h1,.sec-head h2{font-size:2.65rem}
  .benef{grid-template-columns:1fr;border-radius:14px}.benef .b{min-height:0;padding:28px 24px;border-right:0}
  .cats{grid-template-columns:1fr 1fr;gap:9px}.cat-card{min-height:145px;padding:20px}.cat-card .n{font-size:1.22rem}
  .page--index .grid{grid-template-columns:1fr;gap:16px}.pcard .ph{aspect-ratio:1.25/1}.pcard .nm{min-height:0}
  .banner{padding:36px 24px}.banner:after{display:none}.nav{top:70px}.wa-float{right:14px;bottom:14px}
}
/* Urgencia promocional premium */
.offer-alert{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:2px;padding:17px 20px;border:1px solid rgba(255,176,0,.62);border-radius:13px;background:linear-gradient(105deg,rgba(255,122,0,.2),rgba(255,176,0,.08) 58%,rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.09),0 18px 48px rgba(255,122,0,.1)}
.offer-alert>div{display:flex;flex-direction:column;gap:4px}.offer-alert strong{color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:1.32rem;line-height:1;text-transform:uppercase;letter-spacing:.045em}.offer-alert>div span{color:#cbd1d6;font-size:.78rem}
.offer-signal{position:relative;width:13px;height:13px;border-radius:50%;background:var(--forge-accent);box-shadow:0 0 18px rgba(255,176,0,.8)}
.offer-signal:after{content:'';position:absolute;inset:-1px;border:1px solid var(--forge-accent);border-radius:50%;animation:offer-signal 1.8s ease-out infinite}
.offer-alert-end{justify-self:end;padding:9px 12px;border-radius:999px;background:var(--forge-accent);color:var(--forge-ink)!important;font-size:.67rem!important;font-weight:900;letter-spacing:.08em!important;white-space:nowrap}
@keyframes offer-signal{0%{transform:scale(.75);opacity:.9}70%,100%{transform:scale(2.35);opacity:0}}

.oi-count{position:relative;overflow:hidden;border-color:rgba(255,176,0,.52);background:linear-gradient(145deg,rgba(255,176,0,.13),rgba(20,26,33,.84));box-shadow:inset 0 1px rgba(255,255,255,.12),0 24px 60px rgba(0,0,0,.3),0 0 38px rgba(255,176,0,.08)}
.oi-count:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--forge-hot),var(--forge-accent))}
.oi-c-lbl{color:var(--forge-accent);font-weight:900;font-size:.7rem;letter-spacing:.16em}
.oi-unit{border-color:rgba(255,176,0,.32);background:rgba(8,10,13,.7)}
.oi-boxes b{color:#fff;text-shadow:0 0 18px rgba(255,176,0,.32)}

.pcard .ph{isolation:isolate}.offer-flag{position:absolute;z-index:3;left:12px;bottom:12px;display:inline-flex;align-items:center;min-height:31px;padding:7px 11px 7px 25px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:linear-gradient(135deg,#ff6a00,var(--forge-hot));color:#fff;font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 10px 24px rgba(255,90,0,.28)}
.offer-flag:before{content:'';position:absolute;left:10px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.16)}
.ofertas-imp .pcard-special{position:relative;border-color:rgba(255,176,0,.48);box-shadow:0 24px 64px rgba(0,0,0,.3),0 0 34px rgba(255,122,0,.07)}
.ofertas-imp .pcard-special:after{content:'';position:absolute;z-index:4;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--forge-hot),var(--forge-accent),transparent);pointer-events:none}
.ofertas-imp .price-label{color:var(--forge-accent);font-size:.62rem}

@media(max-width:620px){
  .offer-alert{grid-template-columns:auto 1fr;padding:16px;gap:14px}.offer-alert-end{grid-column:1/-1;justify-self:stretch;text-align:center}
  .offer-alert strong{font-size:1.16rem}.offer-alert>div span{font-size:.74rem}
  .offer-flag{left:9px;bottom:9px;min-height:29px;padding:6px 9px 6px 22px;font-size:.59rem}
}
@media(prefers-reduced-motion:reduce){
  .premium-ui [data-reveal]{opacity:1!important;transform:none!important}
  .promo-banner img,.pcard,.pcard .ph img,.campaign-jump{transition:none!important}
  .offer-signal:after{animation:none!important}
}

/* ===================== CYBER MONTH / JTM ===================== */
:root{--cyber-green:#39ff14;--cyber-orange:#ff6a00;--cyber-black:#030504;--cyber-panel:#08100d;--cyber-grid:rgba(57,255,20,.11)}

.cyber-campaign{padding-top:26px;background:#020403;background-image:radial-gradient(circle at 16% 8%,rgba(57,255,20,.16),transparent 28%),radial-gradient(circle at 82% 82%,rgba(255,106,0,.14),transparent 30%)}
.cyber-campaign:before{background-image:linear-gradient(90deg,rgba(57,255,20,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(57,255,20,.04) 1px,transparent 1px);background-size:72px 72px}
.cyber-campaign .campaign-frame{border-color:rgba(57,255,20,.36);background:var(--cyber-black);box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 48px rgba(57,255,20,.08),0 0 0 1px rgba(255,106,0,.1)}
.cyber-campaign .campaign-frame:before{content:'CYBER CAMPAIGN';border-color:rgba(57,255,20,.54);background:rgba(3,5,4,.82);color:var(--cyber-green);box-shadow:0 0 18px rgba(57,255,20,.12)}

.cyber-banner{position:relative;isolation:isolate;display:grid;min-height:clamp(390px,43vw,650px);align-content:center;padding:clamp(56px,7vw,104px);overflow:hidden;color:#fff;background:linear-gradient(118deg,rgba(3,5,4,.98),rgba(5,15,10,.9) 54%,rgba(8,5,3,.94)),repeating-linear-gradient(90deg,var(--cyber-grid) 0 1px,transparent 1px 64px),repeating-linear-gradient(0deg,var(--cyber-grid) 0 1px,transparent 1px 64px)}
.cyber-banner:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 0 48%,rgba(57,255,20,.09) 48.2% 48.5%,transparent 48.7%),linear-gradient(72deg,transparent 0 71%,rgba(255,106,0,.1) 71.2% 71.5%,transparent 71.7%),radial-gradient(ellipse at 57% 48%,rgba(57,255,20,.15),transparent 38%)}
.cyber-banner:after{content:'';position:absolute;z-index:4;inset:-35% 0 auto;height:20%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(57,255,20,.07),transparent);mix-blend-mode:screen;animation:cyber-scan 5.5s linear infinite}
.cyber-kicker,.cyber-sub{position:relative;z-index:1;text-transform:uppercase;letter-spacing:.18em}
.cyber-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:9px 13px;border-left:3px solid var(--cyber-green);background:linear-gradient(90deg,rgba(57,255,20,.12),transparent);color:var(--cyber-green);font-size:clamp(.65rem,1.1vw,.82rem);font-weight:900;text-shadow:0 0 14px rgba(57,255,20,.46)}
.cyber-title{position:relative;z-index:2;display:block;width:max-content;max-width:82%;margin-top:30px;font:900 clamp(5rem,12vw,11.6rem)/.7 'Barlow Condensed',sans-serif;letter-spacing:-.035em;color:#edffea;text-transform:uppercase;text-shadow:1px 1px 0 #83ff70,3px 3px 0 #22b80a,6px 6px 0 #096600,10px 12px 28px rgba(57,255,20,.38)}
.cyber-title em{display:block;margin-left:.34em;color:var(--cyber-orange);font-style:normal;text-shadow:1px 1px 0 #ffc08a,3px 3px 0 #c94700,6px 6px 0 #712400,10px 12px 30px rgba(255,106,0,.42)}
.cyber-sub{margin-top:34px;color:#d9e7dd;font-size:clamp(.7rem,1.3vw,.92rem);font-weight:850;text-shadow:0 2px 12px #000}
.cyber-discount{position:absolute;z-index:5;right:clamp(30px,7vw,112px);bottom:clamp(32px,7vw,92px);display:flex;flex-direction:column;padding:20px 26px;border:1px solid var(--cyber-orange);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(145deg,rgba(14,7,3,.92),rgba(3,5,4,.9));box-shadow:inset 0 0 26px rgba(255,106,0,.07),0 0 34px rgba(255,106,0,.24)}
.cyber-discount:before,.cyber-discount:after{content:'';position:absolute;width:8px;height:8px;background:var(--cyber-orange);box-shadow:0 0 13px var(--cyber-orange)}
.cyber-discount:before{left:9px;top:9px}.cyber-discount:after{right:9px;bottom:9px}
.cyber-discount b{color:var(--cyber-orange);font:900 clamp(2.25rem,4.8vw,5rem)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.02em;text-shadow:0 0 22px rgba(255,106,0,.38)}
.cyber-discount small{margin-top:10px;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.32em;text-align:center}
.cyber-circuit{position:absolute;z-index:0;width:33%;height:36%;border:1px solid rgba(57,255,20,.3);opacity:.7;pointer-events:none}
.cyber-circuit:before,.cyber-circuit:after{content:'';position:absolute;background:var(--cyber-green);box-shadow:0 0 15px var(--cyber-green);animation:cyber-node 2.4s ease-in-out infinite alternate}
.cyber-circuit:before{width:9px;height:9px;border-radius:50%}.cyber-circuit:after{width:62%;height:1px}
.cyber-circuit-a{left:-5%;top:11%;border-width:1px 1px 0 0}.cyber-circuit-a:before{right:-5px;top:-5px}.cyber-circuit-a:after{right:0;top:38%}
.cyber-circuit-b{right:-7%;bottom:9%;border-width:0 0 1px 1px}.cyber-circuit-b:before{left:-5px;bottom:-5px;background:var(--cyber-orange);box-shadow:0 0 15px var(--cyber-orange)}.cyber-circuit-b:after{left:0;bottom:38%;background:var(--cyber-orange);box-shadow:0 0 15px var(--cyber-orange)}

.cyber-campaign .campaign-rail{border-top-color:rgba(57,255,20,.24);background:linear-gradient(90deg,#030504,#07110c 58%,#100703)}
.cyber-campaign .campaign-rail>div{border-right-color:rgba(57,255,20,.12)}
.cyber-campaign .campaign-rail span{color:#87a58d}.cyber-campaign .campaign-rail strong{color:#f3fff4}
.cyber-campaign .campaign-id:before{content:'09';color:rgba(57,255,20,.2)}
.cyber-campaign .campaign-id strong{color:var(--cyber-green);text-shadow:0 0 16px rgba(57,255,20,.32)}
.cyber-campaign .campaign-jump{background:linear-gradient(135deg,var(--cyber-green),#8dff3e);color:#031003;box-shadow:inset 0 -3px rgba(0,0,0,.18),0 0 28px rgba(57,255,20,.14)}
.cyber-campaign .campaign-jump:hover{background:var(--cyber-orange);color:#fff}

.ofertas-imp{background-color:#030504;background-image:radial-gradient(circle at 80% 9%,rgba(57,255,20,.13),transparent 26%),radial-gradient(circle at 5% 72%,rgba(255,106,0,.11),transparent 28%),linear-gradient(110deg,rgba(3,5,4,.97),rgba(5,14,10,.93)),repeating-linear-gradient(90deg,rgba(57,255,20,.07) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(57,255,20,.05) 0 1px,transparent 1px 72px);background-size:auto,auto,auto,auto,auto;background-position:center}
.ofertas-imp:before{content:'CYBER / 09';color:rgba(57,255,20,.028);letter-spacing:-.045em}
.ofertas-imp:after{height:2px;background:linear-gradient(90deg,transparent,var(--cyber-green),var(--cyber-orange),transparent);box-shadow:0 0 22px rgba(57,255,20,.3)}
.ofertas-imp .oi-kicker{border-color:rgba(57,255,20,.5);border-left-color:var(--cyber-green);background:rgba(57,255,20,.07);color:var(--cyber-green);box-shadow:inset 0 0 18px rgba(57,255,20,.04);text-shadow:0 0 14px rgba(57,255,20,.34)}
.ofertas-imp .oi-head h2{color:#f4fff4;text-shadow:0 0 32px rgba(57,255,20,.09)}
.ofertas-imp .oi-head p{color:#b8c9bd}
.ofertas-imp .oi-count{border-color:rgba(57,255,20,.48);background:linear-gradient(145deg,rgba(57,255,20,.09),rgba(3,9,6,.9));box-shadow:inset 0 1px rgba(255,255,255,.09),0 24px 60px rgba(0,0,0,.34),0 0 38px rgba(57,255,20,.08)}
.ofertas-imp .oi-count:before{background:linear-gradient(90deg,var(--cyber-green),var(--cyber-orange))}
.ofertas-imp .oi-c-lbl{color:var(--cyber-green)}
.ofertas-imp .oi-unit{border-color:rgba(57,255,20,.25);background:rgba(2,6,4,.82)}
.ofertas-imp .oi-boxes b{color:var(--cyber-green);text-shadow:0 0 18px rgba(57,255,20,.38)}
.ofertas-imp .offer-alert{border-color:rgba(255,106,0,.68);background:linear-gradient(105deg,rgba(255,106,0,.2),rgba(57,255,20,.06) 62%,rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 48px rgba(255,106,0,.1)}
.ofertas-imp .offer-signal{background:var(--cyber-orange);box-shadow:0 0 20px rgba(255,106,0,.9)}
.ofertas-imp .offer-signal:after{border-color:var(--cyber-orange)}
.ofertas-imp .offer-alert-end{background:var(--cyber-orange);color:#fff!important}

.ofertas-imp .pcard{overflow:hidden;border-color:rgba(57,255,20,.27);background:linear-gradient(155deg,#07110c,#030604);box-shadow:0 24px 64px rgba(0,0,0,.38),0 0 0 1px rgba(57,255,20,.035)}
.ofertas-imp .pcard:hover{border-color:rgba(57,255,20,.78);box-shadow:0 30px 75px rgba(0,0,0,.48),0 0 32px rgba(57,255,20,.12)}
.ofertas-imp .pcard .ph{background:radial-gradient(circle at 50% 42%,#fff 0,#f1f5f1 58%,#dce4dd 100%);border-bottom-color:rgba(57,255,20,.22)}
.ofertas-imp .pcard .body{background:linear-gradient(155deg,#09150e,#040806)}
.ofertas-imp .product-code{color:#7fa189}.ofertas-imp .pcard .nm{color:#f1fff3}
.ofertas-imp .pcard .price{color:var(--cyber-green);text-shadow:0 0 24px rgba(57,255,20,.3)}
.ofertas-imp .pcard .price-old{color:#93a398}.ofertas-imp .price-label{color:var(--cyber-green)}
.ofertas-imp .pacts{border-color:rgba(57,255,20,.16)}
.ofertas-imp .addbtn{background:linear-gradient(135deg,var(--cyber-green),#93ff45);color:#031003;box-shadow:0 0 22px rgba(57,255,20,.09)}
.ofertas-imp .addbtn:hover{background:var(--cyber-orange);color:#fff}
.ofertas-imp .pcard .verbtn{border-color:rgba(255,106,0,.5);background:rgba(255,106,0,.07);color:#ffd7c3}
.ofertas-imp .pcard .verbtn:hover{border-color:var(--cyber-orange);background:var(--cyber-orange);color:#fff}
.ofertas-imp .offer-flag{border-color:rgba(255,255,255,.55);background:linear-gradient(135deg,var(--cyber-orange),#ff8d1f);box-shadow:0 10px 26px rgba(255,106,0,.32)}
.ofertas-imp .pcard-special{border-color:rgba(57,255,20,.44)}
.ofertas-imp .pcard-special:after{background:linear-gradient(90deg,var(--cyber-green),var(--cyber-orange),transparent);box-shadow:0 0 16px rgba(57,255,20,.18)}
.cyber-campaign .campaign-jump:focus-visible,.ofertas-imp .addbtn:focus-visible,.ofertas-imp .verbtn:focus-visible,.cyber-banner:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px rgba(57,255,20,.5)}

@keyframes cyber-scan{0%{transform:translateY(-120%)}100%{transform:translateY(820%)}}
@keyframes cyber-node{from{opacity:.35;transform:scale(.75)}to{opacity:1;transform:scale(1.12)}}

@media(max-width:900px){
  .cyber-banner{min-height:560px;padding:78px 42px}
  .cyber-title{max-width:94%;font-size:clamp(5.3rem,18vw,9rem)}
  .cyber-discount{right:38px;bottom:40px}
}
@media(max-width:620px){
  .cyber-campaign{padding-top:8px}
  .cyber-banner{min-height:470px;padding:36px 20px;align-content:start}
  .cyber-kicker{margin-top:20px;font-size:.56rem;letter-spacing:.12em}
  .cyber-title{max-width:calc(100% - 12px);margin-top:54px;font-size:clamp(3.65rem,20vw,5.65rem);line-height:.72;letter-spacing:-.055em}
  .cyber-title em{margin-left:.08em}
  .cyber-sub{max-width:54%;margin-top:30px;font-size:.64rem;line-height:1.55;letter-spacing:.12em}
  .cyber-discount{right:16px;bottom:20px;padding:15px 17px}
  .cyber-discount b{font-size:2.35rem}.cyber-discount small{font-size:.58rem}
  .cyber-circuit{width:58%;height:30%}
}
@media(prefers-reduced-motion:reduce){
  .cyber-banner:after,.cyber-circuit:before,.cyber-circuit:after{animation:none!important}
}