.ruta_site_map {
    
    font-size:                  .8em;
    margin:                     1em auto 2em;
    text-align:                 left;
    width:                      90%;
    
}
.productos {
    
    box-sizing:                 border-box;
    display:                    flex;
    flex-wrap:                  wrap;
    justify-content:            center;
    margin:                     auto;
    margin-bottom:              100px;
    position:                   relative;
    width:                      95%;
    
}
.productos .caja {
    
    box-shadow:                 5px 5px 5px #d8e2ef;
    box-sizing:                 border-box;
    font-family:                sans-serif;
    margin:                     15px 1%;
    padding:                    0;
    width:                      48%;
    
}
.productos .caja .btn_deseados {
    
    box-sizing:                 border-box;
    display:                    flex;
    height:                     30px;
    justify-content:            flex-end;
    margin:                     0 0 1em 0;
    
}
.productos .caja .btn_deseados div {
    
    box-sizing:                 border-box;
    color:                      #502763;
    cursor:                     pointer;
    font-size:                  1em;
    padding:                    .5em .5em 0 0;
    
}
.productos .caja .foto {
    
    height:                     180px;
    margin:                     auto;
    
}
.productos .caja .foto img {
    
    height:                     100%;
    margin:                     auto;
    max-width:                  100%;
    object-fit:                 cover;
    width:                      auto;
    
}
.productos .caja .titulo {
    
    font-size:                  .75em;
    height:                     2.5em;
    overflow-wrap:              break-word;
    padding:                    .5em;
    text-align:                 center;
    
}
.productos .caja .precio {
    
    color:                      #502763;
    font-size:                  1em;
    font-weight:                bold;
    padding:                    0 .5em 1em;
    text-align:                 center;
    
}
.productos .caja .precio button {
    
    background:                 #502763;
    border:                     0;
    box-sizing:                 border-box;
    color:                      white;
    font-size:                  .7em;
    outline:                    none;
    padding:                    .5em 0;
    width:                      100%;
    
}
.productos .caja .botones_cantidades {
    
    align-items:                center;
    box-sizing:                 border-box;
    display:                    flex;
    flex-wrap:                  nowrap;
    justify-content:            space-around;
    width:                      100%;
    
}
.productos .caja .botones_cantidades input {
    
    font-size:                  .7em;
    text-align:                 center;
    width:                      3.5em;
    
}
.productos .caja .botones_cantidades .suma_resta {
    
    align-items:                center;
    display:                    flex;
    justify-content:            center;
    
}
.productos .caja .botones_cantidades .suma_resta button {
    
    background:                 #502763;
    border:                     none;
    box-sizing:                 border-box;
    color:                      white;
    cursor:                     pointer;
    display:                    inline-block;
    font-size:                  .8em;
    margin-left:                .25em;
    outline:                    none;
    padding:                    .25em 0;
    width:                      45px;
    
}
.productos .caja .boton_agregar {
    
    box-sizing:                 border-box;
    display:                    block;
    margin-top:                 1em;
    width:                      100%;
    
}
.productos .caja .boton_agregar button {
    
    background:                 #502763;
    border:                     0;
    box-sizing:                 border-box;
    color:                      white;
    font-size:                  1em;
    outline:                    none;
    padding:                    .5em 0;
    width:                      100%;
    
}
.paginacion {
    
    align-items:                center;
    box-sizing:                 border-box;
    display:                    flex;
    justify-content:            center;
    margin:                     auto;
    width:                      90%;
    
}
.paginacion .anterior,
.paginacion .siguiente,
.paginacion .numero {
    
    background:                 #502763;
    color:                      white;
    cursor:                     pointer;
    font-size:                  1em;
    margin:                     50px .5em;
    padding:                    .5em 1em;
    
}
.seleccionado {
    
    background:                 #b19139 !important;
    cursor:                     default !important;
    
}
@media only screen and ( min-width: 360px ) {
    
    .productos .caja .precio {
    
        font-size:                  1.25em;
        padding:                    0 .5em 1em;
        
    }
    
}

@media only screen and ( min-width: 400px ) {
    
    .productos .caja .botones_cantidades input {
    
        font-size:                      1em;
        width:                          4em;
        
    }
    .productos .caja .botones_cantidades .suma_resta button {
    
        font-size:                      1em;
        margin-left:                    .25em;
        padding:                        .3em 0;
        width:                          45px;
        
    }
    
}

@media only screen and ( min-width: 768px ) {
    
    .ruta_site_map {
    
        font-size:                          .9em;
    
        
    }
    
    .productos .caja {
        
        margin:                             1% 1.5%;
        width:                              30%;
        
    }
    .productos .caja .foto {
        
        width:                              140px;
        
    }
    
}

@media only screen and ( min-width: 1024px ) {
    
    .productos .caja {
        
        margin:                                 1% 1.5%;
        width:                                  22%;
        
    }
    
}

@media only screen and ( min-width: 1400px ) {
    
    .productos .caja {
        
        margin:                                     1% 2.5%;
        width:                                      250px;
        
    }
    
}