.panel_producto{
   display: inline-block !important;
   border-radius: 10px;
   overflow: hidden;
   box-shadow: 0px 0px 5px 0px rgb(201, 201, 201);
   cursor: pointer;
   background-color: white;
}

.panel_producto:hover{
   transition: 0.3s;
   transform: scale(1.02);
}

.panel_producto .panel-body{
   /* padding: 20px; */
   text-align: center;
   padding: 10px;
}


.panel_producto .panel_imagen{
   height: 300px;
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: 50%, 50% !important;
}

.panel_producto .producto_titulo{
   font-size: 12pt !important;
   font-weight: 500;
}

.panel_producto .producto_precio{
   font-size: 14pt !important;
   margin-top: 15px;
   color: hsl(var(--marronAnaranjado-d15))
}


#paginacion{
   padding: 10px;
   border-radius: 0.5rem;
   display: flex;
   justify-content: center;
   margin-top:30px;
}
#paginacion .paginas{
   background: hsl(var(--marron-l30));
   height: 50px;
   padding: 20px;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border-radius: 9px
}

#paginacion .paginaActual{
   /* background: red; */
}

#paginacion span.btn{
   display: flex;
   justify-content: center;
   align-items: center;
}

@media (0 <= width <= 600px){
   .panel_producto .producto_titulo{
      font-size: 10pt !important;
   }
   
   .panel_producto .producto_precio{
      font-size: 10pt !important;
   }

   .panel_producto .panel_imagen{
      height: 200px !important;
   }
}