/* Padrao unico de curvatura para controles interativos. */
html body button,
html body .btn,
html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html body select,
html body textarea,
html body .form-control,
html body .form-select,
html body .input-group-text,
html body .site-searchable-trigger,
html body .site-searchable-search .form-control,
html body .searchable-select-trigger,
html body .searchable-select-search .form-control,
html body .datatable-input,
html body .datatable-selector,
html body .page-link {
    border-radius: var(--alfa-raio-controle, 14px) !important;
}

html body input[type="checkbox"],
html body .form-check-input[type="checkbox"] {
    border-radius: 4px !important;
}

html body input[type="radio"],
html body .form-check-input[type="radio"] {
    border-radius: 50% !important;
}

.turnstile-field {
    width: 100%;
    display: grid;
    justify-items: center;
    gap: .4rem;
    margin-block: .75rem;
    text-align: center;
}

.turnstile-field .js-turnstile-widget {
    width: 100%;
    min-height: 65px;
    overflow-x: auto;
    overflow-y: hidden;
}

.turnstile-field .js-turnstile-widget > iframe,
.turnstile-field .js-turnstile-widget > div {
    display: block;
    margin-inline: auto;
}

.turnstile-field small {
    display: block;
    width: 100%;
    color: var(--alfa-texto-secundario);
    font-size: .75rem;
    text-align: center;
}

.turnstile-field > .alert {
    width: 100%;
}

[data-turnstile-submit]:disabled {
    cursor: not-allowed;
    opacity: .55;
    filter: grayscale(.2);
}

/* Botoes sem sombras projetadas em qualquer estado. */
html body button,
html body .btn,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body [role="button"] {
    box-shadow: none !important;
}

html body button:hover,
html body button:focus,
html body button:focus-visible,
html body button:active,
html body .btn:hover,
html body .btn:focus,
html body .btn:focus-visible,
html body .btn:active,
html body .btn.active,
html body input[type="button"]:hover,
html body input[type="button"]:focus,
html body input[type="button"]:active,
html body input[type="submit"]:hover,
html body input[type="submit"]:focus,
html body input[type="submit"]:active,
html body input[type="reset"]:hover,
html body input[type="reset"]:focus,
html body input[type="reset"]:active,
html body [role="button"]:hover,
html body [role="button"]:focus,
html body [role="button"]:active {
    box-shadow: none !important;
}