@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');:root{--ink:#283c3b;--muted:#7b8b88;--green:#176e5c;--bg:#f5f7f5;--border:#e3eae6}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,.button{border:0;border-radius:9px;background:var(--green);color:#fff;padding:12px 17px;font-weight:700;cursor:pointer;font:inherit;display:inline-block}button:hover,.button:hover{opacity:.9;text-decoration:none}.primary{font-weight:700}.secondary{background:#e8f0ed;color:var(--green)}.shell{display:flex;min-height:100vh}.sidebar{width:250px;background:#103d37;color:#d3e2dc;padding:27px 18px;display:flex;flex-direction:column;gap:25px;flex-shrink:0}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;color:#fff}.brand span{font-weight:400;color:#a8cfbc}.side-caption,.eyebrow{font-size:11px;letter-spacing:2px;color:#8bb6a8;font-weight:700}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:13px 15px;color:#c5d8d0;border-radius:9px}.sidebar nav a.active,.sidebar nav a:hover{background:#236052;color:#fff;text-decoration:none}.logout{margin-top:auto}.content{width:100%;padding:0 35px 45px;min-width:0}.top{display:flex;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--border);font-size:13px;color:var(--muted)}.top span:last-child{font-weight:600;color:var(--ink)}.top small{font-weight:400}.heading{display:flex;align-items:center;justify-content:space-between;margin:34px 0 24px;gap:15px}.heading h1{margin:4px 0 7px;font-size:30px}.heading p{color:var(--muted);margin:0}.heading .eyebrow{color:var(--green)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 26px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;display:grid;gap:12px}.stat small,.stat span{color:var(--muted)}.stat strong{font-size:36px}.stat span{font-size:12px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel h2{font-size:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:530px;text-align:left}th{font-size:12px;color:var(--muted);font-weight:600}td,th{padding:16px 10px;border-bottom:1px solid var(--border)}td{font-size:14px}.pill{border-radius:50px;background:#e8f4ed;color:#27684e;padding:5px 10px;font-size:12px}.muted{color:var(--muted);font-size:13px}.form-panel{max-width:730px}.form-panel.wide{max-width:1000px}form label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-bottom:18px}input,textarea,select{font:inherit;border:1px solid #d7e1db;background:#fafdfe;color:var(--ink);border-radius:9px;padding:12px;width:100%;outline-offset:2px}textarea{resize:vertical}label small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.lesson{display:grid;grid-template-columns:40px minmax(0,1fr) 110px;align-items:center;gap:12px}.lesson b{background:#e7f1ed;border-radius:9px;text-align:center;padding:12px}.alert{background:#e8f4ec;color:#256547;padding:13px 16px;border-radius:10px;margin:16px 0}.alert.bad{background:#fff0ed;color:#ae3f30}.auth-card{width:min(440px,calc(100% - 32px));margin:9vh auto;padding:34px;background:#fff;box-shadow:0 14px 70px #103d3714;border-radius:16px}.auth-card .brand{color:#155b4c}.auth-card .brand span{color:#609d87}.auth-card h1{margin:30px 0 7px}.auth-card p{color:var(--muted);margin-bottom:26px}.auth-card button{width:100%}@media(max-width:900px){.sidebar{width:190px}.stat-grid{grid-template-columns:repeat(2,1fr)}.content{padding:0 18px 35px}}@media(max-width:620px){.shell{display:block}.sidebar{width:100%;padding:15px}.sidebar nav{display:flex;overflow:auto}.sidebar .side-caption,.logout{display:none}.content{padding:0 14px 30px}.top{gap:10px}.stat-grid{gap:8px}.stat{padding:15px}.stat strong{font-size:25px}.heading{align-items:start}.heading h1{font-size:25px}.form-grid{grid-template-columns:1fr}.lesson{grid-template-columns:35px 1fr}.lesson label:last-child{grid-column:2}.panel{padding:14px}}/* AYAM Academy v0.2.0 */
:root{--green:#236b5c;--ink:#203d37;--bg:#f8f7f1;--border:#e3e7dc}body{background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;background:#173f38}.stat{box-shadow:0 7px 25px #203d3708}.public-nav{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:18px max(22px,calc((100vw - 1200px)/2));gap:20px;border-bottom:1px solid var(--border)}.public-nav .brand{color:#236b5c}.public-nav .brand span{color:#749b83}.public-nav nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.public-nav nav a{font-size:14px}.inline-form{display:inline;margin:0}.inline-form button{padding:9px 13px}.portal-wrap{max-width:1180px;min-height:70vh;margin:auto;padding:22px}.hero{border-radius:22px;background:linear-gradient(120deg,#dceae0,#f5eee0);padding:72px max(24px,7%);margin:16px 0 36px}.hero h1{font-size:clamp(32px,4.5vw,56px);max-width:760px;line-height:1.12;margin:18px 0}.hero p{font-size:18px;line-height:1.7;max-width:590px;margin-bottom:28px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:22px 0 36px}.course-card{background:white;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 7px 25px #203d3708}.course-cover{height:172px;background:radial-gradient(circle at 70% 20%,#a4c7ab,#296e5e 63%,#173f38);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:66px}.course-cover span{font-size:11px;letter-spacing:3px}.course-body{padding:24px}.course-body h2{line-height:1.25}.course-body p{color:#657a73;line-height:1.7}.course-bottom{border-top:1px solid var(--border);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.course-bottom form{margin:0}.portal-auth{margin:4vh auto}.public-footer{padding:28px;text-align:center;color:#789188}.learning-list{display:grid;gap:18px}.lesson-panel{display:grid;gap:16px}.video-frame{width:min(100%,900px);aspect-ratio:16/9;background:#162e2a}.video-frame iframe{width:100%;height:100%;border:0}.video-placeholder{padding:60px 20px;background:#ebf0e8;text-align:center;border-radius:10px;color:#61776e}.lesson-panel form{margin:0}.course-body progress{width:100%;height:12px;accent-color:var(--green)}.media-list{display:grid;gap:14px}.media-row{display:grid;grid-template-columns:minmax(180px,1fr) 155px minmax(200px,1.5fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.media-row input,.media-row select{min-width:0}.certificate{border:14px double #c7bc8d;margin:35px auto;padding:60px 24px;text-align:center;max-width:880px;background:#fffdf7}.certificate h1{font-family:Georgia,serif;font-size:38px}.certificate h2{font-family:Georgia,serif;font-size:34px;color:var(--green)}.cert-star{font-size:85px;color:#a9995e}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:780px){.media-row{grid-template-columns:1fr}.public-nav{flex-direction:column;align-items:flex-start}.public-nav nav{gap:12px}.hero{padding:42px 25px}.sidebar{height:auto;position:relative}}@media print{.public-nav,.public-footer,.certificate button{display:none!important}.certificate{margin:0 auto;min-height:90vh}.portal-wrap{padding:0}}

/* AYAM Academy MP4 administración */
.ayam-video-admin-row{border-bottom:1px solid #dce4df;padding:20px 0;display:grid;gap:14px}
.ayam-mp4-form,.ayam-link-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.ayam-mp4-form label{flex:1;min-width:200px;font-size:13px}
.ayam-mp4-form input[type=file]{display:block;width:100%;margin-top:8px;background:#fff;padding:10px;border:1px solid #d4dfd8;border-radius:8px}
.ayam-link-form input{min-width:220px;flex:1}
.ayam-link-form select{max-width:170px}
.ayam-video-admin-row small{color:#27705d}
@media(max-width:700px){.ayam-link-form>*{width:100%;max-width:none!important}}

/* AYAM Academy - Aula virtual redisenada */
.ayam-progress{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 22px;margin-bottom:22px}
.ayam-progress>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.ayam-progress span{color:#6c8178;font-size:13px}.ayam-progress progress{width:100%;height:10px;accent-color:var(--green)}
.ayam-aula-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px}
.ayam-active-lesson{min-width:0;display:grid;gap:15px}.ayam-active-lesson h2{margin:0 0 4px}
.ayam-aula-player{width:100%;aspect-ratio:16/9;background:#12352d;overflow:hidden;border-radius:12px}
.ayam-aula-player video,.ayam-aula-player iframe{display:block;width:100%;height:100%;border:0;background:#102b26}
.ayam-lesson-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ayam-lesson-bottom small{color:#768980}
.ayam-lesson-bottom form{margin:0}.ayam-aula-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:18px;flex-wrap:wrap}
.ayam-aula-sidebar{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;position:sticky;top:20px}
.ayam-aula-side-head{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;gap:8px}.ayam-aula-side-head small{color:#73877e}
.ayam-aula-lessons{max-height:68vh;overflow:auto}.ayam-aula-lesson-link{color:var(--ink);display:flex;align-items:flex-start;gap:11px;text-decoration:none;padding:15px;border-bottom:1px solid #edf0ea}
.ayam-aula-lesson-link:hover,.ayam-aula-lesson-link.is-current{background:#edf5ef}.ayam-aula-lesson-link.is-current{border-left:4px solid var(--green);padding-left:11px}
.ayam-aula-num{font-size:12px;font-weight:700;color:var(--green);padding-top:2px}.ayam-aula-lesson-copy{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.ayam-aula-lesson-copy strong{font-size:13px;line-height:1.4}.ayam-aula-lesson-copy small{color:#81928a;font-size:11px}.ayam-aula-state{color:var(--green)}
@media(max-width:900px){.ayam-aula-layout{grid-template-columns:minmax(0,1fr)}.ayam-aula-sidebar{position:static}.ayam-aula-lessons{max-height:none}}
@media(max-width:540px){.ayam-active-lesson{padding:16px}.ayam-aula-nav .button{font-size:12px;padding:10px}.ayam-progress{padding:16px}}

/* Correcciones de maquetacion del aula: compatibilidad con el portal actualizado */
.ayam-aula-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) minmax(260px,320px)}
.ayam-aula-layout>*{min-width:0}
.ayam-active-lesson{min-width:0;display:flex;flex-direction:column;gap:18px;margin:0}
.ayam-active-lesson h2{margin:9px 0 0;line-height:1.35}
.ayam-aula-player{width:100%;max-width:100%;aspect-ratio:16/9;height:auto;overflow:hidden;position:relative;border-radius:12px}
.ayam-aula-player video,.ayam-aula-player iframe{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.ayam-aula-sidebar{min-width:0}
.ayam-aula-lesson-link{min-width:0}
.ayam-aula-lesson-copy{overflow-wrap:anywhere}
.ayam-aula-nav{margin-top:auto}
.ayam-progress progress{display:block;width:100%}
@media(max-width:900px){.ayam-aula-layout{grid-template-columns:minmax(0,1fr)}.ayam-aula-sidebar{position:static}}
@media(max-width:540px){.ayam-aula-heading{align-items:flex-start}.ayam-active-lesson{padding:16px}.ayam-aula-nav{align-items:stretch}.ayam-aula-nav a{flex:1;text-align:center}.ayam-aula-player{border-radius:8px}}