.hes-action-menu {
    display: flex;
    justify-content: flex-end;
}

.hes-action-menu .hes-action-menu__trigger {
    white-space: nowrap;
    padding: .35rem .65rem;
    min-height: 2.5rem;
    font-size: .875rem;
}

/* El popover está en la capa superior del navegador y conserva su fila en el DOM. */
.hes-action-menu__popup {
    position: fixed;
    inset: auto;
    margin: 0;
    padding: .3rem;
    width: max-content;
    min-width: min(10rem, calc(100vw - 1rem));
    max-width: min(20rem, calc(100vw - 1rem));
    overflow-y: auto;
    box-sizing: border-box;
    color: var(--color-texto);
    background: var(--color-fondo-card);
    border: 1px solid var(--color-borde);
    border-radius: .5rem;
    box-shadow: 0 .35rem 1rem #0003;
}

.hes-action-menu__popup form { margin: 0; }

.hes-action-menu__popup .hes-action-menu__item {
    display: block;
    width: 100%;
    min-height: 2.75rem;
    padding: .6rem .8rem;
    border: 0;
    border-radius: .25rem;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.hes-action-menu__popup .hes-action-menu__item:hover,
.hes-action-menu__popup .hes-action-menu__item:focus-visible {
    background: var(--color-boton);
    outline: 2px solid var(--color-borde);
    outline-offset: -2px;
}

.hes-action-menu__popup .hes-action-menu__item--danger {
    background: var(--color-boton-cancelar);
    color: var(--color-texto);
}

.hes-action-menu__popup .hes-action-menu__item--primary {
    background: var(--color-boton);
}

.hes-action-menu__popup .hes-action-menu__item--success {
    background: var(--bs-success);
    color: var(--bs-white);
}

.hes-action-menu__popup .hes-action-menu__item--success:hover,
.hes-action-menu__popup .hes-action-menu__item--success:focus-visible {
    background: color-mix(in srgb, var(--bs-success) 82%, #000000);
}

.hes-action-menu__popup .hes-action-menu__item[hidden] {
    display: none;
}

.hes-action-menu__popup .hes-action-menu__item--danger:hover,
.hes-action-menu__popup .hes-action-menu__item--danger:focus-visible {
    background: color-mix(in srgb, var(--color-boton-cancelar) 82%, #000000);
}

.hes-action-menu__popup .hes-action-menu__item:disabled,
.hes-action-menu__popup .hes-action-menu__item[aria-disabled="true"] {
    opacity: .5;
    cursor: default;
}