/* ==========================================================================
   Formularios Gravity Forms (tema Orbital) - estilo cfmedica
   Ubicación: wp-content/plugins/custom-minet/assets/css/gravity-forms.css
   Mismo aspecto que carrito-checkout.css: campos, foco y botón principal.
   "body" delante sube la especificidad para ganar a Orbital sin !important.
   ========================================================================== */

/* ---------- Variables ---------- */
/* GF escribe un <style> en línea por formulario con "#gform_wrapper_N[data-form-index].gform-theme { --gf-... }".
   Un id gana a cualquier selector de clases, así que las variables --gf-* llevan !important:
   es la única forma de sobrescribirlas desde una hoja externa sin depender del id del formulario. */
body .gform_wrapper,
body .gform-theme--foundation,
body .gform-theme--framework {
    --minet-gf-navy: #000040;
    --minet-gf-text: #4a5470;
    --minet-gf-link: #2642b2;
    --minet-gf-green: #15803d;
    --minet-gf-green-hover: #116a33;
    --minet-gf-surface: #f0f5fd;
    --minet-gf-line-strong: rgba(74, 84, 112, 0.45);
    --minet-gf-radius: 12px;
    --minet-gf-font-heading: "Bricolage Grotesque", sans-serif;

    /* Color primario: botón, casillas y acentos */
    --gf-color-primary: #15803d !important;
    --gf-color-primary-rgb: 21, 128, 61 !important;
    --gf-color-primary-darker: #116a33 !important;
    --gf-color-primary-lighter: #116a33 !important;
    --gf-color-in-ctrl-primary: #15803d !important;
    --gf-color-in-ctrl-primary-rgb: 21, 128, 61 !important;
    --gf-color-in-ctrl-primary-darker: #116a33 !important;
    --gf-color-in-ctrl-primary-lighter: #116a33 !important;
    --gf-color-danger: #b91c1c !important;
    --gf-color-danger-rgb: 185, 28, 28 !important;
    --gf-color-success: #15803d !important;
    --gf-color-success-rgb: 21, 128, 61 !important;

    /* Textos fuera de los campos */
    --gf-color-out-ctrl-dark: #4a5470 !important;
    --gf-color-out-ctrl-dark-rgb: 74, 84, 112 !important;
    --gf-color-out-ctrl-dark-darker: #000040 !important;

    /* Forma */
    --gf-radius: 12px !important;

    /* Etiquetas */
    --gf-ctrl-label-color-primary: #000040 !important;
    --gf-ctrl-label-color-secondary: #000040 !important;
    --gf-ctrl-label-font-size-primary: 16px !important;
    --gf-ctrl-label-font-weight-primary: 700 !important;

    /* Campos */
    --gf-ctrl-size: 48px !important;
    --gf-ctrl-padding-x: 16px !important;
    --gf-ctrl-font-size: 16px !important;
    --gf-ctrl-color: #000040 !important;
    --gf-ctrl-border-color: rgba(74, 84, 112, 0.45) !important;
    --gf-ctrl-border-color-hover: rgba(74, 84, 112, 0.45) !important;
    --gf-ctrl-border-color-focus: #2642b2 !important;
    --gf-ctrl-outline-color-focus: rgba(38, 66, 178, 0.25) !important;
    --gf-ctrl-shadow: none !important;
    --gf-ctrl-placeholder-color: #6b7490 !important;
    --gf-ctrl-accent-color: #15803d !important;

    /* Botón principal (igual que Finalizar compra) */
    --gf-ctrl-btn-radius: 12px !important;
    --gf-ctrl-btn-shadow: none !important;
    --gf-ctrl-btn-size: 56px !important;
    --gf-ctrl-btn-size-md: 56px !important;
    --gf-ctrl-btn-padding-x: 24px !important;
    --gf-ctrl-btn-padding-x-md: 24px !important;
    --gf-ctrl-btn-font-family: "Bricolage Grotesque", sans-serif !important;
    --gf-ctrl-btn-font-size: 20px !important;
    --gf-ctrl-btn-font-size-md: 20px !important;
    --gf-ctrl-btn-font-weight: 700 !important;
    --gf-ctrl-btn-letter-spacing: -0.4px !important;
    --gf-ctrl-btn-border-width-primary: 2px !important;
    --gf-ctrl-btn-border-color-primary: #15803d !important;
    --gf-ctrl-btn-border-color-hover-primary: #116a33 !important;
}

/* ---------- Etiquetas ---------- */
body .gform_wrapper .gfield_label,
body .gform_wrapper legend.gfield_label {
    color: var(--minet-gf-navy);
    font-size: 16px;
    font-weight: 700;
}

/* Se ocultan los asteriscos de las etiquetas y la leyenda "* señala los campos obligatorios".
   Los campos siguen llevando aria-required, así que los lectores de pantalla no pierden la información. */
body .gform_wrapper .gfield_required,
body .gform_wrapper .gform_required_legend {
    display: none;
}

body .gform_wrapper .gfield_description {
    color: var(--minet-gf-text);
    font-size: 14px;
}

/* ---------- Campos: texto, email, teléfono, desplegable y área de texto ---------- */
body .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]),
body .gform_wrapper .ginput_container select,
body .gform_wrapper .ginput_container textarea {
    background-color: #fff;
    border: 1px solid var(--minet-gf-line-strong);
    border-radius: var(--minet-gf-radius);
    box-shadow: none;
    color: var(--minet-gf-navy);
    font-size: 16px;
    min-height: 48px;
    padding: 0 16px;
}

/* Centrado vertical del texto: alto fijo y line-height = alto - 2 px de borde */
body .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]),
body .gform_wrapper .ginput_container select {
    height: 48px;
    line-height: 46px;
}

body .gform_wrapper .ginput_container textarea {
    min-height: 140px;
    padding: 12px 16px;
}

body .gform_wrapper .ginput_container input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]):focus,
body .gform_wrapper .ginput_container select:focus,
body .gform_wrapper .ginput_container textarea:focus {
    border-color: var(--minet-gf-link);
    box-shadow: 0 0 0 1px var(--minet-gf-link);
    outline: 0;
}

body .gform_wrapper .ginput_container ::placeholder {
    color: #6b7490;
    opacity: 1;
}

/* ---------- Consentimiento ---------- */
body .gform_wrapper .gfield_consent_label {
    color: var(--minet-gf-text);
    font-size: 15px;
    font-weight: 400;
}

body .gform_wrapper .gfield_consent_label a {
    color: var(--minet-gf-link);
}

/* ---------- Botón principal (mismo que Finalizar compra) ---------- */
body .gform_wrapper .gform_footer :is(input[type="submit"], button[type="submit"]),
body .gform_wrapper .gform_page_footer :is(input[type="submit"], button[type="submit"]),
body .gform_wrapper .gform_button {
    background-color: var(--minet-gf-green);
    background-image: none;
    border: 2px solid var(--minet-gf-green);
    border-radius: var(--minet-gf-radius);
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-family: var(--minet-gf-font-heading);
    font-size: 20px;
    font-weight: 700;
    height: auto;
    letter-spacing: -0.4px;
    line-height: 1.2;
    min-height: 56px;
    padding: 0 24px;
    transition: background-color 0.2s, border-color 0.2s;
}

body .gform_wrapper .gform_footer :is(input[type="submit"], button[type="submit"]):is(:hover, :focus-visible),
body .gform_wrapper .gform_page_footer :is(input[type="submit"], button[type="submit"]):is(:hover, :focus-visible),
body .gform_wrapper .gform_button:is(:hover, :focus-visible) {
    background-color: var(--minet-gf-green-hover);
    border-color: var(--minet-gf-green-hover);
    color: #fff;
}

/* ---------- Errores y confirmación ---------- */
body .gform_wrapper .gfield_validation_message,
body .gform_wrapper .validation_message {
    color: #b91c1c;
    font-size: 14px;
}

body .gform_confirmation_message {
    background-color: var(--minet-gf-surface);
    border-radius: var(--minet-gf-radius);
    color: var(--minet-gf-navy);
    padding: 24px;
}