/* =====================================================================
   Plantillas de calificaciones de la institución: tarjeta de «Mi institución» y ventanas de revisión y descarga.
   Usa la paleta de Tiza (variables --tiza-*, --line, --muted, --ink, --ok, --error de index.php). Todas las clases empiezan con pl-.
   ===================================================================== */

/* ---------- Tarjeta en «Mi institución» ---------- */
.pl-lista{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.pl-item{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff}
.pl-item-info{display:flex;gap:12px;align-items:center;min-width:0;flex:1 1 230px}
.pl-ico{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:#E4F1EA;color:#14774a;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.pl-item-txt{min-width:0}
.pl-item-txt b{display:block;overflow-wrap:anywhere;color:var(--tiza-profundo)}
.pl-item-txt small{display:block;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
.pl-item-acc{display:flex;flex-wrap:wrap;gap:8px}
.pl-item-acc .btn{display:inline-flex;align-items:center;gap:6px}
.pl-vacio{display:flex;gap:12px;align-items:center;border:1.5px dashed var(--tiza-azul-borde);background:var(--tiza-azul-10);border-radius:12px;padding:14px 16px;margin:0 0 14px;color:var(--ink)}
.pl-vacio .pl-ico{background:#fff;color:var(--tiza-accion)}
.pl-vacio b{display:block}
.pl-vacio span{display:block;color:var(--muted);font-size:.86rem;line-height:1.45}
.pl-acciones .btn{display:inline-flex;align-items:center;gap:7px}
.pl-acciones .btn[disabled]{opacity:.55;cursor:not-allowed}
.pl-nota{background:#fff7e6;border:1px solid #f1d9a5;color:#7a4b00;border-radius:10px;padding:10px 14px;font-size:.88rem;line-height:1.5;margin:0 0 14px}

/* ---------- «¿Cómo se prepara?» ---------- */
.pl-como{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.pl-como > summary,.pl-grupo > summary{cursor:pointer;font-weight:600;color:var(--tiza-accion);border-radius:6px}
.pl-como > summary:focus-visible,.pl-grupo > summary:focus-visible,.pl-rec > summary:focus-visible{outline:2px solid var(--tiza-azul);outline-offset:2px}
.pl-como-cuerpo{padding-top:10px}
.pl-pasos{margin:0 0 12px;padding-left:20px;font-size:.9rem;line-height:1.6}
.pl-pasos li{margin:0 0 6px}
.pl-nota-peq{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0 0 10px}
.pl-cat-t{margin:16px 0 8px;font-size:.95rem;color:var(--tiza-profundo)}
.pl-grupo{border:1px solid var(--line);border-radius:10px;padding:9px 12px;margin:0 0 8px;background:#fff}
.pl-grupo > summary small{font-weight:400;color:var(--muted)}
.pl-grupo[open] > summary{margin-bottom:8px}
.pl-tabla-caja{overflow-x:auto}
.pl-tabla{width:100%;border-collapse:collapse;font-size:.86rem}
.pl-tabla td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:top;line-height:1.45}
.pl-tabla td:first-child{white-space:nowrap;width:1%}

/* ---------- Etiquetas ---------- */
.pl-et{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;background:var(--tiza-azul-10);border:1px solid var(--tiza-azul-borde);color:var(--tiza-profundo);border-radius:6px;padding:1px 6px;white-space:nowrap}
.pl-et-mal{background:#fdecea;border-color:#f5c6cb;color:var(--error)}

/* ---------- Ventanas (revisión y descarga) ---------- */
.pl-arch{margin:0 0 12px !important;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.pl-arch small{color:var(--muted);overflow-wrap:anywhere}
.pl-estado{border-radius:10px;padding:10px 14px;font-size:.88rem;line-height:1.5;margin:0 0 14px}
.pl-estado-ok{background:#e8f6ef;color:#17603f;border:1px solid #b8e2cd}
.pl-estado-aviso{background:#fff7e6;color:#7a4b00;border:1px solid #f1d9a5}
.pl-estado-info{background:var(--tiza-azul-10);color:var(--tiza-profundo);border:1px solid var(--tiza-azul-borde)}
.pl-t{margin:16px 0 4px;font-size:.95rem;color:var(--tiza-profundo)}
.pl-lt{margin:6px 0 10px;padding-left:20px;font-size:.88rem;line-height:1.55}
.pl-lt li{margin:0 0 5px;overflow-wrap:anywhere}
.pl-sitio{color:var(--muted);font-size:.8rem}
.pl-rec{margin:12px 0 0}
.pl-rec > summary{cursor:pointer;font-weight:600;color:var(--tiza-accion)}
.pl-rec-cuerpo{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 0}
.pl-rec-g{width:100%;font-size:.8rem;color:var(--muted);margin:6px 0 0}
.pl-veces{color:var(--muted);font-size:.74rem;margin-left:2px}
.pl-dl-curso{margin:0 0 14px;font-size:.95rem}
.pl-dl-curso .ayuda{margin:0}
.pl-dl-curso small{color:var(--muted)}
.pl-dl-fijo{margin:0 0 14px !important}
.pl-dl-pie{margin:14px 0 0 !important}
.pl-enlace{background:none;border:0;padding:8px 4px;margin:-8px -4px;font:inherit;color:var(--blue);cursor:pointer;text-decoration:underline;display:inline-block}   /* el relleno agranda la zona que se toca sin mover el texto */
.pl-giro{width:13px;height:13px;border-radius:50%;border:2px solid var(--tiza-azul-borde);border-top-color:var(--tiza-azul);animation:pl-gira .8s linear infinite;display:inline-block;vertical-align:-2px;margin-right:6px}
@keyframes pl-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.pl-giro{animation:none}}

/* ---------- Tarjeta dentro de «Reportes» de Gestión escolar ---------- */
.pl-rep-ico{color:#14774a}

@media (max-width:560px){
  .pl-item-acc{width:100%}
  .pl-item-acc .btn{flex:1 1 auto;justify-content:center;min-height:40px}
  .pl-como > summary,.pl-grupo > summary,.pl-rec > summary{padding:10px 0}
  .pl-acciones .btn{flex:1 1 100%;justify-content:center}
  .pl-vacio{flex-direction:column;align-items:flex-start}
}