:root{
  --bg:#070b12;--bg2:#0c1420;--surface:#111c2a;--surface2:#152235;
  --text:#f7fafc;--muted:#9fb0c4;--line:rgba(255,255,255,.09);
  --cyan:#22d3ee;--blue:#3b82f6;--amber:#f59e0b;--green:#22c55e;--danger:#fb7185;
  --grad:linear-gradient(135deg,#22d3ee 0%,#3b82f6 48%,#8b5cf6 100%);
  --shadow:0 24px 80px rgba(0,0,0,.35);--radius:24px;--radius-sm:16px;
  --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(900px 500px at 8% -10%,rgba(34,211,238,.13),transparent 60%),radial-gradient(800px 600px at 100% 0,rgba(59,130,246,.12),transparent 60%),linear-gradient(180deg,#070b12,#0a101b 45%,#070b12);line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit}img{max-width:100%}button,input,select,textarea{font:inherit}.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.main{padding:30px 0 60px;min-height:60vh}.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.muted,.sub,.hint,.small{color:var(--muted)}.small{font-size:.875rem}.h1,.h2,.h3{margin:0;line-height:1.08;letter-spacing:-.035em}.h1{font-size:clamp(2.4rem,6vw,5.4rem)}.h2{font-size:clamp(1.7rem,4vw,2.8rem)}.h3{font-size:1.18rem}.lead{font-size:clamp(1.02rem,2vw,1.25rem);color:#b9c7d8;max-width:720px;margin:18px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c8f9ff;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{content:"";width:28px;height:2px;border-radius:99px;background:var(--grad)}
.btn,.btn2,.btnB,.btnX,.btnAuth,.footBtn,.qbtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.055);color:var(--text);text-decoration:none;font-weight:800;cursor:pointer;transition:.18s ease}.btn:hover,.btn2:hover,.btnB:hover,.btnX:hover,.btnAuth:hover,.footBtn:hover,.qbtn:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.35);background:rgba(255,255,255,.09)}.btn.primary,.btn2.primary,.btnB.primary,.btnAuth,.primary{background:var(--grad);border-color:transparent;color:#031019;box-shadow:0 14px 34px rgba(34,211,238,.18)}.btn.ghost,.ghost,.btnGhost{background:transparent}.btn.soft,.soft{background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.18)}.link{color:#7ee9f8;text-decoration:none;font-weight:800}.link:hover{text-decoration:underline}.pill,.pillX,.chip,.badge,.statusPill,.pricePill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:999px;padding:7px 11px;font-weight:750;font-size:.8rem}.card,.heroCard,.heroShowcase,.pCard,.contactHero,.authCard,.modeBox,.noteBox,.hintBox{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-radius:var(--radius);box-shadow:var(--shadow)}.cardPad,.pad{padding:22px}.section{padding:42px 0}.sectionHead,.section-head,.pageHead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.cardsGrid,.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lineclamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(7,11,18,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:0}.site-brand img{width:56px;height:56px;object-fit:contain;border-radius:15px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.brand-copy{display:grid;line-height:1.04}.brand-title{font-size:1.08rem;font-weight:950;letter-spacing:.02em}.brand-subtitle{font-size:.72rem;color:var(--muted);font-weight:700}.site-nav{display:flex;align-items:center;gap:4px}.navLink{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;text-decoration:none;color:#cad6e4;font-weight:750;font-size:.92rem}.navLink:hover,.navLink.active{background:rgba(255,255,255,.06);color:#fff}.header-actions{display:flex;align-items:center;gap:8px}.cartpill{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:13px;border:1px solid var(--line);text-decoration:none;background:rgba(255,255,255,.04);font-weight:850}.cartpill .count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:var(--cyan);color:#041018;font-size:.72rem}.account-menu{position:relative}.account-button{min-width:44px}.account-popover{display:none;position:absolute;right:0;top:calc(100% + 12px);width:270px;padding:10px;border:1px solid var(--line);border-radius:18px;background:#101927;box-shadow:var(--shadow)}.account-menu.open .account-popover{display:block}.account-popover a,.account-popover button{width:100%;display:flex;text-align:left;padding:10px 12px;border-radius:11px;text-decoration:none;color:#d8e2ee;background:transparent;border:0;cursor:pointer}.account-popover a:hover,.account-popover button:hover{background:rgba(255,255,255,.06)}.burger{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;cursor:pointer}.burger span{display:block;width:21px;height:2px;margin:4px auto;background:#fff;border-radius:99px}.mobile-backdrop{display:none}
/* Hero */
.hero{padding:34px 0 20px}.heroGrid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(330px,.84fr);gap:22px;align-items:stretch}.heroCard{padding:clamp(26px,5vw,54px);position:relative;overflow:hidden;background:radial-gradient(600px 320px at 0 0,rgba(34,211,238,.13),transparent 60%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}.heroCard::after{content:"3D";position:absolute;right:-18px;bottom:-68px;font-size:230px;line-height:1;font-weight:1000;color:rgba(255,255,255,.025);pointer-events:none}.pillrow,.heroCta,.actionsRow,.row{display:flex;gap:10px;flex-wrap:wrap}.heroCta{margin-top:24px}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:34px}.hero-point{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.15)}.hero-point strong{display:block}.hero-point span{display:block;color:var(--muted);font-size:.82rem;margin-top:3px}.heroShowcase{padding:22px;display:grid;align-content:start;background:radial-gradient(450px 260px at 100% 0,rgba(59,130,246,.18),transparent 70%),rgba(255,255,255,.03)}.showBadge{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;color:#c9f8ff}.showBadge .dot,.buyDot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px rgba(34,197,94,.12)}.showTitle{font-size:1.5rem;font-weight:950;margin-top:14px}.showSub{color:var(--muted);font-size:.9rem}.showGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.miniCard{display:block;text-decoration:none;border:1px solid var(--line);border-radius:17px;overflow:hidden;background:rgba(0,0,0,.18);transition:.18s ease}.miniCard:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.28)}.miniImg{aspect-ratio:1/1;overflow:hidden;background:#0b1220}.miniImg img{width:100%;height:100%;object-fit:cover}.miniBody{padding:10px}.miniTitle{font-size:.83rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miniMeta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.7rem;margin-top:5px}.ph{width:100%;height:100%;min-height:150px;display:grid;place-items:center;background:linear-gradient(135deg,#111f31,#0b1220);font-weight:1000;color:rgba(255,255,255,.22);font-size:2rem}
/* Product cards */
.pCard{display:block;overflow:hidden;text-decoration:none;transition:.2s ease}.pCard:hover{transform:translateY(-5px);border-color:rgba(34,211,238,.28)}.pMedia{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0b1220}.pMedia img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.pCard:hover .pMedia img{transform:scale(1.04)}.pTag{position:absolute;left:12px;top:12px;padding:6px 9px;border-radius:99px;background:rgba(7,11,18,.78);border:1px solid var(--line);font-size:.72rem;font-weight:850}.pBody{padding:16px}.pTitle{font-weight:900;font-size:1.03rem}.pBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.pPrice{font-size:1.15rem;font-weight:950}.pBuy{display:flex;align-items:center;gap:7px;color:#a6f3fc;font-weight:800;font-size:.82rem}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.035)}.service-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.18);font-size:1.35rem}.service-card h3{margin:14px 0 8px}.service-card p{margin:0;color:var(--muted);font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{padding:20px;border-top:2px solid rgba(34,211,238,.4);background:rgba(255,255,255,.025);border-radius:0 0 18px 18px}.step-num{font-weight:1000;color:#6ee7f5}.step h3{margin:8px 0}.step p{color:var(--muted);margin:0;font-size:.9rem}.cta-panel{padding:clamp(26px,5vw,48px);border-radius:28px;border:1px solid rgba(34,211,238,.18);background:radial-gradient(600px 300px at 0 0,rgba(34,211,238,.16),transparent 65%),radial-gradient(500px 300px at 100% 100%,rgba(139,92,246,.15),transparent 65%),rgba(255,255,255,.035);display:flex;align-items:center;justify-content:space-between;gap:30px}.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.faq-item summary{cursor:pointer;padding:17px 20px;font-weight:850;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{margin:0;padding:0 20px 18px;color:var(--muted)}
/* Forms / shop legacy */
form.form,.formGrid,.gridform{display:grid;gap:14px}.field{display:grid;gap:7px}.field label,.lbl{font-weight:800;font-size:.88rem}.field input,.field select,.field textarea,.input,.inp,form input[type=text],form input[type=email],form input[type=password],form input[type=number],form input[type=url],form input[type=file],form select,form textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.2);color:var(--text);padding:12px 13px;outline:none}.field textarea,form textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,form input:focus,form select:focus,form textarea:focus{border-color:rgba(34,211,238,.5);box-shadow:0 0 0 4px rgba(34,211,238,.08)}.err,.errorlist{color:#fecdd3;font-size:.82rem;margin:4px 0}.form-help{font-size:.78rem;color:var(--muted)}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.035)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:20px}.contact-info{display:grid;gap:12px}.contact-info-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}.contact-info-card strong{display:block}.contact-info-card span{display:block;color:var(--muted);font-size:.88rem;margin-top:4px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:18px 0}.catalog-search{display:flex;gap:8px;flex:1;min-width:260px}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.chipLink{text-decoration:none}.chipLink.active{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.28)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:28px}.pagination a,.pagination span{padding:9px 12px;border:1px solid var(--line);border-radius:12px;text-decoration:none}.pagination .current{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.25)}
/* Footer */
.site-footer{border-top:1px solid var(--line);background:rgba(5,8,14,.72);padding:38px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:30px}.footer-brand{display:flex;gap:13px;align-items:center}.footer-brand img{width:58px;height:58px;object-fit:contain;border-radius:14px}.footer-title{font-weight:950}.footer-copy{color:var(--muted);font-size:.9rem;max-width:360px;margin-top:12px}.footer-heading{font-weight:900;margin-bottom:12px}.footer-links{display:grid;gap:8px}.footer-links a{text-decoration:none;color:var(--muted)}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;color:var(--muted);font-size:.82rem}.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#25d366;color:#05160b;text-decoration:none;font-size:1.55rem;box-shadow:0 18px 42px rgba(0,0,0,.38)}
/* Account/order compatibility */
.authWrap{max-width:620px;margin:30px auto}.authCard{padding:24px}.authTitle{margin:0 0 10px}.stack{display:grid;gap:14px}.divider{height:1px;background:var(--line);margin:16px 0}.kvRow{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}.inlineForm{display:inline}.thumb{width:80px;height:80px;object-fit:cover;border-radius:14px}.list{display:grid;gap:12px}.item{padding:14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.03)}.sumTotal{font-size:1.25rem;font-weight:950}.benefit{display:flex;gap:10px}.bI{flex:0 0 auto}.bT{font-weight:850}.bD{color:var(--muted);font-size:.88rem}
@media(max-width:980px){.site-nav{position:fixed;inset:79px 0 auto 0;display:none;flex-direction:column;align-items:stretch;padding:16px;background:#0b1420;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav .navLink{padding:13px 14px}.burger{display:block}.brand-subtitle{display:none}.heroGrid{grid-template-columns:1fr}.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.cardsGrid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-backdrop.open{display:block;position:fixed;inset:79px 0 0;background:rgba(0,0,0,.55);z-index:80}.site-nav{z-index:90}.header-actions .account-button .label{display:none}}
@media(max-width:650px){.container{width:min(100% - 22px,var(--container))}.main{padding-top:20px}.header-inner{min-height:70px}.site-brand img{width:48px;height:48px}.brand-title{font-size:.96rem}.site-nav{inset:71px 0 auto}.mobile-backdrop.open{inset:71px 0 0}.header-actions .btn{display:none}.hero{padding-top:18px}.heroCard{padding:26px 20px}.hero-points,.service-grid,.steps,.cardsGrid,.grid,.form-two,.showGrid{grid-template-columns:1fr}.hero-point{display:flex;justify-content:space-between;gap:10px}.section{padding:32px 0}.sectionHead,.section-head,.pageHead,.cta-panel,.footer-bottom{align-items:flex-start;flex-direction:column}.catalog-search{min-width:100%}.footer-grid{grid-template-columns:1fr}.pMedia{aspect-ratio:16/11}.whatsapp-float{right:14px;bottom:14px}.site-brand .brand-subtitle{display:none}}

/* =========================================================
   Ajuste visual portada/header - julio 2026
   ========================================================= */
.site-header a,
.site-header a:link,
.site-header a:visited,
.site-header a:hover,
.site-header a:focus,
.site-header a:active{
  text-decoration:none !important;
  text-decoration-line:none !important;
}
.site-header{
  box-shadow:0 12px 42px rgba(0,0,0,.18);
}
.site-brand,
.navLink,
.cartpill,
.account-popover a{
  text-decoration:none !important;
}
.navLink{
  position:relative;
  overflow:hidden;
}
.navLink::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--blue));
  transform:scaleX(0);
  transform-origin:center;
  opacity:0;
  transition:transform .18s ease,opacity .18s ease;
}
.navLink:hover::after,
.navLink.active::after{
  transform:scaleX(1);
  opacity:.85;
}

.heroCard{
  display:flex;
  flex-direction:column;
  min-height:100%;
  isolation:isolate;
}
.heroCard > *{
  position:relative;
  z-index:1;
}
.hero-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 14px;
}
.hero-tags > span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#e9f4ff;
  font-size:.78rem;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.heroCard .h1{
  max-width:820px;
  text-wrap:balance;
}
.heroCard .lead{
  max-width:760px;
}
.hero-benefits{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:32px;
}
.hero-benefit{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:15px;
  border:1px solid rgba(255,255,255,.095);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(255,255,255,.065),rgba(5,12,21,.3));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.hero-benefit:hover{
  transform:translateY(-3px);
  border-color:rgba(34,211,238,.25);
  background:linear-gradient(150deg,rgba(34,211,238,.08),rgba(5,12,21,.36));
}
.hero-benefit-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid rgba(34,211,238,.18);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(34,211,238,.14),rgba(139,92,246,.09));
  font-size:1.08rem;
}
.hero-benefit strong{
  display:block;
  margin:0 0 4px;
  color:#fff;
  font-size:.9rem;
  line-height:1.25;
}
.hero-benefit span:not(.hero-benefit-icon){
  display:block;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.45;
}
.hero-reassurance{
  display:flex;
  flex-wrap:wrap;
  gap:9px 18px;
  margin-top:18px;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.075);
  color:#c3d0de;
  font-size:.78rem;
  font-weight:720;
}
.hero-reassurance span{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.hero-reassurance b{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(34,197,94,.13);
  color:#75ee9b;
  font-size:.68rem;
}

@media(max-width:1180px){
  .hero-benefits{grid-template-columns:1fr 1fr}
  .hero-benefit:last-child{grid-column:1/-1}
}
@media(max-width:650px){
  .site-header a,
  .site-header a:hover,
  .site-header a:focus{ text-decoration:none !important; }
  .hero-tags{margin-top:15px}
  .hero-tags > span{font-size:.72rem;padding:6px 9px}
  .hero-benefits{grid-template-columns:1fr;margin-top:25px}
  .hero-benefit:last-child{grid-column:auto}
  .hero-benefit{padding:14px}
  .hero-reassurance{display:grid;gap:9px}
  .navLink::after{display:none}
}