html{scroll-behavior:smooth;scroll-padding-top:20px;overflow-x:clip}
body{background:linear-gradient(135deg,#000000 0%,#121212 100%);color:white;min-height:100vh;font-family:'Exo 2',sans-serif;overflow-x:hidden}
.orb{font-family:'Orbitron',sans-serif}
.mono{font-family:'Share Tech Mono',monospace}
.sec-title{font-family:'Orbitron',sans-serif}
.service-card{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}
.service-icon{background:linear-gradient(135deg,#00e1ff 0%,#0099cc 100%)}
.accent-blue{color:#00e1ff}
.accent-border{border:2px solid #00e1ff;box-shadow:0 0 15px rgba(0,225,255,.5)}
.yellow-border{border:2px solid #ffcc00;box-shadow:0 0 15px rgba(255,204,0,.35)}

/* Nav original */
.tech-nav-link{position:relative;display:inline-block;padding:.5rem 1rem;overflow:hidden;transition:all .3s ease;font-family:'Orbitron','Share Tech Mono',monospace}
.tech-nav-link::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00e1ff,transparent);transform:translateX(-100%);transition:transform .5s ease}
.tech-nav-link:hover::before,.tech-nav-link[aria-current="page"]::before{transform:translateX(0)}
.tech-nav-link[aria-current="page"]{color:#fff}
.tech-nav-link::after{content:'>';position:absolute;opacity:0;right:0;transition:all .3s ease}
.tech-nav-link:hover::after{opacity:1;right:.5rem}
@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),-.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}100%{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}
.tech-nav-link:hover{animation:glitch 1s linear infinite}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
summary::-webkit-details-marker{display:none}
.dw-num{font-family:'Orbitron',sans-serif;font-size:2rem;line-height:1;font-weight:700;color:#00e1ff;opacity:.85}
.dw-step{border-left:2px solid rgba(0,225,255,.35);transition:border-color .3s ease,background-color .3s ease}
.dw-step:hover{border-left-color:#00e1ff;background-color:rgba(255,255,255,.04)}
.badge-sat{display:inline-flex;align-items:center;gap:.5rem;font-family:'Share Tech Mono',monospace;color:#ffcc00;border:1px solid rgba(255,204,0,.5);background:rgba(255,204,0,.1);padding:.4rem .9rem;border-radius:9999px;font-size:.9rem;letter-spacing:.05em}
.badge-sat i{animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.3}}
.crumbs{font-family:'Share Tech Mono',monospace;font-size:.85rem;color:#9aa3b0}
.crumbs a{color:#00e1ff}
.crumbs a:hover{color:#fff}

/* Particulas globales (original) */
#global-particles{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#global-particles .particle{position:absolute;border-radius:50%;filter:blur(1px)}
body > :where(:not(#global-particles)){position:relative;z-index:1}

/* Articulos */
.prose-tw h2{font-family:'Orbitron',sans-serif;font-size:1.4rem;font-weight:700;color:#00e1ff;margin:2rem 0 .75rem}
.prose-tw h3{font-weight:700;font-size:1.15rem;margin:1.5rem 0 .5rem}
.prose-tw p{color:#d1d5db;margin-bottom:1rem;line-height:1.75}
.prose-tw ul,.prose-tw ol{color:#d1d5db;margin:0 0 1rem 1.25rem;line-height:1.75}
.prose-tw ul{list-style:disc}
.prose-tw ol{list-style:decimal}
.prose-tw li{margin-bottom:.35rem}
.prose-tw strong{color:#fff}
.prose-tw a{color:#00e1ff;text-decoration:underline}

/* Cotizador */
.q-in{width:100%;background:rgba(255,255,255,.08);border:1px solid rgba(0,225,255,.35);border-radius:10px;padding:.8rem 1rem;color:#fff;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}
.q-in:focus{border-color:#00e1ff;box-shadow:0 0 0 3px rgba(0,225,255,.2)}
.q-in::placeholder{color:#8b95a5}
select.q-in{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300e1ff' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:18px;padding-right:2.5rem}
select.q-in option{background:#121212;color:#fff}
.q-lbl{display:block;font-weight:600;margin-bottom:.4rem;font-size:.95rem}
.q-lbl em{font-style:normal;color:#ffcc00}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;opacity:0;pointer-events:none}
.pick span{display:block;height:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);transition:all .2s}
.pick span b{display:block}
.pick span small{display:block;color:#b8c0cc;font-size:.82rem;line-height:1.35;margin-top:.15rem}
.pick input:checked + span{border-color:#00e1ff;background:rgba(0,225,255,.12);box-shadow:0 0 12px rgba(0,225,255,.3)}
.pick input:focus-visible + span{outline:2px solid #ffcc00;outline-offset:2px}
.chip{position:relative;display:inline-block;cursor:pointer}
.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:inline-block;padding:.5rem .9rem;border-radius:9999px;border:1px solid rgba(255,255,255,.25);font-size:.9rem;transition:all .2s}
.chip input:checked + span{border-color:#00e1ff;background:rgba(0,225,255,.15);color:#fff}
.chip input:checked + span::before{content:'\2713  ';color:#00e1ff}
.chip input:focus-visible + span{outline:2px solid #ffcc00;outline-offset:2px}
.tabbtn{flex:1;padding:1rem .5rem;font-family:'Orbitron',sans-serif;font-weight:600;font-size:.9rem;border-bottom:3px solid transparent;color:#9aa3b0;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.4rem}
.tabbtn[aria-selected="true"]{color:#fff;border-bottom-color:#00e1ff;background:rgba(0,225,255,.08)}
.tabbtn[data-tab="data"][aria-selected="true"]{border-bottom-color:#ffcc00;background:rgba(255,204,0,.08)}
.btn-wa{background:#25D366;color:#062b12}
.q-err,.warn{display:none}
.q-err.show,.warn.show{display:block}

/* Boton flotante WhatsApp */
.fab{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:.5rem;background:#25D366;color:#062b12;font-weight:700;padding:.9rem 1.2rem;border-radius:9999px;box-shadow:0 10px 25px rgba(37,211,102,.45)}
.fab i{font-size:1.5rem;line-height:1}
@media (max-width:640px){.fab span{display:none}.fab{padding:.9rem}}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .tech-nav-link:hover{animation:none}
}