:root{--bg:#061022;--bg2:#091831;--panel:#0d203e;--text:#f4f8ff;--muted:#a7bad5;--cyan:#13d9ff;--blue:#1776ff;--line:rgba(19,217,255,.22);--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}.page-loader{position:fixed;inset:0;background:#061022;z-index:9999;display:grid;place-items:center;transition:.5s}.page-loader.hide{opacity:0;visibility:hidden}.loader-ring{width:58px;height:58px;border:4px solid rgba(255,255,255,.12);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.glass-nav{background:rgba(6,16,34,.76);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:10px 0}.brand-logo{width:48px;height:48px;border-radius:50%;object-fit:cover}.navbar-brand span{display:flex;flex-direction:column;color:#fff;line-height:1.05}.navbar-brand small{font-size:.72rem;color:var(--muted);font-weight:500}.nav-link{color:#dce8f9!important;font-weight:600}.nav-link:hover{color:var(--cyan)!important}.navbar-toggler{border-color:rgba(255,255,255,.3)}.navbar-toggler-icon{filter:invert(1)}.btn-cyan{background:linear-gradient(135deg,var(--cyan),var(--blue));border:0;color:#03101d;font-weight:800;box-shadow:0 12px 30px rgba(19,217,255,.22)}.btn-cyan:hover{color:#fff;transform:translateY(-2px)}.theme-btn{border:1px solid var(--line);background:transparent;color:#fff;border-radius:50%;width:40px;height:40px;margin-left:8px}.hero-section{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(23,118,255,.25),transparent 32%),radial-gradient(circle at 18% 80%,rgba(19,217,255,.13),transparent 30%),linear-gradient(140deg,#061022,#081a39 70%,#061022)}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(19,217,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(19,217,255,.18) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent)}.eyebrow,.section-heading>span{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-weight:800;letter-spacing:.12em;font-size:.82rem}.hero-section h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.95;font-weight:900;letter-spacing:-.05em;margin:22px 0}.hero-section h1 span{background:linear-gradient(90deg,var(--cyan),#4b8cff);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:1.18rem;color:var(--muted);max-width:680px}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:2rem;color:var(--cyan)}.hero-stats span{color:var(--muted);font-size:.88rem}.hero-visual{position:relative}.glow-card{padding:10px;border-radius:24px;background:linear-gradient(135deg,rgba(19,217,255,.45),rgba(23,118,255,.08));box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-5deg)}.glow-card img{width:100%;border-radius:18px;display:block}.floating-badge{position:absolute;padding:12px 18px;border-radius:14px;background:rgba(8,26,57,.86);border:1px solid var(--line);backdrop-filter:blur(12px);display:flex;gap:9px;align-items:center;box-shadow:var(--shadow);animation:float 4s ease-in-out infinite}.floating-badge i{color:var(--cyan)}.badge-one{top:8%;left:-4%}.badge-two{bottom:10%;right:-2%;animation-delay:1.2s}@keyframes float{50%{transform:translateY(-12px)}}.trust-strip{padding:25px 0;background:#081a34;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-strip div[class^=col]{display:flex;gap:10px;justify-content:center;align-items:center;color:#d6e5f7;font-weight:700}.trust-strip i{color:var(--cyan)}.section-space{padding:100px 0}.section-dark{background:linear-gradient(180deg,#08172e,#061022)}.section-heading{max-width:760px;margin:auto}.section-heading h2{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:900;letter-spacing:-.035em;margin:12px 0}.section-heading p{color:var(--muted);font-size:1.08rem}.course-card{height:100%;position:relative;padding:30px 25px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(15,40,75,.75),rgba(8,24,48,.85));box-shadow:0 14px 45px rgba(0,0,0,.18);transition:.35s}.course-card:hover{transform:translateY(-10px);border-color:var(--cyan);box-shadow:0 25px 55px rgba(0,0,0,.35)}.course-card.featured{background:linear-gradient(180deg,rgba(12,68,105,.85),rgba(8,24,48,.9));border-color:rgba(19,217,255,.55)}.popular{position:absolute;right:15px;top:15px;background:var(--cyan);color:#03101d;padding:5px 9px;border-radius:30px;font-size:.72rem;font-weight:900}.course-icon{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,rgba(19,217,255,.22),rgba(23,118,255,.22));display:grid;place-items:center;font-size:1.5rem;color:var(--cyan);margin-bottom:18px}.course-tag{color:var(--cyan);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.course-card h3{font-size:1.65rem;font-weight:900;margin:8px 0}.course-card p,.course-card li{color:var(--muted)}.course-card ul{padding-left:18px}.course-card a{color:var(--cyan);font-weight:800;text-decoration:none}.showcase-img{border-radius:26px;border:1px solid var(--line);box-shadow:var(--shadow)}.benefit-list>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.benefit-list i{width:48px;height:48px;border-radius:14px;background:rgba(19,217,255,.12);display:grid;place-items:center;color:var(--cyan);font-size:1.2rem}.benefit-list h4{font-weight:800}.benefit-list p{color:var(--muted);margin:0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step-card{position:relative;padding:30px 24px;border-radius:20px;border:1px solid var(--line);background:#0a1b35;text-align:center}.step-card b{position:absolute;top:15px;right:16px;color:rgba(255,255,255,.12);font-size:2rem}.step-card i{font-size:2rem;color:var(--cyan);margin:18px}.step-card h4{font-weight:900}.step-card p{color:var(--muted)}.cta-band{padding:70px 0;background:linear-gradient(100deg,#0b70ff,#12cae8);color:#03101d}.cta-band span{font-weight:900;letter-spacing:.13em}.cta-band h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:900}.testimonial{max-width:760px;margin:auto;text-align:center;padding:50px 80px}.testimonial p{font-size:1.35rem;color:#d9e7f7;font-style:italic}.testimonial strong,.testimonial span{display:block}.testimonial span{color:var(--muted)}.stars{color:#ffd95a;font-size:1.2rem}.contact-section{background:radial-gradient(circle at 85% 20%,rgba(19,217,255,.12),transparent 30%),#071329}.contact-info p{font-size:1.05rem;color:#c8d8ec}.contact-info i{color:var(--cyan);width:28px}.contact-card{background:linear-gradient(180deg,rgba(14,38,72,.92),rgba(8,23,45,.96));padding:35px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.contact-card label{font-weight:700;margin-bottom:6px}.form-control,.form-select{background:#07152b;border:1px solid rgba(255,255,255,.13);color:#fff;padding:13px}.form-control:focus,.form-select:focus{background:#07152b;color:#fff;border-color:var(--cyan);box-shadow:0 0 0 .25rem rgba(19,217,255,.12)}.form-select option{background:#07152b}footer{padding:55px 0 25px;background:#040b18;border-top:1px solid var(--line)}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:70px;height:70px;border-radius:50%}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:1.2rem}.footer-brand span,footer p{color:var(--muted)}footer a{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--cyan);margin-left:7px;text-decoration:none}.copyright{text-align:center;font-size:.9rem}.whatsapp-float{position:fixed;z-index:100;bottom:25px;left:25px;background:#20c766;color:#fff;padding:14px 18px;border-radius:40px;text-decoration:none;font-weight:800;box-shadow:0 14px 35px rgba(0,0,0,.35);display:flex;align-items:center;gap:8px}.whatsapp-float i{font-size:1.35rem}.back-top{position:fixed;right:25px;bottom:25px;width:46px;height:46px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--cyan),var(--blue));display:none}.back-top.show{display:block}body.light{--bg:#f4f8ff;--bg2:#fff;--panel:#fff;--text:#071126;--muted:#52647b;--line:rgba(7,17,38,.12);background:#f4f8ff;color:#071126}body.light .glass-nav{background:rgba(255,255,255,.82)}body.light .navbar-brand span,body.light .nav-link,body.light .theme-btn{color:#071126!important}body.light .hero-section,body.light .section-dark,body.light .contact-section{background:#eef6ff}body.light .course-card,body.light .step-card,body.light .contact-card{background:#fff}body.light .testimonial p{color:#18314f}body.light .form-control,body.light .form-select{background:#f7fbff;color:#071126}body.light footer{background:#e8f2ff}@media(max-width:991px){.hero-section{text-align:center}.hero-lead{margin:auto}.hero-stats{justify-content:center}.steps-grid{grid-template-columns:repeat(2,1fr)}.badge-one{left:2%}.badge-two{right:2%}}@media(max-width:576px){.section-space{padding:75px 0}.hero-section h1{font-size:3rem}.steps-grid{grid-template-columns:1fr}.testimonial{padding:45px 35px}.whatsapp-float span{display:none}.whatsapp-float{width:54px;height:54px;padding:0;justify-content:center}.hero-stats{gap:18px}.contact-card{padding:24px}.floating-badge{display:none}}

/* Ruta CCNA destacada */
.ccna-route-section{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(19,217,255,.14),transparent 30%),radial-gradient(circle at 92% 80%,rgba(23,118,255,.18),transparent 34%),linear-gradient(180deg,#061022,#091a36)}
.ccna-route-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(19,217,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(19,217,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.ccna-promo-image{height:100%;min-height:480px;position:relative;display:block;border-radius:26px;overflow:hidden;border:1px solid rgba(19,217,255,.4);box-shadow:var(--shadow);background:#07152b}
.ccna-promo-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .45s ease}
.ccna-promo-image:hover img{transform:scale(1.025)}
.ccna-promo-image span{position:absolute;left:22px;bottom:22px;padding:12px 18px;border-radius:999px;background:rgba(2,12,27,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.ccna-promo-image span i{color:#25d366;margin-right:7px}
.ccna-offer-card{height:100%;padding:32px;border-radius:26px;background:linear-gradient(180deg,rgba(14,43,80,.95),rgba(5,18,39,.98));border:1px solid rgba(19,217,255,.4);box-shadow:var(--shadow)}
.offer-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.78rem;font-weight:900;letter-spacing:.1em}
.ccna-offer-card h3{font-size:clamp(1.8rem,3vw,2.55rem);font-weight:900;line-height:1.05;margin:14px 0 20px}
.route-mini-list{display:grid;gap:10px}.route-mini-list>div{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.route-mini-list b{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03101d;font-weight:900}
.route-mini-list span{display:flex;flex-direction:column}.route-mini-list strong{font-size:.94rem}.route-mini-list small{color:var(--muted);font-size:.78rem}
.price-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:22px 0}.price-box{position:relative;padding:14px 16px;border-radius:16px;background:#07152b;border:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between;gap:12px}.price-box small{color:var(--muted);font-weight:800;letter-spacing:.06em}.price-box strong{font-size:1.35rem;color:#fff;white-space:nowrap}.price-box.best{border-color:#72e22d;background:linear-gradient(110deg,rgba(42,110,27,.42),rgba(7,21,43,.9))}.price-box.best strong{color:#91f04f}.price-box.best span{position:absolute;top:-9px;right:12px;padding:3px 8px;border-radius:20px;background:#72e22d;color:#071126;font-size:.62rem;font-weight:900}
.ccna-actions{display:grid;grid-template-columns:1fr;gap:11px}.btn-whatsapp{background:#25d366;border:0;color:#06140c;font-weight:900}.btn-whatsapp:hover{background:#20bd5a;color:#fff;transform:translateY(-2px)}
.offer-note{margin:18px 0 0;color:var(--muted);font-size:.86rem}.offer-note i{color:#72e22d;margin-right:5px}
body.light .ccna-route-section{background:#eef6ff}body.light .ccna-offer-card{background:#fff}body.light .route-mini-list>div,body.light .price-box{background:#f4f8ff}body.light .price-box strong{color:#071126}
@media(max-width:991px){.ccna-promo-image{min-height:auto}.ccna-promo-image img{height:auto;object-fit:contain}.ccna-offer-card{height:auto}}
@media(max-width:576px){.ccna-offer-card{padding:24px 18px}.price-box{align-items:flex-start;flex-direction:column}.price-box strong{font-size:1.55rem}.ccna-promo-image span{left:12px;right:12px;bottom:12px;text-align:center}}

/* Imágenes renovadas: formación práctica en redes */
.glow-card{overflow:hidden;}
.glow-card img{aspect-ratio:1.15/1;object-fit:cover;object-position:center;}
.showcase-img{width:100%;aspect-ratio:1.15/1;object-fit:cover;object-position:center;background:#fff;}
@media(max-width:991px){.glow-card{transform:none;max-width:650px;margin:auto}.glow-card img,.showcase-img{aspect-ratio:auto;object-fit:contain}}
