<turbo-stream action="update" target="remote_modal_sec"><template><turbo-frame id="remote_modal_sec">
  <div class="modal fade" id="standard-modal" tabindex="-1" role="dialog" data-controller="modal">
    <div class="modal-dialog modal-dialog-centered modal-lg"> 
      <div class="modal-content border-0 shadow-lg rounded-4 overflow-hidden">

        <div class="modal-header border-0 p-4 bg-dark text-white">
          <div class="d-flex align-items-center">
            <div class="bg-white bg-opacity-10 p-3 rounded-3 me-3 border border-white border-opacity-25">
              <i class='bx bx-spreadsheet fs-2 text-warning'></i>
            </div>
            <div>
              <h4 class="modal-title fw-bold mb-0 text-white">Reglamento del Curso</h4>
              <p class="mb-0 opacity-75 small">
                Economía y Administración Rural • Ciclo 2026
              </p>
            </div>
          </div>
          <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>

        <div class="modal-body p-0 bg-white">
          <div class="bg-light border-bottom px-4 py-2 d-flex align-items-center gap-2">
            <i class='bx bx-check-shield text-success'></i>
            <span class="text-muted fw-medium" style="font-size: 0.75rem; letter-spacing: 0.5px;">
              ESTADO DEL ALUMNO: <strong>INSCRIPTO / ACTIVO</strong>
            </span>
          </div>

          <div class="p-4 p-md-5">
            <div class="ia-response-container">
                <div class="text-center py-5">
                  <div class="bg-light d-inline-flex align-items-center justify-content-center rounded-circle mb-3" style="width: 60px; height: 60px;">
                    <i class='bx bx-error-alt fs-2 text-muted'></i>
                  </div>
                  <p class="text-muted italic px-4">
                    No se ha cargado un reglamento específico para este ciclo lectivo.
                    Por defecto, se aplican las normas generales de la UNT.
                  </p>
                </div>
            </div>
          </div>
        </div>

        <div class="modal-footer border-0 p-4 bg-light d-flex justify-content-between align-items-center">
          <div class="d-none d-md-block">
            <span class="badge bg-white text-dark border shadow-xs rounded-pill px-3 py-2">
              <i class='bx bx-info-circle text-primary me-1'></i> Consulta con tu docente ante dudas
            </span>
          </div>
          <button type="button" class="btn btn-secondary rounded-pill px-5 fw-bold shadow-sm" data-bs-dismiss="modal">
            Entendido
          </button>
        </div>
      </div>
    </div>
  </div>

  <style>
    /* Estilo para que el markdown se vea impecable dentro del modal */
    .ia-response-container .markdown-body {
      color: #334155;
    }
    .ia-response-container .markdown-body h1,
    .ia-response-container .markdown-body h2,
    .ia-response-container .markdown-body h3 {
      color: #0f172a;
      margin-top: 1.5rem;
      border-bottom: 1px solid #f1f5f9;
      padding-bottom: 0.5rem;
    }
    .ia-response-container .markdown-body strong {
      color: #1e40af; /* Azul para resaltar los mínimos e IRT */
    }
    .ia-response-container .markdown-body ul {
      padding-left: 1.2rem;
    }
    .ia-response-container .markdown-body blockquote {
      border-left: 4px solid #e2e8f0;
      padding-left: 1rem;
      color: #64748b;
      font-style: italic;
    }
  </style>
</turbo-frame></template></turbo-stream>