/* Generador de cursos · NortEduc
   Paleta: papel frío, tinta, azul NortEduc; verde «sello» = validado, ámbar = observación.
   Tipografía: Bricolage Grotesque (títulos) + Public Sans (interfaz y formularios). */
@font-face{font-family:"Bricolage";src:url(fonts/bricolage-latin.woff2) format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Bricolage";src:url(fonts/bricolage-latinext.woff2) format("woff2");font-weight:600 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+20A0-20C0}
@font-face{font-family:"Public Sans";src:url(fonts/publicsans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Public Sans";src:url(fonts/publicsans-latinext.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+20A0-20C0}

:root{
  --papel:#f3f5f2; --hoja:#ffffff; --tinta:#16222c; --suave:#4f5d67; --tenue:#6b7780;
  --linea:#d3dbd6; --linea-f:#b9c4bd;
  --azul:#1f5f8b; --azul-h:#123f5e; --azul-c:#e4eef5;
  --sello:#2e7a4e; --sello-c:#e3f1e8;
  --ambar:#8f5608; --ambar-c:#fbf0dc;
  --rojo:#b0362d; --rojo-c:#fbe7e4;
  --r1:6px; --r2:10px;
  --disp:"Bricolage","Segoe UI",system-ui,sans-serif;
  --txt:"Public Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--tinta);font:16px/1.55 var(--txt)}
img{max-width:100%}
a{color:var(--azul)}a:hover{color:var(--azul-h)}
h1,h2,h3{font-family:var(--disp);line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em;text-wrap:balance}
h1{font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:750}
h2{font-size:1.35rem;font-weight:700}
h3{font-size:1.08rem;font-weight:700}
p{margin:0 0 .8em;max-width:72ch}
:focus-visible{outline:3px solid #f0a400;outline-offset:2px;border-radius:3px}
.saltar{position:absolute;left:-999px;top:0;background:var(--tinta);color:#fff;padding:10px 14px;z-index:99}
.saltar:focus{left:8px;top:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───── barra superior ───── */
.barra{background:var(--tinta);color:#fff}
.barra .in{max-width:1180px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:22px;min-height:60px}
.marca{display:flex;align-items:baseline;gap:8px;color:#fff;text-decoration:none;font-family:var(--disp);font-weight:750;font-size:1.12rem;white-space:nowrap}
.marca small{font-family:var(--txt);font-weight:500;font-size:.8rem;color:#aebcc5}
.nav{display:flex;gap:4px;flex-wrap:wrap}
.nav a{color:#d6e0e6;text-decoration:none;padding:8px 10px;border-radius:var(--r1);font-size:.95rem}
.nav a:hover,.nav a[aria-current=page]{color:#fff;background:rgba(255,255,255,.1)}
.barra .der{margin-left:auto;display:flex;align-items:center;gap:12px}
.saldo{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border-radius:999px;padding:5px 12px;font-size:.88rem;color:#fff;text-decoration:none;white-space:nowrap}
.saldo b{font-size:1rem}
.barra form{margin:0}
.btn-link{background:none;border:0;color:#d6e0e6;font:inherit;font-size:.9rem;cursor:pointer;padding:8px 4px;text-decoration:underline}
.menu-t{display:none}

/* ───── estructura ───── */
main{max-width:1180px;margin:0 auto;padding:28px 20px 64px}
.cabeza{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.cabeza p{color:var(--suave);margin:0}
.bloque{background:var(--hoja);border:1px solid var(--linea);border-radius:var(--r2);padding:22px;margin-bottom:20px}
.bloque>h2:first-child{margin-top:0}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.dos{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start}
.nota{color:var(--suave);font-size:.93rem}
.pie{border-top:1px solid var(--linea);color:var(--tenue);font-size:.85rem;padding:20px;text-align:center}
.pie a{color:var(--suave)}

/* ───── botones y formularios ───── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:var(--r1);border:1px solid var(--azul);background:var(--azul);color:#fff;font:600 .98rem var(--txt);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--azul-h);border-color:var(--azul-h);color:#fff}
.btn.sec{background:var(--hoja);color:var(--azul)}
.btn.sec:hover{background:var(--azul-c);color:var(--azul-h)}
.btn.peligro{background:var(--hoja);color:var(--rojo);border-color:#e2b3ad}
.btn.peligro:hover{background:var(--rojo-c)}
.btn.chico{min-height:36px;padding:6px 12px;font-size:.9rem}
.btn[disabled],.btn[aria-disabled=true]{background:#c9d2cd;border-color:#c9d2cd;color:#5d6970;cursor:not-allowed}
.acciones{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
label{display:block;font-weight:600;font-size:.93rem;margin:0 0 5px}
.ayuda{display:block;font-weight:400;color:var(--tenue);font-size:.86rem;margin-top:2px}
input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--tinta);background:#fff;border:1px solid var(--linea-f);border-radius:var(--r1);padding:10px 12px;min-height:44px}
textarea{min-height:96px;resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{border-color:var(--azul);outline:3px solid rgba(31,95,139,.25);outline-offset:0}
.campo{margin-bottom:16px}
.fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.check input{width:20px;height:20px;margin-top:2px;flex:0 0 auto;accent-color:var(--azul)}
fieldset{border:1px solid var(--linea);border-radius:var(--r2);padding:16px 18px 6px;margin:0 0 16px;background:#fbfcfb}
legend{font-family:var(--disp);font-weight:700;padding:0 6px;font-size:1.02rem}
.trampa{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* ───── avisos ───── */
.aviso{border-radius:var(--r1);padding:12px 16px;margin:0 0 18px;border-left:4px solid var(--azul);background:var(--azul-c)}
.aviso.ok{border-color:var(--sello);background:var(--sello-c)}
.aviso.error{border-color:var(--rojo);background:var(--rojo-c)}
.aviso.info{border-color:var(--azul);background:var(--azul-c)}
.aviso p:last-child{margin:0}

/* ───── hoja de observaciones (validación SENCE) ───── */
.obs{list-style:none;padding:0;margin:0}
.obs li{border-left:4px solid var(--rojo);background:#fff;padding:10px 14px;margin:0 0 8px;border-radius:0 var(--r1) var(--r1) 0;border-top:1px solid var(--linea);border-right:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.obs li.av{border-left-color:#d19a2a}
.obs .que{font-weight:600}
.obs .como{display:block;color:var(--suave);font-size:.93rem;margin-top:3px}
.sello{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--sello);background:var(--sello-c);border:1px solid #b8dcc4;border-radius:999px;padding:6px 14px}
.sello.pend{color:var(--ambar);background:var(--ambar-c);border-color:#ecd3a3}
.sello.mal{color:var(--rojo);background:var(--rojo-c);border-color:#ebbcb6}

/* ───── riel de producción (elemento distintivo) ───── */
.riel{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 24px;padding:0;counter-reset:est}
.riel li{position:relative;padding:34px 8px 0 0;font-size:.9rem;color:var(--tenue);counter-increment:est}
.riel li::before{content:counter(est);position:absolute;top:0;left:0;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 .8rem var(--txt);background:var(--papel);border:2px solid var(--linea-f);color:var(--tenue);z-index:1}
.riel li::after{content:"";position:absolute;top:12px;left:26px;right:0;height:2px;background:var(--linea-f)}
.riel li:last-child::after{display:none}
.riel li b{display:block;color:var(--tinta);font-size:.95rem}
.riel li.hecho::before{content:"✓";background:var(--sello);border-color:var(--sello);color:#fff}
.riel li.hecho::after{background:var(--sello)}
.riel li.ahora::before{background:var(--azul);border-color:var(--azul);color:#fff;box-shadow:0 0 0 5px var(--azul-c)}
.riel li.ahora b{color:var(--azul)}
.riel li.falla::before{content:"!";background:var(--rojo);border-color:var(--rojo);color:#fff}

/* ───── tablas ───── */
.tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--r2);background:#fff}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-weight:600;color:var(--suave);background:#f8faf8;font-size:.88rem}
tr:last-child td{border-bottom:0}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.estado{display:inline-block;font-size:.82rem;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--azul-c);color:var(--azul-h);white-space:nowrap}
.estado.listo{background:var(--sello-c);color:var(--sello)}
.estado.error{background:var(--rojo-c);color:var(--rojo)}
.estado.revision,.estado.estructura_lista{background:var(--ambar-c);color:var(--ambar)}
.vacio{padding:34px;text-align:center;color:var(--suave)}

/* ───── indicadores del panel ───── */
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:var(--r2);overflow:hidden;margin-bottom:24px}
.cifras div{background:#fff;padding:16px 18px}
.cifras b{display:block;font:750 1.6rem var(--disp)}
.cifras span{color:var(--suave);font-size:.9rem}

/* ───── avance del trabajo ───── */
.pasos{list-style:none;padding:0;margin:0 0 14px}
.pasos li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--linea)}
.pasos li:last-child{border-bottom:0}
.pasos i{flex:0 0 22px;height:22px;border-radius:50%;border:2px solid var(--linea-f);display:grid;place-items:center;font-style:normal;font-size:.75rem}
.pasos .ok i{background:var(--sello);border-color:var(--sello);color:#fff}
.pasos .en_proceso i{border-color:var(--azul);border-top-color:transparent;animation:gira 1s linear infinite}
.pasos .error i{background:var(--rojo);border-color:var(--rojo);color:#fff}
@keyframes gira{to{transform:rotate(360deg)}}
.barra-av{height:8px;background:var(--azul-c);border-radius:99px;overflow:hidden;margin:6px 0 12px}
.barra-av i{display:block;height:100%;background:var(--azul);transition:width .6s}
.bitacora{max-height:260px;overflow:auto;font-size:.84rem;background:#f8faf8;border:1px solid var(--linea);border-radius:var(--r1);padding:8px 12px;margin:0;list-style:none}
.bitacora li{padding:2px 0;color:var(--suave);overflow-wrap:anywhere}
.bitacora li.paso{color:var(--tinta);font-weight:600}
.bitacora li.aviso,.bitacora li.error{color:var(--rojo)}
.bitacora time{color:var(--tenue);margin-right:6px;font-variant-numeric:tabular-nums}

/* ───── revisión ───── */
.rev{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.indice{position:sticky;top:16px;background:#fff;border:1px solid var(--linea);border-radius:var(--r2);padding:10px}
.indice a{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--r1);text-decoration:none;color:var(--tinta);font-size:.93rem}
.indice a[aria-current=page]{background:var(--azul-c);color:var(--azul-h);font-weight:600}
.indice a .ok{color:var(--sello);font-weight:700}
.pantalla{border:1px solid var(--linea);border-radius:var(--r2);background:#fff;margin-bottom:18px}
.pantalla>summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;gap:10px;align-items:baseline}
.pantalla>summary::-webkit-details-marker{display:none}
.pantalla>summary::before{content:"▸";color:var(--tenue)}
.pantalla[open]>summary::before{content:"▾"}
.pantalla .cuerpo{padding:4px 18px 16px;border-top:1px solid var(--linea)}
.vista{border:1px dashed var(--linea-f);border-radius:var(--r1);padding:12px 16px;background:#fbfcfb;font-size:.95rem;margin:6px 0 14px}
.vista table{font-size:.88rem}.vista td,.vista th{border:1px solid var(--linea);padding:6px}
.opcion{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 10px;align-items:center;margin-bottom:8px}
.opcion input[type=radio],.opcion input[type=checkbox]{width:20px;height:20px;accent-color:var(--sello)}
.fuentes{font-size:.88rem;color:var(--suave)}
.pegajoso{position:sticky;bottom:0;background:rgba(243,245,242,.96);border-top:1px solid var(--linea);padding:12px 0;margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}

/* ───── landing ───── */
.heroe{max-width:1180px;margin:0 auto;padding:56px 20px 30px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center}
.heroe h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em}
.heroe .baj{font-size:1.15rem;color:var(--suave);max-width:52ch}
.ficha{background:#fff;border:1px solid var(--linea);border-radius:var(--r2);padding:22px;box-shadow:0 18px 40px -26px rgba(22,34,44,.45)}
.ficha h3{margin-bottom:4px}
.ficha .meta{color:var(--tenue);font-size:.88rem;margin-bottom:14px}
.ficha .ae{border-left:3px solid var(--sello);padding:4px 0 4px 12px;margin:0 0 10px;font-size:.93rem}
.ficha .ae.mal{border-color:var(--rojo);text-decoration:line-through;color:var(--tenue)}
.seccion{max-width:1180px;margin:0 auto;padding:36px 20px}
main .seccion{padding-left:0;padding-right:0}
.seccion>h2{font-size:1.7rem;margin-bottom:18px}
.flujo{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px;counter-reset:f}
.flujo li{counter-increment:f;padding-top:12px;border-top:2px solid var(--tinta)}
.flujo li::before{content:counter(f);font:800 1.5rem var(--disp);color:var(--azul);display:block;margin-bottom:4px}
.flujo b{display:block;font-size:1.05rem;margin-bottom:4px}
.flujo span{color:var(--suave);font-size:.95rem}
.recibe{columns:2;column-gap:40px;padding-left:20px}
.recibe li{margin:0 0 8px;break-inside:avoid}
.cta-final{background:var(--tinta);color:#fff;border-radius:var(--r2);padding:30px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-final h2{color:#fff;margin:0}
.cta-final p{color:#c7d2d9;margin:6px 0 0}
.cta-final .btn{background:#fff;color:var(--tinta);border-color:#fff}

/* ───── acceso ───── */
.acceso{max-width:460px;margin:40px auto;padding:0 16px}
.acceso .bloque{padding:28px}
.acceso h1{font-size:1.7rem}

/* ───── responsive ───── */
@media (max-width:900px){
  .dos,.rev,.heroe{grid-template-columns:1fr}
  .heroe{padding-top:32px;gap:28px}
  .indice{position:static;display:flex;overflow-x:auto;gap:4px;padding:6px}
  .indice a{white-space:nowrap}
  .flujo{grid-template-columns:1fr 1fr}
  .recibe{columns:1}
}
@media (max-width:640px){
  body{font-size:15.5px}
  .barra .in{flex-wrap:wrap;gap:8px;padding:8px 16px}
  .menu-t{display:inline-flex;margin-left:auto;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:var(--r1);min-height:40px;padding:6px 12px;font:inherit}
  .nav,.barra .der{display:none;width:100%}
  .barra.abierta .nav{display:flex;flex-direction:column}
  .barra.abierta .der{display:flex;justify-content:space-between;padding:8px 0}
  main,.seccion{padding-left:16px;padding-right:16px}
  .bloque{padding:16px}
  .riel{grid-template-columns:1fr;gap:0}
  .riel li{padding:4px 0 14px 40px;min-height:40px}
  .riel li::after{top:28px;bottom:0;left:12px;right:auto;width:2px;height:auto}
  .flujo{grid-template-columns:1fr}
  th,td{padding:8px 10px}
  .acciones .btn{flex:1 1 auto}
  .cabeza .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ───── ajustes tras la revisión de diseño ───── */
.alt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 12px;align-items:center;padding:10px 12px;margin-bottom:8px;border:1px solid var(--linea);border-radius:var(--r1);background:#fff}
.alt.es-correcta{border-color:#9fcfb0;background:var(--sello-c)}
.alt .marca-ok{display:flex;gap:6px;align-items:center;font-size:.82rem;font-weight:600;color:var(--suave);margin:0;white-space:nowrap}
.alt .marca-ok input{width:20px;height:20px;accent-color:var(--sello)}
.alt .fb-l{grid-column:1;font-size:.8rem;font-weight:400;color:var(--tenue);margin:0;white-space:normal;max-width:110px}
.alt input.fb{font-size:.92rem;background:#f8faf8;min-height:38px}
[role=tab][aria-selected=true]{background:var(--azul);color:#fff}
.tabla td:first-child{min-width:200px}
@media (max-width:640px){
  .riel{grid-template-columns:repeat(5,1fr);gap:0}
  .riel li{padding:34px 4px 0 0;min-height:0;font-size:0}
  .riel li b{font-size:.72rem;line-height:1.2}
  .riel li::after{top:12px;left:26px;right:0;bottom:auto;width:auto;height:2px}
  .alt{grid-template-columns:1fr}
  .alt .fb-l{max-width:none}
  [role=tablist]{flex-wrap:nowrap}
  [role=tablist] .btn{flex:1 1 0;font-size:.9rem;padding:8px 10px}
}
.alt textarea.op{min-height:44px;resize:vertical}

/* Voz y estilo con muestras (28-09-2026) */
.elegir{border:0;padding:0;margin:0 0 18px;min-width:0}
.elegir legend{font-weight:700;margin-bottom:8px;padding:0}
.elegir legend .ayuda{display:block;font-weight:400;color:var(--tenue);font-size:.9em}
.opciones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.opcion{display:flex;flex-direction:column;gap:10px;background:var(--hoja);border:1.5px solid var(--linea);border-radius:var(--r2);padding:12px;cursor:pointer;position:relative;min-width:0}
.opcion:hover{border-color:var(--linea-f)}
.opcion:has(input:checked){border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-c)}
.opcion input{position:absolute;top:14px;right:14px;width:18px;height:18px;margin:0;accent-color:var(--azul)}
.opcion input:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.opcion-tit{font-weight:700;padding-right:28px}
.opcion audio{width:100%;height:36px}
.opcion img{width:100%;height:auto;aspect-ratio:720/411;object-fit:cover;border-radius:var(--r1);display:block;max-width:100%}
@media (max-width:560px){.opciones{grid-template-columns:1fr}}

/* ═══ Identidad NortEduc (norteduc.cl, 28-09-2026): azul marino, acento naranjo en píldora, azul NortEduc ═══ */
:root{
  --papel:#f5f8fb; --tinta:#0a2a44; --suave:#44586b; --tenue:#627487;
  --linea:#d6e1ea; --linea-f:#b8c8d6;
  --azul:#1a6ea3; --azul-h:#0a2a44; --azul-c:#e3f0f8;
  --naranja:#f5871f; --naranja-h:#dc6f0a;
  --turquesa:#3fb5c4;
  --r1:10px; --r2:18px;
  --disp:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
  --txt:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
body{font-family:var(--txt)}
h1,h2,h3{font-weight:800;letter-spacing:-.015em}
.barra{background:var(--tinta)}
.marca{align-items:center;gap:12px;font-family:var(--disp);font-weight:700;font-size:1.02rem}
.marca img{height:37px;width:auto;display:block}
.marca span{padding-left:12px;border-left:1px solid rgba(255,255,255,.25);color:#fff}
.nav a{color:#dbe6ef;font-weight:600}
.nav a[aria-current=page]{background:rgba(255,255,255,.12);color:#fff}
.saldo{background:rgba(63,181,196,.18);color:#fff}
/* Botón principal: naranjo en píldora, como en norteduc.cl */
.btn{background:var(--naranja);border-color:var(--naranja);color:#fff;border-radius:999px;font-weight:700;padding:10px 22px;box-shadow:0 6px 16px rgba(245,135,31,.28)}
.btn:hover{background:var(--naranja-h);border-color:var(--naranja-h);color:#fff}
.btn.sec{background:#fff;color:var(--tinta);border:1.5px solid var(--linea-f);box-shadow:none}
.btn.sec:hover{background:var(--azul-c);color:var(--tinta);border-color:var(--azul)}
.btn.peligro{border-radius:999px;box-shadow:none}
.btn[disabled],.btn[aria-disabled=true]{box-shadow:none}
.bloque{border-radius:var(--r2)}
[role=tab][aria-selected=true]{background:var(--tinta)!important;border-color:var(--tinta)!important;color:#fff!important;box-shadow:none}
@media (max-width:760px){.marca span{display:none}}
.barra .in{gap:16px;max-width:1240px}
.nav{flex-wrap:nowrap;gap:2px}
.nav a{padding:8px 9px;font-size:.92rem;white-space:nowrap}
@media (max-width:1320px){.marca span{display:none}}
/* Módulos plegados */
fieldset.mod-plegable{border:1px solid var(--linea);border-radius:var(--r2);padding:0;margin:0 0 12px;background:#fff}
fieldset.mod-plegable>details>summary{cursor:pointer;padding:14px 18px;font-weight:700;list-style-position:inside}
fieldset.mod-plegable>details>summary .mod-res{font-weight:500;color:var(--suave)}
fieldset.mod-plegable>details[open]>summary{border-bottom:1px solid var(--linea)}
fieldset.mod-plegable>details>*:not(summary){margin-left:18px;margin-right:18px}
fieldset.mod-plegable>details>*:last-child{margin-bottom:16px}
fieldset.mod-plegable>details>.campo:first-of-type{margin-top:14px}
/* Encabezados plegables destacados (28-09-2026) */
fieldset.mod-plegable{overflow:hidden}
fieldset.mod-plegable>details>summary{background:var(--azul-c);color:var(--tinta);border-radius:0;transition:background .15s}
fieldset.mod-plegable>details>summary:hover{background:#cfe4f2}
fieldset.mod-plegable>details>summary:focus-visible{outline:3px solid var(--azul);outline-offset:-3px}
fieldset.mod-plegable>details[open]>summary{background:#cfe4f2;border-bottom:1px solid #b9d4e8}
fieldset.mod-plegable>details>summary .mod-res{color:#34506a}
/* Notas y ayudas de formularios en una línea cuando hay espacio (28-09-2026): antes el ancho de lectura de los párrafos las partía */
.bloque .nota,.bloque p.nota,.campo .ayuda,.elegir legend .ayuda,fieldset .nota{max-width:none}
.cabeza p{max-width:none}
/* ───── horas, dedicación, voz y videos (etapa 1.1) ───── */
.plan-mod{font-size:.88rem;color:var(--suave);background:var(--azul-c);border-radius:var(--r1);padding:8px 12px;margin:4px 0 10px}
.plan-mod:empty{display:none}
.ayuda-horas{background:var(--hoja);border:1px solid var(--linea);border-radius:var(--r2);padding:10px 16px;margin:0 0 16px}
.ayuda-horas summary{cursor:pointer;font-weight:600;color:var(--azul)}
.ayuda-horas ul{padding-left:18px}
.opciones.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}
.opcion .origen{font-size:.8rem;color:var(--tenue);font-weight:400}
.video-mod{border:1px solid var(--linea);border-radius:var(--r2);padding:14px 16px;margin-bottom:12px;background:#fbfcfb}
.video-mod h3{margin:0 0 8px;font-size:1rem}
.video-mod .modos{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 10px}
.video-mod video{width:100%;max-width:480px;border-radius:var(--r1);background:#000;display:block;margin:8px 0}
.dev-ok{color:var(--sello);font-weight:600}.dev-mal{color:var(--rojo);font-weight:600}
/* Descripciones sin ancho de lectura en todo el sitio (28-09-2026, pedido del usuario): ocupan el ancho de su bloque */
p{max-width:none}
.etiqueta-di{display:inline-block;font-size:.75rem;font-weight:600;border:1px solid var(--linea-f);color:var(--suave);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:middle}
ol.apa{padding-left:22px}ol.apa li{margin:0 0 6px;overflow-wrap:anywhere}