h2 small
{
font-weight: 400;
}
#especialidad
{
position: relative;
}
#especialidad .box
{
background: #666;
border-radius: 10px;
color: white;
max-height: 40vh;
padding: 10px;
position: absolute;
overflow: auto;
width: 280px;
z-index: 99;
}
#especialidad .box label
{
font-size: 16px;
}
#especialidad .box input
{
height: 15px;
position: relative;
top: 1px;
width: 15px;
}
#especialidad .box ul
{
margin: 0;
padding: 0 0 0 15px;
}
#prcount
{
padding-top: 30px;
}
#prfilters
{
margin-top: 20px;
}
#prfilters .flex
{
align-items: center;
display: flex;
gap: 20px;
}
#prfilters .flex .ciudad
{
align-items: center;
display: flex;
}
#prresult
{
padding-top: 50px;
}
#prresult .user
{
gap: 20px;
justify-content: space-between;
max-width: 100%;
width: 100%;
}
#prresult .user div
{
background: white;
border: 1px solid #D6D6D6;
border-radius: 5px;
padding: 5px 1%;
width: 18%;
}
#prresult .user:hover div
{
background: #666;
color: white;
}
#prresult .user.inicial div
{
font-weight: 700;
}
#tinking
{
background: url(//soyprevencionista.com/wp-content/mu-plugins//prevencion/img/load.gif) no-repeat center center;
height: 150px;
margin: 0 auto;
width: 150px;
}
.btn
{
appearance: none;
-webkit-appearance: none;
background: black;
border: 0;
border-radius: 10px;
color: white;
cursor: pointer;
font-size: 18px;
font-weight: 400;
margin: 0;
padding: 10px 20px;   
}
.flex
{
display: flex;
}
.pagination 
{
align-items: center;
display: flex;
gap: 10px;
justify-content: center;
margin: 20px 0;
padding: 0;
}
.pagination .numbers
{
color: #007BFF;
padding: 10px 15px;
border: 1px solid #ddd;
border-radius: 5px;
text-align: center;
font-size: 14px;
cursor: pointer;
transition: background-color 0.3s;
}
.pagination .numbers.now 
{
background-color: #007BFF;
color: white;
border-color: #007BFF;
pointer-events: none;
}
.pagination .numbers.disabled 
{
color: #aaa;
pointer-events: none;
}
.pagination .numbers:hover:not(.active):not(.disabled) 
{
background-color: #007BFF;
color: white;
}
.responsive
{
display: none;
}
.the-scrollbar-item::-webkit-scrollbar 
{
width: 4px;
}
.the-scrollbar-item::-webkit-scrollbar-thumb 
{
background: #464646;
border-radius: 2px;
}
.the-scrollbar-item::-webkit-scrollbar-thumb:hover 
{
background: #555;
}
.the-scrollbar-item::-webkit-scrollbar-track 
{
background: #f1f1f1;
border-radius: 2px;
} @media screen and  (max-width: 767px) 
{
#prresult .user
{
background: white;
border: 1px solid #D6D6D6;
border-radius: 5px;
gap: 0;
flex-wrap: wrap;
margin-bottom: 20px;
padding: 10px;
}
#prresult .user div
{
background: none;
border: 0;
border-radius: 0;
width: 100%;
}
#prresult .user div .responsive
{
font-weight: 700;
}
#prresult .user.inicial
{
display: none;
}
.responsive
{
display: inline-block;
}
}