*{
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

.header {
    background-color: #eeeeee;
}

.logo {
    color: #b5190d;
    font-family: 'Open Sans', sans-serif;
    font-size: 3em;
    font-weight: 900;
    letter-spacing: -2px;
}

.input-group {
    margin: 10px 0;
}

.input-group input {
    border-radius: 25px;
}

.input-group button {
    border-radius: 25px;
    background-color: white;
}

.mi-cuenta {
    font-size: 20pt;
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    padding-left: 10px;
}

.mi-cuenta button{
    font-size: 10pt;
    padding-left: 0px;
}

.person {
    cursor: pointer;
}

.cart, .like {
    width: 20px;
    cursor: pointer;
    margin: 0px 20px;
}

nav {
    background-color: #b5190d;
}

.navbar {
    padding: 0px !important;
}

nav .dropdown {
    height: 100%;
    margin-left: 25px;
}

nav .dropdown button {
    background-color: #9c0e07;
    font-size: 10pt;
    border-radius: 0px;
    border: 0px;
    padding: 10px 30px;
}

nav .dropdown button:hover {
    background-color: #7c0c06;
}

nav .nav-item {
    color: white;
    margin-left: 25px;
}

nav .nav-item:hover {
    color: white;
    text-decoration: none;
}

.section .producto {
    border: 1px solid #c5c5c5;
    margin: 30px;
    padding: 0px;
    overflow: hidden;
    min-width: 300px;
}

.section .carousel {
    width: 90%;
}

.carousel .carousel-indicators li {
    background-color: #fff;
    background-color: rgba(70, 70, 70, 0.25);
}
  
.carousel .carousel-indicators .active {
    background-color: #444;
}

.carousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e") !important;
}

.carousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e") !important;
}

.section .miniaturas img {
    width: 50px;
    margin-bottom: 10px;
}

.fit-image{
    width: 100%;
}

.section .info {
    margin-top: 30px;
}

.section .info h2 {
    font-size: 20pt;
}

.section .info h3 {
    font-size: 10pt;
    color: #b6180d;
    margin-top: 20px;
    margin-bottom: 0px;
}

.section .precios h4 {
    font-size: 22pt;
    font-weight: bold;
    color: #b6180d;
    padding-left: 0px;
    margin-left: 15px;
}

.section .precios h5 {
    font-size: 12pt;
    color: #7c7c7c;
    text-decoration: line-through;
    margin-left: 15px;
}

.section .precios h6 {
    font-size: 12pt;
    color: #249401;
    margin-left: 15px;
}

.section .pagos {
    margin-left: 15px;
}

.section .card {
    border: 0;
}

.section .card img {
    width: 25px;
}

.section .pagos h3 {
    color: black;
    margin: 0 10px;
}

.section .pagos a {
    font-size: 10pt;
    text-decoration: underline;
    margin-left: 15px;
    margin-top: -2px;
}

.section .compra {
    margin-top: 40px;
}

.section .btn {
    background-color: #b6180d;
    color: white;
    border-radius: 0px;
    padding: 15px 80px;
    margin-right: 10px;
    margin-left: 15px;
}

.section .btn:hover {
    background-color: #97160c;
    color: white;
}

.section .like, .section .envelope {
    padding: 10px;    
    font-size: 1.5em;
    color: #99989d;
    cursor: pointer;
}

.section .info {
    border-bottom: 1px solid #99989d;
}

.section .datos-envio {
    margin-left: 15px;
}

.section .envio-gratis h3 {
    background-color: #fdac39;
    padding: 4px 8px;
    font-size: 10pt;
    z-index: 2;
}

.section .envio-gratis #transform1 {
    background-color: #fdac39;
    transform: skewX(20deg);
    position: relative;
    left: -12px;
    z-index: 1;
}

.section .envio-gratis #transform2 {
    background-color: #fdac39;
    transform: skewX(-20deg);
    position: relative;
    left: -29px;
    z-index: 1;
}

.section .envio-gratis a {
    font-size: 10pt;
    text-decoration: underline;
}

.section .envio-retiro {
    margin-top: 15px;
}

.section .retiro h3, .section .envio h3 {
    font-weight: bold;
    font-size: 11pt;
    color: black;
}

.section .retiro a, .section .envio a {
    font-size: 11pt;
    text-decoration: underline;
    margin: 0px;
}

.section .retiro-img {
    font-size: 20pt;
    color: #99989d;
    margin-right: 10px
}

.section .envio-img {
    font-size: 20pt;
    color: #99989d;
    margin-left: 25px;
    margin-right: 10px;
}

.section .info {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.article {
    margin-top: 25px;
}

.article h1 {
    font-size: 16pt;
    cursor: pointer;
    padding: 10px 0px;
    margin: 15px;
}

#descripcion {
    color: #b6180d;
    border-bottom: 5px #b6180d solid;
}

.article p {
    margin: 15px 50px;
    font-size: 11pt;
}

.items {
    margin-top: 50px;
}

.items h1 {
    font-size: 16pt;
    margin-bottom: 20px;
}

.items .box {
    padding: 0;
    padding-bottom: 10px;
    margin: 0px 10px;
}

.items .box img {
    border: 1px solid #c5c5c5;
    padding: 10px;
    cursor: pointer;
    max-width: 400px;
}

.items .articulos {
    margin: 0px 50px;
}

.items h3 {
    font-size: 11pt;
    margin: 20px 0px;
    cursor: pointer;
}

.items h4 {
    font-size: 14pt;
    font-weight: bold;
    color: #b6180d;
    margin-left: 15px;
}

.items h5 {
    font-size: 9pt;
    color: #7c7c7c;
    text-decoration: line-through;
    margin-left: 5px;
}

.items h6 {
    font-size: 9pt;
    color: #249401;
    margin-left: 5px;
}

.footer {
    background-color: #f2f2f2;
    margin-top: 30px;
}

.footer .row {
    margin-left: 10px;
}

.footer .col-md-3 {
    margin-top: 25px;
}

.footer .phone-icon img {
    width: 25px;
}

.footer .telefonos {
    color: #b6180d;
    padding-left: 10px;
}

.footer .telefonos h5 {
    font-size: 12pt;
}

.footer .telefonos h6 {
    font-size: 14pt;
    font-weight: bold;
}

.footer .contacto h5 {
    font-size: 10pt;
    font-weight: bold;
    color: #343434;
}

.footer .contacto h6 {
    font-size: 10pt;
    color: #343434;
    cursor: pointer;
}

.footer .contacto h6:hover {
    text-decoration: underline;
}

.footer .form-control {
    border-radius: 0px;
}

.footer .btn {
    padding: 8px 30px;
    margin-left: 5px;
    font-size: 10pt;
    color: white;
    background-color: #b6180d;
    border-radius: 0px;
}

.end {
    margin-top: 50px;
    border-top: 1px solid #a7a7a7;
    padding-top: 20px;
    color: #a7a7a7;
}

.end h6 {
    font-size: 10pt;
    margin-left: 20px;
}

.end img {
    width: 50px;
    margin-right: 50px;
    margin-bottom: 30px;
}


/* JS */

.cargando-datos {
    padding-left: 10px;
    margin: 0px;
    color: #b5190d;
    font-weight: bold;
}

/* Media queries*/

@media (max-width: 767px) {
    header {
        display: flex !important;
        justify-content: center;
    }

    header .row {
        display: flex;
        justify-content: center;
        margin-bottom: 5px;
    }

    nav .navbar-toggler {
        margin-right: 15px;
    }

    nav .navbar {
        justify-content: center !important;
    }
}

@media (max-width: 900px) {
    .footer .phone-icon {
        display: none;
    }

    .footer .telefonos {
        margin-left: 0;
        padding-left: 0;
    }

    .footer .phone {
        padding: 0px;
    }
}