/* RESET BÁSICO DENTRO DEL ÁREA */
.ae-wrapper { color:#111; background:#fff; }
.ae-wrapper a { text-decoration:none; }
.ae-wrapper a:focus { outline: 2px solid #007aff; outline-offset:2px; }

/* HERO (fondo oscuro, texto CLARO) */
.ae-hero { background:#0b0b0c; color:#fff; padding:28px; border-radius:18px; box-shadow:0 8px 24px rgba(0,0,0,.2); margin-bottom:16px; }
.ae-hero h1 { margin:0 0 8px; font-size:28px; color:#fff; }
.ae-hero p { margin:0; color:#e8eaed; }  /* texto claro sobre fondo negro */

/* TABS (sin subrayado, alto contraste) */
.ae-tabs { display:flex; gap:8px; margin:14px 0 24px; flex-wrap:wrap; }
.ae-tab { padding:10px 14px; border-radius:999px; background:#f2f2f2; color:#111; font-weight:700; box-shadow:none; }
.ae-tab:hover { background:#e5e5e5; }
.ae-tab.active { background:#007aff; color:#fff; }

/* ENCABEZADOS Y TEXTOS (alto contraste) */
.ae-section-header { margin:10px 0 16px; }
.ae-section-header h2 { margin:0 0 6px; color:#0f172a; }      /* casi negro */
.ae-section-header p { margin:0; color:#374151; }              /* gris oscuro legible */

/* CARDS */
.ae-card { background:#fff; color:#111; border-radius:16px; padding:18px; box-shadow:0 8px 24px rgba(0,0,0,.08); margin-bottom:16px; }
.ae-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; }

/* ENLACES EN CARDS (sin subrayado y azules) */
.ae-btn, .ae-link { text-decoration:none; }
.ae-link { color:#007aff; font-weight:700; }
.ae-link:hover { opacity:.85; }

/* BOTONES */
.ae-btn { display:inline-block; background:#007aff; color:#fff; padding:10px 14px; border-radius:999px; border:0; cursor:pointer; font-weight:800; }
.ae-btn-secondary { background:#eee; color:#111; padding:10px 14px; border-radius:999px; border:0; cursor:pointer; font-weight:700; }

/* FORMULARIOS */
.ae-form label { display:grid; gap:6px; font-weight:700; color:#111; }
.ae-form input[type="text"], .ae-form input[type="email"] { padding:10px 12px; border-radius:12px; border:1px solid #cbd5e1; color:#111; background:#fff; }
.ae-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; }

/* TABLAS */
.ae-table { width:100%; border-collapse:collapse; background:#fff; border-radius:12px; overflow:hidden; }
.ae-table thead th { background:#f7f7f8; color:#0f172a; }
.ae-table th, .ae-table td { padding:10px 12px; border-bottom:1px solid #e5e7eb; color:#111; }

/* PAGINACIÓN */
.ae-pagination { display:flex; gap:6px; margin-top:12px; }
.ae-page { padding:8px 12px; background:#f2f2f2; border-radius:10px; color:#111; }
.ae-page.active { background:#007aff; color:#fff; }

/* CHIPS/BADGES (legibles) */
.ae-chip { display:inline-block; background:#e5e7eb; color:#111; border-radius:999px; padding:4px 10px; font-size:12px; }
.ae-badge { display:inline-block; background:#16a34a; color:#fff; border-radius:6px; padding:2px 6px; font-size:12px; }

/* FORM INLINE */
.ae-form-inline { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }

/* Quitar subrayado en pestañas del área estudiante */
.ae-wrapper .ae-tabs .ae-tab,
.ae-wrapper .ae-tabs .ae-tab:link,
.ae-wrapper .ae-tabs .ae-tab:visited,
.ae-wrapper .ae-tabs .ae-tab:hover,
.ae-wrapper .ae-tabs .ae-tab:active,
.ae-wrapper .ae-tabs .ae-tab:focus {
  text-decoration: none !important;
  -webkit-text-decoration: none !important;
  text-decoration-thickness: 0 !important;
  text-underline-offset: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important; /* por si el tema usa gradient-underline */
}

/* Quitar subrayado en enlaces de las tarjetas del área estudiante */
.ae-wrapper .ae-card a,
.ae-wrapper .ae-card a:link,
.ae-wrapper .ae-card a:visited,
.ae-wrapper .ae-card a:hover,
.ae-wrapper .ae-card a:active,
.ae-wrapper .ae-card a:focus {
  text-decoration: none !important;
  border-bottom: 0 !important;
  background-image: none !important;
}
/* ==============================
   DATOS ACADÉMICOS
   ============================== */

/* Contenedor de selects */
.ae-form .ae-grid {
  display: flex;
  gap: 20px;
  margin-bottom: 28px;
  align-items: flex-end;
}

/* Cuerpo y Entidad ocupan más espacio */
.ae-form label[for="ae_cuerpo"],
.ae-form label[for="ae_entidad"] {
  flex: 1;
}

/* Categoría justo del ancho de la palabra */
.ae-form label[for="ae_categoria"] {
  flex: 0 0 120px;
}

/* Selects 100% dentro de cada label */
.ae-form select {
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid #cbd5e1;
  color: #111;
  background: #fff;
}

/* Botón Guardar */
.ae-actions {
  margin-top: 30px;
  text-align: center;
}
.ae-actions .ae-btn {
  font-size: 16px;
  padding: 12px 28px;
}