/* ============================================================================
   CEC UI · Capa 4 — Páginas internas
   Alinea las clases heredadas (cec-section-*, cec-card, cec-pilar…) con el
   sistema nuevo para que las 27 páginas hablen el mismo lenguaje visual.
   ========================================================================== */

/* Fondos alternados con el mismo tono que las secciones nuevas */
.cec-bg-light-soft { background: var(--cec-surface-tint); }

/* Eyebrow heredado: pill pequeña (solo el que va en mayúsculas) */
.cec-section-subtitle.text-uppercase {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.8rem;
  border-radius: var(--ui-radius-pill);
  background: rgba(4, 19, 109, 0.07);
  color: var(--cec-navy);
  font-size: 0.72rem !important;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* Título de sección + barra de acento */
.cec-section-title { color: var(--cec-navy); text-wrap: balance; }
.cec-divider {
  width: 3.5rem;
  height: 4px;
  border: 0;
  border-radius: 4px;
  background: var(--cec-accent);
}

/* Cards heredadas: mismo radio, sombra y elevación al hover */

/* Íconos decorativos: círculo outline (los rellenos quedan para estados) */

/* Bandas de cierre heredadas: mismo glow que el CTA del home */
.cec-cta-page {
  background:
    linear-gradient(160deg, var(--cec-navy-deep) 0%, var(--cec-navy) 65%, var(--cec-navy-mid) 100%);
}

/* Noticias: tarjeta nueva */
.ui-news-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem; }
.cec-line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-news-card .ui-card__title { font-size: 1.05rem; }

/* Paginación propia: números en círculo, actual relleno */
.cec-news-pagination .pagination { gap: 0.4rem; flex-wrap: wrap; justify-content: center; }
.cec-news-pagination .page-link {
  display: grid;
  place-items: center;
  min-width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1.5px solid var(--cec-line);
  border-radius: 50% !important;
  color: var(--cec-navy);
  font-weight: 600;
}
.cec-news-pagination .page-item.active .page-link { background: var(--cec-navy); border-color: var(--cec-navy); color: #fff; }
.cec-news-pagination .page-item.disabled .page-link { opacity: 0.45; }

/* Tabla comparativa: scroll lateral en mobile con la primera columna a la vista */



/* ---------------------------------------------------------------------------
   Formularios: errores como badge suave, inputs más amables, envío de acento
   ------------------------------------------------------------------------ */