/* ══════════════════════════════════════════════════════════════
   PÁGINA DE REGISTRO — mismo nivel de calidad que el resto del
   proyecto. Autónomo, esta página no carga ningún otro CSS del
   tema con estas reglas. Añadido: 24/08/2026.
══════════════════════════════════════════════════════════════ */

/* ── Campos de texto — mismas reglas base ya usadas en Locatie/Club. ── */
.loc-fila-grande{display:flex;gap:16px;margin-bottom:16px;}
.loc-campo-grande{flex:1;}
.loc-label-grande{display:block;font-weight:800;font-size:11.5px;color:#1A2E5A;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;}
.loc-input-grande{
  width:100%;border:2px solid #B8C4D9;border-radius:14px;padding:15px 16px;
  font-family:inherit;font-weight:700;font-size:16px;color:#1A2E5A;
  background:#FAFBFC;box-shadow:inset 0 1px 2px rgba(26,46,90,.04);
  transition:border-color .18s,box-shadow .18s,background .18s;box-sizing:border-box;
}
.loc-input-grande::placeholder{color:#A0ABC0;font-weight:600;}
.loc-input-grande:hover{border-color:#95A5C4;}
.loc-input-grande:focus{outline:none;border-color:#0095FF;background:#fff;box-shadow:0 0 0 4px rgba(0,149,255,.12);}
.loc-campo-icono .loc-input-icono-wrap{position:relative;}
.reg-icon-svg-campo{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#A0ABC0;}
.loc-input-conicono{padding-left:42px !important;}

/* ── Iconos de cabecera/errores ── */
.ma-icon-svg{display:inline-block;vertical-align:middle;width:18px;height:18px;flex-shrink:0;color:inherit;}

/* ── Selector de tipo de cliente — 3 tarjetas ── */
.reg-tipo-tarjetas{display:flex;gap:12px;margin-bottom:18px;}
.reg-tipo-card{flex:1;text-align:center;border:2px solid #E5E9F0;border-radius:16px;padding:16px 10px;cursor:pointer;transition:.15s;}
.reg-tipo-card:hover{border-color:#0095FF;}
.reg-tipo-card.sel{border-color:#1A2E5A;background:linear-gradient(135deg,#F5F8FF,#EAF5FF);box-shadow:0 0 0 2px #1A2E5A inset;}
.reg-tipo-card svg{width:30px;height:30px;color:#1A2E5A;margin-bottom:8px;}
.reg-tipo-card span{display:block;font-size:12px;font-weight:800;color:#1A2E5A;}

/* ── Campos ZZP/Bedrijf — se despliegan con transición suave ── */
.reg-zzp-velden{max-height:0;overflow:hidden;transition:max-height .35s ease;background:#F5F8FA;border-radius:16px;}
.reg-zzp-velden.open{max-height:260px;padding:18px;margin-bottom:16px;}