:root{--n:#082957;--b:#0b66b3;--g:#25D366;--bg:#f4f8fc}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#10233f}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}
.top{background:var(--n);color:#fff;padding:8px 0}.top .container{display:flex;justify-content:space-between;flex-wrap:wrap}
header{position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 14px #0001}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-size:25px;font-weight:900;color:var(--n)}.menu{display:flex;gap:22px;align-items:center;font-weight:700}.dropdown{position:relative}.dd{display:none;position:absolute;background:#fff;min-width:330px;max-height:65vh;overflow:auto;padding:8px;border-radius:12px;box-shadow:0 12px 28px #0002}.dropdown:hover .dd{display:block}.dd a{display:block;padding:9px;border-radius:7px}.dd a:hover{background:#eef5fc}
.hero{padding:58px 0;background:linear-gradient(120deg,#eef7ff,#fff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.hero h1{font-size:52px;line-height:1.03;color:var(--n);margin:0 0 18px}.hero p{font-size:20px;line-height:1.5}.panel{background:var(--n);color:#fff;padding:28px;border-radius:22px;box-shadow:0 20px 45px #08295733}
.btn{display:inline-block;padding:13px 18px;border-radius:10px;font-weight:800;margin:5px}.primary{background:var(--b);color:#fff}.wa{background:var(--g);color:#fff}.outline{border:2px solid var(--n);color:var(--n)}
.section{padding:56px 0}.alt{background:var(--bg)}.title{text-align:center;margin-bottom:28px}.title h2{font-size:38px;color:var(--n);margin:0 0 6px}
.carousel{position:relative;overflow:hidden}.track{display:flex;gap:20px;transition:.4s}.card{flex:0 0 calc(33.333% - 14px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #0001}.card img{width:100%;height:420px;object-fit:cover}.card .body{padding:17px}.card h3{margin:0;color:var(--n)}.card p{min-height:64px;color:#51657b}.arr{position:absolute;top:43%;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 15px #0003;font-size:24px}.prev{left:7px}.next{right:7px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feat{padding:24px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 8px 24px #0001}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:28px}.course{padding:46px 0;background:#f6faff}.course-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:32px}.poster{width:100%;border-radius:18px;box-shadow:0 14px 36px #0002}.course h1{font-size:42px;color:var(--n)}.info{padding:11px 13px;background:#fff;border-left:4px solid var(--b);margin:8px 0;border-radius:8px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.topic{background:#fff;padding:10px;border-radius:8px}
form{display:grid;gap:12px}input,select,textarea{padding:14px;border:1px solid #ccd8e6;border-radius:10px;font:inherit}textarea{min-height:130px}
footer{background:#061d3c;color:#fff;padding:34px 0}.float{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:28px;z-index:20}
@media(max-width:850px){.hero-grid,.course-grid,.contact{grid-template-columns:1fr}.menu{font-size:14px;gap:10px}.grid{grid-template-columns:1fr 1fr}.card{flex-basis:calc(50% - 10px)}}
@media(max-width:600px){.menu{flex-wrap:wrap}.grid{grid-template-columns:1fr}.card{flex-basis:100%}.hero h1{font-size:36px}.card img{height:390px}}


/* ===== MENU PRINCIPAL UNIFICADO - TODAS LAS PAGINAS ===== */
.utility{background:linear-gradient(90deg,#062957,#0b396f);color:#fff;font-size:13px}
.utility .wrap{width:min(1180px,94%);margin:auto;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.utility-left,.utility-right{display:flex;align-items:center;gap:22px}
.utility a{color:#fff;font-weight:700}
.main-header{background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 4px 16px rgba(0,35,78,.08)}
.wrap{width:min(1180px,94%);margin:auto}
.navbar{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand-box{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-globe{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#45c8ff,#0877c5 48%,#062957 80%);border:4px solid #e6f2fb;box-shadow:0 0 0 1px #a9c9e3;position:relative;overflow:hidden;flex:0 0 auto}
.brand-globe:after{content:"UNI-INFOR";position:absolute;left:-2px;right:-2px;top:23px;background:#fff;color:#062957;font-size:9px;font-weight:900;text-align:center;padding:3px 0}
.brand-text{font-size:26px;font-weight:900;color:#063269;line-height:.95}
.brand-text small{display:block;font-size:11px;color:#0b6bb7;letter-spacing:.8px;margin-top:5px;white-space:nowrap}
.navlinks{display:flex;align-items:center;gap:30px;font-weight:800;color:#092c5d}
.navlinks>a{color:#092c5d;text-decoration:none;padding:31px 0}
.navlinks>a.nav-active{color:#0b6bb7}
.courses-menu{position:relative}
.courses-toggle{border:0;background:transparent;color:#092c5d;font:inherit;font-weight:800;cursor:pointer;padding:31px 0}
.course-dropdown{display:none;position:absolute;top:72px;left:-20px;width:360px;max-height:66vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 18px 45px rgba(0,29,66,.18);padding:10px}
.courses-menu:hover .course-dropdown,.courses-menu.desktop-open .course-dropdown{display:block}
.course-dropdown a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;color:#092c5d;line-height:1.25}
.course-dropdown a:hover,.course-dropdown a.current-course{background:#eef6ff;color:#0b6bb7}
.header-wa{background:#27c75f!important;color:#fff!important;padding:13px 23px!important;border-radius:28px!important}
.hamburger{display:none;border:0;background:#082957;color:#fff;border-radius:8px;width:45px;height:45px;font-size:25px;cursor:pointer}

@media(max-width:800px){
  .utility-right{display:none}
  .utility .wrap{min-height:36px;font-size:11px}
  .utility-left{gap:10px;flex-wrap:wrap}
  .navbar{min-height:68px}
  .brand-globe{width:44px;height:44px}
  .brand-globe:after{top:17px;font-size:7px}
  .brand-text{font-size:21px}
  .brand-text small{font-size:9px}
  .hamburger{display:block}
  .navlinks{
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:7px 0 14px;
    box-shadow:0 15px 25px rgba(0,0,0,.14);
    max-height:78vh;
    overflow-y:auto;
  }
  .navlinks.open{display:flex}
  .navlinks>a,.courses-menu{padding:12px 18px}
  .navlinks>a{padding:12px 18px}
  .courses-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0;background:transparent}
  .course-dropdown{
    display:none!important;
    position:static;
    width:100%;
    max-height:none;
    box-shadow:none;
    border-radius:8px;
    background:#f4f8fc;
    margin-top:10px;
    padding:7px;
  }
  .courses-menu.mobile-open .course-dropdown{display:block!important}
  .course-dropdown a{font-size:13px;padding:9px}
  .header-wa{display:block!important;margin:5px 18px;padding:12px 16px!important;text-align:center}
}

/* Administración dinámica de cursos */
.investment-box{margin:20px 0;padding:18px;background:#eaf5ff;border:1px solid #c8e2f6;border-radius:14px}.investment-box h2{margin-top:0}.investment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.investment-grid>div{background:#fff;border-radius:10px;padding:13px}.investment-grid span{display:block;font-size:12px;color:#64748b}.investment-grid b{display:block;color:#082957;margin-top:4px}.mini-invest{background:#f4f8fc;border-radius:9px;padding:9px 10px;font-size:12px;line-height:1.5;margin-bottom:10px;color:#334155}@media(max-width:600px){.investment-grid{grid-template-columns:1fr}}