@charset "UTF-8";

/** Página de Agendamento **/
.box-forms {background: #fff;padding: 2rem;border-radius: 28px;filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.17));}
.site-header .main-navigation ul li {padding: 0 1rem;}
.destaque {padding: 0.5rem 1rem;background-color: var(--color-secondary);border-radius: 30px; color: #fff!important;}

#banner-agendamento textarea,
#banner-agendamento input:not(#botao_contato) {background-color: #F8F1FF; border-radius: 6px; border: none;padding: 0.8rem 1rem;}
#banner-agendamento input:not(#botao_contato)::placeholder,
#banner-agendamento textarea::placeholder {
  color: rgba(64, 58, 75, 0.6); font-style: 12px;
}
#banner-agendamento input[type="submit"] {color:#fff; background-color: var(--color-primary); border: 6px; padding: 0.5rem 1rem; font-weight: 700; font-size: 1.3rem; transition: .5s; border: 1px solid var(--color-primary);}
#banner-agendamento input[type="submit"]:hover{background-color: transparent; color: var(--color-primary);}

#banner-agendamento {background-image: url(https://txtorax.com.br/wp-content/uploads/2025/06/background-mobile.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

#procedimentos-agendamento span {color: var(--color-primary);}
#procedimentos-agendamento figure {height: 35vh;}

#cta-1-agendamento, #cta-2-agendamento{background-color: #15D7B8;}

#clinica-agendamento {background-color: #F6F6F6;}

#clinica-agendamento picture img {border-radius: 20px;}

#avaliacoes-agendamento {background-color: #38B7A3;}

@include media-breakpoint-up(md) {
    .box-forms {padding: 3rem;}
    #banner-agendamento {background-image: url(https://txtorax.com.br/wp-content/uploads/2025/06/background-desktop.jpg);}
}