/* =========================================================
   BRILHOS DO V2
   Brilho que passa nas etiquetas das linhas da home (Dentistas, Estética,
   Vets), nos atalhos Hospitalar e Industrial do menu do celular e no
   "25 anos" prateado da faixa do topo. Mesmos tempos do site de referência.
   ========================================================= */

body.storefront-body .usage-lines__badge::after,
body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa summary::after,
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina summary::after {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 45%;
    pointer-events: none;
    content: "";
    transform: skewX(-20deg);
}

body.storefront-body .usage-lines__badge::after {
    left: -60%;
    background: linear-gradient(100deg, transparent, rgb(255 255 255 / 55%), transparent);
    animation: betel-badge-shine 2.6s ease-in-out infinite;
}

body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa summary,
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina summary {
    position: relative;
    overflow: hidden;
}

body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa summary::after,
body.storefront-body .betel-menu .betel-menu__mobile .acc.ina summary::after {
    left: -50%;
    width: 40%;
    background: linear-gradient(100deg, transparent, rgb(255 255 255 / 75%), transparent);
    animation: betel-badge-shine 3.2s ease-in-out infinite;
}

body.storefront-body .store-header__announcement-highlight strong {
    background: linear-gradient(100deg, #9fb0c8 0%, #e3e9f2 40%, #ffffff 52%, #c6d1e0 66%, #9fb0c8 100%);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: betel-silver-shine 5s ease-in-out infinite;
}

@keyframes betel-badge-shine {
    0% {
        left: -60%;
    }

    60%,
    100% {
        left: 130%;
    }
}

@keyframes betel-silver-shine {
    0%,
    55% {
        background-position: 100% 0;
    }

    85%,
    100% {
        background-position: -100% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.storefront-body .usage-lines__badge::after,
    body.storefront-body .betel-menu .betel-menu__mobile .acc.hsa summary::after,
    body.storefront-body .betel-menu .betel-menu__mobile .acc.ina summary::after,
    body.storefront-body .store-header__announcement-highlight strong {
        animation: none;
    }
}