.navbar{width:100%;height:70px;background:linear-gradient(90deg,#031d4a,#0655b6);display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box}.navbar-left{display:flex;align-items:center;gap:10px}.logo{width:100px;height:100px}.brand{font-size:20px;font-weight:800;color:#fff}.navbar-links{display:flex;align-items:center;gap:25px}.navbar-links a{color:#fff;text-decoration:none;font-size:15px}.navbar-links a:hover{text-decoration:underline}.logout-btn{background:#fff;color:#0e5adf;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-weight:700}.logout-btn:hover{background:#e6e6e6}.hero{width:100%;min-height:calc(100vh - 70px);display:flex;justify-content:center;align-items:center;background:linear-gradient(120deg,#fff 40%,#cdd6e6,#a3b4cc)}.hero-content{width:90%;max-width:1300px;display:flex;align-items:center;justify-content:space-between}.hero-left{max-width:600px}.mini-title{color:#1b7cd6;font-size:16px;font-weight:700;margin-bottom:15px}.hero-title{font-size:44px;font-weight:900;color:#032a4a;line-height:1.2;margin-bottom:25px}.hero-description{font-size:18px;color:#333;margin-bottom:30px}.hero-button{background:#0b64f6;color:#fff;padding:14px 28px;text-decoration:none;border-radius:8px;font-weight:700;transition:.3s}.hero-button:hover{background:#0849ad}.hero-right img{width:420px}.login-page{width:100%;height:100vh;background:#f2f6ff;display:flex;justify-content:center;align-items:center}.login-card{width:450px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 20px 60px #0003}.login-card h2{margin-bottom:25px}.login-card input{width:100%;height:45px;border-radius:8px;border:1px solid #ccc;outline:none;padding:10px;margin-top:12px;font-size:15px}.login-card button{width:100%;height:45px;margin-top:25px;background:#0d6efd;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer}.login-card button:hover{background:#0b5ed7}.courses-container{width:100%;min-height:100vh;padding:40px;background:#f4f7ff}.title{text-align:center;margin-bottom:35px;font-size:32px;color:#0c2d78;font-weight:800}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:25px}.course-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 8px 18px #00000026;transition:.3s}.course-card:hover{transform:translateY(-6px)}.course-image img{width:100%;height:230px;object-fit:cover}.course-info{padding:18px;text-align:center}.course-info h3{font-size:17px;color:#0b2e65;line-height:1.3}.mis-cursos{padding:40px;text-align:center}.mis-cursos h1{margin-bottom:25px;color:#052861}.cursos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px}.curso-card{width:100%;height:200px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;background-image:url(/fondo-curso.jpg);background-size:cover;background-position:center;transition:transform .3s,box-shadow .3s}.curso-card:hover{transform:scale(1.03);box-shadow:0 12px 25px #0000004d}.curso-overlay{width:100%;height:100%;background:linear-gradient(to top,#000c,#0000001a);display:flex;justify-content:center;align-items:end;padding:15px;pointer-events:none}.curso-overlay h3{color:#fff;font-size:17px;font-weight:700;text-align:center}.curso-detalle{padding:30px}.curso-banner{width:100%;height:200px;background:linear-gradient(90deg,#3f6096,#052861);border-radius:12px;display:flex;justify-content:center;align-items:center}.curso-banner h1{color:#fff;text-align:center}.curso-content{margin-top:30px;font-size:18px}.curso-layout{display:grid;grid-template-columns:3fr 1.2fr;gap:24px;margin-top:20px}.video-player{background:#000;border-radius:14px;overflow:hidden;position:relative;padding-top:56.25%}.video-player iframe{position:absolute;inset:0;width:100%;height:100%}.video-list{background:#fff;border-radius:14px;padding:16px;box-shadow:0 10px 25px #00000014;max-height:420px;overflow-y:auto}.video-item{padding:12px;border-radius:10px;cursor:pointer;margin-bottom:10px;font-weight:500;transition:all .2s ease;background:#f3f6fb}.video-item:hover{background:#e6ecf8}.video-item.active{background:linear-gradient(135deg,#0b3c61,#1e88e5);color:#fff}@media(max-width:900px){.curso-layout{grid-template-columns:1fr}.video-list{max-height:none}}.certificate-box{margin-top:40px;padding:25px;background:#fff;border-radius:14px;box-shadow:0 10px 25px #00000014;max-width:900px}.certificate-box h3{margin-bottom:20px;font-size:22px;color:#052861;display:flex;align-items:center;gap:8px}.certificate-box input,.certificate-box select{width:100%;max-width:420px;padding:12px 14px;font-size:15px;border-radius:8px;border:1px solid #dcdcdc;margin-bottom:15px;outline:none;transition:border .2s}.certificate-box input:focus,.certificate-box select:focus{border-color:#1e88e5}.certificate-box button{margin-top:10px;padding:12px 20px;background:linear-gradient(90deg,#1e88e5,#0b3c61);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.certificate-box button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e88e566}.certificate-box p{font-size:15px;color:#2e7d32;font-weight:600;margin-bottom:10px}@media(max-width:768px){.certificate-box{padding:20px}.certificate-box input,.certificate-box select{max-width:100%}}.certificate-summary{margin-top:20px;padding:20px 24px;background:linear-gradient(135deg,#f5f9ff,#fff);border-left:6px solid #1e88e5;border-radius:12px;box-shadow:0 8px 20px #00000014;max-width:520px}.certificate-summary p{margin:0 0 10px;font-size:15px;color:#0b3c61;display:flex;align-items:center;gap:8px}.certificate-summary strong{color:#052861}.certificate-summary button{margin-top:15px;width:100%;padding:12px;background:linear-gradient(90deg,#0b3c61,#1e88e5);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.certificate-summary button:hover{box-shadow:0 6px 18px #1e88e566}.video-item.material{margin-top:14px;background:linear-gradient(135deg,#f5f9ff,#e9f0ff);border:2px dashed #1e88e5;color:#052861;font-weight:600;display:flex;align-items:center;gap:10px;justify-content:center;text-decoration:none;padding:14px;border-radius:12px;cursor:pointer;transition:all .25s ease}.video-item.material:hover{background:linear-gradient(135deg,#1e88e5,#0b3c61);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 20px #1e88e559}.video-item.material:before{content:"";font-size:20px}@media(max-width:900px){.video-item.material{font-size:15px;padding:12px}}.certificate-form{display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}.certificate-form input{flex:1;min-width:260px;padding:12px 14px;font-size:15px;border-radius:10px;border:1px solid #dcdcdc;outline:none;transition:border .2s,box-shadow .2s}.certificate-form input:focus{border-color:#1e88e5;box-shadow:0 0 0 2px #1e88e526}.certificate-form button{padding:12px 22px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;color:#fff;background:linear-gradient(135deg,#1e88e5,#0b3c61);transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}.certificate-form button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1e88e559}@media(max-width:600px){.certificate-form{flex-direction:column;align-items:stretch}.certificate-form button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#f2f6ff;font-family:system-ui,Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}