/* ═══════════════════════════════════════════════════════════════
   Mazca 3 · WPForms — normalización de campos de selección
   ───────────────────────────────────────────────────────────────
   Las CTA de servicio estilizan `.wpforms-field input` SIN filtrar por
   tipo, así que el estilo de input de texto (borde, padding, width:100%)
   se aplicaba también a checkboxes y radios → salían como "píldoras"
   estiradas. Esta hoja lo corrige de forma global.

   Los selectores usan las clases de tipo de campo de WPForms
   (.wpforms-field-checkbox / -radio / -gdpr-checkbox) para tener MÁS
   especificidad que las reglas por sección `.xxx-form .wpforms-field input`
   y así ganar siempre, sin importar el orden de carga.
═══════════════════════════════════════════════════════════════ */

/* ── Checkbox / radio: apariencia nativa, tamaño fijo, acento Mazca ── */
.wpforms-container .wpforms-field-checkbox input[type="checkbox"],
.wpforms-container .wpforms-field-gdpr-checkbox input[type="checkbox"],
.wpforms-container .wpforms-field-radio input[type="radio"],
.wpforms-container .wpforms-field-payment-checkbox input[type="checkbox"],
.wpforms-container .wpforms-field-payment-multiple input[type="radio"] {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 4px !important;
    /* Elimina la capa que dibuja WPForms (Modern Markup) — evita el doble box */
    background: transparent !important;
    background-image: none !important;
    -webkit-mask: none !important;
    mask: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-indent: 0 !important;
    accent-color: #7E9B3B !important;
    cursor: pointer !important;
    vertical-align: top !important;
    position: static !important;
}
/* Neutraliza el checkmark/box que WPForms pinta con pseudo-elementos */
.wpforms-container .wpforms-field-checkbox input[type="checkbox"]::before,
.wpforms-container .wpforms-field-checkbox input[type="checkbox"]::after,
.wpforms-container .wpforms-field-gdpr-checkbox input[type="checkbox"]::before,
.wpforms-container .wpforms-field-gdpr-checkbox input[type="checkbox"]::after,
.wpforms-container .wpforms-field-radio input[type="radio"]::before,
.wpforms-container .wpforms-field-radio input[type="radio"]::after {
    content: none !important;
    display: none !important;
}
.wpforms-container .wpforms-field-radio input[type="radio"],
.wpforms-container .wpforms-field-payment-multiple input[type="radio"] {
    border-radius: 50% !important;
}

/* ── Fila de cada opción: checkbox + texto en línea, bien alineados ── */
.wpforms-container .wpforms-field-checkbox ul li,
.wpforms-container .wpforms-field-gdpr-checkbox ul li,
.wpforms-container .wpforms-field-radio ul li,
.wpforms-container .wpforms-field-payment-checkbox ul li,
.wpforms-container .wpforms-field-payment-multiple ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    list-style: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}
.wpforms-container .wpforms-field-checkbox ul,
.wpforms-container .wpforms-field-gdpr-checkbox ul,
.wpforms-container .wpforms-field-radio ul,
.wpforms-container .wpforms-field-payment-checkbox ul,
.wpforms-container .wpforms-field-payment-multiple ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* ── Texto de cada opción / consentimiento: legible y a tono ── */
.wpforms-container .wpforms-field-checkbox ul li label,
.wpforms-container .wpforms-field-gdpr-checkbox ul li label,
.wpforms-container .wpforms-field-radio ul li label,
.wpforms-container .wpforms-field-payment-checkbox ul li label,
.wpforms-container .wpforms-field-payment-multiple ul li label {
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    color: #56635E !important;
    margin: 0 !important;
    cursor: pointer !important;
}

/* ── El label PRINCIPAL del campo (p.ej. "GDPR AGREEMENT") mantiene
      el estilo de etiqueta Mazca: small-caps petróleo ── */
.wpforms-container .wpforms-field-checkbox > .wpforms-field-label,
.wpforms-container .wpforms-field-gdpr-checkbox > .wpforms-field-label,
.wpforms-container .wpforms-field-radio > .wpforms-field-label {
    font-family: 'Schibsted Grotesk', sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: #0C2421 !important;
    margin-bottom: 12px !important;
    display: block !important;
    line-height: 1.4 !important;
}

/* Asterisco de requerido en acento oliva */
.wpforms-container .wpforms-required-label,
.wpforms-container .wpforms-field-label .wpforms-required-label {
    color: #7E9B3B !important;
}