:root{--cap-ink:#0f2744;--cap-ink-soft:#243b55;--cap-brand:#1a7aad;--cap-brand-dark:#0f2744;--cap-terra:#1e3a5f;--cap-cpa:#1a7aad;--cap-corr:#0d6e63;--cap-bg:#e8f1f6;--cap-surface:#ffffff;--cap-muted:#5a6f82;--cap-border:#c5d6e3;--cap-ok:#0f766e;--cap-warn:#b45309;--cap-font:"DM Sans","Segoe UI",system-ui,sans-serif;--cap-display:"Fraunces",Georgia,serif;--cap-radius:12px;--cap-shadow:0 8px 24px rgba(15,39,68,0.08)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:var(--cap-font);color:var(--cap-ink);background:linear-gradient(180deg,rgba(255,255,255,.55) 0,transparent 28%),radial-gradient(ellipse 80% 50% at 0 -10%,rgba(26,122,173,.16),transparent 55%),radial-gradient(ellipse 60% 40% at 100% 0,rgba(15,39,68,.1),transparent 50%),var(--cap-bg)}a{color:var(--cap-brand);text-decoration:none}a:hover{text-decoration:underline}.cap-shell{max-width:1080px;margin:0 auto;padding:1rem 1.1rem 3.5rem}.cap-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.75rem;padding:.85rem 1.15rem;background:rgba(255,255,255,.92);border:1px solid var(--cap-border);border-radius:var(--cap-radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:cap-fade-in .45s ease both}.cap-brand{font-family:var(--cap-display);font-weight:700;font-size:1.2rem;color:var(--cap-ink);letter-spacing:-.02em}.cap-brand:hover{text-decoration:none;color:var(--cap-brand)}.cap-nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:.9rem;font-weight:600}.cap-nav a{color:var(--cap-ink-soft)}.cap-nav a:hover{color:var(--cap-brand)}.cap-user-chip{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;padding:.25rem .55rem;border-left:2px solid var(--cap-border);color:var(--cap-muted);font-weight:500;font-size:.85rem;line-height:1.25;text-align:right}.cap-user-chip small{font-weight:400;font-size:.72rem;color:var(--cap-muted)}.cap-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:10px;padding:.6rem 1.15rem;font:inherit;font-weight:700;cursor:pointer;background:var(--cap-ink);color:#fff;transition:transform .15s ease,background .15s ease}.cap-btn:hover{background:var(--cap-brand);text-decoration:none;transform:translateY(-1px)}.cap-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.cap-btn-secondary{background:#fff;color:var(--cap-ink);border:1px solid var(--cap-border)}.cap-btn-secondary:hover{background:#f0f7fb;color:var(--cap-ink)}.cap-btn-ghost{background:transparent;color:var(--cap-muted);border:1px solid var(--cap-border)}.cap-hero{margin-bottom:1.75rem;animation:cap-rise .5s ease both}.cap-hero h1{margin:0 0 .5rem;font-family:var(--cap-display);font-size:clamp(1.75rem,3.2vw,2.35rem);color:var(--cap-ink);letter-spacing:-.03em;line-height:1.15}.cap-hero p{margin:0;color:var(--cap-muted);max-width:42rem;line-height:1.55;font-size:1.02rem}.cap-hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.15rem}.cap-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0 0 .85rem;font-size:.84rem;color:var(--cap-muted)}.cap-breadcrumb a{color:var(--cap-brand);font-weight:600}.cap-breadcrumb span[aria-hidden]{opacity:.45}.cap-meta-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.cap-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .65rem;border-radius:8px;font-size:.75rem;font-weight:700;letter-spacing:.01em;background:#e8f1f6;color:var(--cap-ink-soft);border:1px solid var(--cap-border)}.cap-badge-ok{background:#ecfdf5;color:var(--cap-ok);border-color:#a7f3d0}.cap-badge-warn{background:#fffbeb;color:var(--cap-warn);border-color:#fde68a}.cap-badge-brand{background:rgba(26,122,173,.12);color:var(--cap-brand);border-color:rgba(26,122,173,.28)}.cap-profile-bar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:center;margin-bottom:1.5rem;padding:1rem 1.15rem;background:var(--cap-surface);border-radius:var(--cap-radius);border:1px solid var(--cap-border);border-left:4px solid var(--cap-brand);animation:cap-rise .55s ease .05s both}.cap-profile-bar strong{color:var(--cap-ink)}.cap-profile-bar p{margin:0;color:var(--cap-muted);font-size:.92rem;line-height:1.45;flex:1 1 16rem}.cap-howto{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:2rem;animation:cap-rise .55s ease .1s both}@media (min-width:720px){.cap-howto{grid-template-columns:repeat(3,1fr)}}.cap-howto-item{padding:1rem 1.1rem;background:rgba(255,255,255,.7);border:1px solid var(--cap-border);border-radius:var(--cap-radius)}.cap-howto-item b{display:block;font-family:var(--cap-display);font-size:1.05rem;margin-bottom:.35rem;color:var(--cap-ink)}.cap-howto-item p{margin:0;font-size:.88rem;color:var(--cap-muted);line-height:1.45}.cap-howto-num{display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;border-radius:6px;background:var(--cap-ink);color:#fff;font-size:.75rem;font-weight:700;margin-bottom:.5rem}.cap-sistema{margin-bottom:2.25rem;animation:cap-rise .5s ease both}.cap-sistema-head{margin-bottom:1rem;padding-bottom:.65rem;border-bottom:2px solid var(--cap-border)}.cap-sistema-head h2{margin:0 0 .25rem;font-family:var(--cap-display);font-size:1.45rem;letter-spacing:-.02em}.cap-sistema-head p{margin:0;color:var(--cap-muted);font-size:.95rem;max-width:40rem;line-height:1.45}.cap-grid-3{display:grid;grid-gap:1rem;gap:1rem}@media (min-width:768px){.cap-grid-3{grid-template-columns:repeat(3,1fr)}}.cap-card{display:flex;flex-direction:column;background:var(--cap-surface);border:1px solid var(--cap-border);border-radius:var(--cap-radius);padding:1.15rem 1.2rem 1.2rem;box-shadow:var(--cap-shadow);transition:transform .18s ease,border-color .18s ease;color:inherit}a.cap-card:hover{transform:translateY(-3px);border-color:var(--cap-brand);text-decoration:none}.cap-card h2{margin:0 0 .4rem;font-size:1.12rem;font-family:var(--cap-display);color:var(--cap-ink);letter-spacing:-.02em}.cap-card p{margin:0;color:var(--cap-muted);font-size:.9rem;line-height:1.5;flex:1 1}.cap-card-accent{height:3px;width:2.5rem;border-radius:2px;margin-bottom:.85rem}.cap-card-footer{margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--cap-border);display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700}.cap-card-cta{color:var(--cap-brand)}.cap-progress{height:6px;border-radius:4px;background:#dbe7ef;overflow:hidden;margin:.7rem 0 0}.cap-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--cap-ink),var(--cap-brand));transition:width .4s ease}.cap-module{margin-bottom:1rem;padding:1.15rem 1.2rem;background:var(--cap-surface);border:1px solid var(--cap-border);border-radius:var(--cap-radius)}.cap-module-label{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--cap-brand);margin-bottom:.35rem}.cap-module h3{margin:0 0 .35rem;font-family:var(--cap-display);font-size:1.15rem;color:var(--cap-ink)}.cap-module>p{margin:0 0 .85rem;color:var(--cap-muted);font-size:.9rem;line-height:1.45}.cap-lesson-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.cap-lesson-list a{display:grid;grid-template-columns:auto 1fr auto;grid-gap:.65rem;gap:.65rem;align-items:center;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--cap-border);background:#fafcfd;font-weight:600;font-size:.92rem;color:var(--cap-ink);transition:background .15s ease,border-color .15s ease}.cap-lesson-list a:hover{background:#fff;border-color:var(--cap-brand);text-decoration:none}.cap-lesson-idx{width:1.65rem;height:1.65rem;border-radius:6px;background:#e8f1f6;color:var(--cap-ink-soft);font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.cap-lesson-done{border-color:#a7f3d0!important;background:#f0fdf8!important}.cap-lesson-done .cap-lesson-idx{background:#0f766e;color:#fff}.cap-lesson-meta{color:var(--cap-muted);font-weight:500;font-size:.8rem;white-space:nowrap}.cap-reader{max-width:44rem;margin:0 auto}.cap-blocks{display:flex;flex-direction:column;gap:1.1rem;margin:.5rem 0 1.75rem}.cap-block{padding:1.2rem 1.3rem;border-radius:var(--cap-radius);background:var(--cap-surface);border:1px solid var(--cap-border);box-shadow:var(--cap-shadow);line-height:1.65;animation:cap-rise .4s ease both}.cap-block+.cap-block{animation-delay:.04s}.cap-block-label{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--cap-brand);margin-bottom:.55rem}.cap-prose h3{margin:1.35rem 0 .55rem;font-family:var(--cap-display);font-size:1.15rem;color:var(--cap-ink);letter-spacing:-.02em;padding-bottom:.35rem;border-bottom:1px solid var(--cap-border)}.cap-prose h3:first-child{margin-top:0}.cap-prose p{margin:0 0 .85rem;color:var(--cap-ink-soft);font-size:1rem}.cap-prose p:last-child{margin-bottom:0}.cap-prose ul{margin:.35rem 0 .85rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.cap-prose li{position:relative;padding:.75rem .9rem .75rem 1rem;background:#f4f8fb;border-radius:10px;border-left:3px solid var(--cap-brand);color:var(--cap-ink-soft);font-size:.95rem;line-height:1.5}.cap-prose li strong{color:var(--cap-ink);display:inline}.cap-prose em{font-style:italic;color:var(--cap-muted)}.cap-block-pasos{padding:1.2rem 1.3rem}.cap-paso{display:grid;grid-template-columns:auto 1fr;grid-gap:.75rem;gap:.75rem;padding:.7rem 0;border-bottom:1px solid var(--cap-border)}.cap-paso:last-child{border-bottom:none;padding-bottom:0}.cap-paso:first-of-type{padding-top:0}.cap-paso-n{width:1.75rem;height:1.75rem;border-radius:50%;background:var(--cap-ink);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.cap-paso p{margin:0;color:var(--cap-ink-soft);font-size:.95rem;line-height:1.5}.cap-block-aviso{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;border-left:4px solid #d97706}.cap-block-aviso .cap-block-label{color:#b45309}.cap-block-aviso p{margin:0;color:#78350f;font-size:.95rem;line-height:1.5}.cap-media-empty{padding:1.25rem;border:1px dashed var(--cap-border);border-radius:10px;color:var(--cap-muted);font-size:.88rem;text-align:center;background:#f8fafc}.cap-lesson-actions{display:flex;flex-wrap:wrap;gap:.65rem;padding-top:.5rem;border-top:1px solid var(--cap-border);margin-top:.5rem}.cap-login-wrap{display:grid;grid-gap:1.5rem;gap:1.5rem;max-width:52rem;margin:1.5rem auto 0;align-items:start}@media (min-width:800px){.cap-login-wrap{grid-template-columns:1.1fr .9fr}}.cap-login-brand{padding:.5rem .25rem}.cap-login-brand .cap-kicker{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cap-brand);margin-bottom:.5rem}.cap-login-brand h1{font-family:var(--cap-display);font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .65rem;letter-spacing:-.03em;color:var(--cap-ink);line-height:1.15}.cap-login-brand p{margin:0 0 1rem;color:var(--cap-muted);line-height:1.55;font-size:1.02rem}.cap-login-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.cap-login-points li{padding:.65rem .85rem;background:rgba(255,255,255,.75);border:1px solid var(--cap-border);border-radius:10px;font-size:.9rem;color:var(--cap-ink-soft);line-height:1.4}.cap-login-points strong{color:var(--cap-ink)}.cap-login{max-width:none;margin:0}.cap-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.9rem}.cap-field label{font-size:.82rem;font-weight:700;color:var(--cap-ink-soft)}.cap-field input,.cap-field select,.cap-field textarea{border:1px solid var(--cap-border);border-radius:10px;padding:.7rem .8rem;font:inherit;background:#fff;color:var(--cap-ink)}.cap-field input:focus{outline:2px solid rgba(26,122,173,.35);border-color:var(--cap-brand)}.cap-alert{padding:.75rem .9rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.cap-alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.cap-alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.cap-alert-ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.cap-quiz-q{margin-bottom:1rem;padding:1.15rem 1.2rem;border-radius:var(--cap-radius);border:1px solid var(--cap-border);background:#fff;box-shadow:var(--cap-shadow)}.cap-quiz-q legend{font-weight:700;color:var(--cap-ink);font-size:.98rem;line-height:1.4}.cap-quiz-q fieldset{border:none;margin:.65rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.cap-quiz-q label{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem;cursor:pointer;padding:.55rem .65rem;border-radius:8px;border:1px solid transparent}.cap-quiz-q label:hover{background:#f4f8fb;border-color:var(--cap-border)}.cap-table{width:100%;border-collapse:collapse;font-size:.9rem}.cap-table td,.cap-table th{text-align:left;padding:.65rem .5rem;border-bottom:1px solid var(--cap-border)}.cap-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--cap-muted)}.cap-admin-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cap-admin-nav a{padding:.4rem .75rem;border-radius:8px;background:#e8f1f6;font-weight:600;font-size:.85rem;text-decoration:none;color:var(--cap-ink)}@keyframes cap-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cap-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}