/* La ayuda queda fuera del flujo del formulario al abrirse. */
.hes-input-help {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
}

.hes-input-help__control {
    flex: 1 1 0;
    min-width: 0;
}

.hes-input-help__button {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    margin-top: .375rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    color: var(--color-texto);
    background: var(--color-fondo-card);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.hes-input-help__button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

.hes-input-help--checkbox {
    display: inline-flex;
    width: auto;
    align-items: center;
    vertical-align: middle;
}

.hes-input-help--checkbox .form-check-input {
    float: none;
    margin: 0;
}

.hes-input-help--checkbox .hes-input-help__button {
    margin-top: 0;
    width: 1.5rem;
    height: 1.5rem;
}

.hes-input-help-popover {
    --bs-popover-max-width: min(20rem, calc(100vw - 2rem));
}