/*
 * Mi cuenta (administracion-omnes): estados del botón de favoritos y su posición en la
 * tarjeta de la pestaña Favoritos. Colores y tipografías: variables del kit (sin hex).
 * El resto del diseño de la página va en Elementor.
 */
.aom-fav-boton .elementor-button {
    cursor: pointer;
    transition: border-color .2s, color .2s, background-color .2s, opacity .2s;
}

.aom-fav-boton .elementor-button[aria-busy="true"] {
    opacity: .6;
    pointer-events: none;
}

.aom-fav-boton .elementor-button:focus-visible {
    outline: 2px solid var(--e-global-color-0731c04);
    outline-offset: 2px;
}

/* Guardado: borde en Verde Profundo (vale donde se use la plantilla del botón). */
.elementor .aom-fav-boton.elementor-element .elementor-button[aria-pressed="true"] {
    border-color: var(--e-global-color-0731c04);
}

/* Variante "quitar": solo icono, círculo de 36 px. */
.aom-fav-boton--quitar .elementor-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 36px !important;
    min-width: 36px;
    height: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.aom-fav-boton--quitar .elementor-button-content-wrapper {
    gap: 0;
}

.aom-fav-boton--quitar .elementor-button-text {
    display: none;
}

.aom-fav-boton--quitar .elementor-button-icon {
    margin: 0;
}

.aom-fav-boton--quitar,
.aom-fav-quitar .e-con {
    flex: none;
    width: auto;
}

/* Tarjeta de la pestaña Favoritos: el botón va sobre la imagen, fuera del enlace. */
.aom-fav-tarjeta {
    position: relative;
}

.aom-fav-tarjeta > .aom-fav-quitar {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: auto;
    margin: 0;
}

.e-loop-item.aom-fav-saliendo {
    opacity: 0;
    transform: scale(.98);
    transition: opacity .3s ease, transform .3s ease;
}

@media (prefers-reduced-motion: reduce) {
    .e-loop-item.aom-fav-saliendo,
    .aom-fav-boton .elementor-button {
        transition: none;
    }
}