@import url('./fonts.css');
@import url('./topbar.css');
@import url('./navbar.css');
@import url('./home.css');
@import url('./footer.css');
@import url('./categorias.css');
@import url('./producto.css');
@import url('./cart.css');
@import url('./checkout.css');

:root {
    --azul: #003987;
    --rojo: #D7374F;
    --gris: #ADADAD;
    --darkgris: #767676;
}

* {
    margin: 0;
    overflow-x: hidden;
}

p {
    margin: 0;
}

.mv_chatbubble {
  position: fixed;
  bottom: 1.5vw;
  right: 2vw;
  display: flex;
  align-items: center;
  z-index: 999;
  -webkit-filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.589));
  filter: drop-shadow(5px 5px 5px rgba(34, 34, 34, 0.589));
}

.mv_chatbubble span {
    background-color: #7676769f;
    padding: 12px 16px;
    color: white;
    font-size: 13px;
    font-family: Gotham-Medium;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-right: 10px ;
    position: relative;
    opacity: 0;
    animation: tooltip 1s 3s forwards;
    -webkit-animation: tooltip 3s 3s forwards;
}

.mv_chatbubble img {
    width: 60px;
}

.mv_ofertasfix {
    position: fixed;
    width: 15vw;
    background-color: var(--azul);
    bottom: 0;
    left: 50%;
    padding: 15px 0 12px;
    text-align: center;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    z-index: 999;
}

.mv_ofertasfix span {
    font-family: Gotham-Medium;
    width: 100%;
    color: white;
    font-size: 15px;
}

.mv_ofertasfix svg {
    margin-left: 10px;
}

@media only screen and (max-width: 768px){
    .mv_chatbubble {
        bottom: 8vh;
        right: 4vw;
    }
    .mv_chatbubble span {
        display: none;
    }
    .mv_ofertasfix {
        width: 70vw;
    }
}

@keyframes tooltip {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.mv_searchmovil {
    display: none
}
.mv_footer_responsive {
    display: none;
}

@media only screen and (max-width: 768px) {
    .mv_searchmovil {
        display: block;
        width: 100vw;
        background-color: #003987;
        padding: 0 20px 12px;
    }
    .input-group-text {
        height: 100%;
        background-color: white;
        border: 1px solid white;
    }

    .mv_footer {
        display: none;
    }

    .mv_footer_responsive {
        display: block;
        background-color: #003987;
        padding: 15px 4vw 80px;
    }
    .accordion-item {
        background-color: transparent;
    }
    .accordion-button {
        background-color: transparent;
        color: white;
        font-family: Gotham;
        font-weight: 600;
        font-size: 14px;
    }
    .accordion-button:not(.collapsed) {
        background-color: transparent !important;
        color: white !important;
        box-shadow: none !important;
    }
    .accordion-button::after, .accordion-button:not(.collapsed)::after {
        background-image: url("/mueblerias_villarreal/assets/arrow_down.png");
        height: 12px;
        width: 12px;
        background-size: 12px;
    }
    .accordion-body {
        padding: 0 1.25rem 10px;
        color: white;
        font-size: 14px;
        font-family: Gotham;
    }
    .accordion-body p {
        padding: 9px 0;
    }
    .mv_footer_responsive .newsletter {
        width: 100%;
        padding: 10px;
        text-align: center;
        border: 1px solid white;
        font-size: 14px;
        font-family: Gotham;
        color: white;
        margin-top: 20px;
    }
}

#mv_cart_body .button_cart {
    font-family: Gotham-Book;
    color: black;
}