:root{
 --b950:#04133d;--b900:#062362;--b800:#083aa9;--b700:#0a53d4;
 --cyan:#188ecb;--green:#95cf24;--pink:#ef0879;--purple:#8c1f82;
 --orange:#ff9416;--red:#e9091d;--ink:#12213f;--muted:#65728a;
 --soft:#f5f8fd;--line:#e5ebf4;--shadow:0 26px 70px rgba(7,31,91,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 38px));margin:auto}
.nav{position:sticky;top:0;z-index:50;background:rgba(4,24,71,.90);backdrop-filter:blur(15px);border-bottom:1px solid #ffffff1e}.navin{height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:900;letter-spacing:.04em}.brand img{width:46px;height:46px;border-radius:12px;object-fit:cover}.brand small{display:block;letter-spacing:.32em;font-size:.64rem;opacity:.75}.menu{display:flex;align-items:center;gap:25px;color:#fff;font-weight:650;font-size:.94rem}.menu a{opacity:.82}.menu a:hover{opacity:1}.hamb{display:none;border:0;background:transparent;color:#fff;font-size:1.5rem}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--green),#c2ea56);color:#173200;box-shadow:0 14px 35px #95cf2433}.outline{border:1px solid #ffffff38;color:#fff;background:#ffffff0f}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,#1670e877,transparent 31%),radial-gradient(circle at 91% 14%,#ef087932,transparent 23%),linear-gradient(135deg,var(--b950),var(--b800));color:#fff;padding:86px 0 78px}.hero:after{content:"";position:absolute;width:520px;height:520px;right:-230px;bottom:-330px;border-radius:50%;background:conic-gradient(var(--green),var(--cyan),var(--pink),var(--orange),var(--green));filter:blur(50px);opacity:.15}.herogrid{display:grid;grid-template-columns:1.08fr .92fr;gap:64px;align-items:center;position:relative;z-index:1}.pill{display:inline-flex;padding:7px 12px;border:1px solid #ffffff32;border-radius:999px;background:#ffffff0e;font-size:.82rem;font-weight:850}.hero h1{font-size:clamp(2.65rem,5.8vw,5.2rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 20px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:1.12rem;color:#ffffffcc;max-width:680px;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.visual{position:relative;border-radius:34px;overflow:hidden;box-shadow:0 35px 90px #0006;border:1px solid #ffffff25;background:#061c57}.visual img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#04133daa)}.visual-tag{position:absolute;z-index:2;left:22px;bottom:20px;right:22px;padding:14px 16px;border:1px solid #ffffff26;border-radius:18px;background:#051a51c9;backdrop-filter:blur(12px);font-weight:800}.visual-tag small{display:block;color:#aede42;font-weight:800}
.strip{margin-top:-27px;position:relative;z-index:5}.stripgrid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.mini{padding:22px;border-right:1px solid var(--line)}.mini:last-child{border-right:0}.mini b{display:block;color:var(--b800)}.mini span{color:var(--muted);font-size:.87rem}
.section{padding:92px 0}.soft{background:var(--soft)}.kicker{font-size:.79rem;text-transform:uppercase;letter-spacing:.18em;color:var(--b700);font-weight:950}.section h2{font-size:clamp(2rem,4vw,3.45rem);line-height:1.05;letter-spacing:-.04em;margin:9px 0 16px}.lead{color:var(--muted);font-size:1.05rem}.head{max-width:780px;margin-bottom:38px}
.coursegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.course{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 12px 34px #0b24500d;display:flex;flex-direction:column;transition:.22s}.course:hover{transform:translateY(-5px);box-shadow:0 24px 50px #092e7b20}.course-media{aspect-ratio:16/10;background:linear-gradient(135deg,#0b55cc,#071c5d);overflow:hidden}.course-media img{width:100%;height:100%;object-fit:cover}.course-body{padding:24px;display:flex;flex-direction:column;flex:1}.course h3{margin:0 0 8px;font-size:1.25rem}.course p{color:var(--muted);margin:0 0 22px}.course .more{margin-top:auto;color:var(--b700);font-weight:900}
.certgrid{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}.certimg{padding:11px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.certimg img{border-radius:16px}.legal{margin-top:20px;padding:17px 19px;background:#edf5ff;border-left:4px solid var(--cyan);border-radius:0 14px 14px 0;color:#455675}
.teacher{background:radial-gradient(circle at 90% 20%,#ef08792a,transparent 26%),linear-gradient(135deg,var(--b950),var(--b800));color:#fff}.teachergrid{display:grid;grid-template-columns:.78fr 1.22fr;gap:58px;align-items:center}.teacher .kicker{color:#b4e84c}.teacher .lead{color:#ffffffc7}.teacherimg{border-radius:30px;overflow:hidden;border:1px solid #ffffff25;box-shadow:0 30px 70px #0007}.teacherimg img{width:100%;aspect-ratio:4/5;object-fit:cover}.quote{margin-top:22px;padding:18px 20px;border-radius:17px;border:1px solid #ffffff1f;background:#ffffff0b}
.cta{padding:70px 0}.ctabox{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:44px;border-radius:30px;background:linear-gradient(135deg,var(--b800),var(--b950));color:#fff}.ctabox h2{margin:0 0 8px}.ctabox p{margin:0;color:#ffffffbd}
footer{background:#02102f;color:#ffffffa8;padding:36px 0}.foot{display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.foot strong{color:#fff}
.pagehero{padding:72px 0 54px;background:linear-gradient(135deg,var(--b950),var(--b800));color:#fff}.pagehero h1{font-size:clamp(2.4rem,5vw,4.3rem);line-height:1;letter-spacing:-.04em;margin:10px 0 16px}.pagecontent{padding:70px 0}.article{max-width:900px;margin:auto;font-size:1.05rem}.article img{border-radius:20px}.article h2,.article h3{line-height:1.15}.cover{max-width:1000px;margin:-36px auto 45px;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);border:8px solid #fff}.cover img{width:100%;max-height:520px;object-fit:cover}
.empty{padding:34px;border:1px dashed #cfd8e8;border-radius:20px;text-align:center;color:var(--muted)}
@media(max-width:900px){.menu{display:none;position:absolute;left:18px;right:18px;top:68px;flex-direction:column;align-items:stretch;padding:18px;border-radius:18px;background:#061f62;box-shadow:var(--shadow)}.menu.open{display:flex}.hamb{display:block}.herogrid,.certgrid,.teachergrid{grid-template-columns:1fr}.visual{max-width:560px;margin:auto}.stripgrid{grid-template-columns:1fr 1fr}.mini:nth-child(2){border-right:0}.coursegrid{grid-template-columns:1fr 1fr}.ctabox{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.container{width:min(100% - 26px,1180px)}.hero{padding:52px 0 58px}.hero h1{font-size:2.6rem}.actions .btn{width:100%}.strip{margin-top:-12px}.stripgrid,.coursegrid{grid-template-columns:1fr}.mini{border-right:0;border-bottom:1px solid var(--line)}.mini:last-child{border-bottom:0}.section{padding:64px 0}.navin{height:68px}.ctabox{padding:30px 24px}}


.course-v2{position:relative}.course-v2 .course-media{position:relative}.course-v2 .course-media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(transparent,#04133d88);pointer-events:none}
.featured-tag,.category-tag{position:absolute;z-index:2;top:14px;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:900;box-shadow:0 7px 18px #0002}.featured-tag{right:14px;background:#95cf24;color:#173100}.category-tag{left:14px;background:#ffffffed;color:#083aa9;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-meta{display:flex;gap:10px;flex-wrap:wrap;margin:-1px 0 12px}.course-meta span{padding:5px 8px;background:#f0f5fc;border-radius:8px;color:#5e6f89;font-size:.77rem;font-weight:800}.course-v2 .course-body p{margin-bottom:16px}.course-price{padding:15px 0;border-top:1px solid #e8edf5}.course-price small{display:block;color:#7a879b;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.course-price strong{display:block;color:#083aa9;font-size:1.32rem;line-height:1.15}.course-price span{display:block;color:#68758a;font-size:.83rem;margin-top:3px}.course-btn{display:flex;align-items:center;justify-content:space-between;margin-top:auto;background:#083aa9;color:#fff;padding:13px 15px;border-radius:12px;font-weight:900}.course-btn:hover{background:#062c82}.course-btn b{color:#b7e84b}
.course-pagehero p{max-width:780px;color:#ffffffc9}.hero-course-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-course-meta span{padding:7px 10px;border-radius:999px;background:#ffffff10;border:1px solid #ffffff1f;font-size:.84rem;font-weight:800}.course-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:42px;align-items:start}.course-detail-grid .cover{margin:-36px 0 36px}.course-article{margin:0;max-width:none}.buy-card{position:sticky;top:98px;padding:25px;border-radius:22px;background:#071c55;color:#fff;box-shadow:0 25px 60px #071d5430}.buy-brand{font-size:.75rem;letter-spacing:.17em;color:#aee044;font-weight:950;margin-bottom:18px}.buy-card small{display:block;color:#ffffff96;font-size:.72rem;font-weight:900;letter-spacing:.1em}.buy-card strong{display:block;font-size:1.65rem;line-height:1.15;margin:3px 0;color:#fff}.buy-card>span{color:#ffffffb8;font-size:.9rem}.buy-card ul{list-style:none;padding:0;margin:22px 0}.buy-card li{padding:9px 0;border-bottom:1px solid #ffffff16;color:#ffffffd2;font-size:.92rem}.buy-card li:before{content:"✓";color:#95cf24;font-weight:950;margin-right:8px}.buy-btn{width:100%}
@media(max-width:900px){.course-detail-grid{grid-template-columns:1fr}.buy-card{position:static}.course-detail-grid .cover{margin:-22px 0 30px}}


/* Ajustes extras para mobile */
@media(max-width:600px){
  .brand{gap:10px;font-size:.95rem}
  .brand img{width:38px;height:38px;border-radius:10px}
  .brand small{font-size:.56rem;letter-spacing:.26em}
  .navin{height:64px}
  .hero{padding:34px 0 42px}
  .herogrid{gap:20px}
  .pill{font-size:.82rem;padding:8px 14px}
  .hero h1{font-size:2.12rem;line-height:.96;letter-spacing:-.045em}
  .hero p{font-size:1rem;margin-bottom:20px}
  .actions{gap:10px}
  .actions .btn{min-height:46px}
  .visual{margin-top:6px}
  .visual-tag{right:12px;bottom:12px;padding:10px 12px;font-size:.88rem}
  .visual-tag small{font-size:.6rem}
}
@media(max-width:390px){
  .hero h1{font-size:1.95rem}
  .pill{font-size:.78rem}
}