select.orderby {
z-index: 2;
position: relative;
background-color: #111 !important;
color: #fff !important;
border-radius: 12px;
height: 46px;
line-height: 46px;
font-family: 'Geom', Arial, sans-serif;
font-weight: bold;
font-size: 16px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
text-align: left;
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/>");
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 16px;
transition: background-color 0.3s ease;
padding-left: 20px;
padding-right: 40px;
border: none !important;
outline: none !important;
box-shadow: none !important;
}
select.orderby option {
background-color: #111 !important;
color: #fff !important;
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
.filtros-ordenamiento-grid {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 1rem;
font-family: 'Geom', Arial, sans-serif;
}
.col-contador {
font-size: 14px;
font-weight: 400;
white-space: nowrap;
}
.col-ordenador {
max-width: 300px;
width: 100%;
}
@media screen and (max-width: 480px) {
.filtros-ordenamiento-grid {
flex-direction: column;
align-items: center;
}
.col-contador {
display: flex;
justify-content: center;
width: 100%;
white-space: normal;
text-align: center;
}
.col-ordenador {
width: 100%;
display: flex;
justify-content: center;
}
.woocommerce-ordering {
width: 100%;
display: flex;
justify-content: center;
max-width: 300px;
}
.woocommerce-ordering select.orderby {
width: 100%;
max-width: 100%;
font-size: 14px !important;
padding: 0 8px;
text-align: center;
appearance: none;
height: 32px;
line-height: 32px;
border-radius: 6px !important; 
}
}
@media screen and (min-width: 481px) and (max-width: 1024px) and (orientation: portrait) {
.filtros-ordenamiento-grid {
flex-direction: column;
align-items: center;
}
.col-contador {
text-align: center;
width: 100%;
}
.col-ordenador {
width: 100%;
display: flex;
justify-content: center;
}
.woocommerce-ordering {
display: flex;
justify-content: center;
width: 100%;
max-width: 300px;
}
.woocommerce-ordering select.orderby {
display: block;
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 100%;
font-size: 14px !important;
height: 36px !important;
line-height: 36px !important;
border-radius: 8px !important;
}
}