/* ═══ CVH MS5 · Mi Cuenta + Lost-password ESTILOS SCOPED · 2026-05-21 16:00 ════════════════════
 * ÚNICAMENTE se enqueua en page 143126 (/mi-cuenta/) — NO afecta resto del site.
 * Contiene V4 + V5 + V6 + V7 originalmente en cvh-typography-v2.css (movido por bleed global).
 * Todos los selectores .wpforms-form * SOLO actúan cuando hay un .cvh-ms5-gate como ancestro.
 * ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══ FIX V4 · 2026-05-21 · Inputs visibles + checkboxes premium + link "Olvidaste" legible ═══
 * V4 ataca capturas Sergio 14:10–14:11:
 *   - Inputs email/password/text con bg invisible → bg sólido + borde dorado visible.
 *   - Checkboxes RGPD/condiciones/newsletter sin marco → caja 24x24 con check dorado.
 *   - Link "¿Olvidaste tu contraseña?" diminuto → 15px DM Sans dorado underline.
 *   - Aplica a .cvh-ms5-form (login/lost/reset) y a .wpforms-form (signup multirol).
 * ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Inputs text/email/password/tel ────────────────────────────────────────────────────────────── */
html body .cvh-ms5-form input[type="text"],
html body .cvh-ms5-form input[type="email"],
html body .cvh-ms5-form input[type="password"],
html body .cvh-ms5-form input[type="tel"],
html body .wpforms-form input[type="text"],
html body .wpforms-form input[type="email"],
html body .wpforms-form input[type="password"],
html body .wpforms-form input[type="tel"],
html body .wpforms-form input[type="url"],
html body .wpforms-form input[type="number"],
html body .wpforms-form textarea {
  width: 100% !important;
  background-color: #14121E !important;
  background-image: none !important;
  border: 1.5px solid rgba(212, 175, 55, 0.40) !important;
  border-radius: 10px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  padding: 14px 16px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  outline: none !important;
  transition: border-color .2s, background-color .2s, box-shadow .2s !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.4) !important;
}

html body .cvh-ms5-form input:focus,
html body .wpforms-form input:focus,
html body .wpforms-form textarea:focus {
  background-color: #1A1828 !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.18), inset 0 1px 2px rgba(0,0,0,0.4) !important;
}

html body .cvh-ms5-form input::placeholder,
html body .wpforms-form input::placeholder,
html body .wpforms-form textarea::placeholder {
  color: rgba(240, 234, 214, 0.45) !important;
  -webkit-text-fill-color: rgba(240, 234, 214, 0.45) !important;
  opacity: 1 !important;
  font-style: normal !important;
}

/* ── Checkboxes premium ────────────────────────────────────────────────────────────────────────── */
html body .cvh-ms5-form input[type="checkbox"],
html body .wpforms-form input[type="checkbox"],
html body .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  background-color: #0A0A14 !important;
  border: 2px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  position: relative !important;
  margin: 0 12px 0 0 !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
  transition: background-color .15s, border-color .15s, box-shadow .15s !important;
  padding: 0 !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.5) !important;
}

html body .cvh-ms5-form input[type="checkbox"]:hover,
html body .wpforms-form input[type="checkbox"]:hover {
  border-color: #D4AF37 !important;
  background-color: #1A1828 !important;
}

html body .cvh-ms5-form input[type="checkbox"]:focus-visible,
html body .wpforms-form input[type="checkbox"]:focus-visible {
  outline: 2px solid #D4AF37 !important;
  outline-offset: 2px !important;
}

html body .cvh-ms5-form input[type="checkbox"]:checked,
html body .wpforms-form input[type="checkbox"]:checked {
  background-color: #D4AF37 !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 12px rgba(212,175,55,0.45), inset 0 1px 2px rgba(0,0,0,0.2) !important;
}

html body .cvh-ms5-form input[type="checkbox"]:checked::after,
html body .wpforms-form input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 7px !important;
  width: 6px !important;
  height: 12px !important;
  border: solid #06060F !important;
  border-width: 0 3px 3px 0 !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}

/* WPForms checkbox row layout: align checkbox + label on same baseline */
html body .wpforms-form .wpforms-field-checkbox ul.wpforms-image-choices,
html body .wpforms-form .wpforms-field-checkbox ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .wpforms-form .wpforms-field-checkbox li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}
html body .wpforms-form .wpforms-field-checkbox li label {
  display: inline-flex !important;
  align-items: flex-start !important;
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: #F0EAD6 !important;
  line-height: 1.55 !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 !important;
}
html body .wpforms-form .wpforms-field-checkbox li label a {
  color: #D4AF37 !important;
  text-transform: none !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0 !important;
  text-decoration: underline !important;
}

/* ── Link "¿Olvidaste tu contraseña?" + foot ───────────────────────────────────────────────────── */
html body .cvh-ms5-card__foot {
  text-align: center !important;
  margin-top: 28px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(212, 175, 55, 0.20) !important;
}

html body .cvh-ms5-link,
html body .cvh-ms5-card__foot a.cvh-ms5-link {
  display: inline-block !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
  text-transform: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1.5px !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  transition: color .2s, background-color .2s !important;
}

html body .cvh-ms5-link:hover,
html body .cvh-ms5-card__foot a.cvh-ms5-link:hover {
  color: #E9C66A !important;
  -webkit-text-fill-color: #E9C66A !important;
  background-color: rgba(212, 175, 55, 0.10) !important;
}

/* ── Crear mi cuenta / Entrar — botones (sólo asegurar contraste y tamaño táctil) ──────────────── */
html body .cvh-ms5-form .cvh-ms5-btn,
html body .wpforms-form button[type="submit"],
html body .wpforms-form .wpforms-submit {
  min-height: 52px !important;
  font-family: 'Syne', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #06060F !important;
  -webkit-text-fill-color: #06060F !important;
}

/* Sublabel "Será tu nombre de usuario." / "Mínimo 8 caracteres." */
html body .wpforms-form .wpforms-field-sublabel,
html body .wpforms-form .wpforms-field-description {
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: rgba(240, 234, 214, 0.60) !important;
  -webkit-text-fill-color: rgba(240, 234, 214, 0.60) !important;
  margin-top: 6px !important;
  line-height: 1.4 !important;
}

@media (max-width: 768px) {
  html body .cvh-ms5-form input[type="text"],
  html body .cvh-ms5-form input[type="email"],
  html body .cvh-ms5-form input[type="password"],
  html body .wpforms-form input[type="text"],
  html body .wpforms-form input[type="email"],
  html body .wpforms-form input[type="password"],
  html body .wpforms-form select { font-size: 16px !important; min-height: 50px !important; }
  html body .cvh-ms5-link { font-size: 16px !important; }
}
/* /FIX V4 ═════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══ FIX V5 · 2026-05-21 14:25 · BASE GATE STYLES + lost-password card + checkbox layout natural ═
 * Estos estilos viven en el CSS global para que estén disponibles en /mi-cuenta/, login, lost-password,
 * reset-password, dashboard. No depende del bloque <style> inline de cada render.
 * ═══════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Base layout · gate · card glass ───────────────────────────────────────────────────────────── */
.cvh-ms5-gate {
  position: relative;
  min-height: 80vh;
  background: #06060F;
  color: #F0EAD6;
  font-family: 'DM Sans', system-ui, sans-serif;
  padding: 64px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.cvh-ms5-gate::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 900px 600px at 50% 0%, rgba(74,25,66,.35), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 100%, rgba(74,144,226,.12), transparent 60%);
  pointer-events: none;
  z-index: 0;
}
.cvh-ms5-gate__wrap {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1024px) {
  .cvh-ms5-gate__wrap:not(.cvh-ms5-gate__wrap--single) {
    grid-template-columns: 1fr 1fr;
    gap: 48px;
  }
}
.cvh-ms5-gate__wrap--single {
  max-width: 560px;
  margin: 0 auto;
}
.cvh-ms5-card {
  background: rgba(20, 18, 30, 0.6) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.18) !important;
  border-radius: 16px !important;
  padding: 40px 32px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}
.cvh-ms5-card h2 {
  font-family: 'Syne', system-ui, sans-serif;
  font-size: clamp(26px, 3vw, 34px);
  color: #D4AF37;
  margin: 0 0 8px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 600;
}
.cvh-ms5-card .cvh-ms5-sub {
  color: #A6A0B5;
  font-size: 14.5px;
  margin: 0 0 28px;
  line-height: 1.55;
}
.cvh-ms5-card__foot {
  margin-top: 28px !important;
  padding-top: 22px !important;
  border-top: 1px solid rgba(212, 175, 55, 0.20) !important;
  text-align: center !important;
  font-size: 13px;
  color: #A6A0B5;
}

/* ── Botones MÁS GRANDES Y ANCHOS ──────────────────────────────────────────────────────────────── */
html body .cvh-ms5-form .cvh-ms5-btn,
html body .cvh-ms5-form button[type="submit"],
html body .wpforms-form button[type="submit"],
html body .wpforms-form .wpforms-submit,
html body .wpforms-container button[type="submit"] {
  display: block !important;
  width: 100% !important;
  min-height: 60px !important;
  height: auto !important;
  padding: 18px 32px !important;
  margin-top: 28px !important;
  background: linear-gradient(135deg, #D4AF37 0%, #E9C66A 50%, #D4AF37 100%) !important;
  background-size: 200% 200% !important;
  color: #06060F !important;
  -webkit-text-fill-color: #06060F !important;
  font-family: 'Syne', system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  text-shadow: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  text-align: center !important;
  text-decoration: none !important;
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.30), inset 0 1px 0 rgba(255,255,255,0.25) !important;
  transition: transform .15s, box-shadow .2s, background-position .3s !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
}
html body .cvh-ms5-form .cvh-ms5-btn:hover,
html body .wpforms-form button[type="submit"]:hover,
html body .wpforms-form .wpforms-submit:hover {
  transform: translateY(-2px) !important;
  background-position: right center !important;
  box-shadow: 0 10px 26px rgba(212, 175, 55, 0.45), inset 0 1px 0 rgba(255,255,255,0.30) !important;
}
html body .cvh-ms5-form .cvh-ms5-btn:active,
html body .wpforms-form button[type="submit"]:active {
  transform: translateY(0) !important;
}

/* ── Form labels (para cvh-ms5-form login/lost/reset) ──────────────────────────────────────────── */
.cvh-ms5-form label {
  display: block;
  margin: 18px 0 8px;
  color: #FFFFFF;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── Messages (info/error/success) ─────────────────────────────────────────────────────────────── */
.cvh-ms5-msg { margin-top: 18px; padding: 14px 16px; border-radius: 10px; font-size: 14px; font-family: 'DM Sans', system-ui, sans-serif; line-height: 1.5; display: none; }
.cvh-ms5-msg--error   { background: rgba(255,68,68,.12); border: 1px solid rgba(255,68,68,.3); color: #FFB4B4; display: block; }
.cvh-ms5-msg--success { background: rgba(74,144,226,.12); border: 1px solid rgba(74,144,226,.3); color: #A6CFFF; display: block; }
.cvh-ms5-msg--info    { background: rgba(212,175,55,.10); border: 1px solid rgba(212,175,55,.28); color: #E9C66A; display: block; }

/* ── CHECKBOX LAYOUT NATURAL (sin reventar tipografía) ─────────────────────────────────────────── */
/* Restablecer flujo natural en la lista WPForms */
html body .wpforms-form .wpforms-field-checkbox ul,
html body .wpforms-form .wpforms-field-checkbox ul.wpforms-image-choices {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body .wpforms-form .wpforms-field-checkbox li {
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  column-gap: 14px !important;
  align-items: start !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}
html body .wpforms-form .wpforms-field-checkbox li input[type="checkbox"] {
  grid-column: 1 !important;
  align-self: start !important;
  margin: 2px 0 0 0 !important;
}
html body .wpforms-form .wpforms-field-checkbox li label {
  grid-column: 2 !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #F0EAD6 !important;
  -webkit-text-fill-color: #F0EAD6 !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  margin: 0 !important;
  padding: 2px 0 0 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}
html body .wpforms-form .wpforms-field-checkbox li label a {
  display: inline !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ── Select placeholder visible ────────────────────────────────────────────────────────────────── */
html body .wpforms-form select option.placeholder,
html body .wpforms-form select option[disabled][value=""],
html body .wpforms-form select:invalid {
  color: rgba(240, 234, 214, 0.55) !important;
}

/* ── Responsive 768/414 ─────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .cvh-ms5-gate { padding: 48px 12px !important; }
  .cvh-ms5-card { padding: 32px 22px !important; }
  .cvh-ms5-card h2 { font-size: 26px !important; }
  html body .cvh-ms5-form .cvh-ms5-btn,
  html body .wpforms-form button[type="submit"] { font-size: 17px !important; padding: 16px 24px !important; min-height: 56px !important; }
  html body .wpforms-form .wpforms-field-checkbox li {
    grid-template-columns: 26px 1fr !important;
    column-gap: 12px !important;
  }
  html body .wpforms-form .wpforms-field-checkbox li label,
  html body .wpforms-form .wpforms-field-checkbox li label a { font-size: 14px !important; }
}
/* /FIX V5 ═════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══ FIX V6 · 2026-05-21 14:35 · Gate sin huecos + selects width 100% + olvidaste botón + checks premium ══════
 * Iteración 6 con feedback capturas 14:25–14:30 Sergio:
 *   - Body /mi-cuenta/ y lost-password con espacio vacío gigante → min-height auto + align-items flex-start.
 *   - Selects país/rol cortando texto "— Elige tu paí" → width 100% real, font DM Sans regular, padding 14/40.
 *   - "¿Olvidaste tu contraseña?" como link pequeño → botón outline dorado tamaño grande full-width.
 *   - WPForms checkbox cuadrado feo → border-radius 7px + check chunky + glow on focus/hover.
 * ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Gate sin huecos verticales ────────────────────────────────────────────────────────────────── */
html body .cvh-ms5-gate {
  min-height: auto !important;
  padding: 56px 16px 72px !important;
  align-items: flex-start !important;
  justify-content: center !important;
}
@media (max-width: 768px) {
  html body .cvh-ms5-gate { padding: 40px 12px 56px !important; }
}

/* ── Selects WPForms · width 100% + font DM Sans real + texto sin cortar ───────────────────────── */
html body .wpforms-form .wpforms-field select,
html body .wpforms-form select.wpforms-field-medium,
html body .wpforms-form select.wpforms-field-small,
html body .wpforms-form select.wpforms-field-large,
html body .wpforms-form select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
  background-color: #14121E !important;
  background-image:
    linear-gradient(45deg, transparent 50%, #D4AF37 50%),
    linear-gradient(135deg, #D4AF37 50%, transparent 50%) !important;
  background-position: calc(100% - 20px) calc(50% - 2px), calc(100% - 14px) calc(50% - 2px) !important;
  background-size: 7px 7px, 7px 7px !important;
  background-repeat: no-repeat, no-repeat !important;
  padding: 16px 44px 16px 18px !important;
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  font-variant: normal !important;
  font-feature-settings: normal !important;
  -webkit-font-feature-settings: normal !important;
  font-variant-ligatures: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 1.4 !important;
  border: 1.5px solid rgba(212, 175, 55, 0.40) !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  min-height: 56px !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.4) !important;
  transition: border-color .2s, background-color .2s, box-shadow .2s !important;
}
html body .wpforms-form select:focus {
  background-color: #1A1828 !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,0.18), inset 0 1px 2px rgba(0,0,0,0.4) !important;
  outline: none !important;
}
html body .wpforms-form select option {
  background: #14121E !important;
  color: #FFFFFF !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  font-variant: normal !important;
  font-feature-settings: normal !important;
  letter-spacing: 0 !important;
  padding: 8px 12px !important;
}
html body .wpforms-form select option.placeholder,
html body .wpforms-form select option[disabled] {
  color: rgba(240, 234, 214, 0.55) !important;
  font-style: italic !important;
}

/* ── BOTÓN "¿Olvidaste tu contraseña?" — outline gold grande ───────────────────────────────────── */
html body .cvh-ms5-btn--ghost,
html body a.cvh-ms5-btn--ghost {
  display: block !important;
  width: 100% !important;
  min-height: 56px !important;
  padding: 16px 24px !important;
  background: transparent !important;
  background-image: none !important;
  color: #D4AF37 !important;
  -webkit-text-fill-color: #D4AF37 !important;
  font-family: 'Syne', system-ui, sans-serif !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-align: center !important;
  text-decoration: none !important;
  border: 2px solid rgba(212, 175, 55, 0.55) !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  line-height: 1.3 !important;
  transition: background-color .2s, color .2s, border-color .2s, transform .15s !important;
}
html body .cvh-ms5-btn--ghost:hover,
html body a.cvh-ms5-btn--ghost:hover {
  background: linear-gradient(135deg, rgba(212,175,55,0.15), rgba(233,198,106,0.10)) !important;
  border-color: #D4AF37 !important;
  color: #E9C66A !important;
  -webkit-text-fill-color: #E9C66A !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(212,175,55,0.18) !important;
}

/* ── Checkboxes premium V2: visibles, redondeados, glow ────────────────────────────────────────── */
html body .cvh-ms5-form input[type="checkbox"],
html body .wpforms-form input[type="checkbox"],
html body .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  max-width: 26px !important;
  max-height: 26px !important;
  background-color: rgba(20, 18, 30, 0.85) !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 7px !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.45), 0 0 0 0 rgba(212,175,55,0) !important;
}
html body .wpforms-form input[type="checkbox"]:checked,
html body .cvh-ms5-form input[type="checkbox"]:checked {
  background-color: #D4AF37 !important;
  background-image: linear-gradient(135deg, #FFD96B 0%, #D4AF37 70%, #C99E2B 100%) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 14px rgba(212,175,55,0.55), inset 0 1px 0 rgba(255,255,255,0.40) !important;
}
html body .wpforms-form input[type="checkbox"]:checked::after,
html body .cvh-ms5-form input[type="checkbox"]:checked::after {
  top: 3px !important;
  left: 8px !important;
  width: 7px !important;
  height: 13px !important;
  border-width: 0 3.5px 3.5px 0 !important;
  border-color: #06060F !important;
}

/* ── Checkbox grid: ahora con espacio confortable ──────────────────────────────────────────────── */
html body .wpforms-form .wpforms-field-checkbox li {
  grid-template-columns: 30px 1fr !important;
  column-gap: 16px !important;
  margin: 0 0 12px !important;
}
html body .wpforms-form .wpforms-field-checkbox li label {
  font-size: 15px !important;
  line-height: 1.55 !important;
  padding-top: 1px !important;
}

/* ── Sublabels más sutiles pero legibles ───────────────────────────────────────────────────────── */
html body .wpforms-form .wpforms-field-sublabel,
html body .wpforms-form .wpforms-field-description {
  font-size: 13px !important;
  line-height: 1.45 !important;
  margin-top: 6px !important;
}

/* ── Lost-password: ajuste exterior para no dejar espacio enorme ───────────────────────────────── */
html body .cvh-ms5-gate--lost,
html body .cvh-ms5-gate--reset {
  min-height: auto !important;
  padding-top: 48px !important;
  padding-bottom: 64px !important;
}

/* ── Mobile finess ──────────────────────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  html body .wpforms-form select { font-size: 16px !important; min-height: 54px !important; padding: 14px 40px 14px 16px !important; }
  html body .cvh-ms5-btn--ghost { font-size: 15px !important; min-height: 52px !important; padding: 14px 18px !important; }
  html body .wpforms-form .wpforms-field-checkbox li { grid-template-columns: 28px 1fr !important; column-gap: 12px !important; }
  html body .wpforms-form .wpforms-field-checkbox li label { font-size: 14.5px !important; }
}
/* /FIX V6 ═════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══ FIX V7 · 2026-05-21 15:43 · Quitar choice-icon corner brackets + cuadro blanco unchecked ═══════
 * Problema (captura #71): cuando checkbox NO está marcado, WPForms muestra 4 corner brackets
 * (.choice-icon de WoodMart parent style.css:658) + el native checkbox blanco asoma por debajo.
 * Solución: hide .choice-icon en todos los casos (radio + checkbox), forzar fondo oscuro premium
 * en :not(:checked), reset hover/focus para que no haya artifact blanco.
 * Estado checked (gold + glow + ✓) ya funciona perfecto desde V6, no se toca.
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── Hide WPForms .choice-icon corner brackets (heredado de WoodMart child style.css) ──────────────── */
html body .wpforms-form .wpforms-field-checkbox .choice-icon,
html body .wpforms-form .wpforms-field-radio .choice-icon,
html body .wpforms-form .wpforms-field-checkbox i.choice-icon,
html body .wpforms-form .wpforms-field-radio i.choice-icon,
html body .wpforms-form .wpforms-field-checkbox span.choice-icon,
html body .wpforms-form .wpforms-field-radio span.choice-icon,
html body .wpforms-form .wpforms-field-checkbox .wpforms-image-choices-image,
html body .wpforms-form .wpforms-field-checkbox label::before,
html body .wpforms-form .wpforms-field-radio label::before {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* ── Forzar fondo oscuro real al checkbox sin marcar (matar cuadro blanco) ────────────────────────── */
html body .cvh-ms5-form input[type="checkbox"]:not(:checked),
html body .wpforms-form input[type="checkbox"]:not(:checked),
html body .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:not(:checked) {
  background: rgba(20, 18, 30, 0.92) !important;
  background-color: rgba(20, 18, 30, 0.92) !important;
  background-image: none !important;
  border: 2px solid #D4AF37 !important;
  border-color: #D4AF37 !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.55) !important;
  opacity: 1 !important;
}

/* ── Hover unchecked: leve glow dorado, sin volverse blanco ─────────────────────────────────────────── */
html body .cvh-ms5-form input[type="checkbox"]:not(:checked):hover,
html body .wpforms-form input[type="checkbox"]:not(:checked):hover {
  background: rgba(20, 18, 30, 0.92) !important;
  background-color: rgba(20, 18, 30, 0.92) !important;
  border-color: #FFD96B !important;
  box-shadow: 0 0 8px rgba(212,175,55,0.35), inset 0 1px 3px rgba(0,0,0,0.55) !important;
}

/* ── Focus visible accesibilidad ────────────────────────────────────────────────────────────────────── */
html body .cvh-ms5-form input[type="checkbox"]:focus-visible,
html body .wpforms-form input[type="checkbox"]:focus-visible {
  outline: 2px solid #FFD96B !important;
  outline-offset: 2px !important;
}

/* ── Mismo tratamiento para radios si los hay ──────────────────────────────────────────────────────── */
html body .wpforms-form input[type="radio"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  background: rgba(20, 18, 30, 0.92) !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 50% !important;
  position: relative !important;
  cursor: pointer !important;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.55) !important;
}
html body .wpforms-form input[type="radio"]:checked {
  background: radial-gradient(circle at center, #FFD96B 0%, #D4AF37 55%, #C99E2B 100%) !important;
  border-color: #D4AF37 !important;
  box-shadow: 0 0 14px rgba(212,175,55,0.55), inset 0 0 0 4px rgba(20,18,30,0.92) !important;
}
/* /FIX V7 ═════════════════════════════════════════════════════════════════════════════════════════ */

/* ═══ FIX V9 · 2026-05-21 17:00 · Checkbox CVH definitivo (patrón .gdpr probado) ═══════════════════
 * Sergio: "REVISA LO QUE HABIA ANTES" → cvh-singles.css:1830 .gdpr input[type=checkbox] ya funciona.
 * Patrón probado: appearance:none + 18x18 + border dorado + checked bg dorado + content:"✓" con
 * inset:0 + flexbox centering. SIN chevron rotado (eso provocaba los 4 corner brackets en Retina).
 * Scope: .cvh-ms5-gate (.wpforms-form .wpforms-field-checkbox + .cvh-ms5-form) solo /mi-cuenta/.
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

html body .cvh-ms5-gate input[type="checkbox"],
html body .cvh-ms5-gate .wpforms-form input[type="checkbox"],
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #D4AF37 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: background-color 200ms ease, border-color 200ms ease !important;
}

html body .cvh-ms5-gate input[type="checkbox"]:hover,
html body .cvh-ms5-gate .wpforms-form input[type="checkbox"]:hover {
  border-color: #FFD96B !important;
  background: rgba(212,175,55,0.08) !important;
}

html body .cvh-ms5-gate input[type="checkbox"]:focus-visible,
html body .cvh-ms5-gate .wpforms-form input[type="checkbox"]:focus-visible {
  outline: 2px solid #FFD96B !important;
  outline-offset: 2px !important;
}

html body .cvh-ms5-gate input[type="checkbox"]:checked,
html body .cvh-ms5-gate .wpforms-form input[type="checkbox"]:checked,
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked {
  background: #D4AF37 !important;
  background-color: #D4AF37 !important;
  background-image: none !important;
  border-color: #D4AF37 !important;
}

html body .cvh-ms5-gate input[type="checkbox"]:checked::after,
html body .cvh-ms5-gate .wpforms-form input[type="checkbox"]:checked::after,
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox input[type="checkbox"]:checked::after {
  content: "\2713" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #06060F !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background: transparent !important;
  border: 0 !important;
  transform: none !important;
}

/* Layout fila checkbox-label: flex baseline, label adapta */
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox li {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox li > input[type="checkbox"] {
  margin-top: 3px !important;
}
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox li > label {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #C9C3D6 !important;
  flex: 1 1 auto !important;
}
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox li > label a {
  color: #D4AF37 !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(212,175,55,0.4) !important;
}
html body .cvh-ms5-gate .wpforms-form .wpforms-field-checkbox li > label a:hover {
  color: #F0EAD6 !important;
  border-bottom-color: #D4AF37 !important;
}
/* /FIX V9 · checkbox patrón .gdpr ═══════════════════════════════════════════════════════════════ */

/* ═══ FIX V10 · 2026-05-21 17:20 · Inputs igualados a selects + responsive total 320-1440 ═════════
 * Sergio captura #81: email/contraseña/nombre público se ven más bajitos que país/rol.
 * Causa: V4 inputs min-height 52px vs V5 selects min-height 56px + padding diferente.
 * V10 iguala inputs (text/email/password) a selects → 56px alto + padding 16px 18px + radius 10px.
 * Responsive: 56px desktop ≥769px · 54px tablet/mobile ≤768px · 52px ultra-narrow ≤480px.
 * Scope: .cvh-ms5-gate (login + registro multirol + lost-password).
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

html body .cvh-ms5-gate .cvh-ms5-form input[type="text"],
html body .cvh-ms5-gate .cvh-ms5-form input[type="email"],
html body .cvh-ms5-gate .cvh-ms5-form input[type="password"],
html body .cvh-ms5-gate .cvh-ms5-form input[type="tel"],
html body .cvh-ms5-gate .wpforms-form input[type="text"],
html body .cvh-ms5-gate .wpforms-form input[type="email"],
html body .cvh-ms5-gate .wpforms-form input[type="password"],
html body .cvh-ms5-gate .wpforms-form input[type="tel"],
html body .cvh-ms5-gate .wpforms-form input[type="url"],
html body .cvh-ms5-gate .wpforms-form input[type="number"],
html body .cvh-ms5-gate .wpforms-form textarea {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-height: 56px !important;
  height: 56px !important;
  padding: 16px 18px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  border-radius: 10px !important;
  border-width: 1.5px !important;
}

html body .cvh-ms5-gate .wpforms-form textarea {
  height: auto !important;
  min-height: 96px !important;
}

/* Tablet/mobile ≤768px → mantener legibilidad sin zoom iOS (font-size 16px) */
@media (max-width: 768px) {
  html body .cvh-ms5-gate .cvh-ms5-form input[type="text"],
  html body .cvh-ms5-gate .cvh-ms5-form input[type="email"],
  html body .cvh-ms5-gate .cvh-ms5-form input[type="password"],
  html body .cvh-ms5-gate .wpforms-form input[type="text"],
  html body .cvh-ms5-gate .wpforms-form input[type="email"],
  html body .cvh-ms5-gate .wpforms-form input[type="password"],
  html body .cvh-ms5-gate .wpforms-form input[type="tel"],
  html body .cvh-ms5-gate .wpforms-form input[type="url"],
  html body .cvh-ms5-gate .wpforms-form input[type="number"],
  html body .cvh-ms5-gate .wpforms-form select,
  html body .cvh-ms5-gate .wpforms-form .wpforms-field select {
    min-height: 54px !important;
    height: 54px !important;
    padding: 14px 16px !important;
    font-size: 16px !important;
  }
  html body .cvh-ms5-gate .wpforms-form select,
  html body .cvh-ms5-gate .wpforms-form .wpforms-field select {
    padding-right: 42px !important;
  }
}

/* Ultra-narrow ≤480px → 52px compacto pero táctil (Apple HIG 44px mínimo OK) */
@media (max-width: 480px) {
  html body .cvh-ms5-gate .cvh-ms5-form input[type="text"],
  html body .cvh-ms5-gate .cvh-ms5-form input[type="email"],
  html body .cvh-ms5-gate .cvh-ms5-form input[type="password"],
  html body .cvh-ms5-gate .wpforms-form input[type="text"],
  html body .cvh-ms5-gate .wpforms-form input[type="email"],
  html body .cvh-ms5-gate .wpforms-form input[type="password"],
  html body .cvh-ms5-gate .wpforms-form input[type="tel"],
  html body .cvh-ms5-gate .wpforms-form input[type="url"],
  html body .cvh-ms5-gate .wpforms-form input[type="number"],
  html body .cvh-ms5-gate .wpforms-form select,
  html body .cvh-ms5-gate .wpforms-form .wpforms-field select {
    min-height: 52px !important;
    height: 52px !important;
    padding: 13px 14px !important;
    border-radius: 9px !important;
  }
  html body .cvh-ms5-gate .wpforms-form select,
  html body .cvh-ms5-gate .wpforms-form .wpforms-field select {
    padding-right: 38px !important;
  }
}
/* /FIX V10 · inputs == selects + responsive ═══════════════════════════════════════════════════════ */

/* ═══ FIX V11 · 2026-05-21 17:55 · Autofill Chrome/Safari + checkboxes vela dorada definitivos ═════
 * Sergio captura: Chrome autofill pinta fondo blanco azulado + texto color browser default.
 * + V9 checkboxes rendering raro en algunos zoom/dpr → V11 reforzado con linear-gradient + ✓ Unicode.
 * Scope: .cvh-ms5-gate + .wpforms-container-143421 (refuerzo doble para batir cualquier inline UA).
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── V11 · AUTOFILL OVERRIDE Chrome/Safari ──────────────────────────────────────────────────────── */
.cvh-ms5-gate input:-webkit-autofill,
.cvh-ms5-gate input:-webkit-autofill:hover,
.cvh-ms5-gate input:-webkit-autofill:focus,
.cvh-ms5-gate input:-webkit-autofill:active,
.cvh-ms5-gate textarea:-webkit-autofill,
.cvh-ms5-gate select:-webkit-autofill,
.wpforms-container-143421 input:-webkit-autofill,
.wpforms-container-143421 input:-webkit-autofill:hover,
.wpforms-container-143421 input:-webkit-autofill:focus,
.wpforms-container-143421 textarea:-webkit-autofill,
.wpforms-container-143421 select:-webkit-autofill {
  -webkit-text-fill-color: #FFFFFF !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(6,6,15,0.95) inset !important;
  box-shadow: 0 0 0 1000px rgba(6,6,15,0.95) inset !important;
  caret-color: #FFD96B !important;
  background-color: rgba(6,6,15,0.95) !important;
  background-image: none !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s !important;
}

/* ── V11 · CHECKBOXES dorado vela 22×22 (linear-gradient + ✓ Unicode) ─────────────────────────────── */
.cvh-ms5-gate input[type="checkbox"],
.wpforms-container-143421 input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 4px !important;
  background: rgba(6,6,15,0.7) !important;
  background-color: rgba(6,6,15,0.7) !important;
  background-image: none !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

.cvh-ms5-gate input[type="checkbox"]:hover,
.wpforms-container-143421 input[type="checkbox"]:hover {
  border-color: #FFD96B !important;
  box-shadow: 0 0 8px rgba(255,217,107,0.45) !important;
}

.cvh-ms5-gate input[type="checkbox"]:checked,
.wpforms-container-143421 input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #D4AF37, #FFD96B) !important;
  background-color: #D4AF37 !important;
  background-image: linear-gradient(135deg, #D4AF37, #FFD96B) !important;
  border-color: #FFD96B !important;
  box-shadow: 0 0 10px rgba(255,217,107,0.55) !important;
}

.cvh-ms5-gate input[type="checkbox"]:checked::after,
.wpforms-container-143421 input[type="checkbox"]:checked::after {
  content: "\2713" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #06060F !important;
  -webkit-text-fill-color: #06060F !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'DM Sans', system-ui, sans-serif !important;
  text-shadow: none !important;
  background: transparent !important;
  border: 0 !important;
}

.cvh-ms5-gate input[type="checkbox"]:focus,
.cvh-ms5-gate input[type="checkbox"]:focus-visible,
.wpforms-container-143421 input[type="checkbox"]:focus,
.wpforms-container-143421 input[type="checkbox"]:focus-visible {
  outline: 2px solid #FFD96B !important;
  outline-offset: 2px !important;
}
/* /FIX V11 · autofill + checkboxes vela dorada ════════════════════════════════════════════════════ */

/* ═══ FIX V12 · 2026-05-21 18:00 · WPForms error messages VISIBLES (rojo legible) ═════════════════
 * Sergio: "click no hace nada" → validación cliente WPForms muestra <label class="wpforms-error">
 * pero CSS dark theme V4-V11 no garantiza contraste/visibilidad de esos mensajes.
 * V12 fuerza color rojo claro #FF6B6B, font-size legible, padding y margin para que el usuario VEA
 * que faltan campos required (especialmente los 3 checkboxes RGPD/Condiciones/Newsletter).
 * Scope: .cvh-ms5-gate + .wpforms-container-143421.
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

.cvh-ms5-gate .wpforms-error,
.cvh-ms5-gate label.wpforms-error,
.cvh-ms5-gate .wpforms-field-required-error,
.cvh-ms5-gate .wpforms-error-noscript,
.cvh-ms5-gate em.wpforms-error,
.wpforms-container-143421 .wpforms-error,
.wpforms-container-143421 label.wpforms-error,
.wpforms-container-143421 .wpforms-field-required-error,
.wpforms-container-143421 .wpforms-error-noscript,
.wpforms-container-143421 em.wpforms-error {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #FF6B6B !important;
  -webkit-text-fill-color: #FF6B6B !important;
  background: rgba(255,107,107,0.08) !important;
  background-color: rgba(255,107,107,0.08) !important;
  border-left: 3px solid #FF6B6B !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  padding: 8px 12px !important;
  margin: 6px 0 4px !important;
  border-radius: 6px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Input/select con error: borde rojo */
.cvh-ms5-gate input.wpforms-error,
.cvh-ms5-gate select.wpforms-error,
.cvh-ms5-gate textarea.wpforms-error,
.wpforms-container-143421 input.wpforms-error,
.wpforms-container-143421 select.wpforms-error,
.wpforms-container-143421 textarea.wpforms-error {
  border-color: #FF6B6B !important;
  box-shadow: 0 0 0 3px rgba(255,107,107,0.15) !important;
}

/* Required-label (asterisco *) más visible */
.cvh-ms5-gate .wpforms-required-label,
.wpforms-container-143421 .wpforms-required-label {
  color: #FF6B6B !important;
  -webkit-text-fill-color: #FF6B6B !important;
  font-weight: 700 !important;
  font-size: 1.1em !important;
  margin-left: 4px !important;
}

/* AJAX error/success container (WPForms genera estos al submit) */
.cvh-ms5-gate .wpforms-error-container,
.cvh-ms5-gate .wpforms-error-container-full,
.cvh-ms5-gate .wpforms-confirmation-container-full,
.cvh-ms5-gate .wpforms-confirmation-container,
.wpforms-container-143421 .wpforms-error-container,
.wpforms-container-143421 .wpforms-error-container-full,
.wpforms-container-143421 .wpforms-confirmation-container-full,
.wpforms-container-143421 .wpforms-confirmation-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 14px 18px !important;
  margin: 14px 0 !important;
  border-radius: 8px !important;
}
.cvh-ms5-gate .wpforms-error-container,
.cvh-ms5-gate .wpforms-error-container-full,
.wpforms-container-143421 .wpforms-error-container,
.wpforms-container-143421 .wpforms-error-container-full {
  background: rgba(255,107,107,0.10) !important;
  border: 1px solid #FF6B6B !important;
  color: #FF6B6B !important;
  -webkit-text-fill-color: #FF6B6B !important;
}
.cvh-ms5-gate .wpforms-confirmation-container,
.cvh-ms5-gate .wpforms-confirmation-container-full,
.wpforms-container-143421 .wpforms-confirmation-container,
.wpforms-container-143421 .wpforms-confirmation-container-full {
  background: rgba(212,175,55,0.10) !important;
  border: 1px solid #D4AF37 !important;
  color: #F0EAD6 !important;
  -webkit-text-fill-color: #F0EAD6 !important;
}
/* /FIX V12 · WPForms error messages visibles ═════════════════════════════════════════════════════ */

/* ═══ FIX V13 · 2026-05-21 18:30 · Checkboxes scope TOTAL + autofill refuerzo Chrome 138+ ═════════
 * Round 3: cubrir TODOS los selectores WPForms (con y sin .cvh-ms5-gate parent) por si LiteSpeed
 * Cache CSS combinado deja huérfano algún ::after. Autofill V13 añade :-internal-autofill-selected
 * y :-internal-autofill-previewed que Chrome 138+ usa para preview antes de fill.
 * Scope ampliado: .wpforms-container · .wpforms-field-checkbox · .wpforms-field · .cvh-ms5-gate ·
 *   div[id*="wpforms-143421"] · form[id*="wpforms-form-143421"]
 * ═════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ── V13 · CHECKBOXES SCOPE TOTAL ───────────────────────────────────────────────────────────────── */
.wpforms-container input[type="checkbox"],
.wpforms-field-checkbox input[type="checkbox"],
.wpforms-field input[type="checkbox"],
.cvh-ms5-gate input[type="checkbox"],
div[id*="wpforms-143421"] input[type="checkbox"],
form[id*="wpforms-form-143421"] input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  border: 2px solid #D4AF37 !important;
  border-radius: 4px !important;
  background: rgba(6,6,15,0.85) !important;
  background-color: rgba(6,6,15,0.85) !important;
  background-image: none !important;
  cursor: pointer !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 10px 0 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  transition: all 0.2s ease !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #06060F !important;
}

.wpforms-container input[type="checkbox"]:hover,
.wpforms-field-checkbox input[type="checkbox"]:hover,
.wpforms-field input[type="checkbox"]:hover,
.cvh-ms5-gate input[type="checkbox"]:hover,
div[id*="wpforms-143421"] input[type="checkbox"]:hover {
  border-color: #FFD96B !important;
  box-shadow: 0 0 8px rgba(255,217,107,0.45) !important;
}

.wpforms-container input[type="checkbox"]:checked,
.wpforms-field-checkbox input[type="checkbox"]:checked,
.wpforms-field input[type="checkbox"]:checked,
.cvh-ms5-gate input[type="checkbox"]:checked,
div[id*="wpforms-143421"] input[type="checkbox"]:checked {
  background: linear-gradient(135deg, #D4AF37, #FFD96B) !important;
  background-color: #FFD96B !important;
  border-color: #FFD96B !important;
  box-shadow: 0 0 10px rgba(255,217,107,0.55) !important;
}

.wpforms-container input[type="checkbox"]:checked::after,
.wpforms-field-checkbox input[type="checkbox"]:checked::after,
.wpforms-field input[type="checkbox"]:checked::after,
.cvh-ms5-gate input[type="checkbox"]:checked::after,
div[id*="wpforms-143421"] input[type="checkbox"]:checked::after {
  content: "\2713" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  color: #06060F !important;
  -webkit-text-fill-color: #06060F !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'DM Sans', system-ui, sans-serif !important;
  text-shadow: none !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
}

/* ── V13 · AUTOFILL REFUERZO Chrome 138+ (incluye :-internal-autofill-*) ──────────────────────────── */
.cvh-ms5-gate input:-webkit-autofill,
.cvh-ms5-gate input:-internal-autofill-selected,
.cvh-ms5-gate input:-internal-autofill-previewed,
.wpforms-container input:-webkit-autofill,
.wpforms-container input:-internal-autofill-selected,
.wpforms-container input:-internal-autofill-previewed {
  -webkit-text-fill-color: #FFFFFF !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  caret-color: #FFD96B !important;
  -webkit-box-shadow: 0 0 0 1000px rgba(6,6,15,0.95) inset, 0 0 0 1px rgba(212,175,55,0.40) inset !important;
  box-shadow: 0 0 0 1000px rgba(6,6,15,0.95) inset, 0 0 0 1px rgba(212,175,55,0.40) inset !important;
  background-color: transparent !important;
  background-image: none !important;
  font-family: 'DM Sans', system-ui, sans-serif !important;
  font-size: 16px !important;
  color: #FFFFFF !important;
  transition: background-color 9999s ease-in-out 0s, color 9999s ease-in-out 0s !important;
}
/* /FIX V13 · checkboxes scope total + autofill Chrome 138+ ═══════════════════════════════════════ */
