/* ----- GateCHA widget como checkbox del formulario ----- */

/* Quita el margin-bottom del <p> que envuelve el widget para que
   no quede un hueco extra entre el captcha y el checkbox de marketing. */
.wpcf7-form p:has(> .gatecha-widget-wrap) {
    margin: 0.25rem 0 0.5rem;
}

/* Si el navegador no soporta :has(), fallback con clases adyacentes. */
.wpcf7-form p .gatecha-widget-wrap {
    margin-top: -0.75rem;
}

.wpcf7-form .gatecha-widget-wrap {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin: 0;
}

.wpcf7-form .gatecha-widget-wrap .altcha-main {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    font-size: 0.9rem;
    line-height: 1.4;
}

.wpcf7-form .gatecha-widget-wrap .altcha-checkbox input[type="checkbox"] {
    width: 1.15rem;
    height: 1.15rem;
    margin-top: 0.15rem;
    accent-color: var(--wp--preset--color--accent-3, #503AA8);
    flex-shrink: 0;
}

.wpcf7-form .gatecha-widget-wrap .altcha-label {
    color: var(--wp--preset--color--contrast, #111111);
    font-size: 0.9rem;
    line-height: 1.4;
    cursor: pointer;
}

/* Footer y logo: ocultos en el form (visualmente queda como checkbox nativo) */
.wpcf7-form .gatecha-widget-wrap .altcha-footer,
.wpcf7-form .gatecha-widget-wrap .altcha-logo {
    display: none !important;
}