:root{
  --bg:#f5f5f7;
  --bg-soft:#ffffff;
  --text:#171717;
  --muted:#6b7280;
  --line:#e5e7eb;
  --dark:#0f1014;
  --dark-soft:#1b1d24;
  --accent:#ec1e79;
  --accent-dark:#c41362;
  --accent-soft:#fff0f7;
  --green:#22c55e;
  --shadow:0 12px 34px rgba(18,18,18,.08);
  --radius:18px;
  --radius-sm:12px;
  --wrap:min(1380px, calc(100% - 32px));
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.45;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.wrap{width:var(--wrap);margin:0 auto}
.section{padding:34px 0}
.chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 14px;border-radius:999px;
  background:#fff;border:1px solid var(--line);
  font-size:.82rem;font-weight:700;color:#111827;
}

.topbar{
  background:linear-gradient(90deg,#111,#222);
  color:#fff;font-size:.82rem;
}
.topbar .wrap{
  display:flex;justify-content:space-between;align-items:center;
  gap:16px;padding:10px 0;
}
.topbar-left,.topbar-right{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.topbar strong{color:#fff}
.topbar .accent{color:#ff6aa9}

.header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(229,231,235,.85);
}
.header-main{
  display:grid;
  grid-template-columns:280px 1fr auto;
  align-items:center;gap:18px;
  padding:14px 0;
}
.brand{
  display:flex;align-items:center;gap:12px;min-width:0;
}
.brand img{
  width:100%;max-width:255px;height:auto;object-fit:contain;
  filter:drop-shadow(0 6px 10px rgba(236,30,121,.08));
}
.search{
  position:relative;
}
.search input{
  width:100%;padding:14px 18px 14px 48px;border-radius:999px;
  border:1px solid var(--line);background:#fafafa;
  outline:none;transition:.25s;
}
.search input:focus{
  border-color:#f4a3c7;background:#fff;box-shadow:0 0 0 4px rgba(236,30,121,.08);
}
.search svg{
  position:absolute;left:17px;top:50%;transform:translateY(-50%);
  stroke:#6b7280
}
.header-actions{display:flex;gap:10px;align-items:center}
.btn{
  border:none;cursor:pointer;transition:.24s;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-weight:700;border-radius:999px;white-space:nowrap;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{
  padding:13px 20px;background:var(--accent);color:#fff;
  box-shadow:0 12px 24px rgba(236,30,121,.18);
}
.btn-primary:hover{background:var(--accent-dark)}
.btn-dark{padding:13px 18px;background:var(--dark);color:#fff}
.btn-soft{
  padding:12px 18px;background:#fff;color:var(--text);
  border:1px solid var(--line)
}
.cart-btn{
  position:relative;
  padding:12px 18px;background:#fff;border:1px solid var(--line);
}
.badge-count{
  min-width:22px;height:22px;border-radius:999px;background:var(--accent);
  color:#fff;font-size:.72rem;font-weight:800;display:grid;place-items:center;
}

.nav{
  border-top:1px solid #f1f1f3;
  border-bottom:1px solid #ececf0;
  background:#fff;
}
.nav ul{
  list-style:none;display:flex;gap:10px;overflow:auto;padding:12px 0;
  scrollbar-width:none;
}
.nav ul::-webkit-scrollbar{display:none}
.nav a{
  display:inline-flex;padding:10px 15px;border-radius:999px;
  background:#fafafa;border:1px solid #efefef;color:#374151;
  font-size:.84rem;font-weight:700;white-space:nowrap;
  transition:.24s;
}
.nav a:hover,.nav a.active{
  background:var(--accent-soft);border-color:#f7bfd8;color:var(--accent-dark)
}

.hero-shell{
  padding:22px 0 10px;
}
.hero-grid{
  display:grid;grid-template-columns:2.2fr 1fr;gap:20px;
}
.slider{
  position:relative;overflow:hidden;border-radius:28px;background:#fff;
  min-height:400px;box-shadow:var(--shadow);
}
.slides{
  display:flex;height:100%;transition:transform .6s ease;
}
.slide{
  min-width:100%;padding:42px 44px;position:relative;overflow:hidden;
  display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center;
}
.slide::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at right top, rgba(255,255,255,.2), transparent 35%);
}
.slide.tech{
  background:linear-gradient(135deg,#161821 0%,#242733 38%,#ec1e79 130%);
  color:#fff;
}
.slide.rental{
  background:linear-gradient(135deg,#ffffff 0%,#fff4f9 35%,#ffe4f1 100%);
}
.slide.cyber{
  background:linear-gradient(135deg,#0b0d10 0%,#12161f 44%,#1b1f2c 100%);
  color:#fff;
}
.slide-copy{position:relative;z-index:2}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;font-size:.74rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;
  background:rgba(255,255,255,.16);backdrop-filter:blur(8px);
}
.slide.rental .eyebrow{
  background:#fff;border:1px solid #f5c2d9;color:var(--accent-dark)
}
.slide h1{
  font-size:clamp(2rem,4vw,3.2rem);line-height:1.03;
  margin:16px 0 14px;font-weight:800;letter-spacing:-.04em;
}
.slide p{
  font-size:1rem;max-width:590px;color:inherit;opacity:.92;margin-bottom:22px;
}
.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.hero-points span{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;
  font-size:.82rem;font-weight:700;
}
.slide.rental .hero-points span{
  background:#fff;border:1px solid #f2d3e3;color:#374151;
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-card-visual{
  align-self:stretch;position:relative;border-radius:24px;padding:18px;
  display:flex;align-items:end;justify-content:end;overflow:hidden;
}
.slide.tech .hero-card-visual{
  background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.10);
}
.slide.rental .hero-card-visual{
  background:linear-gradient(160deg,#fff,#fff6fb);
  border:1px solid #f7d6e6;
}
.slide.cyber .hero-card-visual{
  background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.09);
}
.visual-stack{
  width:100%;height:100%;display:grid;place-items:center;position:relative;
}
.device{
  border-radius:26px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.18);
  display:grid;place-items:center;font-weight:800;color:#111827;
}
.slide.tech .device{
  width:220px;height:220px;background:linear-gradient(135deg,#2b2f3d,#12141c);
  color:#fff;border:1px solid rgba(255,255,255,.12);
}
.slide.rental .device{
  width:230px;height:230px;background:linear-gradient(145deg,#fff,#ffeaf4);
  border:1px solid #f4c6dd;
}
.slide.cyber .device{
  width:240px;height:240px;background:linear-gradient(145deg,#1b2230,#0d1117);
  color:#d1fae5;border:1px solid rgba(34,197,94,.22);
}
.device small{display:block;font-size:.85rem;opacity:.8}
.controller{
  width:100px;height:60px;border-radius:22px;background:#fff;
  position:absolute;bottom:28px;left:26px;box-shadow:0 18px 28px rgba(0,0,0,.12);
}
.slide.tech .controller{background:#ffeff7}
.slide.cyber .controller{background:#10141d;border:1px solid rgba(255,255,255,.08)}
.controller:before,.controller:after{
  content:"";position:absolute;top:20px;width:14px;height:14px;border-radius:50%;background:#111;
}
.slide.cyber .controller:before,.slide.cyber .controller:after{background:#22c55e}
.controller:before{left:18px}
.controller:after{right:18px}
.slider-nav{
  position:absolute;left:24px;right:24px;bottom:18px;
  display:flex;justify-content:space-between;align-items:center;z-index:3;
}
.dots{display:flex;gap:8px}
.dot{
  width:10px;height:10px;border-radius:999px;border:none;cursor:pointer;
  background:rgba(255,255,255,.4)
}
.slide.rental ~ .slider-nav .dot{}
.dot.active{width:30px;background:#fff}
.slider-arrows{display:flex;gap:8px}
.arrow{
  width:42px;height:42px;border-radius:999px;border:none;cursor:pointer;
  background:rgba(255,255,255,.18);backdrop-filter:blur(8px);color:#fff;font-size:1rem;
}
.side-panel{
  display:grid;gap:16px;
}
.mini-card{
  background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);
  border:1px solid #f0f0f2;
}
.mini-card.dark{
  background:linear-gradient(140deg,#12131a,#171924);
  color:#fff;border-color:#1f2230;
}
.mini-card h3{
  font-size:1.25rem;line-height:1.08;margin:10px 0 10px;font-weight:800;
}
.mini-card p{color:var(--muted);font-size:.95rem}
.mini-card.dark p{color:#cfd4df}
.icon-wrap{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent);border:1px solid #f6c4dc;
}
.mini-card.dark .icon-wrap{
  background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08);color:#fff
}
.mini-list{margin:16px 0 18px;display:grid;gap:10px}
.mini-list li{
  list-style:none;display:flex;gap:10px;align-items:flex-start;
  font-size:.92rem;color:#374151;
}
.mini-card.dark .mini-list li{color:#eef1f6}
.mini-list b{color:#111827}
.mini-card.dark .mini-list b{color:#fff}

.service-strip{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;
}
.service-box{
  background:#fff;border:1px solid #efeff3;border-radius:20px;padding:18px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
  display:flex;gap:14px;align-items:flex-start;
}
.service-box h4{font-size:1rem;margin-bottom:5px;font-weight:800}
.service-box p{font-size:.88rem;color:var(--muted)}
.service-box .icon-wrap{width:46px;height:46px;border-radius:14px;flex:0 0 auto}

.promo-marquee{
  overflow:hidden;border-radius:20px;background:#111;box-shadow:var(--shadow);
}
.promo-track{
  display:flex;gap:14px;padding:14px;min-width:max-content;
  animation:scrollPromo 22s linear infinite;
}
.promo-pill{
  display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;
  background:#1f2027;color:#fff;border:1px solid rgba(255,255,255,.08);font-weight:700;
}
.promo-pill b{color:#ff77b2}
@keyframes scrollPromo{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.section-head{
  display:flex;justify-content:space-between;gap:18px;align-items:end;
  margin-bottom:18px;flex-wrap:wrap;
}
.section-head h2{
  font-size:clamp(1.5rem,2.8vw,2.2rem);
  line-height:1.05;letter-spacing:-.03em;font-weight:800;
}
.section-head p{max-width:680px;color:var(--muted)}
.filters{
  display:flex;gap:10px;flex-wrap:wrap;
}
.filter-btn{
  border:1px solid var(--line);background:#fff;padding:10px 15px;
  border-radius:999px;cursor:pointer;font-weight:700;color:#374151;
}
.filter-btn.active,.filter-btn:hover{
  background:var(--accent-soft);border-color:#f6bfd8;color:var(--accent-dark)
}

.products-grid{
  display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:18px;
}
.product-card{
  background:#fff;border-radius:22px;border:1px solid #ececf1;overflow:hidden;
  box-shadow:0 8px 22px rgba(0,0,0,.04);transition:.28s;
  display:flex;flex-direction:column;
}
.product-card:hover{
  transform:translateY(-4px);box-shadow:0 18px 34px rgba(0,0,0,.08)
}
.product-media{
  position:relative;min-height:190px;padding:18px;
  background:linear-gradient(180deg,#fdfdfd,#f5f6f8);
  border-bottom:1px solid #f1f2f4;
  display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden;
}
.platform-badge{
  position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;
  background:#fff;border:1px solid #ececf0;color:#374151;font-size:.72rem;font-weight:800;
}
.sale-badge{
  position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;
  font-size:.72rem;font-weight:800;color:#fff;
}
.sale-new{background:#111827}
.sale-sale{background:var(--accent)}
.sale-hot{background:#ff7a00}
.product-visual{
  width:100%;height:120px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fff,#fee9f2);border:1px solid #f5d4e3;
}
.product-visual.dark{
  background:linear-gradient(135deg,#181b22,#242937);border-color:#262b39;color:#fff;
}
.product-body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1}
.product-category{font-size:.72rem;text-transform:uppercase;font-weight:800;color:var(--accent-dark);letter-spacing:.06em}
.product-title{font-size:1rem;font-weight:800;line-height:1.28;min-height:2.56em}
.price-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}
.price{
  font-size:1.35rem;font-weight:800;letter-spacing:-.03em;color:#111827;
}
.old-price{text-decoration:line-through;color:#9ca3af;font-weight:700;font-size:.9rem}
.installments{font-size:.82rem;color:#6b7280}
.product-actions{display:flex;gap:10px;margin-top:auto}
.product-actions .btn{flex:1;padding:12px 14px;border-radius:14px}
.btn-outline{
  background:#fff;border:1px solid #ead7e1;color:#c41362;
}
.btn-outline:hover{background:#fff3f8}

.dark-showcase{
  background:linear-gradient(145deg,#0b0c11 0%,#141720 100%);
  color:#fff;border-radius:30px;padding:30px;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
  overflow:hidden;position:relative;
}
.dark-showcase::before{
  content:"";position:absolute;right:-120px;top:-120px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle, rgba(236,30,121,.22), transparent 62%);
}
.cyber-grid{
  display:grid;grid-template-columns:1.25fr .95fr;gap:26px;align-items:center;
}
.stats-row{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;
}
.stat{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);border-radius:20px;
  padding:18px;
}
.stat strong{display:block;font-size:1.8rem;line-height:1;font-weight:800;margin-bottom:6px}
.stat span{font-size:.88rem;color:#d1d5db}
.bullet-list{display:grid;gap:10px;margin:18px 0 24px}
.bullet-list li{
  list-style:none;display:flex;gap:12px;align-items:flex-start;color:#eef2f7
}
.bullet-list li::before{
  content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#ec1e79);margin-top:6px;flex:0 0 auto;
}
.partner-card{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);
  border-radius:24px;padding:24px;position:relative;
}
.amd-badge{
  border-radius:18px;background:#fff;padding:18px 20px;margin-bottom:16px;
  display:flex;align-items:center;gap:14px;color:#111827;
}
.amd-ring{
  width:56px;height:56px;border-radius:50%;
  background:conic-gradient(from 110deg,#ff6a00,#ff9e00,#ff6a00,#d63000,#ff6a00);
  position:relative;flex:0 0 auto;
}
.amd-ring::after{
  content:"";position:absolute;inset:12px;border-radius:50%;background:#fff;
}
.amd-copy strong{display:block;font-size:1rem;font-weight:800}
.amd-copy span{font-size:.82rem;color:#6b7280;font-weight:700}
.monster-box{
  background:#fff;border-radius:18px;padding:14px;min-height:132px;display:grid;place-items:center;
}
.monster-box img{max-height:92px;object-fit:contain}
.tech-partner{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:12px 14px;border-radius:16px;margin:16px 0 4px;
}
.tech-partner img{max-height:42px;width:auto;object-fit:contain;display:block}
.tech-partner .meta strong{display:block;font-size:.92rem;font-weight:800;line-height:1.1}
.tech-partner .meta span{display:block;font-size:.8rem;font-weight:600;line-height:1.25}
.tech-partner-dark{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.tech-partner-dark .meta span{color:#e5e7eb}
.tech-partner-light{background:#fff;border:1px solid #edd9e2}
.tech-partner-light .meta span{color:#6b7280}

.contact-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:22px;
}
.contact-card{
  background:#fff;border:1px solid #ececf1;border-radius:24px;padding:26px;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
}
.contact-list{display:grid;gap:16px;margin-top:18px}
.contact-item{
  display:flex;gap:14px;align-items:flex-start;
}
.contact-item .icon-wrap{flex:0 0 auto}
.contact-item small{display:block;color:var(--muted);margin-bottom:3px}
.contact-item strong{display:block;font-size:1rem}
.contact-note{
  background:linear-gradient(135deg,#fff0f7,#ffffff);border:1px solid #f4cadd;
  padding:18px;border-radius:20px;margin-top:18px;
}

footer{
  background:#101115;color:#fff;margin-top:40px;padding:36px 0 22px;
}
.footer-grid{
  display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:28px;
}
footer h4{font-size:.92rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
footer p,footer a{color:#c5cad3;font-size:.94rem}
footer .brand img{max-width:250px}
.footer-links{display:grid;gap:10px}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);margin-top:26px;padding-top:18px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#9aa3b2;font-size:.86rem;
}

.cart-overlay{
  position:fixed;inset:0;background:rgba(17,24,39,.45);opacity:0;visibility:hidden;transition:.25s;z-index:90;
}
.cart-overlay.open{opacity:1;visibility:visible}
.cart-sidebar{
  position:fixed;top:0;right:-430px;width:410px;max-width:92vw;height:100vh;z-index:91;
  background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.12);transition:.3s;
  display:flex;flex-direction:column;
}
.cart-sidebar.open{right:0}
.cart-head{
  display:flex;justify-content:space-between;align-items:center;padding:22px;border-bottom:1px solid #ececf0;
}
.cart-head h3{font-size:1.2rem;font-weight:800}
.close-btn{
  width:42px;height:42px;border-radius:999px;border:none;background:#f5f5f7;cursor:pointer;font-size:1.1rem
}
.cart-items{flex:1;overflow:auto;padding:14px 22px}
.cart-item{
  display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0f3;align-items:center;
}
.cart-thumb{
  width:70px;height:70px;border-radius:18px;background:linear-gradient(135deg,#fff,#ffeaf4);
  border:1px solid #f5d4e3;display:grid;place-items:center;
}
.cart-name{font-size:.95rem;font-weight:800;margin-bottom:5px}
.cart-price{font-size:.92rem;font-weight:700;color:#111827}
.qty{
  display:inline-flex;align-items:center;gap:10px;margin-top:8px;background:#fafafa;border:1px solid #ececf0;border-radius:999px;padding:6px 10px
}
.qty button{border:none;background:none;cursor:pointer;font-size:1rem}
.remove-link{border:none;background:none;color:var(--accent-dark);font-weight:700;cursor:pointer}
.cart-foot{
  border-top:1px solid #ececf0;padding:22px;
}
.total-row{
  display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;
}
.total-row strong{font-size:1.45rem}
.empty-state{
  color:#6b7280;text-align:center;padding:56px 20px;
}

.sticky-wa{
  position:fixed;right:18px;bottom:18px;z-index:70;
  background:#25D366;color:#fff;border:none;border-radius:999px;
  padding:15px 18px;display:inline-flex;align-items:center;gap:10px;
  font-weight:800;box-shadow:0 20px 34px rgba(37,211,102,.24);cursor:pointer;
}

.muted{color:var(--muted)}
.desktop-only{display:inline}

@media (max-width:1180px){
  .products-grid{grid-template-columns:repeat(4, minmax(0,1fr))}
  .service-strip{grid-template-columns:repeat(2,1fr)}
  .hero-grid,.cyber-grid,.contact-grid{grid-template-columns:1fr}
  .header-main{grid-template-columns:240px 1fr auto}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .header-main{grid-template-columns:1fr;gap:12px}
  .header-actions{justify-content:space-between}
  .brand{justify-content:center}
  .brand img{max-width:240px}
  .hero-grid{gap:16px}
  .slide{grid-template-columns:1fr;padding:30px 24px 72px}
  .hero-card-visual{min-height:220px}
  .products-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .stats-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .topbar .wrap{padding:10px 0}
  .desktop-only{display:none}
}
@media (max-width:640px){
  :root{--wrap:min(100% - 20px, 100%)}
  .topbar-left,.topbar-right{gap:10px}
  .topbar{font-size:.74rem}
  .nav a{padding:9px 13px;font-size:.78rem}
  .btn-primary,.btn-dark,.btn-soft,.cart-btn{padding:12px 15px}
  .service-strip{grid-template-columns:1fr}
  .products-grid{grid-template-columns:1fr}
  .section{padding:28px 0}
  .slider{min-height:390px}
  .slide h1{font-size:2rem}
  .section-head h2{font-size:1.65rem}
  .sticky-wa{padding:14px 16px}
  .sticky-wa .desktop-only{display:none}
  .header-actions{flex-wrap:wrap}
}
  

/* ===== VERSION MÁS FUERTE / HEADER NEGRO ===== */
body{
  background:
    radial-gradient(circle at top left, rgba(236,30,121,.09), transparent 22%),
    radial-gradient(circle at top right, rgba(255,86,32,.07), transparent 18%),
    #f3f4f6;
}
.topbar{
  background:linear-gradient(90deg,#000 0%, #111 48%, #1a1a1a 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header{
  background:rgba(4,4,5,.96);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.32);
}
.header-main{padding:16px 0}
.brand{
  background:#000;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:10px 16px;
  box-shadow:0 8px 22px rgba(0,0,0,.24);
}
.brand img{
  filter:drop-shadow(0 10px 18px rgba(236,30,121,.22));
}
.search input{
  background:#0d0d0f;
  border:1px solid rgba(255,255,255,.11);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.search input::placeholder{color:#9ca3af}
.search input:focus{
  border-color:rgba(236,30,121,.55);
  background:#111215;
  box-shadow:0 0 0 4px rgba(236,30,121,.14);
}
.search svg{stroke:#9ca3af}
.header .btn-soft,
.header .cart-btn{
  background:#0f1014;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.header .btn-soft:hover,
.header .cart-btn:hover{
  border-color:rgba(236,30,121,.55);
  background:#17181d;
}
.nav{
  background:#000;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav ul li a{
  color:#e5e7eb;
  border:1px solid transparent;
}
.nav ul li a:hover,
.nav ul li a.active{
  background:rgba(236,30,121,.16);
  color:#fff;
  border-color:rgba(236,30,121,.28);
}
.hero-shell{padding:28px 0 8px}
.slider{
  border:1px solid rgba(15,16,20,.08);
  box-shadow:0 28px 70px rgba(16,18,24,.18);
}
.slide{padding:48px 48px}
.slide.tech{
  background:
    radial-gradient(circle at right top, rgba(255,255,255,.12), transparent 26%),
    linear-gradient(135deg,#050507 0%,#151823 38%,#7d0f48 74%,#ec1e79 130%);
}
.slide.rental{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.5), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#fff1f6 38%,#ffd7ea 100%);
}
.slide.cyber{
  background:
    radial-gradient(circle at right top, rgba(86,255,163,.08), transparent 26%),
    linear-gradient(135deg,#000000 0%,#0d1117 46%,#171b22 100%);
}
.slide h1{
  text-shadow:0 10px 26px rgba(0,0,0,.18);
  letter-spacing:-.05em;
}
.slide p{font-size:1.04rem}
.hero-points span{
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.slider-nav{
  background:#0a0a0c;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
}
.arrow{
  background:#14161b;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
}
.arrow:hover{border-color:rgba(236,30,121,.5);background:#1d2027}
.dot{background:rgba(255,255,255,.24)}
.dot.active{background:#ec1e79}
.mini-card{
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 16px 36px rgba(17,24,39,.08);
}
.mini-card.dark{
  background:linear-gradient(135deg,#09090b 0%,#16181d 100%);
  color:#fff;
}
.mini-card.dark p,.mini-card.dark .mini-list li{color:#d1d5db}

.promo-marquee{
  background:#050505;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  white-space:nowrap;
}
.promo-track{
  display:inline-flex;
  gap:18px;
  padding:12px 0;
  min-width:max-content;
  animation:promoRun 24s linear infinite;
  font-size:.88rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.promo-item{display:inline-flex;align-items:center;gap:12px;color:#f9fafb}
.promo-sep{color:#ec1e79;font-weight:900}
@keyframes promoRun{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.impact-strip{
  padding:8px 0 6px;
}
.impact-wrap{
  background:linear-gradient(135deg,#070708 0%,#0f1115 55%,#151922 100%);
  border-radius:28px;
  padding:28px;
  box-shadow:0 26px 60px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  overflow:hidden;
  position:relative;
}
.impact-wrap::before{
  content:"";
  position:absolute;inset:auto -80px -120px auto;
  width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle, rgba(236,30,121,.24), transparent 65%);
  pointer-events:none;
}
.impact-head{
  display:flex;justify-content:space-between;gap:20px;align-items:end;flex-wrap:wrap;
  margin-bottom:22px;
}
.impact-head h2{
  font-size:clamp(1.7rem,3vw,2.7rem);
  line-height:1.02;
  max-width:760px;
  letter-spacing:-.04em;
}
.impact-head p{max-width:520px;color:#cbd5e1}
.impact-heading-brand{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.impact-heading-brand>div{flex:1 1 420px}
.impact-heading-logo{
  width:min(440px,48vw);height:112px;object-fit:contain;padding:8px 10px;
  border-radius:16px;background:transparent;filter:drop-shadow(0 12px 22px rgba(0,0,0,.28))
}
.editable-promo-slider{margin:28px auto 10px;position:relative;min-height:390px;border-radius:30px;overflow:hidden;background:#070a12;box-shadow:0 26px 65px rgba(3,8,20,.28);color:#fff}
.editable-promo-track{display:flex;min-height:390px;transition:transform .65s cubic-bezier(.22,.75,.18,1)}
.editable-promo-slide{position:relative;flex:0 0 100%;min-height:390px;display:flex;align-items:center;background:#090d18}
.editable-promo-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.editable-promo-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,16,.96) 0%,rgba(3,8,18,.82) 46%,rgba(3,8,18,.16) 100%)}
.editable-promo-copy{position:relative;z-index:2;width:min(720px,75%);padding:clamp(28px,5vw,58px)}
.editable-promo-copy h2{font-size:clamp(2rem,4.2vw,3.55rem);line-height:1;letter-spacing:-.045em;margin:13px 0}
.editable-promo-copy p{font-size:1.04rem;color:#dbe5f2;max-width:640px}
.editable-promo-nav{position:absolute;z-index:4;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);bottom:20px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.editable-promo-dots{display:flex;gap:8px;pointer-events:auto}
.editable-promo-dot{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);cursor:pointer;transition:.25s}
.editable-promo-dot.active{width:32px;background:#ec1e79}
.editable-promo-arrows{display:flex;gap:8px;pointer-events:auto}
.editable-promo-arrow{width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(7,10,20,.62);color:#fff;font-size:1.15rem;cursor:pointer;backdrop-filter:blur(8px)}
.impact-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.impact-card{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:22px;
  backdrop-filter:blur(6px);
}
.impact-card strong{
  display:block;
  font-size:1.08rem;
  margin-bottom:8px;
}
.impact-card p{
  color:#cbd5e1;
  font-size:.95rem;
  margin-bottom:16px;
}
.impact-bullets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.impact-bullets span{
  display:inline-flex;align-items:center;justify-content:center;
  padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);font-size:.77rem;font-weight:800;
}
.impact-card .btn{width:100%}

.section-head h2{letter-spacing:-.04em}
.service-box,.contact-card,.product-card{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}
.service-box:hover,.contact-card:hover,.product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 36px rgba(0,0,0,.09);
}

@media (max-width: 980px){
  .impact-grid{grid-template-columns:1fr}
  .brand{padding:8px 12px}
}
@media (max-width: 768px){
  .header{background:#050505}
  .slide{padding:34px 22px}
  .promo-track{font-size:.78rem;gap:14px}
  .impact-wrap{padding:22px 16px;border-radius:22px}
}

/* Renovacion visual PlayCenter + 360 Computers */
.nav{
  background:linear-gradient(90deg,#071827 0%,#111329 48%,#260b25 100%);
  border-color:rgba(255,255,255,.08);
  box-shadow:0 8px 24px rgba(6,9,20,.16);
}
.nav a{
  color:#f8fafc;background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.11);
}
.nav a:hover,.nav a.active{
  color:#fff;border-color:rgba(0,216,255,.55);
  background:linear-gradient(135deg,rgba(0,201,255,.28),rgba(236,30,121,.34));
  box-shadow:0 7px 18px rgba(0,190,255,.10);
}
.slide.tech{
  background:
    linear-gradient(90deg,rgba(4,8,18,.97) 0%,rgba(5,10,22,.87) 42%,rgba(5,8,16,.20) 76%,rgba(5,8,16,.08) 100%),
    url('assets/servicio-tecnico-hero.webp') center/cover no-repeat;
}
.slide.tech .slide-copy{max-width:720px}
.slide.tech .hero-card-visual{
  background:transparent;border:0;box-shadow:none;pointer-events:none;
}
.slide.tech .hero-card-visual::after{
  content:"360 COMPUTERS";position:absolute;right:16px;bottom:18px;
  padding:9px 13px;border-radius:999px;background:rgba(6,9,18,.72);
  border:1px solid rgba(255,145,22,.42);color:#ff9418;font-size:.72rem;
  font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px);
}
.slide.tech .visual-stack{display:none}
.slide.rental{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(4,8,20,.98) 0%,rgba(5,10,24,.88) 39%,rgba(5,9,20,.20) 72%,rgba(5,9,20,.06) 100%),
    url('assets/banner-ps5-jugando.webp') center/cover no-repeat;
}
.slide.cyber{
  background:
    linear-gradient(90deg,rgba(3,9,20,.98) 0%,rgba(3,11,24,.88) 39%,rgba(3,10,20,.18) 72%,rgba(3,10,20,.05) 100%),
    url('assets/banner-pc-monster.webp') center/cover no-repeat;
}
.slide.rental .slide-copy,.slide.cyber .slide-copy{max-width:720px}
.slide.rental .hero-card-visual,.slide.cyber .hero-card-visual{display:none}
.slide.rental .eyebrow{
  color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(8px);
}
.slide.rental .hero-points span{
  color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
}
.slide.rental .btn-soft,.slide.cyber .btn-soft{
  color:#fff;background:rgba(8,12,24,.54);border-color:rgba(255,255,255,.25);
  backdrop-filter:blur(8px);
}
.tech-partner-dark img{content:url('assets/360-computers.webp')}
.mini-card.dark,.dark-showcase,footer{
  background-image:
    linear-gradient(rgba(5,8,17,.89),rgba(8,10,20,.94)),
    url('assets/fondo-neon.webp');
  background-size:cover;background-position:center;background-attachment:scroll;
}
.mini-card.dark{background-size:auto 180%;background-position:center 45%}
.side-eyebrow{
  margin-bottom:4px;color:var(--accent-dark);background:var(--accent-soft);
  border:1px solid #f5bfd8;line-height:1.25;white-space:normal;
}
.mini-card.dark .side-eyebrow{
  color:#fff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.16);
}
.featured-copy{font-weight:500;line-height:1.55}
.service-summary{gap:12px}
.service-summary li{line-height:1.38}
.service-summary li>span{font-size:1.05rem;flex:0 0 auto}
.impact-card:first-child .impact-bullets{align-items:flex-start}
.impact-card:first-child .impact-bullets span{white-space:normal;line-height:1.3}
.impact-service-media{width:100%;height:168px;object-fit:cover;border-radius:16px;margin-bottom:15px;border:1px solid rgba(255,255,255,.09)}
.impact-service-logo{width:100%;height:112px;object-fit:contain;border-radius:16px;margin-bottom:15px;padding:16px;background:#fff}
#radio .service-strip,#radio .promo-marquee{display:none}
.fm-beat-showcase{
  position:relative;isolation:isolate;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:34px;
  padding:clamp(28px,5vw,58px);border-radius:30px;color:#fff;
  background:linear-gradient(110deg,rgba(4,8,17,.97),rgba(10,13,26,.88)),url('assets/fondo-neon.webp') center/cover;
  border:1px solid rgba(49,242,246,.22);box-shadow:0 26px 65px rgba(3,8,20,.28)
}
.fm-beat-showcase::before{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-90px;top:-120px;border-radius:50%;background:rgba(236,30,121,.22);filter:blur(25px)}
.fm-beat-copy h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1;letter-spacing:-.045em;margin:15px 0}
.fm-beat-copy>p{max-width:680px;color:#dbe5f2;font-size:1.04rem;margin-bottom:19px}
.fm-live{display:inline-flex;align-items:center;gap:9px;font-weight:800;margin-bottom:12px;color:#fff}
.fm-live-dot{width:10px;height:10px;border-radius:50%;background:#ec1e79;box-shadow:0 0 0 7px rgba(236,30,121,.15)}
.fm-player{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.fm-player audio{width:min(100%,460px);height:48px;accent-color:#ec1e79}
.fm-beat-brand{padding:30px;border-radius:24px;text-align:center;background:rgba(7,10,20,.62);color:#fff;border:1px solid rgba(49,242,246,.18);box-shadow:0 20px 48px rgba(0,0,0,.24);backdrop-filter:blur(10px)}
.fm-beat-brand img{display:block;width:100%;max-width:470px;margin:0 auto 18px;object-fit:contain}
.fm-beat-brand strong{display:block;font-size:1.25rem;margin-bottom:5px}
.fm-beat-brand span{color:#dbe5f2}
.catalog-admin-btn{padding:11px 17px;background:#111827;color:#fff;border:0}
#catalogAdminTrigger{cursor:pointer;user-select:none}
.product-visual-img{width:100%;height:150px;object-fit:contain;border-radius:16px}
.local-promo{display:none;margin:18px auto 4px;position:relative;min-height:260px;border-radius:28px;overflow:hidden;color:#fff;background:#090b12;box-shadow:var(--shadow)}
.local-promo.show{display:flex;align-items:center}
.local-promo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.local-promo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,15,.94),rgba(4,8,18,.58) 52%,rgba(4,8,18,.12))}
.local-promo-copy{position:relative;z-index:2;padding:34px;max-width:680px}
.local-promo h2{font-size:clamp(1.7rem,3.3vw,2.8rem);line-height:1.04;margin:8px 0 12px}
.catalog-cta{position:relative;overflow:hidden;min-height:330px;margin-top:28px;border-radius:28px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(3,8,18,.98),rgba(4,10,22,.87) 48%,rgba(4,8,18,.12)),url('assets/banner-pc-monster.webp') center/cover no-repeat;box-shadow:0 24px 60px rgba(7,10,20,.22)}
.catalog-cta-copy{position:relative;z-index:2;padding:38px;max-width:690px}
.catalog-cta h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.04;margin:12px 0}
.catalog-cta p{color:#dbe4ef;max-width:620px}
.club-benefit{margin-top:18px;padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11)}
.club-channel-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;padding:11px 16px;border-radius:999px;background:#25d366;color:#07130b;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(37,211,102,.2)}
.club-channel-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.club-web-banner{display:flex;align-items:center;gap:16px;margin-top:14px;padding:13px 16px;border-radius:17px;background:linear-gradient(110deg,rgba(236,30,121,.14),rgba(49,242,246,.12));border:1px solid rgba(49,242,246,.2);color:#fff;text-decoration:none;transition:.25s}
.club-web-banner:hover{transform:translateY(-2px);border-color:rgba(49,242,246,.45);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.club-web-banner img{width:112px;max-height:54px;object-fit:contain;flex:0 0 auto}
.club-web-banner strong{display:block;font-size:.98rem}
.club-web-banner span{display:block;margin-top:3px;color:#dbe5f2;font-size:.82rem}
.club-benefit img{width:min(250px,80%);height:auto;max-height:94px;object-fit:contain;object-position:left center;margin-bottom:10px}
.kiosk-card{margin-top:14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(71,255,109,.12),rgba(255,255,255,.05));border:1px solid rgba(83,255,120,.18)}
.kiosk-card strong{display:block;margin-bottom:5px;color:#fff}
.admin-overlay{position:fixed;inset:0;background:rgba(3,6,15,.72);z-index:120;display:none;align-items:center;justify-content:center;padding:18px}
.admin-overlay.open{display:flex}
.admin-panel{width:min(1050px,100%);max-height:94vh;overflow:auto;background:#f7f7fa;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
.admin-head{position:sticky;top:0;z-index:3;background:#10121a;color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.admin-body{padding:22px;display:grid;gap:22px}
.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}
.admin-card h3{margin-bottom:14px}
.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-form .wide{grid-column:1/-1}
.admin-form label{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:#374151}
.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:11px;border:1px solid #d8dce3;border-radius:11px;background:#fff;font:inherit}
.admin-form textarea{min-height:80px;resize:vertical}
.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.admin-list{display:grid;gap:9px;margin-top:14px}
.admin-row{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:9px;border:1px solid #e8e9ee;border-radius:13px}
.admin-slide-editor{margin-top:14px;padding:15px;border:1px solid #e3e6ec;border-radius:15px;background:#fafbfc}
.admin-slide-editor h4{margin-bottom:12px;color:#111827}
.admin-row img{width:58px;height:50px;object-fit:cover;border-radius:9px;background:#eee}
.admin-row small{display:block;color:#6b7280}
.admin-row-actions{display:flex;gap:6px}
.admin-mini-btn{border:1px solid #d8dce3;background:#fff;padding:7px 9px;border-radius:9px;cursor:pointer;font-weight:700}
.admin-mini-btn.danger{color:#b42318;border-color:#fecaca}
@media(max-width:700px){.admin-form{grid-template-columns:1fr}.admin-form .wide{grid-column:auto}.admin-row{grid-template-columns:46px 1fr}.admin-row-actions{grid-column:1/-1}.local-promo-copy{padding:24px}}
footer{background-size:cover;background-position:center 56%}
@media (max-width:760px){
  .slide.tech{background-position:64% center}
  .slide.rental,.slide.cyber{background-position:62% center}
  .slide.tech::before{content:"";position:absolute;inset:0;background:rgba(3,7,15,.20)}
  .slide.tech .slide-copy{position:relative;z-index:2}
  .slide.tech .hero-card-visual{display:none}
  .fm-beat-showcase{grid-template-columns:1fr;padding:24px 18px}
  .impact-heading-logo{width:100%;max-width:300px}
  .editable-promo-slider,.editable-promo-track,.editable-promo-slide{min-height:440px}
  .editable-promo-copy{width:100%;padding:28px 20px 90px}
  .editable-promo-slide::after{background:linear-gradient(90deg,rgba(3,7,16,.94),rgba(3,8,18,.68))}
}

/* ===== Diseño para celular ===== */
section[id],#alquiler{scroll-margin-top:150px}
.header{transition:transform .3s ease}
.sticky-wa svg{flex:0 0 auto}
@media (hover:none){
  .service-box:hover,.contact-card:hover,.product-card:hover,.btn:hover{transform:none}
}
@media (max-width:768px){
  :root{--wrap:calc(100% - 32px)}
  section[id],#alquiler{scroll-margin-top:16px}
  .topbar{display:none}
  .header.is-hidden{transform:translateY(-100%)}
  .header-main{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:"brand . actions" "search search search";
    gap:10px;padding:10px 0;
  }
  .brand{grid-area:brand;justify-content:flex-start;padding:6px 10px;border-radius:14px}
  .brand img{max-width:128px}
  .search{grid-area:search}
  .search input{padding:11px 16px 11px 44px;font-size:16px}
  .header-actions{grid-area:actions;justify-content:flex-end}
  .header-actions .btn-primary{display:none}
  .header .cart-btn{padding:10px 14px}
  .nav ul{padding:8px 0;gap:8px}
  .nav a{padding:8px 12px;font-size:.78rem}
  .promo-track{padding:9px 0}

  .hero-shell{padding:14px 0 4px}
  .slider{min-height:0;border-radius:22px}
  .slide{padding:26px 20px 84px}
  .slide h1{font-size:1.75rem;margin:12px 0 10px}
  .slide p{font-size:.95rem;margin-bottom:16px}
  .eyebrow{font-size:.66rem;padding:6px 10px}
  .hero-points{gap:6px;margin-bottom:14px}
  .hero-points span{font-size:.74rem;padding:7px 10px}
  .hero-actions .btn{flex:1 1 auto}
  .slide .tech-partner{margin:6px 0 16px;padding:10px 12px}
  .slider-nav{left:12px;right:12px;bottom:12px;padding:6px 6px 6px 14px;border-radius:999px}
  .arrow{width:38px;height:38px}
  .mini-card{padding:20px 18px;border-radius:20px}

  .section{padding:24px 0}
  .section-head{margin-bottom:14px}
  .section-head h2{font-size:1.55rem}
  .section-head p{font-size:.94rem}
  .filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px 16px !important;padding:2px 16px}
  .filters::-webkit-scrollbar{display:none}
  .filter-btn{white-space:nowrap;padding:9px 14px}

  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card{border-radius:16px}
  .product-media{min-height:0;padding:34px 10px 10px}
  .product-visual{height:86px;border-radius:12px}
  .product-visual svg{width:44px;height:44px}
  .product-visual-img{height:110px}
  .sale-badge,.platform-badge{top:8px;padding:4px 8px;font-size:.62rem}
  .sale-badge{left:8px}
  .platform-badge{right:8px}
  .product-body{padding:12px;gap:6px}
  .product-category{font-size:.62rem}
  .product-title{font-size:.86rem;min-height:2.6em}
  .price{font-size:1.1rem}
  .old-price{font-size:.76rem}
  .installments{font-size:.72rem}
  .product-actions{flex-direction:column;gap:6px}
  .product-actions .btn{padding:10px;font-size:.84rem;border-radius:12px}

  .impact-head{margin-bottom:16px}
  .impact-heading-logo{height:72px;max-width:240px;padding:0}
  .impact-card{padding:16px}
  .impact-service-media{height:150px}
  .fm-beat-showcase{border-radius:22px;gap:18px}
  .fm-beat-brand{padding:18px}
  .fm-beat-brand img{max-width:260px}
  .editable-promo-slider{border-radius:22px;margin-top:20px}
  .editable-promo-copy h2{font-size:1.8rem}
  .editable-promo-copy p{font-size:.95rem}
  .catalog-cta{min-height:0;border-radius:22px;background:linear-gradient(180deg,rgba(3,8,18,.72),rgba(3,8,18,.95)),url("assets/banner-pc-monster.webp") 70% center/cover no-repeat}
  .catalog-cta-copy{padding:26px 20px}
  .local-promo{border-radius:22px}

  .dark-showcase{padding:22px 16px;border-radius:22px}
  .stats-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}
  .stat{padding:12px 10px;border-radius:14px}
  .stat strong{font-size:1.05rem}
  .stat span{font-size:.7rem;line-height:1.3;display:block}
  .partner-card{padding:16px;border-radius:18px}
  .monster-box{min-height:100px}
  .club-web-banner img{width:84px}

  .contact-card{padding:20px 18px;border-radius:20px}
  footer{padding:28px 0 90px}
  .footer-grid{gap:20px}
  .cart-sidebar{height:100dvh}

  .sticky-wa{width:56px;height:56px;padding:0;justify-content:center;right:14px;bottom:14px;border-radius:50%}
  .sticky-wa-label{display:none}
}

/* Jerarquía y controles UX */
:root{--wrap:min(1240px, calc(100% - 40px))}
[id]{scroll-margin-top:170px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #09d8ea;outline-offset:4px}
.nav ul{justify-content:center;gap:8px}
.nav a,.filter-btn,.product-actions .btn{min-height:44px}
.ux-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 0 8px}
.ux-shortcut{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #dfe3ea;border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(18,18,18,.04);transition:transform .2s,border-color .2s}
.ux-shortcut:hover{transform:translateY(-3px);border-color:#ec1e79}
.ux-shortcut-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff0f7;font-size:1.35rem;flex-shrink:0}
.ux-shortcut strong{display:block;color:#111827;font-size:1rem}
.ux-shortcut small{display:block;color:#596274;margin-top:4px;line-height:1.45}
.ux-shortcut::after{content:'↗';margin-left:auto;color:#c41362;font-size:1.4rem}
.ux-short{display:none}
/* En computadora los accesos rápidos van debajo del slider, así el hero se ve completo al entrar */
@media (min-width:769px){
  main#inicio{display:flex;flex-direction:column}
  main#inicio > *{order:2}
  main#inicio > .hero-shell{order:0}
  main#inicio > .ux-shortcuts{order:1;padding:14px 0 4px}
  /* El slider no se estira a la altura del panel lateral (que es más largo) */
  .hero-grid{align-items:start}
  .slider{position:sticky;top:180px}
  .slide{grid-template-columns:1fr;padding:40px 44px 76px}
  .slide .slide-copy{max-width:640px}
  .slide .hero-card-visual{display:none}
  .slide h1{font-size:clamp(2rem,3.2vw,2.9rem)}
  .hero-shell{padding-top:18px}
  .topbar .wrap{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
}
@media (min-width:769px) and (max-width:1500px){
  .topbar .accent{display:none}
}
@media (min-width:769px) and (max-height:900px){
  .slide{padding:30px 40px 70px}
  .slide .hero-points,.slide .tech-partner{display:none}
}
.section{padding:46px 0}
.section-head{margin-bottom:24px;gap:24px}
.section-head p,.slide p,.impact-card p,.contact-card p{line-height:1.65}
.hero-points{gap:8px}
.hero-points span{font-size:.76rem}
@media(max-width:768px){
  :root{--wrap:calc(100% - 28px)}
  [id]{scroll-margin-top:12px}
  .nav ul{justify-content:flex-start}
  .ux-shortcuts{gap:8px;padding:12px 0 2px}
  .ux-shortcut{flex-direction:column;justify-content:center;gap:6px;padding:10px 6px;border-radius:14px;text-align:center}
  .ux-shortcut::after,.ux-shortcut strong,.ux-shortcut small{display:none}
  .ux-shortcut-icon{width:38px;height:38px;border-radius:12px;font-size:1.1rem}
  .ux-shortcut .ux-short{display:block;font-size:.78rem;font-weight:800;color:#111827}
  .section{padding:30px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}

/* ===== Intro PlayCenter ===== */
.pc-intro{
  --mx:0;--my:0;
  position:fixed;inset:0;z-index:200;overflow:hidden;background:#04030a;color:#fff;
  display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;cursor:pointer;
  transition:opacity .6s ease .35s;
}
html.no-intro .pc-intro{display:none}
html.intro-activa body{overflow:hidden}
.pc-intro.saliendo{opacity:0;pointer-events:none}

/* encendido CRT */
.pc-intro-crt{position:absolute;inset:0;z-index:6;background:#fff;pointer-events:none;transform:scale(0,.004);animation:pcCrt .9s cubic-bezier(.6,0,.2,1) forwards}
@keyframes pcCrt{0%{transform:scale(0,.004);opacity:1}35%{transform:scale(1,.004);opacity:1}60%{transform:scale(1,1);opacity:.5}100%{transform:scale(1,1);opacity:0}}

/* escena: estrellas, sol, grilla */
.pc-intro-scene{position:absolute;inset:-20px;opacity:0;transition:opacity 1s ease, transform .4s ease-out;
  transform:translate(calc(var(--mx) * -12px), calc(var(--my) * -8px))}
.pc-intro.s-on .pc-intro-scene{opacity:1}
.pc-intro.shake .pc-intro-scene,.pc-intro.shake .pc-intro-center{animation:pcShake .35s linear}
.pc-intro-stars{position:absolute;inset:0 0 42% 0}
.pc-intro-stars i{position:absolute;width:2px;height:2px;border-radius:2px;background:#fff;animation:pcTwinkle 3s ease-in-out infinite;transition:transform .3s}
.pc-intro.s-warp .pc-intro-stars i{transform:scaleX(14)}
.pc-intro-sun{
  position:absolute;left:50%;top:58%;width:min(74vw,460px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;clip-path:inset(0 0 50% 0);
  background:linear-gradient(180deg,#ffd166 0%,#ff5fa2 45%,#ec1e79 70%,#7b2cff 100%);
  -webkit-mask:linear-gradient(180deg,#000 0 22%,transparent 0) top/100% 100% no-repeat,repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 18px);
          mask:linear-gradient(180deg,#000 0 22%,transparent 0) top/100% 100% no-repeat,repeating-linear-gradient(180deg,#000 0 13px,transparent 13px 18px);
  filter:drop-shadow(0 0 40px rgba(236,30,121,.7));opacity:.85;transition:opacity .4s
}
.pc-intro.s-count .pc-intro-sun{opacity:.35}
.pc-intro-horizon{position:absolute;left:0;right:0;top:58%;height:2px;background:#ff5fa2;box-shadow:0 0 30px 8px rgba(236,30,121,.75)}
.pc-intro-floor{position:absolute;left:0;right:0;top:58%;bottom:0;width:100%;height:42%}
.pc-intro-scan{position:absolute;inset:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px)}
.pc-intro-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.65) 100%)}

/* logo */
.pc-intro-center{position:relative;z-index:3;display:grid;justify-items:center;gap:20px;padding:0 20px;margin-top:-12vh;text-align:center}
.pc-intro-logo{position:relative;width:min(80vw,560px);opacity:0;
  transform:translate(calc(var(--mx) * 14px), calc(var(--my) * 10px));transition:transform .4s ease-out, opacity .4s, filter .4s}
.pc-intro-logo img{display:block;width:100%;height:auto}
.pc-intro-logo .l-main{filter:drop-shadow(0 0 22px rgba(236,30,121,.7))}
.pc-intro-logo .l-r,.pc-intro-logo .l-c{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;pointer-events:none}
.pc-intro-logo .l-r{filter:sepia(1) saturate(9) hue-rotate(-45deg)}
.pc-intro-logo .l-c{filter:sepia(1) saturate(9) hue-rotate(150deg)}
.pc-intro.s-logo .pc-intro-logo{opacity:1}
.pc-intro.s-logo .l-main{animation:pcAssemble 1.4s cubic-bezier(.2,.8,.2,1) both}
.pc-intro.s-logo .l-r{animation:pcGlitchA 3.2s steps(1) infinite 1.2s}
.pc-intro.s-logo .l-c{animation:pcGlitchB 3.2s steps(1) infinite 1.2s}
.pc-intro.s-count .pc-intro-logo{opacity:.18;filter:blur(2px)}
.pc-intro.s-ready .pc-intro-logo{opacity:1;filter:none}
.pc-intro.s-ready .l-main{animation:pcSlam .6s cubic-bezier(.2,1.4,.4,1) both, pcGlow 2.4s ease-in-out infinite .6s}
.pc-intro.saliendo .pc-intro-logo{transition:transform .9s cubic-bezier(.7,0,.9,.4), opacity .9s ease-in, filter .9s;transform:scale(7);opacity:0;filter:blur(6px)}

/* cuenta regresiva y palabras */
.pc-intro-num{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none;
  font-size:min(62vh,90vw);font-weight:800;line-height:1;color:rgba(0,216,255,.06);-webkit-text-stroke:3px rgba(0,216,255,.85);text-shadow:0 0 40px rgba(0,216,255,.35);opacity:0}
.pc-intro-num.go{animation:pcNum .62s ease-out both}
.pc-intro-word{position:absolute;z-index:3;left:0;right:0;top:50%;transform:translateY(-50%);pointer-events:none;text-align:center;white-space:nowrap;
  font-size:clamp(3rem,15vw,11rem);font-weight:800;font-style:italic;letter-spacing:-.04em;color:#fff;opacity:0;
  text-shadow:0 0 18px rgba(236,30,121,.9),0 0 50px rgba(236,30,121,.6),4px 0 0 rgba(0,216,255,.7),-4px 0 0 rgba(236,30,121,.8)}
.pc-intro-word.go{animation:pcWord .62s cubic-bezier(.2,.9,.2,1) both}

.pc-intro-tag{font-size:.78rem;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:#7ef3ff;min-height:1.3em;
  text-shadow:0 0 12px rgba(0,216,255,.7);padding:6px 12px;border-radius:999px;background:rgba(4,3,10,.55);opacity:0;transition:opacity .3s}
.pc-intro.s-ready .pc-intro-tag{opacity:1}
.pc-intro-tag::after{content:"▮";margin-left:4px;animation:pcBlink .8s steps(1) infinite}
.pc-intro-start{
  padding:15px 32px;border-radius:999px;border:2px solid #ec1e79;background:rgba(20,4,16,.72);color:#fff;
  font:inherit;font-weight:800;letter-spacing:.26em;text-transform:uppercase;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .4s .5s, transform .4s .5s, background .2s;box-shadow:0 0 28px rgba(236,30,121,.45)
}
.pc-intro.s-ready .pc-intro-start{opacity:1;transform:none;pointer-events:auto;animation:pcPulse 1.3s ease-in-out infinite 1s}
.pc-intro-start:hover,.pc-intro-start:focus-visible{background:#ec1e79;outline:none}
.pc-intro.saliendo .pc-intro-tag,.pc-intro.saliendo .pc-intro-start,.pc-intro.saliendo .pc-intro-hint{opacity:0;transition:opacity .2s}

.pc-intro-hint{position:absolute;z-index:6;left:0;right:0;bottom:48px;text-align:center;font-size:.66rem;font-weight:800;letter-spacing:.22em;color:rgba(255,255,255,.55);padding:0 16px}
.pc-intro-btn{
  position:absolute;top:16px;z-index:7;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.45);color:#e5e7eb;font:inherit;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;cursor:pointer
}
.pc-intro-skip{right:16px}
.pc-intro-sound{left:16px}
.pc-intro-sound[aria-pressed="true"]{border-color:#ec1e79;color:#fff}
.pc-intro-ticker{position:absolute;left:0;right:0;bottom:0;z-index:6;overflow:hidden;white-space:nowrap;border-top:1px solid rgba(236,30,121,.4);background:rgba(4,3,10,.75);font-size:.7rem;font-weight:800;letter-spacing:.2em;color:#ff8cc0;padding:9px 0}
.pc-intro-ticker div{display:inline-block;animation:promoRun 22s linear infinite}
.pc-intro-flash{position:absolute;inset:0;z-index:8;background:#fff;opacity:0;pointer-events:none}
.pc-intro-flash.go{animation:pcFlash .45s ease-out}
.pc-intro.saliendo .pc-intro-flash{animation:pcFlash .9s ease-in .25s}

@keyframes pcAssemble{
  0%{opacity:0;transform:scale(2.4);filter:blur(14px) brightness(3)}
  30%{opacity:1;transform:scale(.94);filter:blur(0) brightness(1.8)}
  38%{transform:scale(1.04) translateX(-10px);clip-path:inset(18% 0 52% 0)}
  44%{transform:translateX(12px);clip-path:inset(58% 0 8% 0)}
  50%{transform:translateX(-4px);clip-path:inset(0 0 70% 0)}
  56%{transform:none;clip-path:inset(0)}
  100%{opacity:1;transform:none;filter:drop-shadow(0 0 22px rgba(236,30,121,.7))}
}
@keyframes pcGlitchA{0%,86%,100%{opacity:0;transform:none;clip-path:inset(0)}88%{opacity:.85;transform:translate(-9px,2px);clip-path:inset(12% 0 58% 0)}91%{opacity:.85;transform:translate(7px,-1px);clip-path:inset(55% 0 18% 0)}94%{opacity:.6;transform:translate(-4px,0);clip-path:inset(30% 0 40% 0)}}
@keyframes pcGlitchB{0%,86%,100%{opacity:0;transform:none;clip-path:inset(0)}88%{opacity:.85;transform:translate(9px,-2px);clip-path:inset(40% 0 30% 0)}91%{opacity:.85;transform:translate(-7px,1px);clip-path:inset(5% 0 75% 0)}94%{opacity:.6;transform:translate(5px,0);clip-path:inset(65% 0 10% 0)}}
@keyframes pcSlam{0%{transform:scale(1.35);filter:brightness(2.5) drop-shadow(0 0 40px #ec1e79)}100%{transform:scale(1)}}
@keyframes pcGlow{0%,100%{filter:drop-shadow(0 0 18px rgba(236,30,121,.6))}50%{filter:drop-shadow(0 0 38px rgba(236,30,121,.95)) drop-shadow(0 0 10px rgba(0,216,255,.5))}}
@keyframes pcNum{0%{opacity:0;transform:scale(1.6)}25%{opacity:1}100%{opacity:0;transform:scale(.85)}}
@keyframes pcWord{0%{opacity:0;transform:translate(70vw,-50%) skewX(-20deg);filter:blur(8px)}25%{opacity:1;transform:translate(0,-50%) skewX(-8deg);filter:none}75%{opacity:1;transform:translate(-3vw,-50%) skewX(-8deg)}100%{opacity:0;transform:translate(-70vw,-50%) skewX(-20deg);filter:blur(8px)}}
@keyframes pcShake{0%,100%{translate:0 0}20%{translate:-8px 4px}40%{translate:7px -5px}60%{translate:-5px 3px}80%{translate:4px -2px}}
@keyframes pcFlash{0%{opacity:.85}100%{opacity:0}}
@keyframes pcTwinkle{50%{opacity:.2}}
@keyframes pcPulse{50%{box-shadow:0 0 46px rgba(236,30,121,.9)}}
@keyframes pcBlink{50%{opacity:0}}
@media (max-width:768px){
  .pc-intro-center{margin-top:-8vh}
  .pc-intro-tag{font-size:.64rem;letter-spacing:.22em}
  .pc-intro-hint{font-size:.58rem;letter-spacing:.16em}
}

/* ===== Página de catálogo ===== */
.destacados-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.catalog-more{display:flex;justify-content:center;margin-top:24px}
.catalog-more .btn{padding:15px 26px}
.catalog-hero{
  color:#fff;padding:34px 0 30px;
  background:linear-gradient(110deg,rgba(4,8,17,.96),rgba(10,13,26,.86)),url('assets/fondo-neon.webp') center/cover;
}
.catalog-hero .chip{background:rgba(236,30,121,.16);border-color:rgba(236,30,121,.3);color:#fff}
.catalog-hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.04em;margin:14px 0 10px}
.catalog-hero p{color:#dbe5f2;max-width:660px}
.breadcrumb{font-size:.82rem;color:#cbd5e1;margin-bottom:14px}
.breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.catalog-count{font-weight:700;color:var(--muted);font-size:.9rem}
.admin-check span{display:flex;align-items:center;gap:8px;font-size:.85rem}
.admin-check input{width:auto !important}
@media (max-width:768px){
  .destacados-grid{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:2px 14px 10px;scrollbar-width:none}
  .destacados-grid::-webkit-scrollbar{display:none}
  .destacados-grid .product-card{scroll-snap-align:start}
  .catalog-more .btn{width:100%}
  .catalog-hero{padding:22px 0 20px}
  .catalog-toolbar{display:block;margin-bottom:12px}
  .catalog-count{display:block;margin-top:2px}
}