/* F8 (26/09/2026, Claude Code en la nube): esta hoja sigue cargando SIEMPRE (es la base sobre el CSS del plugin). Con VL_VESTIR activo (inc/vestir-plugins.php) se quita el CSS del plugin en cada pantalla vestida y manda assets/css/vestir-*.css, que carga después de esta. Nada de aquí se borra: es la marcha atrás. */
/* VL 1.1 (24/09/2026) · versión del sistema de diseño total: todos los tamaños de letra son var(--vl-font-*) para que el panel de accesibilidad los escale; bordes de campo --vl-border-field (3:1). */
/* ============================================================
   plugins/user-registration.css · viste User Registration Pro 6.2.8 (+8 complementos)
   Clases leídas del plugin. Sustituye a los 14 !important de «caja dentro de caja» del CSS de Sergio.
   ============================================================ */
.ur-frontend-form { background: transparent; box-shadow: none; border: 0; padding: 0; margin: 0; }
.ur-frontend-form .ur-form-row { margin-left: 0; margin-right: 0; }
.ur-frontend-form label, .ur-frontend-form .ur-label { font-size: var(--vl-font-small); font-weight: 600; color: var(--vl-text); margin-bottom: var(--vl-space-sm); }
.ur-frontend-form input[type="text"], .ur-frontend-form input[type="email"], .ur-frontend-form input[type="password"], .ur-frontend-form input[type="tel"], .ur-frontend-form input[type="number"], .ur-frontend-form select, .ur-frontend-form textarea { width: 100%; min-height: var(--vl-touch); padding: 12px var(--vl-space-md); border: 2px solid var(--vl-border-field); border-radius: var(--vl-radius-md); font-size: var(--vl-font-body); color: var(--vl-text); background: var(--vl-bg); }
.ur-frontend-form input:focus, .ur-frontend-form select:focus, .ur-frontend-form textarea:focus { border-color: var(--vl-secondary); box-shadow: 0 0 0 3px var(--vl-secondary-light); outline: none; }
.ur-frontend-form button, .ur-frontend-form input[type="submit"], .ur-frontend-form .ur-submit-button { min-height: var(--vl-touch); padding: 12px var(--vl-space-lg); border-radius: var(--vl-radius-pill); background: var(--vl-secondary); color: var(--vl-on-color); border: 0; font-weight: 600; font-size: var(--vl-font-boton); }
.ur-frontend-form button:hover, .ur-frontend-form .ur-submit-button:hover { background: var(--vl-secondary-dark); }
.ur-frontend-form .user-registration-error, .ur-frontend-form .ur-error { color: var(--vl-danger); font-size: var(--vl-font-small); }
/* Multi-part (pasos): la barra del plugin en azul de marca */
.ur-frontend-form .ur-multipart-progress, .ur-frontend-form .ur-multi-part-progress .ur-progress-bar { background: var(--vl-border); border-radius: var(--vl-radius-pill); }
.ur-frontend-form .ur-multi-part-progress .ur-progress-bar span, .ur-frontend-form .ur-multipart-progress .active { background: var(--vl-secondary); }
/* Mi cuenta (user-registration-MyAccount): menú lateral */
.user-registration-MyAccount-navigation ul li a { display: flex; align-items: center; min-height: var(--vl-touch); padding: 8px var(--vl-space-md); border-radius: var(--vl-radius-md); color: var(--vl-text); }
.user-registration-MyAccount-navigation ul li.is-active a, .user-registration-MyAccount-navigation ul li a:hover { background: var(--vl-secondary-light); color: var(--vl-secondary-dark); }
.user-registration-MyAccount-content { background: var(--vl-bg); border: 1px solid var(--vl-border); border-radius: var(--vl-radius-lg); padding: var(--vl-space-lg); }
/* La caja de login lleva style="padding:30px" en línea (class-ur-pro-frontend.php L1692): no se pisa sin !important. Se acepta o se sobrescribe la plantilla. */

/* ---------- VL 1.1: Registro (10934) y Entrar (10978) ---------- */
.ur-frontend-form .ur-form-grid { padding: 0; }
.ur-frontend-form .ur-field-item { margin-bottom: var(--vl-space-lg); }
.ur-frontend-form .description, .ur-frontend-form .ur-field-description { font-size: var(--vl-font-small); line-height: var(--vl-lh-small); color: var(--vl-text-muted); }
.ur-frontend-form .ur-button-container { margin-top: var(--vl-space-lg); }
.ur-frontend-form .ur-submit-button { width: 100%; }
@media (min-width: 600px) { .ur-frontend-form .ur-submit-button { width: auto; } }
/* Selector de tipo de usuario (paciente / profesional) como opciones grandes */
.ur-frontend-form .ur-field-item.field-radio li label, .ur-frontend-form .ur-field-item.field-checkbox li label { display: flex; gap: var(--vl-space-md); align-items: center; min-height: 56px; padding: var(--vl-space-md); border: 2px solid var(--vl-border-field); border-radius: var(--vl-radius-md); cursor: pointer; }
.ur-frontend-form .ur-field-item.field-radio li:has(input:checked) label { border-color: var(--vl-secondary); background: var(--vl-secondary-light); }
/* Login: caja con padding en línea del plugin → se compensa desde fuera, sin !important */
.user-registration .ur-frontend-form.login, .ur-frontend-form.login { background: transparent; }
.user-registration .ur-frontend-form.login .user-registration-form-row { margin-bottom: var(--vl-space-md); }
.ur-frontend-form .user-registration-LostPassword, .ur-frontend-form .lost_password { font-size: var(--vl-font-small); margin-top: var(--vl-space-md); }
/* Mi cuenta: rejilla lateral + contenido */
.user-registration-MyAccount-navigation { margin-bottom: var(--vl-space-lg); }
@media (min-width: 900px) { .user-registration-MyAccount { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--vl-space-xl); align-items: start; } .user-registration-MyAccount-navigation { margin-bottom: 0; position: sticky; top: calc(var(--vl-header-sticky-h) + var(--vl-space-md)); } }
.user-registration-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--vl-space-xs); }
.user-registration-MyAccount-content { padding: var(--vl-space-lg); }
@media (min-width: 768px) { .user-registration-MyAccount-content { padding: var(--vl-space-xl); } }


/* ============================================================
   VL 1.1 (24/09/2026) · arreglos de arreglos.css 2.2.3 absorbidos aquí (§1.3 del encargo)
   ============================================================ */
/* c-3 · Login / registro de User Registration: el plugin lee estas variables para sus colores.
   Van en body (no en :root): el plugin define las suyas en :root más tarde, y body está más cerca del elemento, así que gana. */
body {
  --ur-primary-color: var(--vl-secondary);
  --ur-primary-light: var(--vl-bg-hero);
  --ur-button-background-normal-color: var(--vl-secondary);
  --ur-button-background-hover-color: var(--vl-secondary-dark);
  --ur-button-text-normal-color: var(--vl-on-color);
  --ur-button-text-hover-color: var(--vl-on-color);
}
/* Campos a 48 px y letra 17 (misma cadena de selectores que el plugin, para ganar por orden sin forzar). */
body .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text,
body .ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.user-registration-Input,
body .ur-frontend-form .user-registration-form-login input.user-registration-Input,
body .ur-frontend-form input.input-text,
body .user-registration input.user-registration-Input {
  min-height: var(--vl-touch);
  font-size: 17px;
  line-height: 1.4;
  border-radius: var(--vl-radius-md);
  border: 1px solid var(--vl-border);
  color: var(--vl-text);
}
body .ur-frontend-form .user-registration-Button.button,
body .ur-frontend-form .ur-submit-button,
body .ur-frontend-form button.ur-submit-button,
body .user-registration button.user-registration-Button {
  background: var(--vl-secondary);
  color: var(--vl-on-color);
  min-height: var(--vl-touch);
  padding: 0 var(--vl-space-lg);
  border-radius: var(--vl-radius-pill);
  font-size: 17px;
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
}
.ur-frontend-form .user-registration-LostPassword a,
.ur-frontend-form a { color: var(--vl-secondary); }