@charset "UTF-8";
/*configurações*/
h3{font-size:32px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p{font-size:18px; line-height:1.5em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
a{text-decoration:none;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/* identificadores */
section.pesquisa{padding: 0 4%; background-image: url("../images/svg/bg-linhas.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto;}
section.pesquisa .content{padding:0 0 120px 0;}
section.pesquisa .column-2{vertical-align: middle;}
section.pesquisa .column-2.bg-image{aspect-ratio:1/1; background-image: url("../images/svg/pesquisa.svg"); background-repeat: no-repeat; background-position: center;}

.no-webp section.agendamento, .no-js section.agendamento{background-image:url(../images/large/bg-agendamento.jpg);}
.webp section.agendamento{background-image:url(../images/large/bg-agendamento.webp);}
section.agendamento::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #0B3645; mix-blend-mode: multiply; z-index: 0;}
section.agendamento .content{padding: 150px 0; z-index: 10;}
section.agendamento .column-2{vertical-align: middle;}
section.agendamento .column-2 + .column-2{text-align: right;}
section.agendamento .button{padding-top: 5px; padding-bottom: 5px; border: solid 1px #FFFFFF; margin: 2em 0 0 2em;}

section.especialidades{padding: 0 4%;}
section.especialidades .content{padding: 120px 0 0 0;}
section.especialidades .content .circulos + .circulos{right: 0;  transform: rotate(90deg);}
section.especialidades .reset-list li{font-size: 18px; width:30.65%; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
section.especialidades .reset-list li:last-child{margin-right: 0;}
section.especialidades .reset-list li strong{font-size: 1.6em;}
section.especialidades .especialidade{display: block; margin: .5em auto; width: 70%; height: 70%; aspect-ratio:1/1; background-image: url(../images/svg/especialidades.svg); background-size: 300% auto; background-repeat: no-repeat;}
section.especialidades .especialidade.geniturinario{background-position: 0 0;}
section.especialidades .especialidade.mama{background-position: 50% 0;}
section.especialidades .especialidade.pele{background-position: 100% 0;}

section.rastreamento-e-prevencao{padding: 0 4%; background-position: center bottom; background-image: url(../images/svg/bg-linhas.svg); background-size: 100% auto; background-repeat: no-repeat;}
section.rastreamento-e-prevencao .content{padding:60px 0 120px 0;}
section.rastreamento-e-prevencao .bg-image{display: block; width: 100%; padding-bottom: 45%; margin-top: -120px;background-image: url("../images/svg/rastreamento-e-prevencao.svg"); background-position: center top; background-size: 100% auto; background-repeat: no-repeat;}

section.instagram{padding-bottom: 630px;}

footer{position: absolute; bottom: 0; right: 0; left: 0; padding: 0 4%; z-index: 20;}
footer .content{padding: 100px 0 0 0; height: 679px; background-image: url(../images/svg/bg-footer.svg); background-position: center; background-repeat: no-repeat; background-size: 30% auto;}
footer .article{position: absolute; bottom: 0; left: 0; margin: 0 17.325%; padding: 20px 0;}
footer .article h5 span{font-size: .8em; font-weight: 300;}
footer .column-2{padding: 100px 0; display: block; margin: 0 auto; text-align: left;}
footer .column-2 .pict.local + span{display: inline-block; vertical-align: top; padding-top: 7px;}
footer .column-2 .pict.fone + span{display: inline-block; vertical-align: top;}
footer .column-2 .pict.fone + span a{display: block; margin-top: 7px;}
footer .column-2 .button{font-size: .8em; margin-top: .5em;}

footer .column-4{margin: 0; position: absolute; top: 100px; bottom: 100px;}
footer .column-4:first-child{left: 0;}
footer .column-4:first-child h4{margin-top: .5em;}
footer .column-4:first-child h4 span{display: block; font-size: .5em; font-weight: 300;}
footer .column-4:first-child .bg-image.circle{display: block; width: 200px; padding-bottom: 200px; margin: auto;}
.no-webp footer .column-4:first-child .bg-image.circle, .no-js footer .column-4:first-child .bg-image.circle{background-image:url(../images/large/dr-alan.jpg);}
.webp footer .column-4:first-child .bg-image.circle{background-image:url(../images/large/dr-alan.webp);}
footer .column-4:nth-child(3){right: 0; background-image: url(../images/svg/dr-alan.svg); background-position: bottom center; background-repeat: no-repeat; background-size: contain; display: flex; justify-content: space-between; align-items: flex-start;}

footer .scroll{position: absolute; bottom: 100px; left: 0;}

.tratamentos li{width:30.65%; font-size: 30px; font-weight: 600; margin:0 4% 0 0; position:relative; display:inline-block; vertical-align:text-top;}
.tratamentos li:nth-child(3n), .tratamentos li:last-child{margin-right:0;}
.tratamentos li .tratamento{display:block; background-image:url(../images/svg/tratamentos.svg); background-repeat:no-repeat; background-size:300% auto; width: 6em; padding-bottom: 6em; margin: 0 auto .5em auto}
.tratamentos li .tratamento.quimioterapia{background-position: 0 0;}
.tratamentos li .tratamento.radioterapia{background-position: 50% 0;}
.tratamentos li .tratamento.imunoterapia{background-position: 100% 0;}

.entidade{display: inline-block; padding-bottom: 70px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; font-size: 0;}
.entidade + .entidade{margin-left: 20%;}
.entidade.pucrs{background-image:url(../images/entidades/pucrs.png); width: 200px;}
.entidade.hmd{background-image:url(../images/entidades/hospital-mae-de-deus.png); width: 245px;}

@media screen and (max-width:1400px) {
h3{font-size:28px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}

section.pesquisa{padding: 0 70px 0 4%; background-image: url("../images/svg/bg-linhas.svg"); background-position: bottom center; background-repeat: no-repeat; background-size: 100% auto;}
section.pesquisa .content{padding:0 0 80px 0;}

.no-webp section.agendamento, .no-js section.agendamento{background-image:url(../images/medium/bg-agendamento.jpg);}
.webp section.agendamento{background-image:url(../images/medium/bg-agendamento.webp);}
section.agendamento .content{padding: 120px 0;}
section.agendamento .button{padding-top: 0; padding-bottom: 0;}

section.especialidades{padding: 0 70px 0 4%;}
section.especialidades .content{padding: 80px 0 0 0;}
section.especialidades .reset-list li{font-size: 16px;}

section.rastreamento-e-prevencao{padding: 0 70px 0 4%;}
section.rastreamento-e-prevencao .content{padding:40px 0 80px 0;}
section.rastreamento-e-prevencao .bg-image{margin-top: -80px;}

footer{padding:0 70px 0 4%;}
footer .content{padding: 80px 0;}
footer .article{padding: 15px 0;}
footer .column-2{padding: 80px 0;}
footer .column-2 .pict.local + span{display: inline-block; vertical-align: top; padding-top: 7px;}
footer .column-2 .pict.fone + span{display: inline-block; vertical-align: top;}
footer .column-2 .pict.fone + span a{display: block; margin-top: 7px;}
footer .column-2 .button{font-size: .8em; margin-top: .5em;}

footer .column-4{top: 80px; bottom: 80px;}
footer .column-4:first-child .bg-image.circle{width: 175px; padding-bottom: 175px;}
.no-webp footer .column-4:first-child .bg-image.circle, .no-js footer .column-4:first-child .bg-image.circle{background-image:url(../images/medium/dr-alan.jpg);}
.webp footer .column-4:first-child .bg-image.circle{background-image:url(../images/medium/dr-alan.webp);}

footer .scroll{bottom: 80px;}

/*estruturais*/
.tratamentos li{font-size: 24px;}

.entidade{padding-bottom: 56px;}
.entidade + .entidade{margin-left: 20%;}
.entidade.pucrs{width: 160px;}
.entidade.hmd{width: 196px;}

}
@media screen and (max-width:1000px) {
h3{font-size:24px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}

section.pesquisa{padding: 0 55px; position: relative;}
section.pesquisa::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: 90%; opacity:.1; -moz-opacity:.1; filter:alpha(opacity=10);}
section.pesquisa .content{padding:0 0 60px 0;}
section.pesquisa .column-2.bg-image{background-image: none; display: none;}

.no-webp section.agendamento, .no-js section.agendamento{background-image:url(../images/small/bg-agendamento.jpg);}
.webp section.agendamento{background-image:url(../images/small/bg-agendamento.webp);}
section.agendamento .content{padding: 90px 0; z-index: 10;}
section.agendamento .column-2 + .column-2{text-align: center; margin-top: 20px;}
section.agendamento .button{margin: 20px 10px 0 10px;}
section.agendamento .button .pict{width: 40px; height: 40px;}
section.agendamento .button .label{line-height: 20px; padding:15px 1em;}

section.especialidades{padding: 0 55px;}
section.especialidades .content{padding: 60px 0 0 0;}
section.especialidades .reset-list li{font-size: 14px; width:100%; margin:0; display:block;}
section.especialidades .especialidade{display: inline-block; margin: .5em auto; vertical-align: middle; width: 45%; height: 30%;}
section.especialidades .especialidade + span{display: inline-block;  width: 55%; vertical-align: middle; text-align: left;}

section.rastreamento-e-prevencao{padding: 0 55px;}
section.rastreamento-e-prevencao .content{padding:40px 0 60px 0;}
section.rastreamento-e-prevencao .bg-image{margin-top: 20px;}
section.rastreamento-e-prevencao p br{display: none;}

section.instagram{padding-bottom: 930px;}

footer{padding:0 55px;}
footer .content{padding: 60px 0 0 0; height: 979px; background-size: 50%; background-position: top 55% center;}
footer .article{margin: 0; padding: 10px;}

footer .column-2{padding: 10px 0 15px 0; margin: 15px auto;text-align: center; border-top: solid 1px #FFFFFF; border-bottom: solid 1px #FFFFFF;}
footer .column-2 .pict{display: block; margin:0 auto;}
footer .column-2 .pict.local + span{display: block; padding-top: 0;}
footer .column-2 .pict.fone + span{display: block;}

footer .column-4{position: relative; top: auto; bottom: auto;}
footer .column-4:first-child{left: auto;}
footer .column-4:first-child a{position: absolute; bottom: 0; left: 0;}
footer .column-4:first-child .bg-image.circle{display: block; width: 150px; padding-bottom: 150px; margin: auto;}
.no-webp footer .column-4:first-child .bg-image.circle, .no-js footer .column-4:first-child .bg-image.circle{background-image:url(../images/small/dr-alan.jpg);}
.webp footer .column-4:first-child .bg-image.circle{background-image:url(../images/small/dr-alan.webp);}

footer .column-4:nth-child(3){right: auto; background-size: auto 100px; display: block; padding-bottom: 120px;}
footer .scroll{display: none;}

.tratamentos li{font-size: 18px;}

}
@media screen and (max-width:600px) {
h3{font-size:20px;}

section.pesquisa{padding: 0 40px;}
section.pesquisa .content{padding:0 0 40px 0;}

section.especialidades{padding: 0 40px;}
section.especialidades .content{padding: 40px 0 0 0;}

section.rastreamento-e-prevencao{padding: 0 40px;}
section.rastreamento-e-prevencao .content{padding:40px 0;}

section.instagram{padding-bottom: 1080px;}

footer{padding:0 40px;}
footer .content{height: 1129px;}

/*estruturais*/
.tratamentos li{width:100%; margin:0; display:block;}
.tratamentos li + li{margin-top: 60px;}
    
.entidade{padding-bottom: 35px;}
.entidade + .entidade{margin-left: 10%;}
.entidade.pucrs{width: 100px;}
.entidade.hmd{width: 122px;}
}