/* 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.0 (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/wpforms.css · viste WPForms (motor «modern», confirmado en la BBDD) con sus variables --wpforms-*
   Sustituye a los 26 !important del bloque WPForms del CSS de Sergio. Cero !important aquí:
   cambiamos la VARIABLE, no la regla.
   ============================================================ */
.wpforms-container.wpforms-container-full, .wpforms-container .wpforms-form {
  --wpforms-field-border-radius: var(--vl-radius-md);
  --wpforms-field-border-style: solid;
  --wpforms-field-border-size: 2px;
  --wpforms-field-background-color: var(--vl-bg);
  --wpforms-field-border-color: var(--vl-border-field);
  --wpforms-field-border-color-spare: var(--vl-border-field);
  --wpforms-field-text-color: var(--vl-text);
  --wpforms-field-menu-color: var(--vl-bg);
  --wpforms-label-color: var(--vl-text);
  --wpforms-label-sublabel-color: var(--vl-text-muted);
  --wpforms-label-error-color: var(--vl-danger);
  --wpforms-button-border-radius: var(--vl-radius-pill);
  --wpforms-button-border-style: none;
  --wpforms-button-border-size: 0px;
  --wpforms-button-background-color: var(--vl-secondary);
  --wpforms-button-background-color-alt: var(--vl-secondary-dark);
  --wpforms-button-text-color: var(--vl-on-color);
  --wpforms-button-text-color-alt: var(--vl-on-color);
  --wpforms-page-break-color: var(--vl-secondary);
  --wpforms-field-size-input-height: var(--vl-touch);
  --wpforms-field-size-input-spacing: 16px;
  --wpforms-field-size-font-size: var(--vl-font-body);
  --wpforms-label-size-font-size: var(--vl-font-body);
  --wpforms-label-size-sublabel-font-size: var(--vl-font-small);
  --wpforms-button-size-font-size: var(--vl-font-boton);
  --wpforms-button-size-height: var(--vl-touch);
  --wpforms-button-size-padding-h: 24px;
  --wpforms-container-padding: 0px;
}
.wpforms-container .wpforms-field input:focus, .wpforms-container .wpforms-field textarea:focus, .wpforms-container .wpforms-field select:focus { border-color: var(--vl-secondary); box-shadow: 0 0 0 3px var(--vl-secondary-light); outline: none; }
/* Opciones de una pregunta como tarjetas grandes (vl-option) */
.wpforms-container .wpforms-field-radio ul li, .wpforms-container .wpforms-field-checkbox ul li { margin-bottom: 8px; }
.wpforms-container .wpforms-field-radio ul li label, .wpforms-container .wpforms-field-checkbox ul li label { display: flex; gap: 12px; align-items: center; min-height: 56px; padding: 12px 16px; border: 2px solid var(--vl-border-field); border-radius: var(--vl-radius-md); background: var(--vl-bg); font-size: var(--vl-font-body); cursor: pointer; transition: border-color var(--vl-transition-fast), background var(--vl-transition-fast); }
.wpforms-container .wpforms-field-radio ul li label:hover { border-color: var(--vl-secondary); }
.wpforms-container .wpforms-field-radio ul li:has(input:checked) label, .wpforms-container .wpforms-field-checkbox ul li:has(input:checked) label { border-color: var(--vl-secondary); background: var(--vl-secondary-light); }
.wpforms-container .wpforms-field-radio input, .wpforms-container .wpforms-field-checkbox input { width: 22px; height: 22px; accent-color: var(--vl-secondary); }
/* Errores: color + icono + frase */
.wpforms-container .wpforms-error { color: var(--vl-danger); font-size: var(--vl-font-small); font-weight: 500; }
/* Pasos: el indicador del plugin se oculta; lo pinta vl.js con .vl-steps */
.wpforms-container .wpforms-page-indicator { display: none; }
.wpforms-page { animation: none; }
/* Confirmación de envío */
.wpforms-confirmation-container-full { background: var(--vl-success-bg); color: var(--vl-success); border: 0; border-radius: var(--vl-radius-lg); padding: var(--vl-space-lg); font-size: var(--vl-font-body); }

/* ---------- VL 1.0: el formulario del triaje (página 10651) ---------- */
/* Una pregunta por pantalla: cada página del formulario respira */
.wpforms-container .wpforms-page { padding: var(--vl-space-sm) 0; }
.wpforms-container .wpforms-field { padding: var(--vl-space-sm) 0 var(--vl-space-md); }
.wpforms-container .wpforms-field-label { font-family: var(--font-titulos); font-size: var(--vl-font-h4); line-height: var(--vl-lh-h4); font-weight: 600; margin-bottom: var(--vl-space-sm); }
.wpforms-container .wpforms-field-description { font-size: var(--vl-font-small); line-height: var(--vl-lh-small); color: var(--vl-text-muted); }
/* Casilla de consentimiento de datos de salud: separada y explícita (fondo azul claro) */
.wpforms-container .wpforms-field-gdpr-checkbox, .wpforms-container .wpforms-field-checkbox.vl-consentimiento { padding: var(--vl-space-md); background: var(--vl-secondary-light); border-radius: var(--vl-radius-md); }
.wpforms-container .wpforms-field-gdpr-checkbox ul li label { border: 0; background: transparent; min-height: 0; padding: 0; }
/* Botones Siguiente / Anterior: el principal azul, el de volver como secundario */
.wpforms-container .wpforms-page-button, .wpforms-container .wpforms-submit { min-height: var(--vl-touch); border-radius: var(--vl-radius-pill); font-weight: 600; font-size: var(--vl-font-boton); padding: 12px var(--vl-space-lg); }
.wpforms-container .wpforms-page-prev { background: var(--vl-bg); color: var(--vl-secondary-dark); border: 2px solid var(--vl-secondary); }
.wpforms-container .wpforms-pagebreak-left { display: flex; flex-direction: column-reverse; gap: var(--vl-space-sm); }
@media (min-width: 600px) { .wpforms-container .wpforms-pagebreak-left { flex-direction: row; justify-content: space-between; } }
/* Campo obligatorio: asterisco rojo con texto explicado una vez arriba */
.wpforms-container .wpforms-required-label { color: var(--vl-danger); }
/* Los textos del panel de accesibilidad: html[data-vl-letra] los escala en accesibilidad.css (no tocar) */