.institucional-bg {position: relative; overflow: hidden; float: left; width: 100%; background: #EBF6FF;}
.img-fill {position: absolute; width: 100%; height: 100%;}
.img-fill > img{width: 100%; height: 100%; object-fit: cover; object-position: center;}

.institucional {position: relative; overflow: hidden;}
.institucional .foto {float: left; width: 480px; margin-bottom: -260px; position: relative;z-index: 1;} 
.lista-sociedades {display: flex; align-items: center; gap: 45px;}

.parent.conteudo {display: flex; padding: 70px 0;}
.parent.conteudo .right {display: flex; flex-direction: column; gap: 40px; margin-left: -30px;}
.parent.conteudo .right .titulo {font:700 40px futura; color: #fff;}
.parent.conteudo .right .titulo b {color: #007BF4;}
.parent.conteudo .right .texto {font: 400 14.5px/2 montserrat; color: #fff;}
.parent.conteudo .right .lista-sociedades,
.parent.conteudo .right .texto.span {padding-left: 80px;}

 
.parent.conteudo .conteudo-itens {display: flex; float: left; width: 100%; position: absolute;  background: #006CC3; border-radius: 15px; justify-content: flex-end; gap: 45px; transform: translate(-50%, -50%); bottom: -85px; left: 50%; padding: 49px 30px; box-sizing: border-box;}
.parent.conteudo .diferencial {display: flex; float: left; align-items: center; gap: 15px; } 
.parent.conteudo .diferencial .texto-parent .titulo {font: 700 13.46px/1.8 montserrat; color: #fff; text-transform: uppercase; letter-spacing: 2.6px;}
.parent.conteudo .diferencial .texto-parent .texto {font: 400 14px/24px montserrat; color: #fff;}

.atendimento-bg {float: left; width: 100%; background: #EBF6FF; position: relative; overflow: hidden; padding: 50px 0;}
.atendimento-bg::after {content: ''; position: absolute; width: 30%; height: 70%; background: url(../img/lp/logo.svg) no-repeat center center; background-size: contain; bottom: -5%; right: -5%;} 
.atendimento-bg .atendimento {position: relative; z-index: 1;}
.atendimento .titulo {display: flex; align-items: center; gap: 25px; justify-content: center; margin-top: 80px}
.atendimento .titulo .texto {font: 700 45.95px futura; color: #151550;}
 
.atendimento .exames {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; padding: 0; margin: 40px 0 0 ;}
.atendimento .exame {background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 87%, rgba(235, 246, 255, 1) 100%); padding: 55px 40px; border-radius: 20px; display: flex; flex-direction: column; gap: 20px;}
.atendimento .exame .top {display: flex; align-items: center; justify-content: center; gap: 15px;}
.atendimento .exame .top .img {background: #151550; width: 55px; aspect-ratio: 1/1; height: auto; display: flex; align-items: center; justify-content: center;}
.atendimento .exame .top .texto {font: 700 26.94px/33.79px futura; color: #006CC3;}
.atendimento .exame .bottom .texto {font: 400 15px/26.7px montserrat; text-align: center;}

.chamada-bg.bottom {background: #006CC3;}
.chamada-bg {background: #151550; float: left; width: 100%; padding: 50px 0;}
.chamada-bg .texto {font: 700 45.95px futura; color: #fff; text-align: center;}
.chamada-bg .texto b {color: #fff;}

.especialidades-bg {background: #EBF6FF; float: left; width: 100%; padding: 50px 0; position: relative;}
.especialidades-bg::after {content: ''; position: absolute;width: 100%; height: 100%; background: url(../img/lp/background-a.png) no-repeat bottom / contain; bottom: 0; right: 0;} 
.especialidades-bg .especialidades {position: relative; z-index: 1;}
.especialidades .especialidades-lista {display: grid; grid-template-columns: repeat(4, 1fr); gap: 50px 30px; padding: 0;}
.especialidades .especialidade {display: flex; flex-direction: column; gap: 10px; align-items: center;background: #fff; border-radius: 20px; padding: 20px;}
.especialidades .especialidade .img {background: #fff; height: 30px; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 9px solid #151550; margin-top: -40px;}
.especialidades .especialidade .titulo {font: 700 14.05px/20.05px montserrat; color: #151550; text-transform: uppercase; text-align: center;}
.especialidades .especialidade .texto {font: 400 13px/23.7px montserrat; color: #1C1C1C; text-align: center;}

.especialidades > .titulo {text-align: center; margin-bottom: 65px; font: 700 45.95px futura; color: #151550;}

@media(max-width: 1250px) {
    .especialidades .especialidades-lista {grid-template-columns: repeat(3, 1fr);}
    .atendimento .exames {grid-template-columns: repeat(2, 1fr);}
    .atendimento .exame:last-child {grid-column: 1/-1;}

    .parent.conteudo .right .lista-sociedades {justify-content: center;}
    .parent.conteudo {flex-direction: column-reverse;}
    .parent.conteudo .right .texto,
    .parent.conteudo .right .titulo {text-align: center;}
    .parent.conteudo .right {margin-left: 0;}
    .parent.conteudo .conteudo-itens {flex-direction: column; gap: 20px; align-items: center; bottom: 30%;}
    .parent.conteudo .right .lista-sociedades, .parent.conteudo .right .texto.span {padding-left: 0;}
    .institucional .foto {width: 300px;}
    .institucional .foto-parent {float: left; width: 100%; display: flex; justify-content: center;}
    .img-fill > img {height: 101%;}

    .parent.conteudo {gap: 330px;} 
    .parent.conteudo .conteudo-itens {bottom: 20%;}
    .atendimento .titulo {margin-top: 20px;}
    .atendimento-bg {padding: 10px 0 30px;}
    .chamada-bg .texto,
    .especialidades > .titulo,
    .atendimento .titulo .texto {font-size: 30px;}

}

@media(max-width: 990px) {
    .parent.conteudo {padding: 30px 0; }
    .parent.conteudo .right br {display: none;}
    .parent.conteudo .right .lista-sociedades {flex-direction: column; gap: 20px;}
    .atendimento .exames {grid-template-columns: repeat(1, 1fr);}
    .especialidades .especialidades-lista {grid-template-columns: repeat(2, 1fr);}
    .institucional-bg {margin-top: 90px;}
    .parent.conteudo .conteudo-itens {bottom: 17%;}
    .parent.conteudo .right .titulo {font-size: 30px;}
    .parent.conteudo .right .texto {font-size: 13px;}

    .chamada-bg .texto,
    .especialidades > .titulo,
    .atendimento .titulo .texto {font-size: 25px;}
}

@media(max-width: 600px) {
    .especialidades .especialidades-lista {grid-template-columns: repeat(1, 1fr);}
    .parent.conteudo .diferencial .texto-parent .texto {font-size: 12px;}
    .parent.conteudo .diferencial {justify-content: flex-start; width: 100%;}
    .parent.conteudo .diferencial > img {transform: scale(0.9);}
    .parent.conteudo .conteudo-itens {padding: 40px 20px;}
}