<template>
    <NavbarModerno />
  <section class="convocatorias-modern">
    <div class="section-container">
      <div class="section-header">
        <div class="header-with-badge">
          <h2 class="section-title">Admisión General</h2>
          <a-badge count="Semestral" class="new-badge" />
        </div>
        <p class="section-subtitle">
          Modalidad dirigida a egresados de secundaria (incluye postulantes con discapacidad acreditada)
        </p>
      </div>

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

        <div class="convocatoria-header">
          <div>
            <h3>Examen de Admisión General</h3>
            <p class="convocatoria-date">Convocatoria: una vez por semestre</p>
          </div>
<!-- 
          <a-tag class="status-tag" color="blue">General</a-tag> -->
        </div>

        <a-alert
          type="info"
          show-icon
          class="soft-alert"
          message="Incluye postulantes con discapacidad debidamente acreditados mediante su certificado correspondiente."
        />

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

        <a-card class="soft-card" size="small">
          <h4 class="subheading">A quién está dirigido</h4>
          <p class="text">
            Dirigido a estudiantes egresados que hayan concluido educación secundaria en EBR, EBA y COAR.
          </p>
        </a-card>

        <a-card class="soft-card" size="small">
          <h4 class="subheading">Evaluación</h4>
          <p class="text">
            Examen de conocimientos basado en contenidos alineados al perfil del ingresante, según el cronograma de admisión.
          </p>
        </a-card>

        <a-card class="soft-card" size="small">
          <h4 class="subheading">Asignación de vacantes</h4>
          <p class="text">
            Se asignan por puntaje hasta completar el número ofertado por los programas de estudio, conforme al reglamento.
          </p>
        </a-card>

        <a-card class="soft-card" size="small">
          <h4 class="subheading">Documentación</h4>
          <p class="text">
            El postulante debe presentar los documentos exigidos por el reglamento para esta modalidad.
          </p>
        </a-card>
      </a-card>
    </div>
  </section>
  <FooterModerno/>
</template>

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



</script>

<style scoped>
/* mismo estilo base */
.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-alert{border-radius:12px;}
.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;}
</style>
