/* BYTESCR 3.0 — negro profundo + menta neón, referencia oficial 2026 */
:root,body {
  --bytes-primary:#31E6A8;
  --bytes-primary-dark:#18B982;
  --bytes-accent:#72F4C7;
  --bytes-ink:#F7FAF8;
  --bytes-ink-soft:#9DB2AA;
  --bytes-bg:#050A08;
  --bytes-bg-alt:#0C1411;
  --bytes-border:#1D2B26;
  --bytes-white:#111A16;
  --bytes-glow:rgba(49,230,168,.22);
}
html{color-scheme:dark}
body{background:linear-gradient(rgba(49,230,168,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(49,230,168,.018) 1px,transparent 1px),#050A08;background-size:46px 46px;color:#F7FAF8}
::selection{color:#04110C;background:#31E6A8}
.bytes-section{padding:clamp(78px,9vw,118px) 0}
.bytes-section--alt{background:#0C1411;border-block:1px solid rgba(49,230,168,.07)}
.bytes-section__title{color:#F7FAF8;letter-spacing:-.035em;text-wrap:balance}
.bytes-section__title::before{content:"//";color:#31E6A8;margin-right:12px;font:600 .45em/1 var(--font-mono);vertical-align:.3em;text-shadow:0 0 16px rgba(49,230,168,.32)}
.bytes-section__lead,p{color:#9DB2AA}

.bytes-header{background:rgba(5,10,8,.9);border-color:rgba(49,230,168,.13);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 1px 0 rgba(49,230,168,.07),0 18px 60px rgba(0,0,0,.32)}
.bytes-header__inner{min-height:76px}
.bytes-brand-logo{width:min(210px,42vw);max-height:46px;object-fit:contain;filter:drop-shadow(0 0 11px rgba(49,230,168,.12))}
.bytes-nav__list a{color:#E3ECE8;position:relative}
.bytes-nav__list a::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:#31E6A8;box-shadow:0 0 11px #31E6A8;transition:right .24s ease}
.bytes-nav__list a:hover,.bytes-nav__list a:focus-visible{color:#72F4C7}
.bytes-nav__list a:hover::after,.bytes-nav__list a:focus-visible::after{right:0}
.bytes-nav__toggle-bar{background:#31E6A8}
@media(max-width:899px){.bytes-nav{background:rgba(5,10,8,.98);border-color:#1D2B26}}

.bytes-btn{border-radius:11px;letter-spacing:.01em}
.bytes-btn--primary{color:#04110C;background:linear-gradient(135deg,#72F4C7,#31E6A8);box-shadow:0 12px 35px rgba(49,230,168,.17),inset 0 1px rgba(255,255,255,.32)}
.bytes-btn--primary:hover{color:#020B07;background:#85F8D1;transform:translateY(-3px);box-shadow:0 0 30px rgba(49,230,168,.28),0 16px 40px rgba(0,0,0,.32)}
.bytes-btn--outline{color:#EDF4F1;border-color:#293C35;background:rgba(255,255,255,.015)}
.bytes-btn--outline:hover{color:#72F4C7;border-color:#31E6A8;background:rgba(49,230,168,.045)}

.bytes-hero{isolation:isolate;overflow:hidden;min-height:calc(100vh - 76px);display:grid;align-items:center;background:radial-gradient(circle at 75% 34%,rgba(49,230,168,.1),transparent 30rem),#050A08;color:#F7FAF8}
.bytes-hero__network{position:absolute;inset:0;width:100%;height:100%;opacity:.85;z-index:-1}
.bytes-hero__glow{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(24px)}
.bytes-hero__glow--one{width:420px;height:420px;right:-110px;top:-160px;background:radial-gradient(circle,rgba(49,230,168,.14),transparent 68%);animation:bytes-mint-drift 9s ease-in-out infinite alternate}
.bytes-hero__glow--two{width:260px;height:260px;left:-130px;bottom:-90px;border:1px solid rgba(49,230,168,.18);box-shadow:inset 0 0 80px rgba(49,230,168,.035);animation:bytes-mint-drift 12s ease-in-out infinite alternate-reverse}
.bytes-hero__content{position:relative;z-index:2}
.bytes-hero__content::before{content:"SISTEMAS • WEB • AUTOMATIZACIÓN";display:inline-flex;margin-bottom:24px;padding:7px 12px;border:1px solid rgba(49,230,168,.22);border-radius:999px;color:#72F4C7;background:rgba(49,230,168,.045);font:600 11px/1 var(--font-mono);letter-spacing:.12em}
.bytes-hero__title{max-width:770px;color:#F7FAF8;font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-.055em;text-shadow:0 8px 45px rgba(0,0,0,.5)}
.bytes-hero__title::first-line{color:#31E6A8;text-shadow:0 0 28px rgba(49,230,168,.18)}
.bytes-hero__subtitle{color:#C3D1CB;line-height:1.65}
.bytes-hero__tagline{color:#31E6A8}
.bytes-hero__visual{--parallax-x:0px;--parallax-y:0px;position:relative;padding:18px;border:1px solid rgba(49,230,168,.12);border-radius:28px;background:linear-gradient(145deg,rgba(49,230,168,.035),rgba(0,0,0,.2));box-shadow:inset 0 1px rgba(255,255,255,.035),0 35px 100px rgba(0,0,0,.42);filter:drop-shadow(0 0 34px rgba(49,230,168,.1));animation:bytes-mint-float 5.5s ease-in-out infinite}
.bytes-hero__visual::after{content:"ONLINE";position:absolute;right:28px;top:22px;padding:5px 9px;border-radius:999px;color:#72F4C7;background:#06110D;border:1px solid rgba(49,230,168,.25);font:600 10px/1 var(--font-mono);letter-spacing:.12em;box-shadow:0 0 18px rgba(49,230,168,.1)}
.bytes-hero__svg{filter:drop-shadow(0 0 18px rgba(49,230,168,.11))}
.bytes-tech-chip{position:absolute;z-index:3;padding:8px 11px;border:1px solid rgba(49,230,168,.22);border-radius:8px;color:#BDF9E4;background:rgba(5,14,10,.9);backdrop-filter:blur(10px);font:600 9px/1 var(--font-mono);letter-spacing:.1em;box-shadow:0 12px 35px rgba(0,0,0,.3),0 0 20px rgba(49,230,168,.055)}
.bytes-tech-chip--api{left:-24px;top:22%;animation:bytes-chip-float 4.4s ease-in-out infinite}
.bytes-tech-chip--data{right:-28px;bottom:20%;animation:bytes-chip-float 5.2s ease-in-out infinite reverse}
.bytes-tech-chip span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#31E6A8;box-shadow:0 0 9px #31E6A8;animation:bytes-status-blink 1.4s ease-in-out infinite}

.bytes-tech-strip{position:relative;overflow:hidden;border-block:1px solid rgba(49,230,168,.13);background:#07100C;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.bytes-tech-strip__track{display:flex;width:max-content;animation:bytes-marquee 30s linear infinite}
.bytes-tech-strip__group{display:flex;align-items:center;flex-shrink:0;gap:22px;padding:18px 11px}
.bytes-tech-strip span{color:#92A9A0;font:600 11px/1 var(--font-mono);letter-spacing:.13em;white-space:nowrap}
.bytes-tech-strip i{width:5px;height:5px;border-radius:50%;background:#31E6A8;box-shadow:0 0 9px rgba(49,230,168,.8)}
.bytes-tech-strip:hover .bytes-tech-strip__track{animation-play-state:paused}

.bytes-card,.bytes-principle,.bytes-steps__item,.bytes-flow__node,.bytes-callout,.bytes-faq__item{background:linear-gradient(145deg,#111B17,#09100D);border-color:rgba(49,230,168,.13);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.2)}
.bytes-card{position:relative;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.bytes-card::after{content:"";position:absolute;width:140px;height:140px;right:-75px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(49,230,168,.13),transparent 67%);opacity:0;transition:opacity .25s ease}
.bytes-card:hover{border-color:rgba(49,230,168,.38);box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 28px rgba(49,230,168,.06)}
.bytes-card:hover::after{opacity:1}
.bytes-card h3,.bytes-principle h3,.bytes-steps__item h3,.bytes-flow__node{color:#F7FAF8}
.bytes-card p,.bytes-principle p,.bytes-steps__item p{color:#9DB2AA}
.bytes-card__icon{color:#31E6A8;background:rgba(49,230,168,.07);border:1px solid rgba(49,230,168,.15);box-shadow:0 0 28px rgba(49,230,168,.07)}
.bytes-tags li{color:#DDE9E4;background:rgba(49,230,168,.05);border-color:rgba(49,230,168,.17)}
.bytes-flow__line{filter:drop-shadow(0 0 7px #31E6A8)}
.bytes-steps__num{color:#04110C;background:#31E6A8;box-shadow:0 0 20px rgba(49,230,168,.22)}

.bytes-demo{position:relative;overflow:hidden;background:linear-gradient(160deg,#101B16,#050A08);border:1px solid rgba(49,230,168,.27);box-shadow:0 28px 85px rgba(0,0,0,.52),0 0 50px rgba(49,230,168,.055)}
.bytes-demo::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#31E6A8,transparent);animation:bytes-mint-scan 3.8s linear infinite;box-shadow:0 0 14px #31E6A8;opacity:.6}
.bytes-demo__screen{background:#050B08}
.bytes-demo__bubble--user,.bytes-demo__actions button{color:#04110C;background:#31E6A8}
.bytes-demo__bubble{animation:bytes-mint-pop .3s ease both}
.bytes-logos__item{background:rgba(255,255,255,.016);border:1px solid rgba(49,230,168,.085);border-radius:16px;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.bytes-logos__item:hover{transform:translateY(-5px);background:rgba(49,230,168,.035);border-color:rgba(49,230,168,.28)}
.bytes-logos__item a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:13px;padding:14px;text-decoration:none}
.bytes-logo-monogram{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;color:#06110D;background:linear-gradient(135deg,#72F4C7,#31E6A8);font:800 12px/1 var(--font-heading);box-shadow:0 0 25px rgba(49,230,168,.12)}
.bytes-logo-wordmark{color:#EDF5F1;font:750 clamp(13px,1.5vw,17px)/1.1 var(--font-heading);letter-spacing:-.01em;text-align:left}
.bytes-logos__item--fallback::after{content:"LOGO ACTUALIZABLE";position:absolute;right:9px;bottom:7px;color:#638077;font:500 7px/1 var(--font-mono);letter-spacing:.08em}
.bytes-logos__item{position:relative;overflow:hidden}
.bytes-cta{background:radial-gradient(circle at 50% 0,rgba(49,230,168,.14),transparent 55%),#08100D;border-block:1px solid rgba(49,230,168,.18)}
.bytes-cta__logo img,.bytes-footer__brand img{filter:none}
.bytes-form input,.bytes-form select,.bytes-form textarea{color:#F4F8F6;background:#08100D;border-color:#24362F}
.bytes-footer{background:#050A08;border-top:1px solid rgba(49,230,168,.12)}
.bytes-whatsapp-float{animation:bytes-mint-pulse 2.8s ease-in-out infinite}
.bytes-pointer-glow{position:fixed;left:0;top:0;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(49,230,168,.038),transparent 67%);pointer-events:none;z-index:40;will-change:transform}

.bytes-elementor-full-width,.bytes-elementor-canvas #main,.elementor-page .elementor{width:100%;max-width:none;margin:0;padding:0}
body.elementor-editor-active .bytes-pointer-glow,body.elementor-editor-active .bytes-hero__network{display:none}
.elementor-editor-active .bytes-reveal{opacity:1!important;transform:none!important}
.elementor-page .bytes-neon-box{background:linear-gradient(145deg,#111B17,#08100D);border:1px solid rgba(49,230,168,.14);box-shadow:0 22px 65px rgba(0,0,0,.3)}

@keyframes bytes-mint-float{0%,100%{transform:translate3d(var(--parallax-x),var(--parallax-y),0)}50%{transform:translate3d(var(--parallax-x),calc(var(--parallax-y) - 13px),0)}}
@keyframes bytes-mint-drift{to{transform:translate3d(-55px,65px,0) scale(1.1)}}
@keyframes bytes-mint-scan{from{transform:translateY(0)}to{transform:translateY(440px)}}
@keyframes bytes-mint-pop{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes bytes-mint-pulse{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 0 rgba(49,230,168,.3)}50%{box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 12px rgba(49,230,168,0)}}
@keyframes bytes-marquee{to{transform:translateX(-50%)}}
@keyframes bytes-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes bytes-status-blink{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:959px){.bytes-pointer-glow{display:none}.bytes-hero{min-height:auto}.bytes-hero__content::before{font-size:9px}.bytes-hero__visual{display:block;max-width:480px;margin:auto;padding:12px}.bytes-tech-chip--api{left:6px}.bytes-tech-chip--data{right:6px}.bytes-logos__item--fallback::after{display:none}}
@media(prefers-reduced-motion:reduce){.bytes-hero__glow,.bytes-hero__visual,.bytes-demo::before,.bytes-whatsapp-float,.bytes-tech-chip,.bytes-tech-strip__track{animation:none!important}.bytes-pointer-glow{display:none}.bytes-tech-strip__track{width:100%;overflow:auto}}