.m-0auto {
    margin: 0 auto;
}

.padding-0 {
    padding: 0 !important;
}

.row-lg {
    display: flex;
    flex-wrap: wrap;
}

.icon-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.padding-right5px {
    padding-right: 5px;
}

.icon:hover {
    transform: scale(1.3);
    cursor: pointer;
    transition-duration: 0.2s; /* Ajusta el valor según la velocidad deseada (por ejemplo, 0.5s para medio segundo) */
    transition-timing-function: ease-out; /* Puedes ajustar la función de temporización según tus preferencias */
}

.bg-lightcream {
    background: #fff5d6;
}

.button-proceed, a.button-proceed {
    background: #3498db;
    border: 0;
    color: #fff;
}

.button-proceed:hover, .button-proceed:focus, a.button-proceed:hover, a.button-proceed:focus {
    background: #2d82bb;
    color: #fff;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.image-container-select {
    position: relative !important;
    display: inline-block !important;
}

.button-circle-select {
    position: absolute !important;
    width: 3rem !important;
    height: 3rem !important;
    top: 3rem !important; /* Ajusta según tus necesidades */
    left: 3rem !important; /* Ajusta según tus necesidades */
}

.font-size-lg {
    font-size: 24px;
}

.text-prize {
    color: #78b9f7;
}

.pointer {
    cursor: pointer !important;
}

.text-container-lg {
    display: flex !important;
    justify-content: center !important;
}

.cart-counter {
    background-color: #3498db; /* Color de fondo del círculo */
    color: #fff; /* Color del texto dentro del círculo */
    border-radius: 50%; /* Hace que el elemento sea un círculo */
    padding: 5px 10px; /* Espaciado interno del círculo */
    font-size: 12px; /* Tamaño del texto */
    box-shadow: 0 0 5px rgba(255, 255, 255, 0.5); /* Efecto de destello blanco */
}

.bg-image-sm {
    background-position: center !important;
    background-size: cover !important;
    object-fit: cover !important;
}

@media (min-width: 320px) and (max-width: 767.98px) {
    .text-container-sm {
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 30px 25px !important;
    }

    .bg-image-sm {
        background-position: center !important;
        background-size: cover !important;
        object-fit: cover !important;
    }

    .ig-feed-txt-sm {
        margin-bottom: 60px;
        text-align: center
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .text-container-sm {
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 60px 30px !important;
    }

    .bg-image-sm {
        background-position: center !important;
        background-size: cover !important;
        object-fit: cover !important;
    }

    .ig-feed-txt-sm {
        margin-bottom: 60px;
        text-align: center
    }
}

@media (min-width: 320px) and (max-width: 991.98px) {
    .d-none-sm {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 424.98px) {
    .d-none-thead {
        display: none;
    }
}

@media (min-width: 320px) and (max-width: 350px) {
    .logo-xs {
        width: 60% !important;
        height: 100% !important;
    }
}

@media (min-width: 350.98px) and (max-width: 375.98px) {
    .logo-xs {
        width: 75% !important;
        height: 100% !important;
    }
}