/* Rubria · estilos del lote 3 · UTP, Dirección y evaluación institucional (MON, DIR, EV-01/10/11, LB-05/06). Solo clases con prefijo «utp-»; lo común vive en ../sistema.css. */

/* Fuente, período y completitud de cada cifra */
.utp-fuente{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:.7rem;line-height:1.45;color:var(--tinta3)}
.utp-fuente .ic{width:.85rem;height:.85rem;margin-top:.15em}
.utp-fuente b{font:400 .58rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta2)}
.tile .utp-fuente{margin-top:auto}

/* Navegación interna de Aprendizajes y cobertura */
.utp-subnav{align-self:flex-start;max-width:100%;overflow-x:auto}
.utp-cursos{max-width:100%;overflow-x:auto;align-self:flex-start}
.utp-cursos button,.utp-subnav button{white-space:nowrap}

/* Medidor con marca de lo previsto a la fecha */
.utp-med{height:8px;margin:2px 0}
.utp-med .utp-marca{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:2px;background:var(--violeta)}
.utp-ley-marca{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;color:var(--tinta2)}
.utp-ley-marca::before{content:"";width:2px;height:14px;border-radius:2px;background:var(--violeta)}

/* Matriz curso × asignatura */
.utp-matriz th[scope="row"]{white-space:nowrap;font:500 .9rem/1.3 var(--serif);color:var(--tinta);text-transform:none;letter-spacing:0}
.utp-matriz th[scope="row"] .tenue{display:block;font:400 .66rem/1.3 var(--mono);letter-spacing:.06em}
.utp-matriz td{padding:6px 4px;min-width:132px;width:23%}
.utp-celda{display:flex;flex-direction:column;gap:6px;width:100%;padding:10px 12px;border-radius:var(--r-md);background:var(--bandeja);transition:background-color var(--t) var(--spring)}
.utp-celda:hover{background:var(--hover)}
.utp-celda-n{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.utp-celda-n b{font:300 1.35rem/1 var(--mono);letter-spacing:-.04em}
.utp-celda-n small{font-size:.72rem;color:var(--tinta2)}
.utp-celda-n .est{margin-left:auto;font-size:.64rem;padding:2px 8px 2px 7px}
.utp-celda-d{font-size:.7rem;color:var(--tinta2);line-height:1.35}
.utp-leyenda{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.74rem;color:var(--tinta2)}
.utp-leyenda>span{display:inline-flex;align-items:center;gap:6px}
.utp-solo-movil{display:none}
.utp-movil-curso{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--linea)}
.utp-den{display:block;font-size:.66rem}
.utp-cifras{margin:0}
.utp-cifras b{font-size:2rem}
.utp-cifras .lbl{display:block;margin-bottom:8px}
.utp-oa-txt{margin:0;font-size:1.12rem;line-height:1.4;color:var(--tinta)}

/* Formularios breves de acuerdo */
.utp-form{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--r-md);background:var(--bandeja)}
.utp-form .campo{width:100%;min-height:2.6rem}
.utp-form .btn{align-self:flex-start}
.utp-acordar summary{list-style:none;display:inline-flex;cursor:pointer}
.utp-acordar summary::-webkit-details-marker{display:none}
.utp-acordar[open] summary{margin-bottom:10px}

/* Trayectoria: barras mensuales y notas */
.utp-ficha{gap:22px}
.utp-ficha .col{display:flex;flex-direction:column;gap:10px;min-width:0}
.utp-barras{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;align-items:end;height:96px;padding:6px 0 0}
.utp-barras.ancho{height:130px}
.utp-barra{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:default}
button.utp-barra{cursor:pointer}
.utp-barra i{display:block;width:min(70%,34px);border-radius:4px 4px 0 0;background:var(--navy-mid)}
html[data-modo="oscuro"] .utp-barra i{background:#A9BACD}
.utp-barra.aviso i{background:var(--warn)}.utp-barra.critico i{background:var(--err)}
.utp-barra small{font:400 .6rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tinta2)}
button.utp-barra:hover i{opacity:.8}
.utp-barra em{font-style:normal;font-size:.62rem;color:var(--tinta2)}
.utp-notas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.utp-notas span{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--r-sm);background:var(--bandeja)}
.utp-notas small{font-size:.66rem;color:var(--tinta2)}
.utp-notas b{font:400 1rem/1 var(--mono)}
.utp-notas .baja,.utp-asis .baja{color:var(--tierra)}

/* Cuadro de asistencia por curso */
.utp-asis td.num,.utp-asis th{white-space:nowrap}
.utp-asis th[scope="row"]{font:500 .86rem/1.3 var(--sans);letter-spacing:0;text-transform:none;color:var(--tinta)}
.utp-asis tfoot th,.utp-asis tfoot td{border-top:1px solid var(--linea2);font-weight:500}
.utp-c-aviso{background:var(--warn-piso);color:var(--warn-tinta)}
.utp-c-critico{background:var(--err-piso);color:var(--err-tinta)}

/* Acompañamiento: pauta */
.utp-pauta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.utp-pauta>div{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r-md);background:var(--bandeja)}
.utp-pauta b{font-weight:500;font-size:.84rem}
.utp-pauta span:not(.est){font-size:.74rem;color:var(--tinta2);line-height:1.4}
.utp-pauta .est{align-self:flex-start}

/* Reuniones: participantes */
.utp-parts{display:flex;flex-direction:column}
.utp-part{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--linea)}
.utp-part>span:nth-child(2){flex:1;min-width:12rem;display:flex;flex-direction:column}
.utp-part b{font-weight:500;font-size:.84rem}
.utp-part small{font-size:.72rem;color:var(--tinta2)}

/* Dirección */
.utp-tend{display:flex;flex-direction:column;gap:8px}
.utp-se-agregado{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:var(--r-md);background:var(--hoja-calida)}
.utp-se-agregado p{margin:0;font-size:.78rem;color:var(--tinta2)}
.utp-cadena{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:paso}
.utp-cadena li{position:relative;display:grid;grid-template-columns:9.5rem minmax(0,1fr);gap:12px;padding:10px 0 10px 22px;border-bottom:1px solid var(--linea);font-size:.86rem}
.utp-cadena li::before{content:"";position:absolute;left:4px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--violeta)}
.utp-cadena li::after{content:"";position:absolute;left:7px;top:28px;bottom:-12px;width:2px;background:var(--violeta-piso)}
.utp-cadena li:last-child::after{display:none}

/* Cuestionario del estudiante */
.utp-opc{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Documentos */
.utp-papel{display:flex;flex-direction:column;gap:12px;padding:30px 34px;min-height:0;color:#132649;background:var(--papel)}
.utp-papel.impresion{min-height:820px}
.utp-papel h3{margin:6px 0 0;font:500 1.5rem/1.15 var(--serif)}
.utp-papel p{margin:0;font-size:.86rem;line-height:1.55}
.utp-papel .tabla{color:#132649}
.utp-papel-cab{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(19,38,73,.16)}
.utp-papel-cab div{display:flex;flex-direction:column}
.utp-papel-cab b{font:500 1rem/1.2 var(--serif)}
.utp-papel-cab span{font-size:.72rem;color:#505D74}
.utp-papel.impresion{box-shadow:0 0 0 1px rgba(19,38,73,.2);border-radius:2px;font-family:Georgia,serif}
.utp-vacio{color:#7A5518;font-style:italic}
.utp-firma{margin-top:10px;padding:16px;border:1.5px dashed rgba(19,38,73,.25);border-radius:var(--r-sm);font-size:.78rem;color:#505D74;text-align:center}
.utp-firma.ok{border-style:solid;border-color:#349891;color:#1F5B57;text-align:left}

/* Anchos */
@media (max-width:1100px){.utp-ficha{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .utp-solo-ancho{display:none}.utp-solo-movil{display:block}
  .utp-pauta,.utp-notas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .utp-opc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .utp-cadena li{grid-template-columns:minmax(0,1fr);gap:2px}
  .utp-papel{padding:22px 18px}
  .utp-cifras{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media print{.utp-papel{box-shadow:none}}
/* P-05 · clases de hoy, desplegables */
.utp-hoy{border-top:1px solid var(--linea2);padding:8px 0}
.utp-hoy summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.86rem}
.utp-hoy[open] summary{margin-bottom:6px}

/* ── Ensayo tipo SIMCE (R1-4): registrar respuestas, documentos imprimibles e informe ── */
.utp-ens-rapida .campo{flex:1;min-width:0;letter-spacing:.12em;text-transform:uppercase}
.utp-ens-grilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.utp-ens-p{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--linea2);min-width:0}
.utp-ens-p.bien{box-shadow:0 0 0 1px #6BB5A9;background:rgba(52,152,145,.06)}
.utp-ens-p.mal{box-shadow:0 0 0 1px var(--bandeja-borde)}
.utp-ens-pt{font-size:.76rem;color:var(--tinta2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.utp-ens-pt b{color:var(--tinta);margin-right:2px}
.utp-ens-alts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.utp-ens-b{min-height:32px;padding:0;border:0;border-radius:8px;background:var(--hoja);box-shadow:0 0 0 1px var(--linea2);font:500 .86rem var(--mono);color:var(--tinta);cursor:pointer}
.utp-ens-b[aria-pressed="true"]{background:var(--violeta);color:#fff;box-shadow:none}
.utp-ens-b:disabled{cursor:default}
.utp-ens-ab{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--linea)}
.utp-ens-hc td,.utp-ens-hc th{padding:5px 6px;font-size:.74rem}
.utp-ens-hc td.ok{color:#1F5B57;font-weight:600}
.utp-ens-tx{display:block;font-size:.72rem}
.utp-ens-tp td{vertical-align:top}

.utp-ens-doc{display:flex;flex-direction:column;gap:12px;width:100%;max-width:820px;margin:0 auto;padding:34px 40px;background:#FBFAF7;color:#132649;border-radius:6px;box-shadow:0 1px 2px rgba(19,38,73,.06),0 18px 40px -18px rgba(19,38,73,.35);font-size:.86rem;line-height:1.5}
.utp-ens-doc p{margin:0}
.utp-ens-doc h3{margin:2px 0 4px;font:500 1.35rem/1.2 var(--serif)}
.utp-ens-doc h4{margin:8px 0 0;font:600 .8rem/1.3 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:#505D74}
.utp-ens-doc .tabla{color:#132649}
.utp-ens-cab{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(19,38,73,.18)}
.utp-ens-cab div{display:flex;flex-direction:column;min-width:0}
.utp-ens-cab b{font:500 1rem/1.2 var(--serif)}
.utp-ens-cab span{font-size:.72rem;color:#505D74}
.utp-ens-cab-d{text-align:right}
.utp-ens-rotulo{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:#7A5518}
.utp-ens-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 16px;padding:10px 0;border-bottom:1px solid rgba(19,38,73,.12)}
.utp-ens-meta div{display:flex;flex-direction:column;min-width:0}
.utp-ens-meta span{font-size:.7rem;color:#505D74}
.utp-ens-meta b.linea{display:block;height:1.2em;border-bottom:1px solid rgba(19,38,73,.4)}
.utp-ens-instr{font-size:.82rem;color:#2B3A55}
.utp-ens-texto{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border-radius:4px;background:rgba(19,38,73,.035)}
.utp-ens-preguntas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 22px}
.utp-ens-q{display:flex;flex-direction:column;gap:4px;min-width:0}
.utp-ens-alt{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.utp-ens-alt li{display:flex;gap:8px;align-items:baseline;padding:1px 4px;border-radius:4px}
.utp-ens-alt li .num{flex:none;width:1.2rem;font-weight:600}
.utp-ens-alt li.clave{background:rgba(52,152,145,.14);font-weight:600}
.utp-ens-alt li em{margin-left:auto;font-style:normal;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:#1F5B57}
.utp-ens-eje{font-size:.7rem;color:#505D74}
.utp-ens-pauta{display:grid;gap:4px}
.utp-ens-pauta div{display:grid;grid-template-columns:8.5rem minmax(0,1fr);gap:8px;font-size:.8rem}
.utp-ens-lineas{display:flex;flex-direction:column;gap:16px;padding-top:12px}
.utp-ens-lineas i{display:block;border-bottom:1px solid rgba(19,38,73,.35)}
.utp-ens-burbujas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 40px}
.utp-ens-burb-col{display:flex;flex-direction:column;gap:5px}
.utp-ens-burb{display:flex;align-items:center;gap:10px}
.utp-ens-burb .num{width:1.6rem;text-align:right;font-weight:600}
.utp-ens-burb .b{display:inline-grid;place-items:center;width:22px;height:22px;border:1.4px solid #132649;border-radius:50%;font-size:.68rem}
.utp-ens-uso{display:flex;flex-wrap:wrap;gap:6px 18px;padding:10px 12px;border:1px dashed rgba(19,38,73,.3);border-radius:4px;font-size:.76rem}
.utp-ens-uso i{display:inline-block;width:11px;height:11px;margin:0 3px 0 6px;border:1.2px solid #132649;vertical-align:-1px}
.utp-ens-tabla{font-size:.78rem}
.utp-ens-tabla th,.utp-ens-tabla td{padding:4px 6px}
.utp-ens-dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.utp-ens-nota{font-size:.74rem;color:#505D74}
.utp-ens-pie{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:6px;padding-top:8px;border-top:1px solid rgba(19,38,73,.14);font-size:.68rem;color:#505D74}
.utp-ens-solo-imp{display:none}
@media (max-width:760px){
  .utp-ens-doc{padding:20px 16px}
  .utp-ens-preguntas,.utp-ens-dos,.utp-ens-burbujas{grid-template-columns:minmax(0,1fr)}
  .utp-ens-cab{grid-template-columns:auto minmax(0,1fr)}.utp-ens-cab-d{grid-column:1 / -1;text-align:left}
  .utp-ens-pauta div{grid-template-columns:minmax(0,1fr);gap:0}
}
/* Impresión: solo el documento, en A4, sin menú, migas, botones ni barra de la muestra */
@media print{
  @page{size:A4;margin:13mm 12mm}
  body:has(.utp-imp-doc){background:#fff}
  body:has(.utp-imp-doc) .main{padding:0;max-width:none}
  body:has(.utp-imp-doc) .main > :not(.pant),body:has(.utp-imp-doc) .pant > :not(.utp-imp-doc){display:none !important}
  body:has(.utp-imp-doc) .pant{gap:0}
  .utp-imp-doc{max-width:none;padding:0;border-radius:0;box-shadow:none;background:#fff;font-size:10pt}
  .utp-ens-solo-imp{display:flex}
  .utp-ens-hojaresp{break-after:page}
  .utp-ens-hojaresp:last-of-type{break-after:auto}
  .utp-ens-q,.utp-ens-texto,.utp-ens-tabla tr,.utp-ens-cab,.utp-ens-meta{break-inside:avoid}
  .utp-ens-doc h4{break-after:avoid}
  .utp-ens-doc .tabla{display:table;overflow:visible}
}