*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#071b55;--blue2:#0b43b7;--cyan:#16c9f5;--orange:#ff9d00;--white:#fff;--text:#17233d;--muted:#667085}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:#f6f9ff;line-height:1.6}
.topbar{height:72px;background:#061947;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);position:sticky;top:0;z-index:10;box-shadow:0 4px 18px #00153a25}
.brand{font-size:21px;font-weight:800}
nav{display:flex;gap:26px}
nav a{color:#fff;text-decoration:none;font-weight:600;opacity:.9}
nav a:hover{color:#35d8ff}
.hero{min-height:590px;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:center;background:radial-gradient(circle at 80% 20%,#185bdc 0,#092a77 35%,#061947 78%)}
.hero-content{color:#fff;max-width:760px}
.badge,.module-label,.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:1.2px}
.badge{background:#ffffff18;border:1px solid #ffffff35;border-radius:999px;padding:9px 15px;margin-bottom:20px}
.hero h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin-bottom:24px;letter-spacing:-2px}
.hero h1 span{color:#31d6ff}
.hero p{font-size:19px;max-width:650px;color:#dbe8ff;margin-bottom:32px}
.btn,.module-btn,.back-btn{display:inline-block;text-decoration:none;font-weight:800;border-radius:12px;padding:14px 22px;transition:.2s}
.btn{background:linear-gradient(135deg,#ffad00,#ff7b00);color:#fff;box-shadow:0 10px 25px #ff970044}
.btn:hover,.module-btn:hover,.back-btn:hover{transform:translateY(-2px)}
.hero-card{background:#fff;border-radius:24px;padding:35px;box-shadow:0 20px 60px #00164250}
.hero-icon{font-size:52px;margin-bottom:14px}
.hero-card h3{font-size:25px;margin-bottom:10px}
.hero-card p{color:var(--muted)}
.modules{max-width:1050px;margin:0 auto;padding:75px 24px}
.section-title{text-align:center;margin-bottom:35px}
.section-title span{color:#1470d8;font-weight:800;font-size:13px;letter-spacing:1px}
.section-title h2{font-size:38px;margin:7px 0}
.section-title p{color:var(--muted)}
.module-card{background:#fff;border-radius:22px;padding:30px;border:1px solid #e3eaf7;box-shadow:0 12px 35px #173c7a0d}
.module-card.active{border-top:5px solid var(--orange)}
.module-number{color:#f28b00;font-weight:900;font-size:13px;letter-spacing:1px}
.module-card h3{font-size:28px;margin:7px 0}
.module-card p{color:var(--muted);margin-bottom:18px}
.module-btn{background:#0b43b7;color:#fff}
.coming{text-align:center;color:#78839a;padding:28px 0}
.module-hero{padding:75px 24px;text-align:center;color:#fff;background:linear-gradient(135deg,#061947,#0b43b7)}
.module-hero .module-label{color:#ffd36a;margin-bottom:8px}
.module-hero h1{font-size:clamp(38px,6vw,62px);line-height:1.08;margin-bottom:15px}
.module-hero p{max-width:700px;margin:auto;color:#dce9ff;font-size:18px}
.lesson{max-width:1120px;margin:55px auto 80px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.lesson-image img{width:100%;display:block;border-radius:22px;box-shadow:0 18px 45px #092b6820}
.lesson-content{background:#fff;padding:38px;border-radius:22px;box-shadow:0 12px 35px #173c7a12}
.eyebrow{color:#0b70d7;margin-bottom:10px}
.lesson-content h2{font-size:34px;line-height:1.15;margin-bottom:15px}
.lead{color:#53627a;font-size:17px;margin-bottom:25px}
.app-list{display:grid;gap:12px;margin-bottom:25px}
.app{display:flex;align-items:center;gap:15px;padding:14px;background:#f5f8fd;border-radius:14px}
.app>span{font-size:27px}
.app strong{display:block;font-size:17px}
.app small{display:block;color:#718096}
.tip{padding:17px 18px;border-left:4px solid var(--orange);background:#fff8e9;border-radius:10px;margin-bottom:25px}
.tip p{color:#69582f;margin-top:3px}
.back-btn{background:#eaf2ff;color:#0b43b7}
footer{background:#061947;color:#b9c9e8;text-align:center;padding:25px 20px;font-size:14px}
@media(max-width:800px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:55px;padding-bottom:60px}.hero-card{max-width:520px}.lesson{grid-template-columns:1fr;gap:28px}.lesson-content{padding:27px}.topbar{height:64px}.topbar nav{gap:14px;font-size:14px}.hero h1{letter-spacing:-1px}}
@media(max-width:480px){.brand{font-size:17px}nav a{font-size:13px}.hero p{font-size:17px}.section-title h2{font-size:31px}.lesson-content h2{font-size:29px}}

/* Formación completa en vídeo */
.full-video-training{margin:80px auto 0;padding:80px 24px 100px;background:linear-gradient(180deg,#07112d 0%,#020817 100%);color:#fff;text-align:center}
.video-training-inner{max-width:900px;margin:0 auto}
.full-video-training h2{margin:12px 0 16px;font-size:clamp(2rem,5vw,3.4rem)}
.full-video-training p{max-width:760px;margin:0 auto 28px;line-height:1.7}
.video-wrapper{width:min(576px,100%);margin:36px auto 24px;aspect-ratio:576/1280;overflow:hidden;border-radius:18px;background:#000;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.video-wrapper iframe{display:block;width:100%;height:100%;border:0}
.video-note{font-size:.95rem;opacity:.9}