/* Tanda 24/9 · Tu perfil de agente: certificaciones (IATA, CLIA y otras). Clases con el prefijo del área (perfil__);
   las de portal.css se leen (.tarjeta, .campo, .boton, .enlace, .aviso, .formulario__error). */
.perfil { display: grid; gap: 14px; max-width: 760px; }
.perfil h2 { font: italic 600 20px/1.2 var(--letra-titulo); margin: 18px 0 0; }
.perfil__texto { color: var(--gris); max-width: 60ch; }

.perfil__destacadas { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
/* Cada certificación es un diplomita (estilo en hoja.css: .diploma) con «Cambiar» y «Quitar» debajo, todo centrado. */
.perfil__sello { display: grid; gap: 8px; justify-items: center; }
.perfil__sello--vacio { border: 2px dashed var(--borde-fuerte); }
.perfil__sello-tipo { font: 700 12px var(--letra-codigo); letter-spacing: .14em; text-transform: uppercase; color: var(--oxido); }
.perfil__sello-vacio { margin: 0; color: var(--gris); overflow-wrap: anywhere; }

.perfil__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px; }
.perfil__otra {
  display: grid; justify-items: center; align-content: start; gap: 8px; padding: 14px 12px;
  border-radius: var(--radio); background: var(--hoja); box-shadow: var(--sombra);
}

.perfil__botones { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: center; margin-top: 4px; }
.perfil__quitar { color: var(--oxido); }

.perfil__formulario { display: grid; gap: 12px; max-width: 420px; }