@charset "UTF-8";
/*configurações gerais*/
html {height:100%; scroll-behavior: smooth;}
*, *::before, *::after {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-weight:600; line-height:1.1em;}
h1 span.green, h2 span.green, h3 span.green{display: inline; font-size: .6em; line-height: 1.4em; font-weight: 400;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0;}
h1{font-size:42px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:20px;}
p, li{font-size: 18px; line-height: 1.7em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
ul.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
ul.reset-list li{display:inline-block;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:700px; border:solid 1px #008b92; padding: 0; background-color: #fff;}
#termsfeed-com---nb .cc-nb-main-container{padding: 2em 2em 2em 3em;}
#termsfeed-com---nb .cc-nb-title {color: #008b92; font-size: 30px; margin-top: 0;}
#termsfeed-com---nb .cc-nb-okagree{background-color:#00b2bb; color:#fff;}
#termsfeed-com---nb .cc-nb-changep{background-color:#9B0709; color:#fff;}
#termsfeed-com---nb *:focus{outline: 3px solid #00ffdc;}

/* ids */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; color:#010101; font-weight:400; letter-spacing: -.04em; min-width:360px;}
#container {padding: 250px 0 700px 0; margin:0; height:100%; min-height:100%; height:auto!important; position:relative; background-color: #fff; overflow-x:hidden; min-width:360px; transition: padding 1s;}
#container.hover {padding: 150px 0 700px 0;}

/* classes */
header {position:fixed; top:0; z-index:150; padding:70px 4.4% 90px 4.4%; width:100%; font-size:0; text-align:right; min-width:360px; background-color: #fff; border-bottom: solid 1px #fff; transition: all 1s;}
header .social{position: absolute; top: 0; right: 0; left: 0; padding:0 4.4%; z-index: 10; border-bottom: solid 1px #edf0f1;}
header .social a{display: inline-block; font-size: 14px; padding: 5px; border-left: solid 1px #edf0f1;}
header .social a:nth-child(-n+3){float: left;}
header .social a:nth-child(3), header .social a:last-child{border-right: solid 1px #edf0f1;}
header .social a .pict + span{vertical-align: middle; padding-right: .75em;}

header .logo{height: 90px; aspect-ratio: 9/2; float: left; background-image: url("../images/svg/artur-lazaretti-nefrologia.svg"); transition: all 1s;}

header .button.blue{font-size: 18px; border: solid 1px #edf0f1; padding: 5px; margin-top: 15px;}
header .button.blue + .button.blue{margin-left: 50px;}
header .button.blue .label{border-right: solid 1px #edf0f1; text-align: left;}

header .button.white{font-size: 18px; position: absolute; bottom: 0; right: 4.4%; padding: 15px 15px 15px 25px; transition: all 1s;}
header .button.white span{display: inline-block;}
header .button.white span span{display: block; font-size: .79em; text-align: center;}
header .button.white .pict{margin-left: 10px;}

header.hover {top:-50px; padding:60px 4.4% 70px 4.4%;}
header.hover .logo{height: 70px;}
header.hover .button.white{padding: 5px 15px 5px 25px;}
header.hover nav .reset-list:first-child li a{padding:15px 0;}
header.hover nav .reset-list:first-child li ul{top: 50px;}

nav{padding: 0 4.4%; position: absolute; right: 0; bottom: 0; left: 0; transition: all 1s; background-color: #00b2bb; text-align: left;}
nav li{display:inline-block; vertical-align:middle; position:relative;}
nav li + li{margin-left: 40px;}
nav li a{display:block; position:relative; line-height:20px; padding:25px 0; cursor:pointer; z-index:10; transition:color 1s, padding 1s; color: #fff;}
nav li:hover a, nav li a.hover{color: #0c1c49;}

nav li:hover ul{height: 328px; z-index: 10;}

nav li ul{position: absolute; top: 70px; height: 0; transition: height 1s, top 1s; overflow: hidden; text-align: left; z-index: 0; pointer-events: none;}

nav li ul li{display: block; white-space: nowrap; width: 100%; margin: 1px 0 0 0; pointer-events: all;}
nav li ul li + li{margin-left: 0;}
nav li ul li a, nav li:hover ul li a{font-size: .9em; display: block; padding: 10px 20px!important; color: #fff; background-color:#008b92; transition:color 1s;}
nav li ul li:hover a, nav li ul li a.hover{color: #00b2bb;}

section.banner{display: block;}
section.banner .bg-image{padding: 0 4.4%; position: relative; width: 100%; z-index: 0;}
section.banner .bg-image:not(:first-child){display: none;}
section.banner .bg-image::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #0c1c49; mix-blend-mode: multiply; opacity: .85; z-index: 0;}
section.banner .content{aspect-ratio:10/4; min-height: 600px; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start;}

section.banner h1, section.banner h2{margin-bottom: 0;}
section.banner h2{font-size:42px;}
section.banner p{line-height: 1.4em;}

section.banner .doenca-renal {background-image:url("../images/large/banner-doenca-renal.jpg"); background-image: image-set(url("../images/large/banner-doenca-renal.webp") type("image/webp"), url("../images/large/banner-doenca-renal.jpg") type("image/jpeg"));}
section.banner .paciente-em-dialise {background-image:url("../images/large/banner-paciente-em-dialise.jpg"); background-image: image-set(url("../images/large/banner-paciente-em-dialise.webp") type("image/webp"), url("../images/large/banner-paciente-em-dialise.jpg") type("image/jpeg"));}
section.banner .dialise {background-image:url("../images/large/banner-dialise.jpg"); background-image: image-set(url("../images/large/banner-dialise.webp") type("image/webp"), url("../images/large/banner-dialise.jpg") type("image/jpeg"));}

section.sobre{border-top: solid 1px #fff;}
section.sobre::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0;  width: 48.2%; z-index: 10; background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), image-set(url("../images/large/bg-sobre.webp?v=1.2") type("image/webp"), url("../images/large/bg-sobre.jpg?v=1.2") type("image/jpeg")); background-position: top, bottom; background-size: 100% 100%, auto 75%; background-repeat: no-repeat, repeat; background-blend-mode: hard-light, normal;}
section.sobre::after{content: ""; position: absolute; top: 50px; left: 0; bottom: 0; width: 48.2%; z-index: 20; background-position: center bottom; background-size: contain; background-repeat: no-repeat; background-image:url("../images/large/dr-artur-lazaretti.png?v=1.6"); background-image: image-set(url("../images/large/dr-artur-lazaretti.webp?v=1.6") type("image/webp"), url("../images/large/dr-artur-lazaretti.png?v=1.6") type("image/png"));}
section.sobre .content{z-index: 20;}
section.sobre .column{display: block; width: 47.8%; margin: 0 0 0 auto; z-index: 10;}
section.sobre strong{font-size: 1.25em;}

section.entidades{padding: 0 4.4%; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
section.entidades .content{padding: 50px 0; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; align-content: center;}
section.entidades .content a{display: block; height: 70px;}
section.entidades .content a img{display:block; height:100%; width: auto;}

section.elfsight{padding: 10px;}

section.agendamento{background-image:url("../images/large/bg-agendamento.jpg"); background-image: image-set(url("../images/large/bg-agendamento.webp") type("image/webp"), url("../images/large/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #0c1c49; mix-blend-mode: multiply; opacity: .85; z-index: 0;}
section.agendamento #agendamento{display: block; position: absolute; top: -250px; width: 0; height: 0;}
section.agendamento .underline + p span{display: inline-block; max-width: 36em;}

section.agendamento .column{margin-top: 25px; width:30.4%;}
section.agendamento .column p{line-height: 1.3em;}
section.agendamento .column p:first-child strong{font-size: 1.2em;}
section.agendamento .column p:last-child span{display: block; visibility: hidden; height: 0;}

section.agendamento .button{padding: 10px; border: solid 1px #fff;}
section.agendamento .button .label{font-size: 1.3em;}
section.agendamento .button .label span{font-size: .5em;}

section.destaques ul{display: flex; flex-wrap: wrap;}
section.destaques li{display: inline-block; width:21.7%; position: relative; flex: 1;}
section.destaques li + li{margin-left: 4.4%;}
section.destaques li a{display: block; padding-bottom: 3em;}
section.destaques li .destaque{display: block; width: 6.5em; margin: 0 auto;}
section.destaques li .button{position: absolute; z-index: 10; bottom: 0; left: 50%; margin-left: -4em; pointer-events: none;}

footer{padding:0 4.4%; height: 700px; position:absolute; bottom:0; left:0; right:0; min-width: 360px; z-index: 10;}
footer .content{padding: 100px 0 0 0;}
footer .column{width:21.7%;}
footer .column a{color: #fff;}
footer .column a.hover{color:#00b2bb;}

footer .logo{display: block; height: 125px; background-image: url("../images/svg/dr-artur-lazaretti-nefrologia.svg");}
footer .logo + p{line-height: 1.2em; margin-top: 2em;}
footer .logo + p .img-dr-arthur{display: block; width: 150px; border:solid 1px #fff; margin: 0 auto .5em auto;}
footer .logo + p strong{font-size: 1.2em;}
footer .logo + p .green{display: inline-block; font-size: .7em; line-height: .8em;}

footer .reset-list li{position: relative; display: block; width: 100%; white-space: nowrap;}
footer .reset-list li + li {margin-top: 1em;}

footer .reset-list li .pict + span{display: inline-block; vertical-align: middle; line-height: 1.2em;}
footer .reset-list li .pict.local + span {vertical-align: top;}

footer .reset-list li ul li + li{margin-top: 0;}
footer .reset-list li ul li a{font-size: .9em;}

footer .reset-list.bull li{padding-left: .7em;}
footer .reset-list.bull li::before{content: "•"; color: #00b2bb; position: absolute; left: 0; font-size: 2em; line-height: .6em;}
footer .reset-list.bull li ul li::before{content: "·";}

footer p:first-child{padding-left: .7em;}
footer p:first-child::before{content: "•"; color: #00b2bb; position: absolute; left: 0; font-size: 2em; line-height: .6em;}

footer .bg-gray-d{position: absolute; right: 0; bottom: 0; left: 0; border-top: solid 1px #fff; padding: 15px 4.4%; text-align: center; white-space: nowrap;}
footer .bg-gray-d p{margin: 0;}
footer .bg-gray-d a{display: inline-block; font-size: .8em; width:47.8%; text-align: left; line-height: 30px;}
footer .bg-gray-d a + a{margin-left: 4%;}

section.breadcrumb{padding: 0 4.4%; background-color: #d8edf0;}
section.breadcrumb p{line-height: 30px; max-height: 30px; white-space: nowrap;}
section.breadcrumb p a, section.breadcrumb p span{display: inline-block; vertical-align: middle; transition: color 1s;}
section.breadcrumb p a:hover{color: #fff;}
section.breadcrumb p span:last-child{font-weight: 500;}

section.writer{padding: 0 4.4%;}
section.writer .content{padding: 25px 0;}
section.writer .column{padding-left: 130px;}
section.writer .bg-image{position: absolute; bottom: 0; left: 0; width: 125px; border: solid 1px #fff;}
section.writer p{line-height: 1em; margin: 0; padding-right: 4.5em;}
section.writer p span{font-size: .8em;}
section.writer p span:last-child{position: absolute; right: 0; bottom: 0; line-height: 1em;}
section.writer p span:last-child span{font-size: .65em;}

section.main h2:not(:first-child){margin-top: 1.25em;}
section.main h2:not(:last-child){margin-bottom: .25em;}
section.main h2 + p{margin-top: .25em;}
section.main ul:not(.reset-list) li + li{margin-top: .5em;}
section.main picture{display: block;}
section.main picture img{display: block; max-width: 100%; height: auto; margin: 0 auto; border: solid 1px #00b2bb; border-radius: 5px;}

/* exceções*/
section.main .column.bg-image.float-right{width: 30.4%; max-width: 400px; aspect-ratio: 1/1; border: solid 1px #00b2bb; margin: 0 0 4.4% 4.4%; position: relative; z-index: 10;} /* imagens destacadas */
section.main .column.bg-image.float-right:not(.circle){border-radius: 5px;} /* imagens quadradas */
section.main .column.bg-image.round{aspect-ratio: 1/1; border: solid 1px #00b2bb;} /* imagens */
section.main .chamada{margin-bottom: 0;}
section.main .text-center .button + .button{margin-left: 1em;} /* botões política de privacidade */ 
section.main .text-center br + .button{margin-top: 1em;}

/*estruturais*/
section{position: relative; min-width:360px;}
article {width:65.2%; margin:auto; position:relative; display:block; vertical-align:top;}

.standard{position:relative; padding:0 4.4%; margin: 0;}
.standard .content{padding:100px 0;}
.standard article{display: block; margin: 0 auto;}

.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.column {margin:0 4.4% 0 0; width: 47.8%; position:relative; display:inline-block; vertical-align:top;}
.column:last-child{margin-right: 0;}

.subnav{margin-top: 50px; justify-content: center;}
.subnav.one-third li{width: 28.9%;}
.subnav li{border: solid 1px #00b2bb; border-radius: 5px; width: 20.6%; margin: 25px 2.2% 0 2.2%; text-align: left;}
.subnav li a{display: block; padding: 1em; line-height: 1em; font-size: 1.4em; font-weight: 500;}
.subnav li .pict{border: solid 1px #00b2bb; margin-bottom: .5em;}

.factors{justify-content: center;}
.factors.one-half li{width: 45.6%;}
.factors.one-third li{width: 28.9%;}
.factors.one-quarter li {width: 20.6%;}
.factors li{width: 95.6%; border: solid 1px #00b2bb; border-radius: 5px; margin: 25px 2.2% 0 2.2%; text-align: left; padding: 1em; line-height: 1.2em;}
.factors li a{display: block;}
.factors li strong.underline{display: inline-block; margin-bottom: .5em;}
.factors li .pict{border-style: solid; border-width: 1px;}
.factors li picture img{margin: 1.5em auto 0 auto;}

.grafico{position: relative; margin-top: 50px;}
.grafico::before{content: ""; position: absolute; top: 100px; right: -40%; bottom: 100px; left: -40%; background-color: #edf0f1;}
.grafico .column{vertical-align: middle;}
.grafico .column svg {display: block; width: 100%; max-width: 650px; height: auto; margin: 0 auto;}

.tabela{overflow: hidden;}
.tabela span{display: block; padding: 1.3em 0; white-space: nowrap;}
.tabela span span{display: inline-block; text-align: center; font-weight: 500;}
.tabela span span:first-child{width: 40%;}
.tabela span span:last-child{width: 60%;}

.locais .column{width: 30.4%; flex: 1; border: solid 1px #00b2bb; text-align: left; overflow: hidden;}
.locais .column::after{content: ""; display: block; width: 100%; aspect-ratio: 1/1; pointer-events: none;}
.locais .column p{padding: 0 1.5em; position: relative; line-height: 1.2em;}
.locais .column p:first-child{padding-top: 1.5em;}
.locais .column p:first-child strong{font-size: 1.2em;}
.locais .column p:not(:first-child) + p.text-center{margin-bottom: -15px; position: relative; z-index: 10;}
.locais .column p.text-center + iframe{margin-top: -15px; z-index: 0;}
.locais .column p .green{font-size: .8em;}
.locais iframe{display: block; aspect-ratio: 1/1; border: none; position: absolute; bottom: 0;}
.locais h2 + .flex{margin-top: 50px;}
.locais .underline + p{margin: 0 auto 2em auto;}
.locais .underline + p strong{font-size: 1.2em;}
.locais .button.large .label{font-size: 1.2em;}
.locais .pict.local, .locais .pict.horario{position: absolute; right: 1.5em; top: -.3em;}
.locais a:not(.button){font-size: 1.2em; font-weight: 500; padding-right: 2em;}

.convenios picture{width: 17.5%; margin: 0 2.5%; display: inline-block;}
.convenios picture img{display: block; max-width: 100%; height: auto;}
.convenios + ul{column-count:2; column-gap: 50px;}
.convenios + ul li{line-height: 1.4em; break-inside: avoid;}
.convenios + ul li + li{margin-top: 1em;}

.underline{width: fit-content; position: relative; padding-bottom: .4em;}
strong.underline{display: inline-block; margin-bottom: .5em;}
.text-center .underline{margin-left: auto; margin-right: auto;}
.underline::after{content: ""; position: absolute; right: 0; bottom: 0; left: 0; border-bottom: solid 1px #00b2bb;}

.box{padding: 25px;}
.two-column{column-count:2; column-gap: 50px; margin-top: 25px;}
.two-column li{break-inside: avoid; line-height: 1.3em;}
.logo{display: block; background-repeat: no-repeat; background-position: center; background-size: contain; font-size: 0; position: relative; z-index: 10;}
.round{border-radius:5px;}
.circle{display:inline-block; position:relative; vertical-align:middle; border-radius:50vh; aspect-ratio:1/1;}
.zoom{cursor: zoom-in;}
.flex{display: flex; flex-wrap: wrap;}

/*imagens autores*/
.bg-image{background-repeat:no-repeat; background-position:center; background-size:cover;}
.bg-image.img-dr-arthur{background-image:url("../images/large/dr-artur-lazaretti-nefrologista.jpg?v=1.1"); background-image: image-set(url("../images/large/dr-artur-lazaretti-nefrologista.webp?v=1.1") type("image/webp"), url("../images/large/dr-artur-lazaretti-nefrologista.jpg?v=1.1") type("image/jpeg"));}
.bg-image.img-rafaela{background-image:url("../images/large/rafaela-caron-lienert-nutricionista.jpg"); background-image: image-set(url("../images/large/rafaela-caron-lienert-nutricionista.webp") type("image/webp"), url("../images/large/rafaela-caron-lienert-nutricionista.jpg") type("image/jpeg"));}
/* imagens de conteudo*/
.bg-image.img-dr-arthur-lazaretti{background-image:url("../images/figures/dr-arthur-lazaretti.jpg"); background-image: image-set(url("../images/figures/dr-arthur-lazaretti.webp") type("image/webp"), url("../images/figures/dr-arthur-lazaretti.jpg") type("image/jpeg"));}
.bg-image.img-nefrologista{background-image:url("../images/figures/quando-procurar-um-nefrologista.jpg"); background-image: image-set(url("../images/figures/quando-procurar-um-nefrologista.webp") type("image/webp"), url("../images/figures/quando-procurar-um-nefrologista.jpg") type("image/jpeg"));}
.bg-image.img-ira{background-image:url("../images/figures/patologias-insuficiencia-renal-aguda.jpg"); background-image: image-set(url("../images/figures/patologias-insuficiencia-renal-aguda.webp") type("image/webp"), url("../images/figures/patologias-insuficiencia-renal-aguda.jpg") type("image/jpeg"));}
.bg-image.img-drc{background-image:url("../images/figures/patologias-drc.jpg"); background-image: image-set(url("../images/figures/patologias-drc.webp") type("image/webp"), url("../images/figures/patologias-drc.jpg") type("image/jpeg"));}
.bg-image.img-hipertensao{background-image:url("../images/figures/patologias-hipertensao.jpg"); background-image: image-set(url("../images/figures/patologias-hipertensao.webp") type("image/webp"), url("../images/figures/patologias-hipertensao.jpg") type("image/jpeg"));}
.bg-image.img-nefropatia{background-image:url("../images/figures/patologias-nefropatia-diabetica.jpg"); background-image: image-set(url("../images/figures/patologias-nefropatia-diabetica.webp") type("image/webp"), url("../images/figures/patologias-nefropatia-diabetica.jpg") type("image/jpeg"));}
.bg-image.img-calculos-renais{background-image:url("../images/figures/patologias-calculos-renais.jpg"); background-image: image-set(url("../images/figures/patologias-calculos-renais.webp") type("image/webp"), url("../images/figures/patologias-calculos-renais.jpg") type("image/jpeg"));}
.bg-image.img-cistos-renais{background-image:url("../images/figures/patologias-cistos-renais.jpg"); background-image: image-set(url("../images/figures/patologias-cistos-renais.webp") type("image/webp"), url("../images/figures/patologias-cistos-renais.jpg") type("image/jpeg"));}
.bg-image.img-glomerulopatia{background-image:url("../images/figures/patologias-glomerulopatia.jpg"); background-image: image-set(url("../images/figures/patologias-glomerulopatia.webp") type("image/webp"), url("../images/figures/patologias-glomerulopatia.jpg") type("image/jpeg"));}
.bg-image.img-hemodialise{background-image:url("../images/figures/dialise-hemodialise.jpg"); background-image: image-set(url("../images/figures/dialise-hemodialise.webp") type("image/webp"), url("../images/figures/dialise-hemodialise.jpg") type("image/jpeg"));}
.bg-image.img-peritoneal{background-image:url("../images/figures/dialise-peritoneal.jpg"); background-image: image-set(url("../images/figures/dialise-peritoneal.webp") type("image/webp"), url("../images/figures/dialise-peritoneal.jpg") type("image/jpeg"));}
.bg-image.img-paciente{background-image:url("../images/figures/dialise-paciente.jpg?v=1.1"); background-image: image-set(url("../images/figures/dialise-paciente.webp?v=1.1") type("image/webp"), url("../images/figures/dialise-paciente.jpg?v=1.1") type("image/jpeg"));}
.bg-image.img-alimentacao{background-image:url("../images/figures/nutricao-alimentacao-saudavel.jpg"); background-image: image-set(url("../images/figures/nutricao-alimentacao-saudavel.webp") type("image/webp"), url("../images/figures/nutricao-alimentacao-saudavel.jpg") type("image/jpeg"));}
.bg-image.img-alimentacao-dr{background-image:url("../images/figures/nutricao-na-doenca-renal.jpg"); background-image: image-set(url("../images/figures/nutricao-na-doenca-renal.webp") type("image/webp"), url("../images/figures/nutricao-na-doenca-renal.jpg") type("image/jpeg"));}
.bg-image.img-alimentacao-peritoneal{background-image:url("../images/figures/nutricao-em-dialise-peritoneal.jpg"); background-image: image-set(url("../images/figures/nutricao-em-dialise-peritoneal.webp") type("image/webp"), url("../images/figures/nutricao-em-dialise-peritoneal.jpg") type("image/jpeg"));}
.bg-image.img-alimentacao-litiase{background-image:url("../images/figures/nutricao-em-litiase-renal.jpg"); background-image: image-set(url("../images/figures/nutricao-em-litiase-renal.webp") type("image/webp"), url("../images/figures/nutricao-em-litiase-renal.jpg") type("image/jpeg"));}

/*transições*/
.opacity{transition:opacity 1s;}
.opacity:hover{opacity:0.50;}

.button{display: inline-flex; justify-content: center; align-items: center; align-content: center; vertical-align:middle; position:relative; line-height:1em; min-width: 8em;}
.button.large{min-height: 60px;}
.button.medium{min-height: 40px;}
.button.medium .label{font-size: .9em;}
.button.small{min-height: 30px;}
.button.small .label{font-size: .8em;}
.button.hover{opacity:0.25;}

.button .label{display:inline-block; vertical-align:middle; padding: 0 1em; line-height: 1em; text-align: center;}
.button .label span{display: block; font-size: .6em; line-height: 1.2em;}

.pict{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; aspect-ratio:1/1;}
.pict.text{background-image:none; font-size:1.4em; font-weight: 600;}
.pict.hover{opacity:0.25;}
.pict.medium.green.check.circle{border: solid 1px #00b2bb; margin-bottom: .75em;}

.pict.large{min-width:50px; line-height: 50px;}
.pict.medium{min-width:40px; line-height: 40px;}
.pict.small{min-width:30px; line-height: 30px;}

.pict.green.whats{background-position:0% 0%;}
.pict.green.fone{background-position:10% 0%;}
.pict.green.local{background-position:20% 0%;}
.pict.green.email{background-position:30% 0%;}
.pict.green.agendamento{background-position:40% 0%;}
.pict.green.horario{background-position:50% 0%;}
.pict.green.home{background-position:60% 0%;}
.pict.green.link{background-position:70% 0%;}
.pict.green.no-link{background-position:80% 0%;}
.pict.green.download{background-position:90% 0%;}
.pict.green.upload{background-position:100% 0%;}

.pict.green.like{background-position:0% 20%;}
.pict.green.noticias{background-position:10% 20%;}
.pict.green.linkedin{background-position:20% 20%;}
.pict.green.facebook{background-position:30% 20%;}
.pict.green.instagram{background-position:40% 20%;}

.pict.green.mais{background-position:0% 40%;}
.pict.green.menos{background-position:10% 40%;}
.pict.green.fechar{background-position:20% 40%;}
.pict.green.check{background-position:30% 40%;}
.pict.green.seguinte{background-position:40% 40%;}
.pict.green.anterior{background-position:50% 40%;}
.pict.green.base{background-position:60% 40%;}
.pict.green.topo{background-position:70% 40%;}

.pict.white.whats{background-position:0% 60%;}
.pict.white.fone{background-position:10% 60%;}
.pict.white.local{background-position:20% 60%;}
.pict.white.email{background-position:30% 60%;}
.pict.white.agendamento{background-position:40% 60%;}
.pict.white.horario{background-position:50% 60%;}
.pict.white.home{background-position:60% 60%;}
.pict.white.link{background-position:70% 60%;}
.pict.white.no-link{background-position:80% 60%;}
.pict.white.download{background-position:90% 60%;}
.pict.white.upload{background-position:100% 60%;}

.pict.white.like{background-position:0% 80%;}
.pict.white.noticias{background-position:10% 80%;}
.pict.white.linkedin{background-position:20% 80%;}
.pict.white.facebook{background-position:30% 80%;}
.pict.white.instagram{background-position:40% 80%;}

.pict.white.mais{background-position:0% 100%;}
.pict.white.menos{background-position:10% 100%;}
.pict.white.fechar{background-position:20% 100%;}
.pict.white.check{background-position:30% 100%;}
.pict.white.seguinte{background-position:40% 100%;}
.pict.white.anterior{background-position:50% 100%;}
.pict.white.base{background-position:60% 100%;}
.pict.white.topo{background-position:70% 100%;}

.destaque{display:inline-block; vertical-align:middle; background-image:url("../images/svg/destaques.svg"); background-repeat:no-repeat; background-size:200% auto; aspect-ratio:1/1;}
.destaque.dialise{background-position:0% 0%;}
.destaque.hemodialise{background-position:100% 0%;}
.destaque.aguda{background-position:0% 100%;}
.destaque.cronica{background-position:100% 100%;}

/*cores*/
.white{color:#fff;}
.gray-d{color:#445055;}
.gray{color:#8a959c;}
.gray-l{color:#edf0f1;}
.green-d{color:#008b92;}
.green{color:#00b2bb;}
.blue{color:#0c1c49;}

/*backgrounds*/
.bg-white{background-color:#fff;}
.bg-gray-d{background-color:#445055;}
.bg-gray{background-color:#8a959c;}
.bg-gray-l{background-color:#edf0f1;}
.bg-green-d{background-color:#008b92;}
.bg-green{background-color:#00b2bb;}
.bg-green{background-color:#00b2bb;}
.bg-blue{background-color:#0c1c49;}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

@media screen and (max-width:1400px) {
/*configurações*/
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:20px;}
h6{font-size:18px;}
p, li{font-size: 16px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}
	
/* ids */
#container {padding: 210px 0 640px 0;}
#container.hover {padding: 130px 0 640px 0;}

/* classes */
header {padding:60px 4.4% 80px 4.4%;}
header .social a{font-size: 12px; padding: 5px;}

header .logo{height: 70px;}

header .button.blue{font-size: 16px; margin-top: 10px;}
header .button.blue + .button.blue{margin-left: 20px;}

header .button.white{font-size: 16px; padding: 10px 10px 10px 15px;}
header .button.white .pict{margin-left: 5px;}

header.hover {padding:60px 4.4%}
header.hover .logo{height: 60px;}
header.hover .button.blue{margin-top: 5px;}
header.hover .button.white{padding: 5px 10px 5px 15px;}

nav li + li{margin-left: 20px;}
nav li a{padding:20px 0; font-size:.95em;}

nav li:hover ul{height: 328px; z-index: 10;}

nav li ul{top: 60px;}

section.banner .content{aspect-ratio:17/8; min-height: 500px;}

section.banner h2{font-size:36px;}

section.banner .doenca-renal {background-image:url("../images/medium/banner-doenca-renal.jpg"); background-image: image-set(url("../images/medium/banner-doenca-renal.webp") type("image/webp"), url("../images/medium/banner-doenca-renal.jpg") type("image/jpeg"));}
section.banner .paciente-em-dialise {background-image:url("../images/medium/banner-paciente-em-dialise.jpg"); background-image: image-set(url("../images/medium/banner-paciente-em-dialise.webp") type("image/webp"), url("../images/medium/banner-paciente-em-dialise.jpg") type("image/jpeg"));}
section.banner .dialise {background-image:url("../images/medium/banner-dialise.jpg"); background-image: image-set(url("../images/medium/banner-dialise.webp") type("image/webp"), url("../images/medium/banner-dialise.jpg") type("image/jpeg"));}

section.sobre::after{top: 40px; background-image:url("../images/medium/dr-artur-lazaretti.png?v=1.6"); background-image: image-set(url("../images/medium/dr-artur-lazaretti.webp?v=1.6") type("image/webp"), url("../images/medium/dr-artur-lazaretti.png?v=1.6") type("image/png"));}
	
section.entidades .content{padding: 40px 0;}
section.entidades .content a{height: 50px;}

section.agendamento{background-image:url("../images/medium/bg-agendamento.jpg"); background-image: image-set(url("../images/medium/bg-agendamento.webp") type("image/webp"), url("../images/medium/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento #agendamento{top: -210px;}
section.agendamento .column{margin-top: 20px;}
section.agendamento .button{padding: 8px;}

footer{height: 640px;}
footer .content{padding: 80px 0 0 0;}

footer .logo + p .img-dr-arthur{width: 120px;}

footer .bg-gray-d{padding: 12px 4.4%;}

section.writer .content{padding: 20px 0;}
section.writer .column{padding-left: 105px;}
section.writer .bg-image{width: 100px;}

/*estruturais*/
.standard .content{padding:80px 0;}

.subnav{margin-top: 40px;}
.subnav li{margin: 20px 2.2% 0 2.2%;}

.factors li{margin: 20px 2.2% 0 2.2%;}

.grafico{margin-top: 40px;}
.grafico::before{top: 40px; bottom: 40px;}

.locais h2 + .flex{margin-top: 40px;}

.convenios + ul{column-gap: 40px;}

.box{padding: 20px;}
.two-column{column-gap: 40px; margin-top: 20px;}

/*imagens*/
.bg-image.img-dr-arthur{background-image:url("../images/medium/dr-artur-lazaretti-nefrologista.jpg?v=1.1"); background-image: image-set(url("../images/medium/dr-artur-lazaretti-nefrologista.webp?v=1.1") type("image/webp"), url("../images/medium/dr-artur-lazaretti-nefrologista.jpg?v=1.1") type("image/jpeg"));}
.bg-image.img-rafaela{background-image:url("../images/medium/rafaela-caron-lienert-nutricionista.jpg"); background-image: image-set(url("../images/medium/rafaela-caron-lienert-nutricionista.webp") type("image/webp"), url("../images/medium/rafaela-caron-lienert-nutricionista.jpg") type("image/jpeg"));}

}
@media screen and (max-width:1000px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}
p, li{font-size: 14px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}
	
/* ids */
#body.static, #container.static{overflow: hidden;}
#container {padding: 130px 0 1130px 0;}
#container.hover {padding: 80px 0 1130px 0;}

/* classes */
header {padding:60px 25px 20px 25px;}
header::before{content: ""; position: absolute; top: 0; right: 0; bottom: -1px; left: 0; background-color: #fff; z-index: 10;}
header .social{padding:0;}
header .social a{font-size: 10px;}
header .social a:nth-child(-n+3){padding: 5px 0;}
header .social a:nth-child(3){border-right: none;}

header .logo{height: 50px;}

header .button.blue{display: none; pointer-events: none;}

header .button.white{font-size: 14px; position: relative; bottom: auto; right: auto; padding: 5px 10px 5px 15px; border-radius: 5px 0 0 5px; z-index: 15;}

header.hover {top:-40px; padding:55px 25px 15px 25px;}
header.hover .logo{height: 50px;}
header.hover .button.white{padding: 5px 10px 5px 15px;}
header.hover nav .reset-list:first-child li a{padding:15px 0 15px 20px;}
header.hover nav .reset-list:first-child li ul{top: auto;}

header .panel-button{display: inline-block; position: relative; width: 50px; height: 50px; vertical-align: middle; border-radius: 0 5px 5px 0; z-index: 15;}
header .panel-button span{display:block; position:absolute; height:2px; width:26px; left: 12px; top: 24px; background-color:#fff; border-radius: 2px;}
header .panel-button span::before, header .panel-button span::after{content: ""; display: block; position: absolute; height: 2px; width: 26px; background-color:#fff; border-radius: 1px;}
header .panel-button span::before{top: 9px;}
header .panel-button span::after{bottom: 9px;}

header.panel-button-active .panel-button span{background-color: transparent;}
header.panel-button-active .panel-button span::before{transform:rotate(-45deg); top: 0;}
header.panel-button-active .panel-button span::after{transform:rotate(45deg); bottom:0;}

header.panel-button-active nav {right: 0;}

nav{display:block; padding: 0; position: fixed; overflow: hidden; top: 0; right: -280px; bottom: 0; left: auto; width: 280px;}
nav .reset-list:first-child{position: absolute; top: 90px; right: 0; bottom: 0; left: 0; overflow: auto;}
nav li{display:block; width: 100%;}
nav li + li{margin-left: 0; border-top: solid 1px #fff;}
nav li a, nav li:hover a:not(.hover){padding:15px 0 15px 20px; color: #fff; display: block; transition:none; font-weight: 600;}
nav li:hover ul{height: auto;}
nav li ul{position: relative; top: auto; height:auto; transition: none; overflow:visible;}
nav li ul li{margin: 0;}
nav li ul li:first-child{border-top: solid 1px #fff;}
nav li ul li a, nav li:hover ul li a, nav li ul li:hover a{padding: 10px 0 10px 50px!important; color: #fff; transition:color 1s; background-color:transparent;}
nav li ul li a.hover{color: #0c1c49;}

section.banner .bg-image{padding: 0 25px;}

section.banner h2{font-size:32px;}

section.banner .doenca-renal {background-image:url("../images/small/banner-doenca-renal.jpg"); background-image: image-set(url("../images/small/banner-doenca-renal.webp") type("image/webp"), url("../images/small/banner-doenca-renal.jpg") type("image/jpeg"));}
section.banner .paciente-em-dialise {background-image:url("../images/small/banner-paciente-em-dialise.jpg"); background-image: image-set(url("../images/small/banner-paciente-em-dialise.webp") type("image/webp"), url("../images/small/banner-paciente-em-dialise.jpg") type("image/jpeg"));}
section.banner .dialise {background-image:url("../images/small/banner-dialise.jpg"); background-image: image-set(url("../images/small/banner-dialise.webp") type("image/webp"), url("../images/small/banner-dialise.jpg") type("image/jpeg"));}

section.sobre::before{content: ""; display: none; background-image: none;}
section.sobre::after{content: ""; display: none; background-image: none;}

section.sobre .content::before{content: ""; position: relative; top: auto; right: auto; bottom: auto; float: right; display: block; width: 47.8%; max-width: 200px; aspect-ratio: 1/1; border-radius: 50vh; background-position: center; background-size: cover; background-image:url("../images/small/dr-artur-lazaretti.png?v=1.6"); background-image: image-set(url("../images/small/dr-artur-lazaretti.webp?v=1.6") type("image/webp"), url("../images/small/dr-artur-lazaretti.png?v=1.6") type("image/png")); border: solid 1px #00b2bb;}
section.sobre .column{width: 100%; display: block;}

section.entidades{padding: 0 25px;}
section.entidades .content{padding: 20px 0; max-width: 100%;}
section.entidades .content a {height: 40px; margin: 5px 0;}

section.agendamento{background-image:url("../images/small/bg-agendamento.jpg"); background-image: image-set(url("../images/small/bg-agendamento.webp") type("image/webp"), url("../images/small/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento #agendamento{top: -130px;}

section.agendamento .column{margin-top: 30px; width:100%;}
section.agendamento .column p:first-child br{display: none;}
section.agendamento .column p:last-child span{display: inline-block; visibility: visible; height: auto;}

section.agendamento .button{padding: 5px 10px;}

section.destaques li{width:47.8%; min-width:47.8%;}
section.destaques li + li:nth-child(3){margin-left:0;}
section.destaques li:nth-child(3), section.destaques li:last-child{margin-top:60px;}
section.destaques li a{display: block; padding-bottom: 4em;}

footer{padding:0 25px; height: 1130px;}
footer .content{padding: 60px 0 0 0;}
footer .column:first-child{width:100%; margin-right: 0;}
footer .column:nth-child(2), footer .column:nth-child(3){width: 47.8%; margin-top: 15px;}
footer .column:last-child{width:100%; margin-top: 15px;}
footer .column:last-child .reset-list{column-count:3; column-gap: 30px;}
footer .column:last-child .reset-list li{position: relative; display: block; width: 100%; white-space: normal;}
	
footer .logo{height: 100px;}

footer .bg-gray-d{padding: 9px 25px;}

section.breadcrumb{padding: 0 25px;}

section.writer{padding: 0 25px;}
section.writer .content{padding: 15px 0;}

section.main article span .column{width: 47.8%;}
section.main article span .column + .column{margin-left: 4.4%;}
section.standard.bg-gray-l .column + .column{margin-top: 30px;}

/* exceções */
section.main .column.bg-image.float-right{width: 47.8%;} /* imagens destacadas */

/*estruturais*/
article {width:100%;}

.standard{padding:0 25px;}
.standard .content{padding:60px 0;}

.content {max-width:700px;}
.column {width:100%; margin:0 auto;}

.subnav{margin-top: 30px;}
.subnav.one-third li{width: 45.6%;}
.subnav li{width: 45.6%; margin: 15px 2.2% 0 2.2%;}

.factors.one-half li, .factors.one-third li, .factors.one-quarter li{width: 45.6%;}
.factors li{margin: 15px 2.2% 0 2.2%;}

.grafico{position: relative; margin-top: 30px; padding-top: 30px; padding-bottom: 30px;}
.grafico::before{top: 0; right: -40%; bottom: 0; left: -40%;}
.grafico:last-child::before{bottom: -60px;}
.grafico:not(:last-child){margin-bottom: 30px;}
.grafico .column + .column{margin-top: 30px;}
.grafico .column svg {max-width: 400px;}

.locais .column{width: 100%; flex: initial; min-height: 300px; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.locais .column::after{display: none;}
.locais .column + .column{margin-top: 30px;}
.locais .column p{width: 50%;}
.locais .column p.text-center{text-align: left;}
.locais .column p.text-center + iframe{margin-top: 0;}
.locais .column p:not(:first-child) + p.text-center{margin-bottom:1.5em;}
.locais iframe{max-width: 50%; top: 0; right: 0; bottom: 0; aspect-ratio: auto; height: 100%;}
.locais h2 + .flex{margin-top: 30px;}

.convenios picture{width: 35%; margin: 0 5%; display: inline-block;}
.convenios picture img{display: block; max-width: 100%; height: auto;}
.convenios + ul{column-count:2; column-gap: 30px;}

.box{padding: 15px;}
.two-column{column-count:1; column-gap:normal; margin-top: 15px;}

/*imagens*/
.bg-image.img-dr-arthur{background-image:url("../images/small/dr-artur-lazaretti-nefrologista.jpg?v=1.1"); background-image: image-set(url("../images/small/dr-artur-lazaretti-nefrologista.webp?v=1.1") type("image/webp"), url("../images/small/dr-artur-lazaretti-nefrologista.jpg?v=1.1") type("image/jpeg"));}
.bg-image.img-rafaela{background-image:url("../images/small/rafaela-caron-lienert-nutricionista.jpg"); background-image: image-set(url("../images/small/rafaela-caron-lienert-nutricionista.webp") type("image/webp"), url("../images/small/rafaela-caron-lienert-nutricionista.jpg") type("image/jpeg"));}

/*transições*/
.opacity{transition: none;}
.opacity:hover{opacity:1;}

}
@media screen and (max-width:600px) {
/*configurações*/
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
.chamada{font-size:16px;}

/* ids */
#container {padding: 130px 0 1590px 0;}
#container.hover {padding: 80px 0 1590px 0;}

/* classes */
header {padding:60px 15px 20px 10px;}
header .social{padding:0;}
header .social a{font-size: 10px;}
header .social a:nth-child(2), header .social a:nth-child(3){display: none;}

header .logo{height: 50px;}

header .button.white{font-size: 0; padding: 5px;}
header .button.white .pict{margin-left: 0;}

header.hover {padding:60px 15px 20px 10px;}
header.hover .button.white{padding: 5px;}

section.banner h2{font-size:24px;}
section.banner p br{display: none;}

section.banner .doenca-renal {background-image:url("../images/tiny/banner-doenca-renal.jpg"); background-image: image-set(url("../images/tiny/banner-doenca-renal.webp") type("image/webp"), url("../images/tiny/banner-doenca-renal.jpg") type("image/jpeg"));}
section.banner .paciente-em-dialise {background-image:url("../images/tiny/banner-paciente-em-dialise.jpg"); background-image: image-set(url("../images/tiny/banner-paciente-em-dialise.webp") type("image/webp"), url("../images/tiny/banner-paciente-em-dialise.jpg") type("image/jpeg"));}
section.banner .dialise {background-image:url("../images/tiny/banner-dialise.jpg"); background-image: image-set(url("../images/tiny/banner-dialise.webp") type("image/webp"), url("../images/tiny/banner-dialise.jpg") type("image/jpeg"));}

section.sobre .content::before{background-image:url("../images/tiny/dr-artur-lazaretti.png?v=1.6"); background-image: image-set(url("../images/tiny/dr-artur-lazaretti.webp?v=1.6") type("image/webp"), url("../images/tiny/dr-artur-lazaretti.png?v=1.6") type("image/png")); border: solid 1px #00b2bb;}

section.entidades .content{padding: 15px 0;}

section.agendamento{background-image:url("../images/tiny/bg-agendamento.jpg"); background-image: image-set(url("../images/tiny/bg-agendamento.webp") type("image/webp"), url("../images/tiny/bg-agendamento.jpg") type("image/jpeg"));}
section.agendamento #agendamento{top: -140px;}

section.destaques ul{display: block; flex-wrap: initial;}
section.destaques li{display: inline-block; width:100%; position: relative; flex: initial;}
section.destaques li + li{margin: 45px 0 0 0;}

footer{height: 1590px;}
footer .column:nth-child(2), footer .column:nth-child(3){width: 100%;}
footer .column:last-child{width:100%;}
footer .column:last-child .reset-list{column-count: initial; column-gap: normal;}

footer .bg-gray-d{padding: 9px 25px; white-space: normal;}
footer .bg-gray-d a{display: block; width:100%; text-align: center;}
footer .bg-gray-d a + a{margin-left: 0;}

/*estruturais*/
.content {max-width:400px;}

.subnav.one-third li{width: 100%;}
.subnav li{width: 100%; margin: 15px 0 0 0;}

.factors.one-half li, .factors.one-third li, .factors.one-quarter li{width: 45.6%;}
.factors li{margin: 15px 2.2% 0 2.2%;}

.locais .column{width: 100%; min-height: auto; display: block; flex-direction: initial; flex-wrap: initial; justify-content: initial; align-items: initial;}
.locais .column p{width: 100%;}
.locais .column p.text-center{text-align: center;}
.locais .column p.text-center + iframe{margin-top: 20px;;}
.locais .column p:not(:first-child) + p.text-center{margin-bottom:1.5em;}
.locais iframe{max-width: 100%; position: relative; top: auto; right: auto; bottom: auto; aspect-ratio: 4/3; height: auto;}

/*imagens*/
.bg-image.img-dr-arthur{background-image:url("../images/tiny/dr-artur-lazaretti-nefrologista.jpg?v=1.1"); background-image: image-set(url("../images/tiny/dr-artur-lazaretti-nefrologista.webp?v=1.1") type("image/webp"), url("../images/tiny/dr-artur-lazaretti-nefrologista.jpg?v=1.1") type("image/jpeg"));}
.bg-image.img-rafaela{background-image:url("../images/tiny/rafaela-caron-lienert-nutricionista.jpg"); background-image: image-set(url("../images/tiny/rafaela-caron-lienert-nutricionista.webp") type("image/webp"), url("../images/tiny/rafaela-caron-lienert-nutricionista.jpg") type("image/jpeg"));}
}