/* ============================================================
   MIXMARKET - MI CUENTA FINAL LIMPIO
   Iconos claros, sin azul, sin duplicados
   ============================================================ */

body.customer-account-index .mm-account-hero {
    background: linear-gradient(120deg, #137a45 0%, #3ba66c 55%, #ffb44f 100%) !important;
    box-shadow: 0 18px 42px rgba(19,122,69,.14) !important;
}

/* Limpia el contenedor del icono */
body.customer-account-index .mm-account-tile i.bi,
body.customer-account-index .mm-account-tile i {
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    max-width: 92px !important;
    max-height: 92px !important;

    margin: 0 auto 30px auto !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 28px !important;
    background: #eef8f1 !important;
    background-image: none !important;
    color: #16834f !important;

    box-shadow: 0 16px 34px rgba(22,131,79,.13) !important;
    transform: none !important;
}

/* Icono real */
body.customer-account-index .mm-account-tile i.bi:before,
body.customer-account-index .mm-account-tile i:before {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #16834f !important;

    font-size: 46px !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Mata cualquier segundo cuadrado */
body.customer-account-index .mm-account-tile i:after,
body.customer-account-index .mm-account-tile i.bi:after {
    content: none !important;
    display: none !important;
}

/* Hover / activo */
body.customer-account-index .mm-account-tile:hover i.bi,
body.customer-account-index .mm-account-tile:hover i,
body.customer-account-index .mm-account-tile.is-active i.bi,
body.customer-account-index .mm-account-tile.is-active i {
    background: #fff5e6 !important;
    background-image: none !important;
    color: #ff9b21 !important;
    box-shadow: 0 18px 38px rgba(255,155,33,.18) !important;
}

body.customer-account-index .mm-account-tile:hover i.bi:before,
body.customer-account-index .mm-account-tile:hover i:before,
body.customer-account-index .mm-account-tile.is-active i.bi:before,
body.customer-account-index .mm-account-tile.is-active i:before {
    color: #ff9b21 !important;
    background: transparent !important;
    background-image: none !important;
}