:root{
  --bg:#061326;
  --bg2:#081c38;
  --panel:rgba(255,255,255,.075);
  --panel2:rgba(255,255,255,.11);
  --text:#f6fbff;
  --muted:#aebed1;
  --blue:#1088ff;
  --blue2:#00d4ff;
  --green:#34f58b;
  --white:#fff;
  --line:rgba(255,255,255,.12);
  --shadow:0 28px 90px rgba(0,0,0,.36);
  --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0%,#123a67 0%,#07172d 38%,#030b17 100%);color:var(--text);overflow-x:hidden}
a{text-decoration:none;color:inherit}.container{width:min(92%,var(--container));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(4,14,28,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{width:230px;max-width:42vw;display:block}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{font-weight:850;color:#dceafd;font-size:.95rem}.nav-links a.active,.nav-links a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:950;border:1px solid transparent;transition:.25s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,var(--green),#9cffc7);color:#031527;box-shadow:0 0 36px rgba(52,245,139,.22)}.btn-outline,.btn-ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff}.btn-whatsapp{background:linear-gradient(135deg,#18d86f,#a2ffc8);color:#031527;font-size:1.05rem;padding:17px 28px;box-shadow:0 0 46px rgba(52,245,139,.28)}
.kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--green);font-weight:950;text-transform:uppercase;font-size:.76rem;letter-spacing:.15em}.kicker:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1{font-size:clamp(3rem,7vw,6.8rem);line-height:.88;letter-spacing:-.075em;margin-bottom:24px}h2{font-size:clamp(2rem,4vw,4rem);line-height:.94;letter-spacing:-.055em;margin-bottom:16px}h3{font-size:1.12rem;letter-spacing:-.02em}p{color:var(--muted);line-height:1.65}.hero{position:relative;min-height:calc(100vh - 82px);display:grid;place-items:center;padding:70px 0 60px;isolation:isolate}.glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:-1}.glow-blue{width:420px;height:420px;background:#0b84ff;right:8%;top:12%}.glow-green{width:260px;height:260px;background:#34f58b;left:9%;bottom:9%}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;align-items:center}.hero-copy p{font-size:1.32rem;max-width:650px;color:#dce9f8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.trust-row{display:flex;flex-wrap:wrap;gap:10px}.trust-row span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.055);color:#d8e8f9;font-weight:800;font-size:.9rem}.hero-visual{position:relative;min-height:610px}.module-card{position:absolute;right:16%;top:38px;width:270px;height:390px;padding:18px;border-radius:38px;background:linear-gradient(145deg,#0b0f18,#1a222e 52%,#05080d);box-shadow:0 34px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.12);transform:rotate(-5deg)}.module-card:before{content:"";position:absolute;inset:-2px;border-radius:40px;background:linear-gradient(135deg,rgba(0,212,255,.75),transparent 35%,rgba(52,245,139,.5));z-index:-1;filter:blur(10px);opacity:.8}.led-line{height:5px;border-radius:99px;background:linear-gradient(90deg,transparent,var(--blue2),transparent);box-shadow:0 0 24px var(--blue2);margin:7px 18px 18px}.module-screen{height:275px;border-radius:25px;background:radial-gradient(circle at 50% 20%,#123a60,#06111f 70%);border:1px solid rgba(0,212,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;box-shadow:inset 0 0 45px rgba(0,136,255,.25)}.qr-box{width:122px;height:122px;padding:10px;background:#fff;border-radius:17px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;box-shadow:0 0 35px rgba(255,255,255,.28)}.qr-box span{background:#041326;border-radius:3px}.qr-box span:nth-child(3n),.qr-box span:nth-child(5),.qr-box span:nth-child(14){background:var(--green)}.module-screen strong{font-size:.95rem}.module-screen small{color:#9be7ff}.module-footer{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.module-footer b{font-size:1rem}.module-footer i{font-style:normal;color:var(--green);font-weight:950;font-size:.72rem;background:rgba(52,245,139,.11);padding:8px 10px;border-radius:999px}.laptop{position:absolute;left:0;bottom:55px;width:470px;border-radius:26px;padding:22px;background:rgba(10,24,45,.72);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.laptop:after{content:"";position:absolute;left:12%;right:12%;bottom:-22px;height:22px;background:linear-gradient(180deg,#23364d,#07111d);border-radius:0 0 26px 26px}.laptop-top,.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.laptop-top span,.dash-header strong{font-weight:950}.laptop-top b,.dash-header span{font-size:.78rem;color:var(--green);background:rgba(52,245,139,.12);padding:8px 11px;border-radius:999px}.chart-bars{height:150px;display:flex;align-items:end;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line)}.chart-bars i{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--blue2),var(--blue));box-shadow:0 0 25px rgba(0,212,255,.22)}.chart-bars i:nth-child(1){height:42%}.chart-bars i:nth-child(2){height:68%}.chart-bars i:nth-child(3){height:51%}.chart-bars i:nth-child(4){height:84%}.chart-bars i:nth-child(5){height:73%;background:linear-gradient(180deg,var(--green),#099f57)}.dash-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.dash-mini-grid span{border:1px solid var(--line);background:rgba(255,255,255,.055);padding:13px;border-radius:14px;font-weight:850;color:#eaf4ff}.phone{position:absolute;right:0;bottom:25px;width:155px;height:295px;border-radius:32px;padding:32px 16px 16px;background:linear-gradient(160deg,#0a1019,#172435);border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow),0 0 44px rgba(16,136,255,.16)}.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:48px;height:6px;border-radius:99px;background:#000}.phone span{color:var(--muted);font-size:.86rem}.phone strong{display:block;font-size:1.45rem;margin:12px 0 24px}.phone-line{height:10px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--blue2));margin-bottom:12px}.phone-line.short{width:62%;background:rgba(255,255,255,.18)}
.section{padding:82px 0;position:relative}.section-head{max-width:850px;margin-bottom:34px}.section-head.centered{text-align:center;margin-inline:auto}.cards-grid{display:grid;gap:16px}.cards-grid.eight{grid-template-columns:repeat(4,1fr)}.cards-grid article,.use-grid article,.timeline article,.plans-grid article,.dashboard-showcase,.final-card{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.22);backdrop-filter:blur(16px);border-radius:28px}.cards-grid article{padding:23px;min-height:190px}.cards-grid article span{width:44px;height:44px;border-radius:16px;background:rgba(16,136,255,.16);border:1px solid rgba(0,212,255,.22);display:grid;place-items:center;color:var(--green);font-size:1.4rem;margin-bottom:16px}.cards-grid h3{margin-bottom:10px}.ideal{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08));border-block:1px solid var(--line)}.use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.use-grid article{padding:16px}.use-grid h3{padding:14px 4px 2px}.use-visual{height:155px;border-radius:22px;background:radial-gradient(circle at 50% 20%,rgba(0,212,255,.28),rgba(255,255,255,.055) 52%,rgba(0,0,0,.18));position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.use-visual:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:105px;border-radius:17px;background:linear-gradient(160deg,#eaf6ff,#7493ad);box-shadow:0 20px 55px rgba(0,0,0,.25)}.use-visual:after{content:"";position:absolute;left:50%;bottom:28px;transform:translateX(-50%);width:110px;height:12px;border-radius:50%;background:rgba(0,0,0,.25);filter:blur(4px)}.coffee:before{width:90px;height:70px;border-radius:16px 16px 30px 30px}.capsule:before{width:94px;height:94px;border-radius:50%;background:linear-gradient(160deg,#ffeb8a,#28d684)}.vending:before{width:72px;height:120px}.vacuum:before{width:120px;height:55px;border-radius:50px}.inflatable:before{width:115px;height:85px;border-radius:50% 50% 20px 20px;background:linear-gradient(160deg,#00d4ff,#34f58b)}.game:before{width:96px;height:88px;border-radius:28px;background:linear-gradient(160deg,#ff5d9a,#00d4ff)}.timer:before{width:98px;height:98px;border-radius:26px;background:linear-gradient(160deg,#fff,#1088ff)}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative}.timeline article{padding:25px}.timeline article span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue2));font-weight:950;margin-bottom:18px;box-shadow:0 0 32px rgba(0,212,255,.24)}.timeline h3{font-size:1.55rem;margin-bottom:8px}.panel{background:radial-gradient(circle at 90% 10%,rgba(0,212,255,.18),transparent 35%)}.panel-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.panel-copy ul{list-style:none;margin-top:22px;display:grid;gap:12px}.panel-copy li{padding-left:28px;position:relative;color:#d9e9f7;font-weight:750}.panel-copy li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:950}.dashboard-showcase{padding:24px;border-radius:34px}.dash-content{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:13px}.metric,.graph,.machine-status{background:rgba(255,255,255,.065);border:1px solid var(--line);border-radius:20px;padding:18px}.metric small{display:block;color:var(--muted);margin-bottom:8px}.metric strong{font-size:1.65rem}.metric.big{grid-column:span 1}.graph{grid-column:1/4;height:170px;display:flex;align-items:end;gap:12px}.graph i{flex:1;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,var(--green),#0d9b58)}.graph i:nth-child(1){height:38%}.graph i:nth-child(2){height:55%;background:linear-gradient(180deg,var(--blue2),var(--blue))}.graph i:nth-child(3){height:73%}.graph i:nth-child(4){height:48%;background:linear-gradient(180deg,var(--blue2),var(--blue))}.graph i:nth-child(5){height:86%}.graph i:nth-child(6){height:67%;background:linear-gradient(180deg,var(--blue2),var(--blue))}.machine-status{grid-column:span 2;font-weight:850}.machine-status.warning{grid-column:span 1}.machine-status span{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}.machine-status.warning span{background:#ffd166;box-shadow:0 0 14px #ffd166}.plans{border-top:1px solid var(--line)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plans-grid article{padding:28px;position:relative;overflow:hidden}.plans-grid article.featured{border-color:rgba(52,245,139,.5);box-shadow:0 0 70px rgba(52,245,139,.12),0 18px 60px rgba(0,0,0,.22)}.plan-tag{display:inline-flex;margin-bottom:18px;padding:8px 12px;border-radius:999px;background:rgba(16,136,255,.17);border:1px solid rgba(0,212,255,.18);color:#b9eeff;font-weight:950}.plans-grid h3{font-size:1.75rem;margin-bottom:12px}.plans-grid a{margin-top:22px;display:inline-flex;color:var(--green);font-weight:950}.final-cta{padding:30px 0 90px}.final-card{text-align:center;padding:58px 28px;background:radial-gradient(circle at 50% 0%,rgba(52,245,139,.18),rgba(255,255,255,.06) 45%,rgba(255,255,255,.035));border-color:rgba(52,245,139,.22)}.final-card p{max-width:680px;margin:0 auto 28px;font-size:1.12rem}
@media(max-width:1050px){.hero-grid,.panel-grid{grid-template-columns:1fr}.hero-visual{min-height:580px}.cards-grid.eight,.use-grid{grid-template-columns:repeat(2,1fr)}.timeline,.plans-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.nav .btn-ghost{display:none}.module-card{right:10%;}.laptop{left:4%}.phone{right:4%}}
@media(max-width:720px){.nav{min-height:72px}.brand img{width:190px}.hero{padding:42px 0}.hero-visual{min-height:520px}.module-card{width:215px;height:320px;right:0;top:20px;border-radius:30px}.module-screen{height:220px}.qr-box{width:95px;height:95px}.laptop{width:310px;left:0;bottom:58px}.phone{width:120px;height:225px;right:0;bottom:0}.cards-grid.eight,.use-grid,.timeline,.plans-grid{grid-template-columns:1fr}.dash-content{grid-template-columns:1fr}.graph,.machine-status,.machine-status.warning{grid-column:auto}.hero-actions .btn{width:100%}h1{font-size:clamp(2.7rem,16vw,4rem)}.section{padding:58px 0}}
@media(max-width:430px){.hero-visual{min-height:500px}.module-card{transform:rotate(-3deg) scale(.92);transform-origin:top right}.laptop{width:275px}.phone{transform:scale(.9);transform-origin:bottom right}.trust-row span{width:100%;text-align:center}.btn{width:100%}}


/* V18 navegación simplificada */
.nav{min-height:74px}.brand img{width:165px}.nav-links{gap:18px}.nav-links a{font-size:.88rem;white-space:nowrap}@media(max-width:1180px){.nav-links{display:none}}


/* V23 mobile nav */
.menu-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;font-size:1.35rem;cursor:pointer}
.mobile-menu{display:none;position:fixed;top:74px;left:0;right:0;z-index:49;background:rgba(4,14,28,.97);border-bottom:1px solid var(--line);padding:14px 5vw;box-shadow:0 18px 45px rgba(0,0,0,.35)}
.mobile-menu.open{display:grid;gap:12px}
.mobile-menu a{font-weight:900;color:#eaf3ff;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.mobile-menu a:hover{color:var(--green);border-color:rgba(52,245,139,.28)}
@media(max-width:1180px){.menu-toggle{display:inline-grid;place-items:center}.nav .btn-ghost{display:none}}
@media(min-width:1181px){.mobile-menu{display:none!important}}

/* EVETEC V25 - Acceso global Hornos Touch en vending */
.hornos-touch-pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:42px;padding:0 14px;border-radius:999px;margin-left:auto;font-weight:950;font-size:.84rem;color:#06111f!important;background:linear-gradient(135deg,#31a8ff,#8fffc1);border:1px solid rgba(255,255,255,.28);box-shadow:0 14px 34px rgba(18,136,255,.22);z-index:5}.hornos-touch-pill:hover{transform:translateY(-2px)}.nav-links a[href*="hornos-inteligentes"]{color:#8fd6ff!important}.mobile-menu a[href*="hornos-inteligentes"]{background:linear-gradient(135deg,rgba(18,136,255,.22),rgba(40,224,125,.12));border:1px solid rgba(69,183,255,.22);border-radius:14px;padding:11px 12px;color:#eaf8ff!important}@media(min-width:1181px){.hornos-touch-pill{display:none!important}}@media(max-width:1180px){.hornos-touch-pill{display:inline-flex}.nav{gap:10px}}@media(max-width:520px){.hornos-touch-pill{font-size:.76rem;min-height:39px;padding:0 10px}.brand img{max-width:37vw}}



/* ===== EVETEC V26 - diseño integral y navegación armonizada ===== */
.header,.topbar{background:rgba(2,9,19,.88)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 16px 45px rgba(0,0,0,.22)}
.nav,.container.nav{gap:22px}.brand img{filter:drop-shadow(0 0 18px rgba(18,136,255,.23))}.nav-links a,.nav a{position:relative}.nav-links a[href="hornos-inteligentes.html"],.nav a[href="hornos-inteligentes.html"]{color:#78ccff!important;text-shadow:0 0 15px rgba(18,136,255,.28)}
.nav-links a.active,.nav a.active{color:#52c3ff!important}.nav-links a::after,.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#25a8ff,transparent);opacity:0;transform:scaleX(.35);transition:.22s ease}.nav-links a:hover::after,.nav-links a.active::after,.nav a:hover::after,.nav a.active::after{opacity:1;transform:scaleX(1)}
.page-hero,.marquee-page{position:relative;overflow:hidden}.page-hero::after,.marquee-page::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,9,19,.02),rgba(2,9,19,.22)),radial-gradient(circle at 80% 30%,rgba(18,136,255,.12),transparent 34%)}
.page-card,.feature-card,.client-tile,.brand-tile,.content-top,.sidebar-card,.product-card{border-color:rgba(82,195,255,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.038))!important;box-shadow:0 24px 70px rgba(0,0,0,.30)}
.footer{border-top:1px solid rgba(82,195,255,.13);background:linear-gradient(180deg,#06111f,#020913)!important}.hornos-touch-pill{display:none!important}
@media(max-width:1180px){.nav-links,.nav-actions,.topbar .nav{display:none!important}.menu-toggle{display:grid!important;place-items:center}.mobile-menu{position:fixed;top:76px;left:12px;right:12px;z-index:2500;display:none!important;grid-template-columns:1fr;gap:10px;padding:12px;border-radius:22px;background:rgba(2,9,19,.97);border:1px solid rgba(82,195,255,.22);box-shadow:0 24px 90px rgba(0,0,0,.45);backdrop-filter:blur(18px)}.mobile-menu.open{display:grid!important}.mobile-menu a{padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-weight:950;color:#eef7ff}.mobile-menu a[href="hornos-inteligentes.html"]{background:linear-gradient(135deg,rgba(18,136,255,.22),rgba(40,224,125,.12));border-color:rgba(82,195,255,.28);color:#aee5ff!important}.header .container.nav,.nav{min-height:76px}.page-hero,.marquee-page{padding-top:106px!important}.brand img{max-width:170px!important}}
@media(max-width:560px){.header .container.nav,.topbar{padding-left:16px!important;padding-right:16px!important}.brand img{max-width:42vw!important}.menu-toggle{width:50px!important;height:50px!important;border-radius:18px!important}.page-hero h1,.marquee-page h1{font-size:clamp(2.35rem,11vw,3.4rem)!important;line-height:.96!important}.page-hero p,.marquee-page p{font-size:.96rem}.hero-actions{gap:10px}.hero-actions .btn{width:100%}}

/* ===== EVETEC V32 - Vending QR con imágenes reales numeradas ===== */
.vending-real-grid article{overflow:hidden;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;}
.vending-real-grid article:hover{transform:translateY(-6px);border-color:rgba(82,195,255,.36)!important;box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 38px rgba(16,136,255,.16);}
.vending-real-grid .use-visual{height:240px;background:linear-gradient(145deg,rgba(0,0,0,.25),rgba(16,136,255,.12));border:1px solid rgba(82,195,255,.18);display:flex;align-items:center;justify-content:center;}
.vending-real-grid .use-visual::before,.vending-real-grid .use-visual::after{display:none!important;}
.vending-real-grid .use-visual img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .38s ease, filter .38s ease;filter:saturate(1.08) contrast(1.05);}
.vending-real-grid article:hover .use-visual img{transform:scale(1.045);filter:saturate(1.15) contrast(1.08) brightness(1.04);}
.vending-real-grid h3{padding:16px 4px 6px;font-size:1.05rem;}
@media(max-width:1050px){.vending-real-grid{grid-template-columns:repeat(2,1fr)!important}.vending-real-grid .use-visual{height:210px}}
@media(max-width:560px){.vending-real-grid{grid-template-columns:1fr!important}.vending-real-grid .use-visual{height:260px}.vending-real-grid article{border-radius:24px}}