/* CONTACTO SUPERIOR -----------------------------------*/
.contact_bar_container{
    justify-content: space-between;
    align-items: center;
    padding: 7px 3rem;
    font-weight: bold;
    font-size: 13px;
}
.contact_bar_text {
    justify-content: left;
    width: 80%;
}
.contact_bar_icon_container{
    margin-right:20px ;
}
.contact_bar_icon {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.contact_bar_button{
    border: solid 2px #2E2D2D;
    border-radius: 3px;
    padding: 3px 10px;
    cursor: pointer;
    transition: all 0.5s;
}
.contact_bar_button:hover{
    background-color: #2E2D2D;
    color: white;
    transition: all 0.5s;
}
/* MENÚ -----------------------------------*/
.menu_main{
    position: fixed;
    width:  100%


}
.menu_container{
    font-weight: 100;
    justify-content: space-between;
    padding: 10px 6rem;
    background: white;
    margin-top: 40px;
    box-shadow: 0px 3px 13px #d9d9d9;
    align-items: center;
}
.menu_container_responsive{
    position: fixed;
    width:  calc(100% - 12rem);
    font-weight: 100;
    justify-content: space-between;
    padding: 10px 6rem;
    background: white;
    box-shadow: 0px 3px 13px #d9d9d9;
    align-items: center;
}
.menu_icon_bar{
    cursor: pointer;
    width: 40px;
    height: 40px;
}
.menu_logo{
    width: 161px;
    height: 58px;
}
.menu_categories {
    font-size: 14px;
    width: 50%;
    justify-content: space-between;
    align-items: center;
}
.menu_category{
    padding: 5px;
    cursor: pointer;
    border-bottom: solid 2px #ffffff;
}
.menu_category:hover{
    border-bottom: solid 2px #2E2D2D;
}
.menu_responsive{
    background-color: white;
    box-shadow: 2px 9px 35px -8px rgba(128,128,128,1);
}

/* COVER ---------------------------------------- */
.cover{
    height: 73vh;
}
.cover_real{
    height: 100%;
}
.cover_background{
width: 55%;
background-image: url("assets/clinica_sofia_lucas.jpg");
background-position: right;
background-size: cover;
/* height: 100%; */

}
.cover_color_row{
width: 3%;
background-color: #EDEDED;
}
.cover_content{
    width: 35%;
    padding: 7rem 2rem;
}
.cover_subtitle{
    font-size: 19px;
    font-weight: 100;
    margin-bottom: 1rem;
}
.cover_title{
    font-size: 39px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.cover_button{
    width: 150px;
}

/* SOBRE MI ---------------------------------------- */
.about{
    padding: 6rem;
    justify-content: center;
    align-items: center;
}
.about_container{
    width:40%; 
    padding: 2rem;
}
.about_foto{
    /* width:400px ; */
    height: 526px;
    /* max-width: 550px; */
    padding: 2rem;
}
/* TRATAMIENTOS -----------------------------------*/
.treatments{
    padding: 6rem;
    justify-content: center;
}
.treatments_title_container{
    max-width: 540px;
}

.tratments_description_container{
    width: 40%;
}

.treatments_type_container{
    width:45%; 
    max-width: 600px;
    padding: 3rem;
}
/* TARIFAS -----------------------------------*/
.tarifas {
    justify-content: center;
    padding: 6rem;
    align-items: center;
}
.tarifas_container{
    justify-content: center;
    align-items: center;
}
.tarifas_content{
    max-width: 350px;
    width: 26%;
    margin: 3rem;
}
.tarifas_table{
    width: 37%;
    margin: 3rem;
    min-width: 335px;
}
.tarifas_row{
    margin-bottom: 10px;
    font-weight: bold;
    border-bottom: solid 1px #2E2D2D;
    justify-content: space-between;
}
.tarifas_elemento{
    padding: 10px 3px;
    transition: ease-in-out 0.3s;
}
.tarifas_elemento:hover {
    padding-left: 12px;
    transition: ease-in-out 0.3s;
}

/* AYUDA */

.help{
    margin-bottom: 4rem;
}
.help_container{
    width: 80%;
    max-width: 1400px;
  margin: auto;
  padding: 3rem;
  background-color: #f2efeb;
  border-radius: 10px;
}
.help_tittle{
    text-align: center;
}
.help_button_container{
    justify-content: center;

}

.help_button{
    width: 120px;
    margin: 8px;
}
/* RESEÑAS -----------------------------------*/
.reviews {
    padding: 4rem;
}
.reviews_title{
    text-align: center;
}
.review_content{
    justify-content: center;
}
.review_container{
    justify-content: center;
}
.review_card{
    width: 380px;
    padding: 2rem;
    background-color: #ffffff;
    border-radius: 5px;
    margin: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.review_logo_container{
    justify-content: space-between;
    margin-bottom: 4px;
}
.review_stars_container{
    padding: 5px 0px;
}
.star{
    width: 18px;
    margin: 1px;
}
.google{
    height: 30px;
}
.review_title{
    font-weight: bold;
    margin-bottom: 5px;
}
.review_text{
    font-weight: 100;
    margin-bottom: 12px;
}
.review_auth_container{
    /* position: absolute; */
    bottom: 32px;
}
.review_picture{
    width: 40px;
    border-radius: 50%;
    margin-right: 10px;
}
.review_auth{
    font-weight: bold;
    font-size: 14px;
}
.review_date{
    font-size: 14px;
}
/* CONTACT -----------------------------------*/
.contact{
    justify-content: space-between;
}
.contact_data_container{
    padding: 6rem;
}
.map{
    width: 45%;
    border: none;
    position:static;
    /* -webkit-filter: grayscale(100%);
    filter: grayscale(80%); */
}
.map_iframe{
    border: none;
}
.contact_mail_container{
    margin-top: 3rem;
    margin-bottom: 2rem;
    border-bottom: solid 1px #2E2D2D;
    padding-bottom: 1rem;
}
.contact_horario_container{
    margin-bottom: 2rem;
    border-bottom: solid 1px #2E2D2D;
    padding-bottom: 1rem;
}
.contact_email{
    margin-bottom: 1rem;
}
.contact_direction{
     margin-bottom: 2rem;
}
.contact_transport_container{
    margin-top: 1rem;
    padding: 1rem;
    background: var(--color-arena);
    border-radius: 8px;

}
.contact_transport_wrap{
    align-items: center;
    margin-top: 0.5rem;
}
.contact_transport_icon{
    width: 18px;
    height: 18px;
    margin-right: 0.5rem;
}

/* FOOTER -----------------------------------*/
.footer{
    padding: 3rem;
}
.footer_logo{
    width: 220px;
    margin: auto;
    display: block;
    margin-bottom: 2rem;
}
.footer_categories{
    justify-content: space-between;
    font-weight: bold;
    font-size: 13px;
    width: 37%;
    margin: auto;
}
.footer_category{
    cursor: pointer;
}
.footer_terms{
    margin-top: 5rem;
    justify-content: center;
}
.footer_term{
    width: max-content;
    font-size: 12px;
    padding: 3px;
    font-weight: bold;
}
.footer_copyright{
    text-align: center;
    color: #989898;
    font-size: 14px;
    margin-top: 0.5rem;
}

/* POLÍTICAS */
.text_center {
    width: 50%;
    margin: auto;
}