:root{--tinta: #1d2a33;--fondo: #f4f6f5;--marca: #123b4a;--ok: #177c6a;--alerta: #91090b;--ambar: #926219;--tenue: #5b6b73;--borde: #d5ddd8}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--tinta);background:var(--fondo);font-size:17px;line-height:1.5}a{color:var(--marca)}h1{font-size:1.6rem;margin:.4rem 0 .6rem}h2{font-size:1.2rem}.barra{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;background:var(--marca);color:#fff;padding:.6rem 1rem}.barra a,.barra .enlace{color:#fff;text-decoration:none;margin-left:.9rem;font-size:.95rem}.marca{font-weight:700;margin-left:0!important}.etiqueta{font-weight:400;font-size:.75rem;background:#fff3;padding:.1rem .4rem;border-radius:6px}.franja{background:#fdecea;color:var(--alerta);border-bottom:2px solid var(--alerta);padding:.45rem 1rem;font-size:.9rem}.franja.validado{background:#e6f4f1;color:var(--ok);border-color:var(--ok)}main,.contenido{max-width:920px;margin:0 auto;padding:1rem}.centro{display:flex;justify-content:center;padding-top:3rem}.tarjeta{background:#fff;border:1px solid var(--borde);border-radius:12px;padding:1rem 1.2rem;margin:.7rem 0;display:block;color:inherit;text-decoration:none}.angosta{width:min(420px,92vw)}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.tema h2{margin:.3rem 0}.accion{font-weight:600}.insignia{font-size:.75rem;padding:.1rem .5rem;border-radius:99px;margin-right:.3rem;background:#eee}.insignia.borrador{background:#fdecea;color:var(--alerta)}.insignia.validado{background:#e6f4f1;color:var(--ok)}.insignia.oculto{background:#fff3cd;color:var(--ambar)}label{display:block;font-size:.9rem;color:var(--tenue);margin-top:.6rem}input,textarea,select{width:100%;font:inherit;padding:.55rem;border:1px solid #b9c5be;border-radius:8px}button{font:inherit;background:var(--marca);color:#fff;border:0;border-radius:8px;padding:.55rem 1rem;cursor:pointer;margin-top:.6rem}button:disabled{opacity:.5;cursor:default}button.secundario{background:#fff;color:var(--marca);border:1px solid var(--marca)}button.peligro{background:var(--alerta)}button.grande,.grande{font-size:1.2rem}button.enlace{background:none;padding:0;margin:0 0 0 .9rem}.fila{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.fila input{flex:1}.tenue{color:var(--tenue)}.chico{font-size:.85rem}.aviso{padding:.6rem .8rem;border-radius:8px;margin:.6rem 0;background:#eef3f6}.aviso.error{background:#fdecea;color:var(--alerta)}.aviso.ok{background:#e6f4f1;color:var(--ok)}.ok{color:var(--ok)}.error{color:var(--alerta)}.enunciado{font-size:1.1rem}.opciones{display:grid;gap:.5rem}.opcion:disabled{opacity:1}.opcion{text-align:left;background:#fff;color:var(--tinta);border:1px solid #b9c5be;margin:0}.opcion.correcta{border:2px solid var(--ok);background:#e6f4f1}.opcion.incorrecta{border:2px solid var(--alerta);background:#fdecea}.explicacion{margin-top:.8rem;border-top:1px solid var(--borde);padding-top:.6rem}.cita,.fuentes{font-size:.9rem;color:var(--tenue)}.pregunta{font-weight:600}.respuesta{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:.6rem .9rem}.pie-respuesta{font-size:.8rem;color:var(--alerta);font-weight:600}.boton-reporte{background:#fff;color:var(--alerta);border:1px solid var(--alerta);font-size:.85rem;padding:.3rem .7rem}.caja-reporte{background:#fff;border:1px solid var(--alerta);border-radius:10px;padding:.6rem;margin-top:.6rem}.video{width:100%;border-radius:10px;background:#000}.volver{display:inline-block;margin-bottom:.4rem}.legal .texto-legal{max-height:260px;overflow:auto;border:1px solid var(--borde);padding:.4rem .8rem;border-radius:8px}.casilla{display:flex;gap:.5rem;align-items:center;color:var(--tinta)}.casilla input{width:auto}mark{background:#fff3cd}table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem;margin-bottom:1rem}th,td{border-bottom:1px solid var(--borde);padding:.4rem;text-align:left;vertical-align:top}.pie{max-width:920px;margin:2rem auto;padding:0 1rem;font-size:.8rem;color:var(--tenue)}@media (max-width: 600px){.barra nav a{margin-left:.5rem}body{font-size:16px}}