/* ══════════════════════════════════════════════════════════
   PERSONAS — personas.css
══════════════════════════════════════════════════════════ */

.per-card { border-left: 3px solid transparent; transition: border-left .15s, background .15s; }
.per-card:hover { background: var(--marca-fondo) !important; }

.per-tipo-btn:focus { outline: 2px solid var(--marca); }

#per-form-ov input:focus,
#per-form-ov textarea:focus { border-color: var(--marca) !important; }

@keyframes per-spin { to { transform: rotate(360deg); } }