*{font-family: Open Sans ;}
.navbar{ top: 0px; position: sticky; background: #F7F8FA;}
.navbar a{ font-weight: bold;}
p{ font-size: 18px; ;}

html{ 
    /* Valores das palavras-chave */
    scroll-behavior: auto;
    scroll-behavior: smooth;
}
.button { border-radius: 32px; font-size: 14px; padding: 14px 30px; color:white; background-color: #7CB1B5;}
.banner_slider .titulo_1{ font-size: 60px ; color: #857CB5; font-family: Playfair, serif;} 

.navbar-dropdown a.navbar-item:not(.is-active,.is-selected),
.navbar-dropdown{ background-color: #B089DE; color:white;}

.modal-content .box{ border-radius: 100px 100px 15px 15px; padding: 0px }

.box .columns{ margin: 0px}

.ornamento { display: flex; gap: 10px;align-items: center; justify-content: center; margin-top: 50px;}
.ornamento > div { width: 100%; height: 1px ; background-color: #7CB1B5;  }

.artigo_text{ min-height: 100px;}
.ornamento .titulo{ font-size: 18px; font-family: "Open Sans"; line-height: 24px ; color:#7CB1B5; width: fit-content; white-space: nowrap;;}
@media screen and (min-width: 769px) {
    .modal-card, .modal-content {
        width: 1009px;
        max-height: none;
        height: 580px;
    }
}

.navbar{ padding: 6px}

.navbar-link:not(.is-arrowless):after {
    border-color: #85529D;
    inset-inline-end: 1.125em;
    margin-top: -.375em;
}

.cor_escuro{ color:#2E263D }

h1,h2,h3,h4,h5{ font-weight: bold;}

.conteudo h1, 
h2{ font-size: 40px; font-family: Playfair serif  ; color: #857CB5; font-weight: bold; }

.sobre_home{ padding-top: 68px; padding-bottom: 50px }

p{ color: #2E263D; }

.especialidades_home{ background-color: #F7F8FA; padding-top: 68px; padding-bottom: 70px;}

.especialidade_item{ display: flex; flex-direction: column; align-items: center; background-color: white; 
    box-shadow: 0px 10px 30px #00000029; border-radius: 100px 100px 15px 15px; max-width: 180px ; text-align: center;}
.especialidade_item img{ width: fit-content;}
.especialidade_item .ornamento_item{ margin-top: -35px;}

.especialidades_home .titulo{ font-size: 18px; line-height: 24px; min-height: 95px; display: flex; align-items: center; justify-content: center;}

.plus{ transform: translateY( 20px); margin-top: 20px;}

.cursos__home{ padding-top: 68px; padding-bottom: 98px; }

.curso_img{ min-height: 296px; width: 278px; vertical-align: bottom; text-align: center;     display: flex;
            flex-direction: column;    justify-content: flex-end;     align-items: center; margin:auto; ;}

.curso_img .texto{ max-width: 221px;}

.curso_img p.texto { color:white; font-weight: bold; margin-bottom: 24px; font-size: 16px;}
.curso_img .curso_desc{ color: #A2E3E8; font-size: 14px; line-height: 19px ;}
.cursos_btn{ padding: 10px 15px; background-color: #B089DE; font-size: 14px; line-height: 19px; text-align: center;
            width: fit-content;; color:white; border-radius: 32px; margin-bottom: -20px ;}

.ancor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

.artigos{  padding-bottom: 70px;}

.artigo_item{padding: 19px 29px; display: flex; flex-direction: column;}
.artigo_item .cursos_btn{ align-self: flex-end; transform: translateY(18px); background-color: #7CB1B5;}
.artigo_item_container{ background-color: #F7F8FA; margin:auto; max-width:278px}
.artigo_text{ font-weight: bold; font-size: 15px;}
.artigo_item small{ font-size: 16px;}

.localizacao{ padding-left: 106px; padding-top: 85px;}
.mapa, .mapa p, .mapa .white{ color:white; }

.mapa a{ color: #A2E3E8}

.img_lateral img{ float:left; margin-right: 10px; margin-top: 4px; }

.localizacao_esc{ padding: 0px; }
.localizacao_esc img{ width: 100%; height: 100%;}
.localizacao{ width: 100%;  background-size: cover; }

.formulario{ background-color: #A88FD1; padding-top: 117px; padding-bottom: 67px;}

.form_custom textarea,
.form_custom input{ display: block; padding: 12px 31px; font-size: 18px; margin-bottom: 14px  ; border:none ;
    background-color: #BEABDE; border-radius: 32px;; box-shadow: none; max-width: 100%; width:100%;}

.form_custom input::placeholder{ color: #2E263D}

.form_custom 
[type="submit"]{
    font-size: 14px; color:#2E263D; padding: 14px 30px; background-color: #F7F8FA; border:none ; border-radius: 32px;
    box-shadow: none; font-weight: bold; margin-left: auto; width: fit-content;
}



.copy{ background-color: #2E263D; padding: 36px 0 36px 0 ; font-size: 14px; color:white ; text-align: center;}
.copy a{ color:white; font-size: 14px ;}
.copy p { margin:0px; text-align: center;}

.btn__verde,
.cta__nav{ width: fit-content; background: #B089DE 0% 0% no-repeat padding-box; padding: 15px 29px; color:white;  display: flex; align-items: center;    border-radius: 32px; }
.cta__nav img{ margin-right: 10px;}

.box .cta__nav{ transform: translateY( 40px)}

.btn__verde{  background-color: #7CB1B5; font-size: 14px; font-weight: bold; }

.conteudo{ padding-top: 60px; padding-bottom: 60px;}

.conteudo p { margin-bottom: 25px; color: #2E263D}
.conteudo ul{ font-size: 18px; line-height: 24px; color: #2E263D}



@media(min-width: 640px){

    .especialidade_item{ max-width: auto; }

    .titulo_banner{ padding-left: 116px;}

    .social{ display: flex; flex-direction: row;}

    .contato_banner div{ display: flex; align-items: center; justify-content: center;}
}

@media(max-width: 640px){
    
    
    .mapa{ overflow: hidden;}
    .navbar-item.has-dropdown{padding:.5rem .75rem}

    .container{padding-left: 20px; padding-right:20px;}

    /* .mapa{padding:20px} */

    .localizacao {padding:20px 30px}
    
    .navbar .container{ padding: 0px;}
    .navbar-brand{ padding: 0px 20px}
}



@media screen and (prefers-color-scheme: dark) {
    /* Dark mode styles */
 
     .modal-content .box,
    body{background-color: white;}
    .navbar-link:active, a.navbar-item:active,
    .navbar-link:hover{ background:transparent}
}