<template>
    <NavbarModerno/>
  <section class="convocatorias-modern">
    <div class="section-container">
      <div class="section-header">
        <div class="header-with-badge">
          <h2 class="section-title">Extraordinario</h2>
          <a-badge count="Modalidades" class="new-badge" />
        </div>
        <p class="section-subtitle">
          Examen convocado una vez al año con varias formas de postulación
        </p>
      </div>

      <a-card class="main-convocatoria-card">
        <div class="card-badge">Extraordinario</div>

        <div class="convocatoria-header">
          <div>
            <h3>Examen de Admisión Extraordinario</h3>
            <p class="convocatoria-date">Convocatoria: una vez al año</p>
          </div>
          <!-- <a-tag class="status-tag" color="orange">Extraordinario</a-tag> -->
        </div>

        <a-card class="soft-card" size="small">
          <h4 class="subheading">Evaluación</h4>
          <p class="text">
            El postulante rinde un examen de conocimientos con temas y contenidos alineados al perfil del ingresante,
            en la fecha prevista en el cronograma de admisión.
          </p>
        </a-card>


        <a-divider class="custom-divider" />

        <h4 class="subheading" style="margin: 0 0 10px;">Formas de postulación</h4>

        <a-collapse expand-icon-position="end" class="collapse-clean">
          <a-collapse-panel key="a" header="Primeros puestos / COAR">
            <p class="text">
              Dirigido a estudiantes que obtuvieron los primeros lugares del orden de mérito en secundaria, con vigencia
              definida por el reglamento; incluye egresados del COAR según corresponda.
            </p>
            <a-divider class="custom-divider" />
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Comprobantes de pago por admisión y carpeta de postulante.</a-list-item>
              <a-list-item>Documento de identidad (original y copia).</a-list-item>
              <a-list-item>Examen médico y aptitud vocacional solo para programas que lo exigen.</a-list-item>
              <a-list-item>Solicitud generada tras la preinscripción virtual.</a-list-item>
              <a-list-item>Certificados que acrediten estudios y condición de mérito según corresponda.</a-list-item>
            </a-list>
          </a-collapse-panel>

          <a-collapse-panel key="b" header="Graduados o titulados">
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Comprobantes de pago por admisión y carpeta.</a-list-item>
              <a-list-item>Documento de identidad (original y copia).</a-list-item>
              <a-list-item>Solicitud generada tras la preinscripción virtual.</a-list-item>
              <a-list-item>Grado o título certificado por la institución de origen.</a-list-item>
              <a-list-item>Para extranjeros: legalizaciones requeridas según normativa.</a-list-item>
              <a-list-item>Constancias de institución de origen o verificación según corresponda.</a-list-item>
            </a-list>
          </a-collapse-panel>

          <a-collapse-panel key="c" header="Traslado interno">
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Comprobantes de pago por admisión y carpeta.</a-list-item>
              <a-list-item>Documento de identidad (original y copia).</a-list-item>
              <a-list-item>Solicitud indicando programa de origen y programa al que postula, según afinidad.</a-list-item>
              <a-list-item>Historial académico y constancias de matrícula según requisitos establecidos.</a-list-item>
            </a-list>
          </a-collapse-panel>

          <a-collapse-panel key="d" header="Traslado externo (nacional o internacional)">
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Comprobantes de pago por admisión y carpeta.</a-list-item>
              <a-list-item>Documento de identidad (DNI / carné de extranjería / pasaporte) según corresponda.</a-list-item>
              <a-list-item>Solicitud de postulación al mismo programa de estudio.</a-list-item>
              <a-list-item>Certificados de estudios visados; en internacional, requisitos legales adicionales.</a-list-item>
              <a-list-item>Constancia de matrícula vigente del semestre anterior o similar.</a-list-item>
            </a-list>
          </a-collapse-panel>

          <a-collapse-panel key="e" header="Deportistas destacados">
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Comprobantes de pago por admisión y carpeta.</a-list-item>
              <a-list-item>Documento de identidad (original y copia).</a-list-item>
              <a-list-item>Resolución y récord deportivo documentado conforme a la normativa aplicable.</a-list-item>
              <a-list-item>Certificado de estudios secundarios.</a-list-item>
            </a-list>
          </a-collapse-panel>

          <a-collapse-panel key="f" header="Beneficiarios del Plan Integral de Reparaciones (PIR)">
            <a-list size="small" :split="false" class="info-list">
              <a-list-item>Solicitud generada tras la preinscripción virtual.</a-list-item>
              <a-list-item>Documento de identidad (original y copia).</a-list-item>
              <a-list-item>Constancias de registro correspondientes (RUV/REBRED u otras).</a-list-item>
              <a-list-item>Examen médico y aptitud vocacional solo para programas que lo exigen.</a-list-item>
              <a-list-item>Certificado de estudios secundarios.</a-list-item>
            </a-list>
          </a-collapse-panel>
        </a-collapse>
      </a-card>
    </div>
  </section>
  <FooterModerno/>
</template>

<script setup>
import NavbarModerno from '../../nabvar.vue'
import FooterModerno from '../../Footer.vue'


</script>

<style scoped>
/* mismo estilo base del componente CEPREUNA */
.convocatorias-modern{position:relative;padding:40px 0;font-family:"Times New Roman",Times,serif;background:#fbfcff;overflow:hidden;}
.convocatorias-modern::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(to right,rgba(13,27,82,.06) 0,rgba(13,27,82,.06) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(to bottom,rgba(13,27,82,.06) 0,rgba(13,27,82,.06) 1px,transparent 1px,transparent 24px);opacity:.55;}
.section-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;}
.section-header{text-align:center;margin-bottom:40px;}
.header-with-badge{display:inline-flex;align-items:center;justify-content:center;gap:14px;}
.section-title{font-size:2.4rem;font-weight:700;color:#0d1b52;margin:0;}
.section-subtitle{font-size:1.125rem;color:#666;max-width:860px;margin:14px auto 0;}
.new-badge :deep(.ant-badge-count){background:linear-gradient(45deg,#ff6b6b,#ffd700);box-shadow:0 2px 8px rgba(255,107,107,.3);border-radius:999px;}
.main-convocatoria-card{position:relative;border:none;box-shadow:0 10px 34px rgba(0,0,0,.08);border-radius:16px;}
.main-convocatoria-card :deep(.ant-card-body){padding:28px;}
.card-badge{position:absolute;top:-12px;left:24px;background:linear-gradient(45deg,#1890ff,#52c41a);color:#fff;padding:6px 16px;border-radius:999px;font-size:.75rem;font-weight:700;}
.convocatoria-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;}
.convocatoria-header h3{margin:0;font-size:1.55rem;color:#1a237e;}
.convocatoria-date{color:#666;margin:6px 0 0;font-size:.95rem;}
.status-tag{font-weight:700;padding:4px 12px;border-radius:999px;white-space:nowrap;}
.custom-divider{margin:18px 0;}
.soft-card{border-radius:12px;border:1px solid rgba(0,0,0,0.06);margin-top:12px;}
.subheading{margin:0 0 6px;color:#1a237e;font-weight:700;}
.text{margin:0;color:#666;line-height:1.7;}
.info-list :deep(.ant-list-item){padding:8px 0;border:none;color:#666;}
.collapse-clean :deep(.ant-collapse-item){border-radius:12px;overflow:hidden;margin-bottom:10px;border:1px solid rgba(0,0,0,0.06);}
.collapse-clean :deep(.ant-collapse-header){font-weight:700;color:#1a237e;}
</style>
