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

        <div class="modal-header border-0 p-4 bg-primary text-white">
          <div class="d-flex align-items-center">
            <div class="bg-white bg-opacity-25 p-3 rounded-circle me-3">
              <i class='bx bx-book-reader fs-2'></i>
            </div>
            <div>
              <h3 class="modal-title fw-bold mb-0 text-white">(121) Economía Agraria - Plan 2003</h3>
              <h5 class="modal-title fw-medium opacity-90 mb-2 fs-6 fs-md-5">
          Ingeniería Agronómica
          </h5>
              <div class="mt-1">
                <span class="badge bg-white text-dark rounded-pill">Ciclo 2026</span>
                <span class="badge bg-success text-white ms-2 rounded-pill">
                  Inscripciones Abiertas
                </span>
              </div>
            </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-4 bg-light">
          <div class="container-fluid">
  <div class="row g-3">

    <div class="col-md-4">
      <div class="card border-0 shadow-sm rounded-4 p-3 p-lg-4 h-100">

        <h6 class="text-muted fw-bold small text-uppercase mb-4">
          <i class='bx bx-info-square me-2'></i>Datos del Curso
        </h6>

        <div class="d-flex flex-column gap-3 mb-4">
          <div class="d-flex align-items-center p-2 rounded-3 bg-primary-subtle bg-opacity-10">
            <div class="p-2 bg-primary text-white rounded-3 me-3"><i class='bx bx-user fs-4'></i></div>
            <div class="w-100">
              <div class="small text-muted" style="font-size: 0.7rem;">Responsable</div>
              <div class="fw-bold text-dark">BUSTOS, Julio César</div>
            </div>
          </div>

          <div class="d-flex align-items-center p-2 rounded-3 bg-info-subtle bg-opacity-10">
            <div class="p-2 bg-info text-white rounded-3 me-3"><i class='bx bx-map-pin fs-4'></i></div>
            <div class="w-100">
              <div class="small text-muted" style="font-size: 0.7rem;">Aula</div>
              <div class="fw-bold text-dark">F</div>
            </div>
          </div>

          <div class="d-flex align-items-center p-2 rounded-3 bg-warning-subtle bg-opacity-10">
            <div class="p-2 bg-warning text-white rounded-3 me-3 flex-shrink-0">
              <i class='bx bx-time-five fs-4'></i>
            </div>
            <div class="w-100 overflow-hidden">
              <div class="small text-muted" style="font-size: 0.7rem;">Horarios</div>
              <div class="fw-bold text-dark" style="font-size: 0.85rem; line-height: 1.2; word-wrap: break-word;">
                Martes 8:30hs a 10:30hs - Viernes 14:30hs a 17:00hs
              </div>
            </div>
          </div>
        </div>

        <div class="mb-3">
          <a class="btn btn-outline-secondary w-100 rounded-pill py-2 d-flex align-items-center justify-content-center gap-2 border-dashed shadow-xs" style="border-style: dashed !important; background-color: #fafafa;" data-turbo-stream="true" href="/cursos/102/reglamento">
            <i class='bx bx-file text-muted'></i>
            <span class="small fw-bold text-muted text-uppercase" style="letter-spacing: 0.5px;">Ver Reglamento del Curso</span>
</a>        </div>


        <h6 class="text-muted fw-bold small text-uppercase mb-2">
          <i class='bx bx-trending-up me-1'></i> Métricas del Curso
        </h6>

        <h6 class="text-muted fw-bold small text-uppercase mb-4 text-center">
          <i class='bx bx-bar-chart-alt-2 me-2'></i>Índice Rendimiento Académico (IRA)
        </h6>

        <div class="card border-0 bg-light rounded-4 p-3 mb-4">
          <div class="position-relative" style="height: 120px; margin: 0 10px;">

            <div class="progress position-absolute w-100" style="height: 10px; border-radius: 10px; background-color: #ced4da; top: 50%; transform: translateY(-50%);">
              <div class="progress-bar bg-transparent" role="progressbar" style="width: 100%"></div>
            </div>

            <div class="position-absolute" style="left: 50.0%; top: 50%; transform: translateX(-50%); width: 100px;">
              <div class="bg-primary mx-auto" style="width: 3px; height: 20px;"></div>
              <div class="fw-bold text-primary text-center mt-1" style="font-size: 0.65rem; line-height: 1.1;">
                REGULAR<br>50.0%
              </div>
            </div>

            <div class="position-absolute" style="left: 70.0%; bottom: 50%; transform: translateX(-50%); width: 100px;">
              <div class="fw-bold text-success text-center mb-1" style="font-size: 0.65rem; line-height: 1.1;">
                PROMOCIÓN<br>70.0%
              </div>
              <div class="bg-success mx-auto" style="width: 3px; height: 20px;"></div>
            </div>

          </div>
        </div>

        <div class="d-flex flex-column gap-2">
            <div class="p-3 border border-light-subtle rounded-3 bg-white d-flex align-items-center justify-content-between shadow-sm">
              <div class="d-flex align-items-center text-truncate">
                <div class="p-2 bg-primary bg-opacity-10 text-primary rounded-3 me-3">
                   <i class='bx bx-edit-alt fs-4'></i>
                </div>
                <div class="lh-1">
                  <div class="fw-bold text-dark mb-1" style="font-size: 0.9rem;">Exámenes</div>
                  <div class="text-muted mb-1" style="font-size: 0.65rem;">
                    <strong>2</strong> exámenes prog.
                  </div>
                  <div class="text-muted" style="font-size: 0.65rem;">Peso total: <strong>85.0%</strong></div>
                </div>
              </div>
              <div class="text-end lh-1 ms-2">
                <div class="text-muted mb-1" style="font-size: 0.55rem; font-weight: 800; letter-spacing: 0.5px;">MIN. REQUERIDO</div>
                <div class="h5 mb-0 fw-bold text-danger">50.0%</div>
              </div>
            </div>
            <div class="p-3 border border-light-subtle rounded-3 bg-white d-flex align-items-center justify-content-between shadow-sm">
              <div class="d-flex align-items-center text-truncate">
                <div class="p-2 bg-info bg-opacity-10 text-info rounded-3 me-3">
                   <i class='bx bx-bot fs-4'></i>
                </div>
                <div class="lh-1">
                  <div class="fw-bold text-dark mb-1" style="font-size: 0.9rem;">Controles</div>
                  <div class="text-muted mb-1" style="font-size: 0.65rem;">
                    <strong>0</strong> controles prog.
                  </div>
                  <div class="text-muted" style="font-size: 0.65rem;">Peso total: <strong>0.0%</strong></div>
                </div>
              </div>
              <div class="text-end lh-1 ms-2">
                <div class="text-muted mb-1" style="font-size: 0.55rem; font-weight: 800; letter-spacing: 0.5px;">MIN. REQUERIDO</div>
                <div class="h5 mb-0 fw-bold text-danger">0.0%</div>
              </div>
            </div>
            <div class="p-3 border border-light-subtle rounded-3 bg-white d-flex align-items-center justify-content-between shadow-sm">
              <div class="d-flex align-items-center text-truncate">
                <div class="p-2 bg-warning bg-opacity-10 text-warning rounded-3 me-3">
                   <i class='bx bx-calendar-check fs-4'></i>
                </div>
                <div class="lh-1">
                  <div class="fw-bold text-dark mb-1" style="font-size: 0.9rem;">Asistencia</div>
                  <div class="text-muted mb-1" style="font-size: 0.65rem;">
                    <strong>19</strong> clases prog.
                  </div>
                  <div class="text-muted" style="font-size: 0.65rem;">Peso total: <strong>15.0%</strong></div>
                </div>
              </div>
              <div class="text-end lh-1 ms-2">
                <div class="text-muted mb-1" style="font-size: 0.55rem; font-weight: 800; letter-spacing: 0.5px;">MIN. REQUERIDO</div>
                <div class="h5 mb-0 fw-bold text-danger">50.0%</div>
              </div>
            </div>
        </div>

      </div>
    </div>

    <div class="col-md-8 ps-md-0">
      <div class="card border-0 shadow-sm rounded-4 p-4 h-100">
  <div class="d-flex justify-content-between align-items-center mb-4">
    <h5 class="fw-bold mb-0 text-dark">Cronograma de Actividades</h5>
    <span class="badge bg-dark rounded-pill px-3 py-2">23 Encuentros</span>
  </div>

  <div class="overflow-visible">
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">07/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">10/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">14/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">17/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">21/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">24/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:03
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">28/04</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">05/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">08/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">12/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-danger-subtle text-danger border-danger-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">PARCIAL</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">15/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">19/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-danger-subtle text-danger border-danger-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">RECUPERACIÓN (12/05)</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">22/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">26/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">29/05</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">02/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">05/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">09/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">12/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">16/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">19/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        14:30
        &nbsp;-&nbsp;17:00
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-light text-secondary border-light-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">TEÓRICA</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">23/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-danger-subtle text-danger border-danger-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">PARCIAL</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
        <div class="row g-0 align-items-center py-3 border-bottom hover-bg-light transition-all">

    <div class="col-auto d-flex flex-column align-items-center text-center px-3" style="min-width: 100px;">
      <div class="fw-bold text-primary fs-5">30/06</div>

      <div class="text-muted small" style="white-space: nowrap; margin-top: -3px; font-variant-numeric: tabular-nums;">
        <i class='bx bx-time-five me-1'></i>
        08:30
        &nbsp;-&nbsp;10:30
      </div>
    </div>
<div class="col-auto px-2" style="min-width: 160px;">
<span class="badge rounded-pill border py-2 px-3 bg-danger-subtle text-danger border-danger-subtle" style="font-size: 0.65rem; letter-spacing: 0.3px; font-weight: 700; white-space: nowrap;">RECUPERACIÓN (23/06)</span>
</div>

          <div class="col ps-4">
            <div class="text-dark" style="line-height: 1.5; font-size: 0.85rem;">
  <span class="text-muted fst-italic small">Sin temas cargados</span>
            </div>
          </div>

        </div>
  </div>
</div>

    </div>

  </div>
</div>

        </div>


        <div class="modal-footer border-0 p-4 bg-white d-flex justify-content-between align-items-center">
          <div class="small text-muted italic"></div>
          <button type="button" class="btn btn-secondary rounded-pill px-4" data-bs-dismiss="modal">Cerrar</button>
        </div>
      </div>
    </div>
  </div>
</turbo-frame></template></turbo-stream>