:root{--navy:#061d35;--blue:#0d3558;--gold:#e7b548;--light:#f4f7fb;--text:#173047;--muted:#60758a;--white:#fff;--shadow:0 18px 45px rgba(6,29,53,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.topbar{background:#031323;color:#d5e0ea;font-size:.88rem}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0;gap:15px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(6,29,53,.07)}.nav{display:flex;align-items:center;gap:26px;padding:14px 0}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--navy);letter-spacing:.03em}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--navy),var(--blue));color:var(--gold);font-weight:900;line-height:1.05}.nav nav{display:flex;gap:22px;margin-left:auto}.nav nav a{font-weight:700;color:#274158}.nav nav a:hover{color:#b78320}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;font-weight:800;border:1px solid transparent;cursor:pointer}.gold{background:var(--gold);color:var(--navy)}.navy{background:var(--navy);color:#fff}.ghost{border-color:#fff;color:#fff;background:transparent}.hero{min-height:650px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(2,17,31,.92),rgba(2,17,31,.55)),url('../images/hero.jpg') center/cover,linear-gradient(135deg,#061d35,#0d5d8a)}.hero-copy{padding:95px 0}.hero h1{font-size:clamp(3rem,7vw,6.2rem);line-height:.93;margin:.15em 0}.hero p{font-size:1.22rem;max-width:760px;color:#e6eef5}.tag,.eyebrow{display:inline-block;font-size:.78rem;font-weight:900;letter-spacing:.17em;color:var(--gold)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:-46px;position:relative;z-index:3}.features article{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.features b{display:block;color:var(--navy);margin-bottom:6px}.features span{color:var(--muted);font-size:.93rem}.section{padding:84px 0}.alt{background:var(--light)}h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:.25em 0 .5em;color:var(--navy)}h3{color:var(--navy)}.lead{font-size:1.12rem;color:var(--muted)}.title-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #e5edf4}.visual{height:155px;display:grid;place-items:center;font-size:2rem;font-weight:900;color:var(--gold);background:linear-gradient(145deg,var(--navy),#104c78)}.pad{padding:22px}.pad small{color:#668095;text-transform:uppercase;font-weight:800}.pad footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9eef3;margin-top:18px;padding-top:16px}.pad footer a{font-weight:800;color:#b17d16}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.campus-preview{background:linear-gradient(145deg,#071b31,#0f3e65);color:#fff;border-radius:22px;padding:34px;box-shadow:var(--shadow)}.campus-preview h2{color:#fff}.progressbar{height:12px;background:#294a67;border-radius:30px;overflow:hidden}.progressbar i{display:block;width:75%;height:100%;background:var(--gold)}.dash-grid,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.metric,.stat{background:#fff;border-radius:14px;padding:22px;box-shadow:var(--shadow)}.metric{background:rgba(255,255,255,.08);box-shadow:none}.metric b,.stat b{font-size:1.8rem;color:var(--gold)}.business{padding:88px 0;background:linear-gradient(90deg,rgba(4,23,42,.94),rgba(4,23,42,.75)),linear-gradient(135deg,#0a3559,#07182a);color:white}.business h2{color:#fff}.accordion details{background:#fff;border:1px solid #dde7ef;border-radius:12px;padding:16px 18px;margin-bottom:10px}.accordion summary{font-weight:800;cursor:pointer;color:var(--navy)}.course-hero{padding:88px 0;background:linear-gradient(135deg,#061d35,#0d4b75);color:white}.course-hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:.15em 0}.course-hero p{max-width:750px;color:#d8e5ef}.course-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:36px}.sidebar-card{position:sticky;top:110px;background:#fff;border-radius:18px;padding:25px;box-shadow:var(--shadow);height:max-content}.price{font-size:2.3rem;font-weight:900;color:var(--navy)}.checklist{padding-left:0;list-style:none}.checklist li{padding:8px 0;border-bottom:1px solid #edf1f4}.checklist li:before{content:'✓';color:#b17d16;font-weight:900;margin-right:9px}.modules{display:grid;gap:12px}.module{border-left:5px solid var(--gold);background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 20px rgba(6,29,53,.06)}.footer{background:#031323;color:#b9c8d5;padding:60px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:30px}.footer h4{color:#fff}.footer a{display:block;margin:7px 0}.footer-bottom{border-top:1px solid #203446;margin-top:28px;padding-top:18px}.panel{min-height:100vh;background:#eef3f8;display:grid;grid-template-columns:250px 1fr}.sidebar{background:#061d35;color:#cbd8e3;padding:26px}.sidebar a{display:block;padding:11px 12px;border-radius:8px;margin:5px 0}.sidebar a:hover,.sidebar a.active{background:#123d61;color:#fff}.panel-main{padding:28px}.panel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.panel-card{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.table th,.table td{text-align:left;padding:14px;border-bottom:1px solid #e8edf2}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field select,.field textarea{padding:12px;border:1px solid #ccd8e1;border-radius:9px;font:inherit}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061d35,#0d4f7b)}.login-card{width:min(470px,92%);background:#fff;padding:32px;border-radius:20px;box-shadow:var(--shadow)}.notice{background:#fff6db;border-left:5px solid var(--gold);padding:15px;border-radius:8px}.mobile-toggle{display:none;margin-left:auto}
@media(max-width:900px){.nav nav{display:none}.mobile-toggle{display:block}.features,.cards,.stats,.dash-grid,.panel-grid{grid-template-columns:repeat(2,1fr)}.split,.course-layout,.footer-grid{grid-template-columns:1fr}.sidebar-card{position:static}.panel{grid-template-columns:1fr}.sidebar{display:none}.form-grid{grid-template-columns:1fr}}
@media(max-width:600px){.topbar .wrap{flex-direction:column}.features,.cards,.stats,.dash-grid,.panel-grid{grid-template-columns:1fr}.title-row{align-items:start;flex-direction:column}.hero{min-height:560px}.hero h1{font-size:3.2rem}.nav .btn.gold{display:none}}

.page-head{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.page-head h1,.panel-main>h1{font-size:clamp(2rem,4vw,3.2rem);margin:.2em 0;color:var(--navy)}.course-list,.document-grid{display:grid;gap:18px}.learning-card,.document-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#fff;padding:24px;border-radius:16px;box-shadow:var(--shadow)}.learning-card>div{flex:1}.status{display:inline-block;padding:5px 10px;border-radius:99px;font-size:.78rem;font-weight:800}.status.done{background:#e6f7ef;color:#18734b}.status.progress{background:#fff4d8;color:#8a6212}.progressbar.light{background:#e6edf3;margin:12px 0}.lesson-layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.lesson-index{background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow);height:max-content}.lesson-index a{display:block;padding:10px;border-radius:8px}.lesson-index a.active{background:var(--navy);color:#fff}.video-placeholder{height:330px;border-radius:14px;background:linear-gradient(135deg,#071b31,#17608f);display:grid;place-items:center;color:#fff;font-size:4rem}.video-placeholder span{display:block;font-size:1rem}.resource-row,.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-top:1px solid #e7edf2}.ghost-dark{border-color:#9fb0bf;color:var(--navy);background:#fff}.quiz-shell{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--shadow);max-width:850px}.quiz-top,.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-options{display:grid;gap:10px;margin:20px 0}.quiz-option{padding:14px;border:1px solid #d7e1e9;border-radius:10px;background:#fff;text-align:left;font:inherit;cursor:pointer}.quiz-option.selected{border-color:var(--gold);background:#fff8e6}.quiz-option.correct{border-color:#1f8b5d;background:#e8f8f0}.quiz-option.wrong{border-color:#bd3c3c;background:#fdecec}.calendar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.calendar-day{background:#fff;border-left:6px solid var(--gold);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.calendar-day b{font-size:1.3rem;color:var(--navy)}.calendar-day span{display:block;font-weight:800;color:#a06d0c}.message-layout{display:grid;grid-template-columns:300px 1fr;gap:20px}.message-list{display:grid;gap:8px}.message-list button{padding:15px;text-align:left;background:#fff;border:1px solid #dbe4eb;border-radius:10px}.message-list span{display:block;color:var(--muted)}.message-list .active{border-color:var(--gold)}.chat{min-height:430px}.bubble{max-width:75%;padding:12px 15px;border-radius:14px;margin:14px 0}.bubble.other{background:#edf3f8}.bubble.mine{background:var(--navy);color:#fff;margin-left:auto}.chat-form{display:flex;gap:10px;margin-top:80px}.chat-form input,.searchbox{width:100%;padding:13px;border:1px solid #ccd8e1;border-radius:9px;font:inherit}.document-card>span{font-size:2rem}.document-card.muted{opacity:.62}.text-btn{background:none;border:0;color:#9a6809;font-weight:800;cursor:pointer}.dashboard-two{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:22px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions a{padding:14px;background:#eef3f8;border-radius:10px;font-weight:800}.searchbox{margin-bottom:14px;max-width:520px}
@media(max-width:900px){.lesson-layout,.message-layout,.dashboard-two{grid-template-columns:1fr}.calendar-grid{grid-template-columns:1fr}.page-head,.learning-card,.document-card{align-items:flex-start;flex-direction:column}.video-placeholder{height:230px}.quick-actions{grid-template-columns:1fr}}

/* V10 */
.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.kpi{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.kpi strong{display:block;font-size:2rem;color:var(--navy)}.kpi span{color:var(--muted)}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:18px 0}.toolbar .field{min-width:180px;flex:1}.badge{display:inline-block;border-radius:99px;padding:5px 10px;font-size:.76rem;font-weight:800;background:#eaf1f7;color:#31516d}.badge.gold-badge{background:#fff3d2;color:#8a6312}.badge.green{background:#e5f6ed;color:#176846}.badge.red{background:#fde9e9;color:#a23535}
.question-card{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow);margin-bottom:16px}.question-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.question-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.answer-explanation{display:none;margin-top:14px;padding:14px;border-left:4px solid var(--gold);background:#fff8e7;border-radius:8px}.answer-explanation.show{display:block}
.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.order-summary{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);height:max-content}.summary-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e7edf2}.summary-total{font-size:1.35rem;font-weight:900;color:var(--navy)}
.verify-box{max-width:760px;margin:auto;background:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow)}.verification-result{margin-top:20px}.certificate-mock{border:10px double var(--gold);background:#fffdf6;padding:45px;text-align:center;border-radius:8px}.certificate-mock h1{font-family:Georgia,serif;color:var(--navy)}
.lesson-steps{counter-reset:step;display:grid;gap:12px}.lesson-step{background:#fff;padding:18px 18px 18px 60px;border-radius:14px;box-shadow:var(--shadow);position:relative}.lesson-step:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--gold);font-weight:900;color:var(--navy)}
.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);z-index:99;opacity:0;transform:translateY(12px);transition:.25s}.toast.show{opacity:1;transform:none}
@media(max-width:900px){.kpi-strip,.checkout-layout{grid-template-columns:1fr 1fr}}@media(max-width:650px){.kpi-strip,.checkout-layout{grid-template-columns:1fr}}


/* V11 */
.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grade-card{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--shadow)}.grade-ring{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) 0 84%,#e5edf4 84% 100%);margin-bottom:12px}.grade-ring span{width:66px;height:66px;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;color:var(--navy)}
.ticket{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}.ticket-head{display:flex;justify-content:space-between;gap:12px}.editor-layout{display:grid;grid-template-columns:1fr .85fr;gap:24px}.preview-card{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow);position:sticky;top:24px;height:max-content}.dropzone{border:2px dashed #b9c9d6;border-radius:14px;padding:30px;text-align:center;background:#f8fbfd}.import-results{max-height:340px;overflow:auto}.faq-search{max-width:680px;margin:0 auto 24px}.faq-item[hidden]{display:none}.lesson-builder-row{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:center;background:#fff;padding:14px;border-radius:12px;box-shadow:0 5px 18px rgba(6,29,53,.07);margin-bottom:10px}.app-banner{background:linear-gradient(135deg,#0a3559,#07182a);color:#fff;padding:22px;border-radius:16px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px}.app-banner h3{color:#fff;margin:0}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.success-box{background:#e9f8f0;border-left:5px solid #208157;padding:16px;border-radius:9px}.danger-box{background:#fff0f0;border-left:5px solid #b63e3e;padding:16px;border-radius:9px}
@media(max-width:900px){.grade-grid,.editor-layout{grid-template-columns:1fr}.preview-card{position:static}.lesson-builder-row{grid-template-columns:1fr}.app-banner{align-items:flex-start;flex-direction:column}}


/* V12 */
.hero-compact{padding:70px 0;background:linear-gradient(135deg,#061d35,#0d4b75);color:#fff}.hero-compact h1{font-size:clamp(2.4rem,5vw,4.5rem);margin:.15em 0}.hero-compact p{max-width:800px;color:#d9e7f1}.workspace{display:grid;grid-template-columns:250px 1fr;gap:24px}.side-nav{background:#071d34;color:#fff;border-radius:18px;padding:18px;height:max-content;position:sticky;top:100px}.side-nav a{display:block;padding:11px 13px;border-radius:9px;color:#dce8f1;font-weight:700}.side-nav a:hover,.side-nav a.active{background:rgba(231,181,72,.18);color:#ffd977}.panel{background:#fff;border-radius:18px;padding:24px;box-shadow:var(--shadow)}.panel+.panel{margin-top:18px}.progress-list{display:grid;gap:12px}.progress-item{display:grid;grid-template-columns:1.2fr 2fr 90px;gap:14px;align-items:center}.mini-progress{height:9px;border-radius:20px;background:#e4ebf1;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--gold)}.timeline{position:relative;padding-left:28px}.timeline:before{content:'';position:absolute;left:8px;top:8px;bottom:8px;width:3px;background:#dce6ee}.timeline article{position:relative;background:#fff;border-radius:14px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.timeline article:before{content:'';position:absolute;left:-25px;top:22px;width:13px;height:13px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 2px var(--gold)}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.fleet-card{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);border-top:5px solid var(--gold)}.fleet-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fleet-card dt{color:var(--muted)}.fleet-card dd{margin:0;font-weight:800;text-align:right}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;background:#249267}.status-dot.warn{background:#d69a20}.status-dot.off{background:#b43b3b}.compliance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.compliance-card{background:#fff;border:1px solid #e0e9ef;border-radius:16px;padding:20px}.compliance-card header{display:flex;justify-content:space-between;gap:10px}.audit-score{font-size:3rem;font-weight:900;color:var(--navy)}.notification{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:start;padding:16px 0;border-bottom:1px solid #e7edf2}.notification-icon{width:42px;height:42px;border-radius:12px;background:#edf3f8;display:grid;place-items:center;font-size:1.3rem}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kanban-col{background:#eef3f7;border-radius:16px;padding:14px;min-height:320px}.kanban-card{background:#fff;border-radius:12px;padding:14px;margin-bottom:10px;box-shadow:0 5px 16px rgba(6,29,53,.08);cursor:grab}.calendar-month{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.calendar-cell{min-height:110px;background:#fff;border:1px solid #e0e8ef;border-radius:10px;padding:8px}.calendar-cell b{display:block}.calendar-event{font-size:.78rem;background:#fff3d5;border-left:3px solid var(--gold);padding:5px;margin-top:6px;border-radius:5px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field label{display:block;font-weight:800;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #cbd8e1;border-radius:9px;font:inherit}.field.full{grid-column:1/-1}.signature-box{border:2px dashed #b8c8d4;border-radius:12px;min-height:150px;display:grid;place-items:center;color:var(--muted)}
@media(max-width:950px){.workspace,.fleet-grid,.compliance-grid,.kanban{grid-template-columns:1fr}.side-nav{position:static}.progress-item{grid-template-columns:1fr}.calendar-month{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* V13 — Expedientes, documentación AESA, prácticas STS y certificados */
.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:900;background:#edf3f8;color:var(--navy)}
.badge.ok{background:#e5f6ed;color:#176a43}.badge.warn{background:#fff2d5;color:#8a5c00}.badge.danger{background:#fde9e9;color:#9a2f2f}.badge.info{background:#e6f1fb;color:#14598b}
.record-header{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center}.avatar-xl{width:100px;height:100px;border-radius:24px;background:linear-gradient(145deg,var(--navy),#16618f);display:grid;place-items:center;color:var(--gold);font-size:2rem;font-weight:900}.record-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dfe8ef;margin:20px 0}.tabs button{border:0;background:transparent;padding:12px 15px;font-weight:800;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.tabs button.active{color:var(--navy);border-color:var(--gold)}.tab-panel{display:none}.tab-panel.active{display:block}
.document-row{display:grid;grid-template-columns:46px 1fr 130px 120px auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e6edf2}.doc-icon{width:42px;height:42px;border-radius:11px;background:#edf3f8;display:grid;place-items:center;font-weight:900;color:var(--navy)}
.checklist{display:grid;gap:9px}.check-item{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:start;padding:12px;border:1px solid #e0e8ef;border-radius:11px;background:#fff}.check-item input{width:18px;height:18px;margin-top:3px}
.practice-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}.practice-card{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);margin-bottom:15px}.practice-card header{display:flex;justify-content:space-between;gap:12px;align-items:start}.competency-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.competency{border:1px solid #dfe8ef;border-radius:12px;padding:13px}.competency label{display:flex;justify-content:space-between;gap:10px;font-weight:800}.score-buttons{display:flex;gap:5px;margin-top:8px}.score-buttons button{width:34px;height:34px;border:1px solid #cbd8e1;border-radius:8px;background:#fff;cursor:pointer}.score-buttons button.selected{background:var(--gold);border-color:var(--gold);font-weight:900}
.certificate-preview{aspect-ratio:1.414/1;background:#fff;border:14px solid #0b2944;outline:3px solid var(--gold);outline-offset:-22px;padding:55px;display:flex;flex-direction:column;justify-content:center;text-align:center;box-shadow:var(--shadow);position:relative}.certificate-preview:before,.certificate-preview:after{content:'✦';position:absolute;color:var(--gold);font-size:2rem}.certificate-preview:before{left:30px;top:25px}.certificate-preview:after{right:30px;bottom:25px}.certificate-preview h2{font-family:Georgia,serif;font-size:2.5rem}.certificate-preview .student-name{font-family:Georgia,serif;font-size:2rem;color:#8b6418;border-bottom:1px solid #c9af74;display:inline-block;padding:0 30px 8px}.certificate-meta{display:flex;justify-content:space-between;gap:20px;margin-top:35px;font-size:.85rem}.certificate-editor{display:grid;grid-template-columns:390px 1fr;gap:24px}
.question-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.question-stat{background:#fff;border-radius:14px;padding:18px;box-shadow:var(--shadow)}.question-stat b{display:block;font-size:1.8rem;color:var(--navy)}.question-table-wrap{overflow:auto}.question-table{width:100%;border-collapse:collapse;min-width:900px}.question-table th,.question-table td{padding:12px;border-bottom:1px solid #e3ebf1;text-align:left;vertical-align:top}.question-table th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}
.audit-trail{display:grid;gap:10px}.audit-entry{display:grid;grid-template-columns:150px 1fr 150px;gap:14px;padding:12px;border-left:4px solid var(--gold);background:#f8fafc;border-radius:8px}.signature-line{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.signature-line div{border-top:1px solid #789;padding-top:8px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.practice-layout,.certificate-editor{grid-template-columns:1fr}.question-dashboard{grid-template-columns:repeat(2,1fr)}.document-row{grid-template-columns:42px 1fr auto}.document-row>:nth-child(3),.document-row>:nth-child(4){display:none}.record-header{grid-template-columns:90px 1fr}.record-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:650px){.question-dashboard,.competency-grid{grid-template-columns:1fr}.certificate-preview{padding:35px 25px}.certificate-preview h2{font-size:1.8rem}.certificate-preview .student-name{font-size:1.45rem}.audit-entry{grid-template-columns:1fr}.signature-line{grid-template-columns:1fr}.avatar-xl{width:78px;height:78px}.record-header{grid-template-columns:78px 1fr}}

/* V14 — Operativa diaria */
.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}.toolbar input,.toolbar select{padding:11px;border:1px solid #cbd8e1;border-radius:9px;min-width:220px}.ops-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.ops-card{border:1px solid #dfe8ef;border-radius:16px;padding:20px;background:#fff}.ops-card header,.ops-card footer{display:flex;justify-content:space-between;gap:12px;align-items:start}.ops-card footer{margin-top:18px;justify-content:flex-start}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:15px 0}.mini-grid span{background:#f4f7fa;padding:10px;border-radius:9px}.mini-grid b{display:block;font-size:.78rem;text-transform:uppercase;color:var(--muted)}
.modal{display:none;position:fixed;inset:0;background:rgba(2,17,31,.7);z-index:100;padding:30px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-box{background:#fff;width:min(720px,100%);padding:28px;border-radius:18px;position:relative}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:2rem;cursor:pointer}.week-board{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.week-head{font-weight:900;text-align:center;background:var(--navy);color:#fff;padding:10px;border-radius:9px}.booking{padding:12px;background:#fff3d5;border-left:4px solid var(--gold);border-radius:9px;min-height:100px}.booking span,.booking small{display:block;margin-top:5px}.instructor-grid{display:grid;gap:16px;margin:20px 0}.instructor-card{display:grid;grid-template-columns:100px 1fr 170px;gap:18px;align-items:center;background:#fff;padding:20px;border-radius:16px;box-shadow:var(--shadow)}.instructor-card aside{display:grid;gap:8px;text-align:right}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{background:#edf3f8;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.risk{display:inline-block;padding:5px 9px;border-radius:7px;font-weight:900;font-size:.78rem}.risk.low{background:#e5f6ed;color:#176a43}.risk.medium{background:#fff2d5;color:#8a5c00}.risk.high{background:#fde9e9;color:#9a2f2f}.risk-legend{display:flex;gap:8px;justify-content:flex-end;margin-bottom:12px}.cause-tree{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cause-tree>*{padding:13px;background:#edf3f8;border-radius:10px}.cause-tree b{grid-column:1/-1;background:var(--navy);color:#fff;text-align:center}.fleet-detail{display:grid;grid-template-columns:150px 1fr 190px;gap:20px;align-items:center}.drone-visual{height:130px;border-radius:18px;background:linear-gradient(145deg,var(--navy),#16618f);color:var(--gold);font-size:2rem;font-weight:900;display:grid;place-items:center;text-align:center}.drone-visual small{font-size:.75rem;color:#fff}.fleet-detail aside{display:grid;gap:8px}.inspection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.inspection-grid label{padding:12px;border:1px solid #dfe8ef;border-radius:10px}.act-editor{display:grid;grid-template-columns:360px 1fr;gap:22px}.official-act{background:#fff;border:12px solid var(--navy);padding:28px;box-shadow:var(--shadow)}.official-act>header{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;border-bottom:3px solid var(--gold);padding-bottom:16px}.official-act>header h2{font-size:1.5rem;margin:0}.official-act table{width:100%;border-collapse:collapse;margin:16px 0}.official-act th,.official-act td{border:1px solid #9cabb8;padding:9px;text-align:left}.official-act .act-result{font-size:1.3rem;text-align:center;padding:14px;background:#f6e6b9;margin:18px 0}.official-act>footer{display:flex;justify-content:space-between;border-top:1px solid #789;margin-top:25px;padding-top:10px;font-size:.8rem}
@media(max-width:1000px){.ops-grid,.week-board,.act-editor{grid-template-columns:1fr}.instructor-card,.fleet-detail{grid-template-columns:1fr}.instructor-card aside{text-align:left}.inspection-grid{grid-template-columns:1fr}.official-act{overflow:auto}.week-head{display:none}}
@media print{.sidebar,.page-head,.no-print{display:none!important}.panel{display:block}.panel-main{padding:0}.act-editor{display:block}.official-act{box-shadow:none;border-width:8px;min-height:95vh}}

/* V15 — Gestión económica, contratos, asistencia, exámenes y auditoría */
.finance-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.finance-kpis article{background:#fff;border-radius:15px;padding:18px;box-shadow:var(--shadow)}.finance-kpis b{display:block;font-size:1.8rem;color:var(--navy)}
.money-positive{color:#176a43;font-weight:900}.money-pending{color:#8a5c00;font-weight:900}.money-negative{color:#9a2f2f;font-weight:900}
.contract-builder{display:grid;grid-template-columns:380px 1fr;gap:22px}.document-preview{background:#fff;min-height:820px;padding:48px;box-shadow:var(--shadow);border:1px solid #dce6ee}.document-preview h1{text-align:center;font-size:1.65rem}.document-preview .clause{margin:18px 0}.document-preview .clause b{display:block;color:var(--navy);margin-bottom:5px}
.consent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.consent-item{border:1px solid #dfe8ef;border-radius:12px;padding:14px;background:#fff}.consent-item label{display:flex;gap:10px;align-items:flex-start;font-weight:700}
.attendance-board{overflow:auto}.attendance-table{width:100%;border-collapse:collapse;min-width:900px}.attendance-table th,.attendance-table td{padding:11px;border:1px solid #dfe8ef;text-align:center}.attendance-table th:first-child,.attendance-table td:first-child{text-align:left;position:sticky;left:0;background:#fff}.attendance-dot{width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;font-weight:900}.attendance-dot.present{background:#dff4e8;color:#176a43}.attendance-dot.absent{background:#fde6e6;color:#9a2f2f}.attendance-dot.late{background:#fff0cc;color:#8a5c00}
.exam-layout{display:grid;grid-template-columns:1fr 340px;gap:22px}.exam-card{background:#fff;border-radius:15px;padding:18px;box-shadow:var(--shadow);margin-bottom:14px}.exam-card header{display:flex;justify-content:space-between;gap:12px}.seat-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.seat{padding:12px 6px;border-radius:8px;text-align:center;background:#edf3f8;font-size:.8rem;font-weight:800}.seat.assigned{background:#dff4e8}.seat.blocked{background:#fde6e6}
.audit-folder{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.audit-folder article{background:#fff;border:1px solid #dfe8ef;border-radius:14px;padding:18px}.audit-folder progress{width:100%;height:12px}.audit-timeline{border-left:4px solid var(--gold);padding-left:20px}.audit-timeline article{position:relative;padding:0 0 22px}.audit-timeline article:before{content:'';position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);left:-29px;top:5px}
.invoice-preview{background:#fff;border:1px solid #dce6ee;padding:35px;box-shadow:var(--shadow)}.invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid var(--gold);padding-bottom:18px}.invoice-total{text-align:right;font-size:1.5rem;font-weight:900;color:var(--navy)}
@media(max-width:1000px){.finance-kpis{grid-template-columns:repeat(2,1fr)}.contract-builder,.exam-layout{grid-template-columns:1fr}.audit-folder{grid-template-columns:1fr}.consent-grid{grid-template-columns:1fr}}
@media(max-width:600px){.finance-kpis{grid-template-columns:1fr}.document-preview{padding:25px}.seat-map{grid-template-columns:repeat(3,1fr)}}

/* V16 — núcleo empresarial integrado */
.v16-badge{display:inline-flex;gap:8px;align-items:center;background:#e8f7ef;color:#176a43;border:1px solid #bfe7d0;padding:7px 11px;border-radius:99px;font-weight:800;font-size:.8rem}.erp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.erp-kpi{background:#fff;border-radius:16px;padding:20px;box-shadow:var(--shadow);border-top:4px solid var(--gold)}.erp-kpi b{display:block;font-size:1.9rem;color:var(--navy)}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-tile{background:#fff;border:1px solid #dfe8ef;border-radius:16px;padding:20px;box-shadow:0 8px 26px rgba(6,29,53,.08)}.module-tile h3{margin-top:0}.module-tile .icon{font-size:2rem}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#2b9b65}.status-dot.warn{background:#e0a629}.status-dot.bad{background:#c74a4a}.api-state{font-family:ui-monospace,Consolas,monospace;background:#071b31;color:#d8e8f4;border-radius:12px;padding:12px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pipeline-col{background:#edf3f8;border-radius:14px;padding:13px;min-height:270px}.lead-card{background:#fff;border-radius:11px;padding:12px;margin:10px 0;box-shadow:0 4px 14px rgba(6,29,53,.08)}.ops-board{display:grid;grid-template-columns:2fr 1fr;gap:20px}.map-sim{min-height:420px;border-radius:18px;background:radial-gradient(circle at 25% 35%,#e9c46a 0 8px,transparent 9px),radial-gradient(circle at 70% 60%,#2a9d8f 0 9px,transparent 10px),linear-gradient(35deg,#dce8d1 25%,#c9ddbb 25% 45%,#d9e8cc 45% 65%,#bcd4aa 65%);position:relative;overflow:hidden;border:1px solid #c7d7bd}.map-sim:after{content:'Mapa operativo de demostración';position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.9);padding:9px 12px;border-radius:9px;font-weight:800}.login-status{margin-top:12px;padding:10px;border-radius:8px;background:#edf3f8}.role-chip{display:inline-block;padding:4px 9px;border-radius:99px;background:#e8eef5;font-size:.78rem;font-weight:800}.doc-list{display:grid;gap:12px}.doc-row{display:grid;grid-template-columns:100px 1fr 100px 150px 110px;gap:12px;align-items:center;background:#fff;padding:15px;border-radius:12px;border:1px solid #e0e8ee}.codebox{background:#071b31;color:#dff0ff;border-radius:14px;padding:18px;overflow:auto;font-family:ui-monospace,Consolas,monospace;font-size:.9rem}.v16-nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.v16-nav a{padding:9px 12px;background:#fff;border:1px solid #d9e4ec;border-radius:9px;font-weight:800}.v16-nav a:hover{border-color:var(--gold)}
@media(max-width:1000px){.erp-grid{grid-template-columns:repeat(2,1fr)}.module-grid,.pipeline{grid-template-columns:repeat(2,1fr)}.ops-board{grid-template-columns:1fr}.doc-row{grid-template-columns:90px 1fr}.doc-row>*:nth-child(n+3){font-size:.85rem}}
@media(max-width:650px){.erp-grid,.module-grid,.pipeline{grid-template-columns:1fr}}

/* V125 - Titulaciones y estados AESA en portada */
.credentials-section{background:linear-gradient(180deg,#f6f8fb 0%,#fff 100%)}
.entity-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 30px}
.entity-status{display:flex;align-items:center;gap:18px;padding:22px;border-radius:18px;border:1px solid #d9e1ea;background:#fff;box-shadow:0 14px 34px rgba(6,29,53,.08)}
.entity-status .status-seal{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;font-weight:900;font-size:24px;color:#fff;flex:0 0 72px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.2)}
.entity-status.recognized .status-seal{background:#0b5d3b}.entity-status.designated .status-seal{background:#b36a00}
.entity-status small{font-weight:800;letter-spacing:.12em;color:#587086}.entity-status h3{margin:3px 0 6px;font-size:25px}.entity-status p{margin:0;color:#536274;line-height:1.45}
.credential-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.credential-card{position:relative;overflow:hidden;border-radius:18px;background:#071f37;min-height:330px;box-shadow:0 18px 40px rgba(6,29,53,.16);border:1px solid rgba(6,29,53,.12)}
.credential-card img{width:100%;height:330px;object-fit:cover;object-position:center;display:block;background:#fff;transition:transform .25s ease}
.credential-card:hover img{transform:scale(1.025)}
.credential-caption{position:absolute;left:0;right:0;bottom:0;padding:48px 18px 18px;background:linear-gradient(transparent,rgba(3,19,34,.96));color:#fff}
.credential-caption span{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#f2bd47}.credential-caption h3{margin:5px 0 0;font-size:21px;color:#fff}
@media(max-width:1050px){.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.entity-status-grid,.credential-grid{grid-template-columns:1fr}.credential-card img{height:390px}.credential-card{min-height:390px}}


/* SORTEBA V220.6 - Visuales fotograficos principales */
.srt-photo-hero{position:relative;isolation:isolate;overflow:hidden;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;color:#fff!important;min-height:clamp(280px,38vw,520px);display:flex;align-items:center}
.srt-photo-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,42,.86) 0%,rgba(4,23,42,.70) 45%,rgba(4,23,42,.30) 100%);z-index:-1}
.srt-photo-hero>*{position:relative;z-index:1}
.srt-photo-hero h1,.srt-photo-hero h2,.srt-photo-hero h3,.srt-photo-hero p,.srt-photo-hero .eyebrow,.srt-photo-hero .tag{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.32)}
.srt-photo-hero .btn:not(.gold){border-color:#fff!important;color:#fff!important}
@media(max-width:700px){.srt-photo-hero{min-height:330px;background-position:center!important}.srt-photo-hero::before{background:linear-gradient(180deg,rgba(4,23,42,.82),rgba(4,23,42,.58))}}

/* Acceso al campus con imagen real de formación */
body.srt-access-photo{background:#061d35 url('../img/v2207/briefing-formacion.jpg') center/cover fixed no-repeat!important;position:relative}
body.srt-access-photo::before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,18,34,.84),rgba(5,33,61,.48));z-index:0;pointer-events:none}
body.srt-access-photo .access-header,body.srt-access-photo .access-main{position:relative;z-index:1}
body.srt-access-photo .access-main{max-width:1380px}
body.srt-access-photo .access-title{background:rgba(3,22,40,.58);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.16);padding:20px 24px;border-radius:14px;max-width:820px}
body.srt-access-photo .profile-grid{max-width:430px;margin:0 auto}
body.srt-access-photo .profile-card{background:rgba(255,255,255,.97)}
body.srt-access-photo .security-note{backdrop-filter:blur(3px)}

/* =========================
   V220.8 RESPONSIVE GLOBAL
   Adaptación tablet y móvil sin alterar diseño/funcionalidad de escritorio
   ========================= */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg,iframe{max-width:100%}
img,video{height:auto}
iframe{width:100%}
pre,code{max-width:100%;overflow-wrap:anywhere}
.table-responsive,.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:1024px){
  .wrap{width:min(94%,1180px)}
  .nav{gap:14px;padding:11px 0;flex-wrap:wrap}
  .brand{min-width:0}.brand>span:last-child{max-width:270px}
  .nav nav{gap:13px;flex-wrap:wrap}
  .hero,.course-hero,.srt-photo-hero{background-attachment:scroll!important}
  .section{padding:64px 0}
  .features{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:-30px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .course-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lesson-layout,.message-layout{grid-template-columns:220px minmax(0,1fr)}
  .calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .topbar .wrap{align-items:flex-start}
  .nav{position:relative}
  .nav nav{display:none!important}
  .mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .nav>.btn.gold{margin-left:auto}
  .hero-copy{padding:68px 0}
  .hero{min-height:540px}
  .hero h1{font-size:clamp(2.7rem,9vw,5rem)}
  .split,.course-layout,.lesson-layout,.message-layout,.footer-grid{grid-template-columns:1fr}
  .sidebar-card{position:static}
  .calendar-grid{grid-template-columns:1fr}
  .learning-card,.document-card{align-items:flex-start;flex-direction:column}
  .learning-card>.btn,.document-card>.btn{width:100%}
  .chat{min-height:320px}
  .chat-form{margin-top:30px}
  .video-placeholder{height:clamp(220px,46vw,330px)}
  .srt-photo-hero{min-height:360px;background-position:center!important}
}

@media(max-width:700px){
  body{font-size:15px}
  .wrap{width:92%}
  .topbar .wrap{flex-direction:column;gap:3px;padding:7px 0}
  .header{position:sticky;top:0}
  .nav{padding:8px 0;gap:8px}
  .mark{width:42px;height:42px;border-radius:11px;font-size:.84rem}
  .brand{gap:8px;font-size:.83rem;line-height:1.2;max-width:calc(100% - 52px)}
  .brand>span:last-child{max-width:210px}
  .nav>.btn.gold{display:none!important}
  .section{padding:48px 0}
  .hero{min-height:500px;background-position:center!important}
  .hero-copy{padding:52px 0}
  .hero h1{font-size:clamp(2.45rem,13vw,3.7rem);line-height:.98}
  .hero p,.lead{font-size:1rem}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn{width:100%}
  .features,.cards,.stats,.dash-grid,.panel-grid{grid-template-columns:1fr}
  .features{margin-top:-22px}
  .features article,.card,.panel-card{border-radius:14px}
  .title-row{align-items:flex-start;flex-direction:column;gap:8px}
  h2{font-size:clamp(1.85rem,9vw,2.6rem)}
  .business{padding:54px 0}
  .course-hero{padding:58px 0}
  .course-hero h1{font-size:clamp(2.25rem,12vw,3.6rem)}
  .sidebar-card{padding:20px}
  .page-head{align-items:flex-start;flex-direction:column}
  .page-head .btn,.toolbar .btn{max-width:100%}
  .form-grid{grid-template-columns:1fr}
  .quiz-shell{padding:18px}
  .quiz-top,.quiz-actions,.resource-row,.lesson-nav{align-items:stretch;flex-direction:column}
  .quiz-actions .btn,.resource-row .btn,.lesson-nav .btn{width:100%}
  .bubble{max-width:90%}
  .chat-form{flex-direction:column}.chat-form .btn{width:100%}
  .footer{padding-top:42px}.footer-grid{gap:18px}
  .table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .table th,.table td{padding:10px}
  .panel-main{padding:15px}
  .login-card{padding:22px;width:min(94%,470px)}
  .srt-photo-hero{min-height:330px;background-position:center!important}
  body.srt-access-photo{background-attachment:scroll!important;background-position:center!important}
  body.srt-access-photo .access-title{padding:15px 16px}
}

@media(max-width:430px){
  .wrap{width:94%}
  .brand>span:last-child{max-width:170px;font-size:.76rem}
  .hero{min-height:470px}
  .hero h1{font-size:2.55rem}
  .btn{padding:11px 14px}
  .features article,.pad,.card{padding:18px}
  .section{padding:42px 0}
  .footer-grid{grid-template-columns:1fr}
  .modal-card{padding:16px;border-radius:12px}
}