/*.acordeon {
    padding: 40px 0px;
}*/

.acordeon__contenedor{
    margin: 25px 0px;
 }
 
 .acordeon__titulo {
     color: #030f1e;
     /* background: #111; */
     line-height: 110px;
     padding: 0 1em;
     font-size: 22px;
     margin: 0;
     /* border-bottom: 1px solid rgba(255, 255, 255, 0.05); */
     /* box-shadow: 0 -1px 0 0 #000 inset; */
     /* text-shadow: 1px 1px #000; */
     cursor: pointer;
     font-weight: bold;
     text-transform: uppercase;
     letter-spacing: 1px;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     text-align: center;
     border-radius: 10px;
 }

#camas-hospitalarias .acordeon__titulo{
    background-image: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/camas-hospitalarias.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#estetica-facial .acordeon__titulo:hover{
    color: #31b7bc;
    background-image: linear-gradient(rgba(10, 21, 25, 0.7), rgba(10, 21, 25, 0.7)), url(../img/services/banners/estetica-facial.jpg);
}

#camas-de-parto .acordeon__titulo{
    background-image: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/cama-parto.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#estetica-corporal .acordeon__titulo:hover{
    color: #31b7bc;
    background-image: linear-gradient(rgba(10, 21, 25, 0.7), rgba(10, 21, 25, 0.7)), url(../img/services/banners/estetica-corporal.jpg);
}

#camillas-de-traslado .acordeon__titulo{
    background-image: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/camilla-traslado.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#estetica-general .acordeon__titulo:hover{
    color: #31b7bc;
    background-image: linear-gradient(rgba(10, 21, 25, 0.7), rgba(10, 21, 25, 0.7)), url(../img/services/banners/estetica-general.jpg);
}

#mobiliario-geriatrico .acordeon__titulo{
    background-image: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/mobiliario-geriatrico.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#capilar .acordeon__titulo:hover{
    color: #31b7bc;
    background-image: linear-gradient(rgba(10, 21, 25, 0.7), rgba(10, 21, 25, 0.7)), url(../img/services/banners/capilar.jpg);
}

#cunas-pediatricas .acordeon__titulo{
    background: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/cuna-pediatrica.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#acne-cicatrices .acordeon__titulo:hover{
    color: #31b7bc;
    background-image: linear-gradient(rgba(10, 21, 25, 0.7), rgba(10, 21, 25, 0.7)), url(../img/services/banners/acne-cicatrices.jpg);
}

#camas-de-reconocimiento .acordeon__titulo{
    background: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/cama-reconocimiento.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}

#mobiliario-hospitalario .acordeon__titulo{
    background: linear-gradient(to right, rgba(227, 227, 230, 0.6) 70%, rgba(227, 227, 230, 1) 90%), url(../img/services/banners/mobiliario-hospitalario.jpg);
    background-size: 55%;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #e3e3e6;
}
 
 /*.acordeon__titulo:hover{
    color: #BF822C;
    filter: brightness(0.5);
 }*/
 
 .acordeon__contenido {
    display: none;
    margin: 0;
    background: #ededed;
    padding: 1em 1em 1.5em;
 }
 
 @media only screen and (max-width: 599px) {
     .acordeon__titulo{
         text-align: left;
         height: 150px;
         display: flex;
         align-items: center;
         line-height: 1.3;
     }
 }
 
 @media only screen and (min-width: 600px) and (max-width: 767px){
     .acordeon__titulo{
         text-align: left;
         height: 80px;
         display: flex;
         align-items: center;
         line-height: 1.3;
     }
 }