@charset "UTF-8";
/*configurações*/
html {height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1em;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h1:last-child, * h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:36px; font-weight:400; line-height:1.1em;}
h2{font-size:32px; font-weight:400; line-height:1.1em;}
h3{font-size:28px; font-weight:400; line-height:1.1em;}
h4{font-size:24px; font-weight:400; line-height:1.1em;}
h5{font-size:22px; font-weight:400; line-height:1.1em;}
h6{font-size:18px; font-weight:400; line-height:1.1em;}
h1.unna{font-size: 48px;}
h2.unna{font-size: 42px;}
h3.unna{font-size: 36px;}
h4.unna{font-size: 32px;}
h5.unna{font-size: 24px;}
h6.unna{font-size: 22px;}
p{font-size:20px; line-height:1.4em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
.chamada{font-size:22px;}
.legenda{font-size:14px;}
ul:not(.reset-list) li{font-size:20px; line-height:1.4em;}
ul:not(.reset-list) li + li{margin-top: .6em;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}
hr{border-top: solid 1px #CD1719; border-right: none; border-bottom: none; border-left: none; margin: 50px 0;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family: "Lato", sans-serif; font-weight: 300; font-style: normal; color:#001534; min-width:360px;}
#body.block{overflow: hidden; position: fixed;}
#container {margin:0; padding:144px 0 0 0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; background:#FFFFFF; overflow-x:hidden; min-width:360px;}
#container.block{overflow: hidden; position: fixed;}

#banner {display: block; width: 100%; height: 650px; min-width:360px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; border-bottom: solid 1px #CD1719;}

#banner .banner-content{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
#banner .banner-content:not(:first-child){display: none;}

.no-webp #banner .banner-content.vida-leve, .no-js #banner .banner-content.vida-leve{background-image:url("../img/large/bg-banner-vida-leve.jpg");}
.webp #banner .banner-content.vida-leve{background-image:url("../img/large/bg-banner-vida-leve.webp");}
#banner .vida-leve h1{display: block; margin: 0 auto; width: 100%; max-width: 1400px; height: 100%; position: relative;}
#banner .vida-leve h1 span{position: absolute; line-height: .9em;}
#banner .vida-leve h1 span:first-child{top: 20%; left: 0; width: 35%; text-align: right;}
#banner .vida-leve h1 span:nth-child(2){top: 44%; right: 0; width: 55%;}
#banner .vida-leve h1 span:last-child{top: 44%; right: 0; width: 20%;}

.no-webp #banner .banner-content.bons-habitos, .no-js #banner .banner-content.bons-habitos{background-image:url("../img/large/bg-banner-bons-habitos.jpg");}
.webp #banner .banner-content.bons-habitos{background-image:url("../img/large/bg-banner-bons-habitos.webp");}
#banner .bons-habitos h2{display: block; margin: 0 auto; width: 100%; max-width: 1400px; height: 100%; position: relative;}
#banner .bons-habitos h2 span{position: absolute; font-size: 1.14em; top: 50%; margin-top: -1.5em; left: 8%; line-height: 1em; text-shadow: 1px 1px 15px #393C1E, -1px 1px 15px #393C1E, 1px -1px 15px #393C1E, -1px -1px 15px #393C1E;}

#whatsapp{position:fixed; right:50px; bottom:50px; display:block; z-index:1000; box-shadow:0 0 10px 0 #000000; background-color:#2DD54B; border:solid 2px #FFFFFF; border-radius:50%; padding: 10px;}

header {position:fixed; top:0; z-index:150; padding:40px 4.4%; width:100%; font-size:0; text-align:right; transition: padding 1s; border-bottom: solid 1px #CD1719;}
header .logo{display: block; width: 300px; height: 63px; font-size: 0; background-image: url("../img/svg/tiago-blaya-cirurgia-vascular.svg"); background-position: center; background-size:contain; background-repeat: no-repeat; position: relative; z-index: 10; float: left;}
header .circle.bg-gradient-red{padding: 5px; position: relative; z-index: 10;}
header .circle.bg-gradient-red + .circle.bg-gradient-red{margin-left: 15px;}

header.hover{padding:20px 4.4%;}

nav.secundaria{display: inline-block; vertical-align: middle;}
nav.secundaria li{display:inline-block; vertical-align:middle; position: relative; margin: 0 30px 0 0}
nav.secundaria li:first-child .blue{display: none;}
nav.secundaria .blue{font-size: 16px; font-weight: 400; line-height: 23px; padding: 20px 0; display:block; position:relative; cursor:pointer; transition:color 1s;}
nav.secundaria .pict{vertical-align:text-top;}
nav.secundaria .pict::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; z-index: -1; background: linear-gradient(to bottom,  #A42523 0%,#CD1719 100%);}

nav.secundaria li:hover .reset-list{height: 203px; z-index: 10;}
nav.secundaria li:hover .blue, nav.secundaria li .blue.hover{color: #A42523;}
nav.secundaria li:hover .pict::before{background: linear-gradient(to bottom,  #191A51 0%,#14387F 100%);}

nav.secundaria li .reset-list{display: block; position: absolute; left: 0; text-align: left; overflow: hidden; height: 0; z-index: 0; transition: height 1s;}
nav.secundaria li li{display:block; font-weight: 400; margin: 0;}
nav.secundaria li li + li{margin:1px 0 0 0;}
nav.secundaria li li a{font-size: 16px; display: block; white-space: nowrap; padding: 15px 20px; line-height: 20px; background: linear-gradient(to bottom,  #191A51 0%,#14387F 100%); transition: all 1s;}
nav.secundaria li li a:hover, nav.secundaria li li a.hover{background: linear-gradient(to bottom,  #A42523 0%,#CD1719 100%);}

nav.principal{display: block; height: 163px;}
nav.principal .reset-list{display: block; width: 100%; position: relative; z-index: 50; margin-top: 0; transition: margin-top 1s;}
nav.principal li{display:inline-block; width: 12.5%; vertical-align:middle; position: relative; font-weight: 400; padding: 1px 1px 1px 0;}
nav.principal li:first-child{padding-left: 1px;}
nav.principal a{font-size: 22px; font-weight: 400; padding: .8em .2em; line-height: .9em; display:block; position:relative; cursor:pointer; transition:color 1s;}
nav.principal a::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: radial-gradient(circle at center,  #14387F 0%,#001534 100%);}
nav.principal a::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: radial-gradient(circle at center,  #CD1719 0%,#A42523 100%); opacity: 0; transition: opacity 1s;}
nav.principal a:hover::after, nav.principal a.hover::after{opacity: 1;}
nav.principal .especialidades{margin: 0 auto .2em auto; width: 2.8em; height: 2.8em; position: relative; z-index: 2;}
nav.principal .especialidades + span{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 2.7em; position: relative; z-index: 2;}

nav.principal.hover .reset-list{position: fixed; top: -200px; margin-top: 304px;}
nav.principal.hover a{font-size: 16px;}
nav.principal.hover .especialidades{display: inline-block; margin: 0 .5em 0 0; vertical-align: middle;}
nav.principal.hover .especialidades + span{display: inline-block; vertical-align: middle;}

section.sobre .content{padding: 120px 0;}
section.sobre .column-3 p{margin: 0; text-align: right; position: absolute; bottom: 0; right: 0;}
section.sobre h2{margin-bottom: 0;}
section.sobre h2 + p{margin-top: 0;}

section.doencas{text-align: center; font-weight: 400;}
.no-webp section.doencas, .no-js section.doencas{background-image:url("../img/large/bg-doencas-vasculares.jpg");}
.webp section.doencas{background-image:url("../img/large/bg-doencas-vasculares.webp");}
section.doencas::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(to bottom,  #A42523 0%,#CD1719 100%); mix-blend-mode: multiply;}
section.doencas .content{z-index: 10;}
section.doencas .column-2{text-align: left; margin-top: 50px;}
section.doencas .chamada span{font-size: 1.3em;}
section.doencas h3{margin-bottom: 0;}
section.doencas h3 + p{margin-bottom: 0;}

section.atencao .column-4{margin-top: 25px;}
section.atencao .bg-image{display: block; width: 100%; aspect-ratio: 4/3; border: solid 1px #A42523;}
.no-webp section.atencao .bg-image, .no-js section.atencao .bg-image{background-image:url("../img/large/img-diversao-zona-sul.jpg"); }
.webp section.atencao .bg-image{background-image:url("../img/large/img-diversao-zona-sul.webp");}
section.atencao .chamada{border-bottom: solid 1px #CD1719;}
section.atencao .chamada a{font-size: 1.3em; margin-bottom: .3em; display: block;}
section.atencao .button{margin-top: .5em;}
section.atencao h3{margin-bottom: 0;}
section.atencao p strong{display: block; margin-bottom: .3em; line-height: 1em;}
section.atencao iframe{display: block; width: 100%; aspect-ratio: 4/3; border: solid 1px #A42523;}

footer{position: absolute; right: 0; bottom: 0; left: 0; padding:0 4.4%; z-index: 40; border-top: solid 2px #CD1719; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;}
footer .content{padding: 80px 0; text-align: center;}
footer .column-3:first-child .circle.bg-gradient-red{padding: 5px;}
footer .column-3:first-child .circle.bg-gradient-red + .circle.bg-gradient-red{margin-left: 15px;}
footer .column-3:nth-child(2){text-align: left; float: left;}
footer .column-3:nth-child(2) .circle.bg-gradient-red{margin-right: 5px;}
footer .column-3:nth-child(2) .circle.bg-gradient-red + span{display: inline-block; vertical-align: text-top;}
footer .column-3:last-child{text-align: right; float: right;}
footer .column-3:last-child a{padding-right: 35px; position: relative;}
footer .column-3:last-child .circle.bg-gradient-red{position: absolute; right: 0;}
footer .column-3:last-child .circle.bg-gradient-red + span{display: inline-block; vertical-align: text-top;}
footer .dr-tiago-blaya{display: block; height: 105px; width: 200px; margin: 0 auto 30px auto; background-image: url("../img/svg/dr-tiago-blaya-cirurgia-vascular.svg"); background-position: center; background-repeat: no-repeat; background-size: contain;}
footer p{line-height: 1.2em;}
footer p strong{display: inline-block; margin-bottom: .5em;}

section.titulo{height: 200px; position: relative; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; border-bottom: solid 1px #CD1719;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/large/bg-titulo.jpg");}
.webp section.titulo{background-image:url("../img/large/bg-titulo.webp");}
section.titulo::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(to bottom,  #191A51 0%,#14387F 100%); mix-blend-mode: multiply;}
section.titulo .grifado::after{margin-bottom: 0;}

section.principal .article + .column-3{margin-left: 4.4%;}
section.principal .chamada + p .button{margin:0 .5em .5em .5em;}

section.principal.contatos .column-2 iframe{display: block; aspect-ratio:3/2; border: solid 1px #CD1719; width: 100%;}
section.principal.contatos .chamada + p .button{margin:0;}

section.principal.convenios li{font-size: 24px; display: inline-block; width:21.7%; margin-bottom: 1em;}
section.principal.convenios li + li{margin-left: 4.4%;}
section.principal.convenios li span{display: block; aspect-ratio:3/2; margin-bottom: .5em; background-size: contain; background-position: center; background-repeat: no-repeat;}
.no-webp section.principal.convenios li:first-child span, .no-js section.principal.convenios li:first-child span{background-image:url("../img/estaticas/atendimento-caf.jpg"); }
.webp section.principal.convenios li:first-child span{background-image:url("../img/estaticas/atendimento-caf.webp");}
.no-webp section.principal.convenios li:nth-child(2) span, .no-js section.principal.convenios li:nth-child(2) span{background-image:url("../img/estaticas/atendimento-ipe.jpg"); }
.webp section.principal.convenios li:nth-child(2) span{background-image:url("../img/estaticas/atendimento-ipe.webp");}
.no-webp section.principal.convenios li:nth-child(3) span, .no-js section.principal.convenios li:nth-child(3) span{background-image:url("../img/estaticas/atendimento-saude-pas.jpg"); }
.webp section.principal.convenios li:nth-child(3) span{background-image:url("../img/estaticas/atendimento-saude-pas.webp");}
.no-webp section.principal.convenios6li:last-child span, .no-js section.principal.convenios li:last-child span{background-image:url("../img/estaticas/atendimento-unimed.jpg"); }
.webp section.principal.convenios li:last-child span{background-image:url("../img/estaticas/atendimento-unimed.webp");}
section.principal.convenios .button{margin: 1em .5em 0 .5em;}

section.principal.dinamico li{font-size: 20px; display: inline-block; vertical-align: top; width:30.4%; margin:0 4.4% 4.4% 0; border: solid 1px #14387F; text-align: left; padding: 1em 3em 1em 1em; position: relative;}
section.principal.dinamico li:nth-child(3n), section.principal.atencao li:last-child{margin-right:0;}
section.principal.dinamico li:nth-last-child(-n+3){margin-bottom: 0;}
section.principal.dinamico li a{display: flex; align-items: center; align-content: flex-start; font-weight: 400;}
section.principal.dinamico li .pict{display: block; position: absolute; right: .3em; top: 50%; margin-top: -20px;}

section.principal.diversao .article + .column-3{margin: 0 0 0 4.4%; aspect-ratio:4/3;}
.no-webp section.principal.diversao .article + .column-3, .no-js section.principal.diversao .article + .column-3{background-image:url("../img/large/img-diversao-museu-ibere-camargo.jpg"); }
.webp section.principal.diversao .article + .column-3{background-image:url("../img/large/img-diversao-museu-ibere-camargo.webp");}
section.principal.diversao .unna.white.bg-image{padding: 5.6em 0 0 0; margin: 0; text-shadow: 3px 3px 10px #000000, -3px 3px 10px #000000, 3px -3px 10px #000000, -3px -3px 10px #000000;}
.no-webp section.principal.diversao .unna.white.bg-image, .no-js section.principal.diversao .unna.white.bg-image{background-image:url("../img/large/img-diversao-por-do-sol-zona-sul.jpg"); }
.webp section.principal.diversao .unna.white.bg-image{background-image:url("../img/large/img-diversao-por-do-sol-zona-sul.webp");}
section.principal.diversao .grifado:not(:first-child){margin: 1em 0 0 0;}

section.principal.procedimentos .column.bg-image{width:30.4%; aspect-ratio: 1/1; float: right; margin: 0 0 4.4% 4.4%; border: solid 1px #CD1719; background-color: #FFFFFF;}
section.principal.procedimentos .box::after {content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden;}
section.principal.procedimentos .box .column.bg-image{width: 47.8%; margin-bottom: 0;}
section.principal.procedimentos .box .column.bg-image + p{margin-top: 0;}

.no-webp section.principal.procedimentos .bg-image.varizes, .no-js section.principal.procedimentos .bg-image.varizes{background-image:url("../img/large/img-tratamentos-varizes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes{background-image:url("../img/large/img-tratamentos-varizes.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-sintomas, .no-js section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/large/img-tratamentos-varizes-sintomas.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/large/img-tratamentos-varizes-sintomas.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-gestantes, .no-js section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/large/img-tratamentos-varizes-gestantes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/large/img-tratamentos-varizes-gestantes.webp");}
.no-webp section.principal.procedimentos .bg-image.estetica-vascular, .no-js section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/large/img-tratamentos-estetica-vascular.jpg");}
.webp section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/large/img-tratamentos-estetica-vascular.webp");}
.no-webp section.principal.procedimentos .bg-image.doencas-arteriais, .no-js section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/large/img-tratamentos-daop.jpg");}
.webp section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/large/img-tratamentos-daop.webp");}
.no-webp section.principal.procedimentos .bg-image.avc, .no-js section.principal.procedimentos .bg-image.avc{background-image:url("../img/large/img-tratamentos-avc.jpg");}
.webp section.principal.procedimentos .bg-image.avc{background-image:url("../img/large/img-tratamentos-avc.webp");}
.no-webp section.principal.procedimentos .bg-image.pe-diabetico, .no-js section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/large/img-tratamentos-pe-diabetico.jpg"); background-size: contain;}
.webp section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/large/img-tratamentos-pe-diabetico.webp"); background-size: contain;}

section.principal.procedimentos .grifado{clear: both;}

section.principal.tratamentos .reset-list{display: block; width: 100%; position: relative; z-index: 50; margin-top: 0; transition: margin-top 1s;}
section.principal.tratamentos li{display:inline-block; width:21.7%; margin:0 4.4% 4.4% 0; vertical-align:middle; position: relative; font-weight: 400;}
section.principal.tratamentos li:nth-child(4n), section.principal.tratamentos li:last-child{margin-right:0;}
section.principal.tratamentos li:nth-last-child(-n+4){margin-bottom: 0;}
section.principal.tratamentos a{font-size: 28px; font-weight: 400; padding: .8em; line-height: .9em; position:relative; cursor:pointer; transition:color 1s; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; aspect-ratio: 1/1;}
section.principal.tratamentos a::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: radial-gradient(circle at center,  #14387F 0%,#001534 100%);}
section.principal.tratamentos a::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: radial-gradient(circle at center,  #CD1719 0%,#A42523 100%); opacity: 0; transition: opacity 1s;}
section.principal.tratamentos a:hover::after{opacity: 1;}
section.principal.tratamentos .especialidades{margin: 0 auto .2em auto; width: 2.8em; height: 2.8em; position: relative; z-index: 2; display: block;}
section.principal.tratamentos .especialidades + span{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 2.7em; position: relative; z-index: 2;}

section.observacoes{border-right: solid 1px #FFFFFF; padding: 0;}
section.observacoes li{font-size: 22px; display:inline-block; width: 33.33%; vertical-align: top;  border-left: solid 1px #FFFFFF;}
section.observacoes li .padding{padding: 1.5em; display: block;}

section.observacoes li:first-child .tooltip .rpt + span {left:0; margin-left:0;}
section.observacoes li:first-child .tooltip .rpt + span::before{left: 1.35em; margin-left: 0;}
section.observacoes li:nth-child(3) .tooltip .rpt + span {left:auto; margin-left:0; right: 0;}
section.observacoes li:nth-child(3) .tooltip .rpt + span::before{left: auto; margin-left: 0; right: 1.35em;}

.layer {position:fixed; left:0; top:0; right:0; bottom:0; padding: 200px 4.4% 50px 4.4%; z-index:100; background-color:rgba(25,26,81,.8);  display:none;}
.layer .content{height: 100%; display:none;}
.layer .scroll{display:block; position:absolute; top:0; right: 0; bottom:0; left: 0; overflow-y:auto}
.layer .article{padding: 50px; position: relative; border:solid 1px #CD1719;}
.layer .chamada{border-bottom: solid 1px #CD1719; padding-bottom: .3em;}
.layer .bg-gradient-red{display: block; position: absolute; top: -30px; right: 17.4%; margin-right: -30px; padding: 5px; z-index: 10;}
.layer iframe{display: block; width: 100%; max-width: 640px; margin: 50px auto 0 auto; aspect-ratio: 4/3; border: solid 1px #A42523;}

#filtro {visibility:hidden;display:none;position:absolute;}
#contato{display:block; position:relative;}
#contato input[type=text], #contato input[type=password] {width:47.8%; font-size:20px; height:50px; line-height:48px; margin:30px 4.4% 0 0; padding:0 15px; font-weight:300; font-family: "Lato", sans-serif; font-style: normal; display:inline-block; border:solid 1px #CD1719; background-color:#FFFFFF; text-align: center;}
#contato input[type=text]:nth-child(2n), #contato input[type=text]:last-child, #contato input[type=password]:nth-child(2n), #contato input[type=password]:last-child{margin-right: 0;}
#contato textarea{width:100%; font-size:20px; line-height:1.3em; margin:0 auto; padding:10px; font-weight:300; font-family: "Lato", sans-serif; font-style: normal;  display:block; border:solid 1px #CD1719; background-color:#FFFFFF;}
#contato input[type=submit], #contato input[type=button] {width:47.8%; font-size:14px; height:50px; margin:0; font-weight:400; font-family: "Lato", sans-serif; font-style: normal; padding:0; cursor:pointer; appearance:none;  border:none; display:inline-block;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #191A51;}
.termsfeed-com---nb .cc-nb-title {color: #191A51!important;}
.termsfeed-com---nb .cc-nb-text{color: #4A4A4A;}
.cc-nb-main-container{background-color:#FFFFFF!important;}
.cc-nb-okagree{background-color:#14387F!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#CD1719; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#1D1D1B!important; color:#FFFFFF!important;}

/*específicas*/
.bg-image.dr-tiago{display: block; aspect-ratio: 3/2; position: relative;}
.bg-image.dr-tiago::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: solid 1px #A42523;}
.no-webp .bg-image.dr-tiago, .no-js .bg-image.dr-tiago{background-image:url("../img/large/dr-tiago-blaya-martins.jpg");}
.webp .bg-image.dr-tiago{background-image:url("../img/large/dr-tiago-blaya-martins.webp");}

.grifado:not(:first-child){margin-top: 2em;}
.grifado::after{content: ""; display: block; margin: .2em 0 1em 0; width: 2.5em; height: 4px; background-color: #E30613;}
.grifado.text-center::after{margin: .2em auto 1em auto;}
.grifado span{display: block; font-size: .4em; font-weight: 400; line-height: .9em; margin-top: .5em;}

/*estruturais*/
section{padding:0 4.4%; position: relative; border-right: solid 1px #FFFFFF; border-left: solid 1px #FFFFFF;}
.standard .content{padding: 100px 0;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.2%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:47.8%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-2:nth-child(2n), .column-2:last-child{margin-right:0;}
.column-3 {width:30.4%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-3:nth-child(3n), .column-3:last-child{margin-right:0;}
.column-4 {width:21.7%; margin:0 4.4% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.box{padding: 40px;}

/*fontes*/
.lato {font-family: "Lato", sans-serif; font-style: normal;}
.unna {font-family: "Unna", serif; font-style: normal;}

/*cores*/
.white{color:#FFFFFF;}
.gray{color:#1D1D1B;}
.blue{color:#14387F;}
.blue-d{color:#191A51;}
.blue-dd{color:#001534;}
.red{color:#CD1719;}
.red-b{color:#E30613;}
.red-d{color:#A42523;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-gray{background-color:#1D1D1B;}
.bg-gray-bb{background-color:#F4F6F8;}
.bg-blue{background-color:#14387F;}
.bg-blue-d{background-color:#191A51;}
.bg-red{background-color:#CD1719;}
.bg-red-b{background-color:#E30613;}
.bg-red-d{background-color:#A42523;}
.bg-gradient-blue{background: linear-gradient(to bottom,  #191A51 0%,#14387F 100%);}
.bg-gradient-red{background: linear-gradient(to bottom,  #A42523 0%,#CD1719 100%);}
.bg-image{background-size: cover; background-repeat: no-repeat; background-position: center;}

/*constantes*/
.float-left{float:left;}
.float-right{float:right;}
.clear{clear:both;}
.clear-right{clear:right;}
.clear-left{clear:left;}
.reset-list{margin:0; padding:0; font-size:0; list-style:none;}
.text-justify{text-align:justify;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.round{border-radius:5px;}
.circle{display:inline-block; vertical-align:middle; border-radius:50%;}
.two-column{column-width:300px; column-gap: 30px;}

.button{display:inline-block; vertical-align:middle; position:relative; line-height:1em; overflow: hidden; padding: 0 .5em;}
.button.hover{opacity:0.25;}

.button .label{display:block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1em; line-height:28px; padding:21px 1.5em;}
.button.medium .label{font-size:.9em; line-height:24px; padding:8px 1.5em;}
.button.small .label{font-size:.8em; line-height:20px; padding:5px 1.5em;}
.button.tiny .label{font-size:.7em; line-height:16px; padding:2px 1.5em;}
.button .label span{display: block; font-size: .5em; line-height: 1em;}
.button .pict + .label{display: inline-block; padding-right:1.5em; padding-left:.5em;}

.pict{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; background-image:url(../img/svg/pictogramas.svg); position: relative;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);}

.pict.large{width:60px; height:60px; line-height:60px;}
.pict.medium{width:40px; height:40px; line-height:40px;}
.pict.small{width:30px; height:30px; line-height:30px;}
.pict.tiny{width:20px; height:20px; line-height:20px;}

.pict.local + span{display: inline-block; vertical-align: top;}

.pict.blue.whats{background-position:0% 0%;}
.pict.blue.fone{background-position:10% 0%;}
.pict.blue.local{background-position:20% 0%;}
.pict.blue.home{background-position:30% 0%;}
.pict.blue.perfil{background-position:40% 0%;}
.pict.blue.links{background-position:50% 0%;}
.pict.blue.upload{background-position:60% 0%;}
.pict.blue.facebook{background-position:70% 0%;}
.pict.blue.youtube{background-position:80% 0%;}
.pict.blue.linkedin{background-position:90% 0%;}
.pict.blue.instagram{background-position:100% 0%;}
.pict.blue.mais{background-position:0% 20%;}
.pict.blue.menos{background-position:10% 20%;}
.pict.blue.fechar{background-position:20% 20%;}
.pict.blue.base{background-position:30% 20%;}
.pict.blue.topo{background-position:40% 20%;}
.pict.blue.anterior{background-position:50% 20%;}
.pict.blue.proximo{background-position:60% 20%;}
.pict.blue.download{background-position:70% 20%;}
.pict.blue.teleconsulta{background-position:80% 20%;}
.pict.blue.zoom{background-position:90% 20%;}
.pict.blue.email{background-position:100% 20%;}

.pict.white.whats{background-position:0% 40%;}
.pict.white.fone{background-position:10% 40%;}
.pict.white.local{background-position:20% 40%;}
.pict.white.home{background-position:30% 40%;}
.pict.white.perfil{background-position:40% 40%;}
.pict.white.links{background-position:50% 40%;}
.pict.white.upload{background-position:60% 40%;}
.pict.white.facebook{background-position:70% 40%;}
.pict.white.youtube{background-position:80% 40%;}
.pict.white.linkedin{background-position:90% 40%;}
.pict.white.instagram{background-position:100% 40%;}
.pict.white.mais{background-position:0% 60%;}
.pict.white.menos{background-position:10% 60%;}
.pict.white.fechar{background-position:20% 60%;}
.pict.white.base{background-position:30% 60%;}
.pict.white.topo{background-position:40% 60%;}
.pict.white.anterior{background-position:50% 60%;}
.pict.white.proximo{background-position:60% 60%;}
.pict.white.download{background-position:70% 60%;}
.pict.white.teleconsulta{background-position:80% 60%;}
.pict.white.zoom{background-position:90% 60%;}
.pict.white.email{background-position:100% 60%;}

.pict.red.whats{background-position:0% 80%;}
.pict.red.fone{background-position:10% 80%;}
.pict.red.local{background-position:20% 80%;}
.pict.red.home{background-position:30% 80%;}
.pict.red.perfil{background-position:40% 80%;}
.pict.red.links{background-position:50% 80%;}
.pict.red.upload{background-position:60% 80%;}
.pict.red.facebook{background-position:70% 80%;}
.pict.red.youtube{background-position:80% 80%;}
.pict.red.linkedin{background-position:90% 80%;}
.pict.red.instagram{background-position:100% 80%;}
.pict.red.mais{background-position:0% 100%;}
.pict.red.menos{background-position:10% 100%;}
.pict.red.fechar{background-position:20% 100%;}
.pict.red.base{background-position:30% 100%;}
.pict.red.topo{background-position:40% 100%;}
.pict.red.anterior{background-position:50% 100%;}
.pict.red.proximo{background-position:60% 100%;}
.pict.red.download{background-position:70% 100%;}
.pict.red.teleconsulta{background-position:80% 100%;}
.pict.red.zoom{background-position:90% 100%;}
.pict.red.email{background-position:100% 100%;}

.especialidades{display:block; background-repeat:no-repeat; background-size:900% auto;}
.no-webp .especialidades, .no-js .especialidades{background-image:url("../img/estaticas/especialidades.png");}
.webp .especialidades{background-image:url("../img/estaticas/especialidades.webp");}

.especialidades.aneurisma{background-position: 0% 0%;}
.especialidades.carotidea {background-position: 12.5% 0%;}
.especialidades.arteriais{background-position: 25% 0%;}
.especialidades.estetica{background-position: 37.5% 0%;}
.especialidades.pe{background-position: 50% 0%;}
.especialidades.trombose{background-position: 62.5% 0%;}
.especialidades.ulceras{background-position: 75% 0%;}
.especialidades.varizes{background-position: 87.5% 0%;}

.rpt{display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:1100% auto; position: relative;}
.no-webp .rpt, .no-js .rpt{background-image:url("../img/estaticas/risco-prevencao-tratamento.png");}
.webp .rpt{background-image:url("../img/estaticas/risco-prevencao-tratamento.webp");}
.rpt.alteracoes-sangue{background-position:0% 0%;}
.rpt.antecedentes-familiares{background-position:10% 0%;}
.rpt.arterosclerose{background-position:20% 0%;}
.rpt.bebidas{background-position:30% 0%;}
.rpt.cancer{background-position:40% 0%;}
.rpt.diabetes{background-position:50% 0%;}
.rpt.disturbios-veias{background-position:60% 0%;}
.rpt.doencas-cardiacas{background-position:70% 0%;}
.rpt.estresse{background-position:80% 0%;}
.rpt.ferimentos-pes{background-position:90% 0%;}
.rpt.fumo{background-position:100% 0%;}
.rpt.gravidez{background-position:0% 12.5%;}
.rpt.hipercolesterolemia{background-position:10% 12.5%;}
.rpt.hipertensao-arterial{background-position:20% 12.5%;}
.rpt.hipertensao-venosa{background-position:30% 12.5%;}
.rpt.idade{background-position:40% 12.5%;}
.rpt.infeccoes{background-position:50% 12.5%;}
.rpt.medicacao{background-position:60% 12.5%;}
.rpt.obesidade{background-position:70% 12.5%;}
.rpt.pes-insensiveis{background-position:80% 12.5%;}
.rpt.peso{background-position:90% 12.5%;}
.rpt.sedentarismo{background-position:100% 12.5%;}
.rpt.tempo-parado{background-position:0% 25%;}
.rpt.triglicerideos{background-position:10% 25%;}
.rpt.trombose{background-position:20% 25%;}
.rpt.viagens-longas{background-position:30% 25%;}
.rpt.afaste-fatores-de-risco{background-position:40% 25%;}
.rpt.alta-hospitalar{background-position:50% 25%;}
.rpt.anticoagulantes{background-position:60% 25%;}
.rpt.baixar-colesterol{background-position:70% 25%;}
.rpt.baixar-triglicerideos{background-position:80% 25%;}
.rpt.caminhadas{background-position:90% 25%;}
.rpt.compressao-pneumatica{background-position:100% 25%;}
.rpt.consulta-medica{background-position:0% 37.5%;}
.rpt.controlar-diabetes{background-position:10% 37.5%;}
.rpt.controlar-pressao-arterial{background-position:20% 37.5%;}
.rpt.controle-regular{background-position:30% 37.5%;}
.rpt.cortar-unhas{background-position:40% 37.5%;}
.rpt.cuidados-alimentacao{background-position:50% 37.5%;}
.rpt.elevacao-pernas{background-position:60% 37.5%;}
.rpt.elevar-pes-cama{background-position:70% 37.5%;}
.rpt.evitar-bebidas{background-position:80% 37.5%;}
.rpt.evitar-calcado-apertado{background-position:90% 37.5%;}
.rpt.evitar-calor{background-position:100% 37.5%;}
.rpt.evitar-estresse{background-position:0% 50%;}
.rpt.evitar-obesidade{background-position:10% 50%;}
.rpt.evitar-salto-alto{background-position:20% 50%;}
.rpt.evitar-tempo-parado{background-position:30% 50%;}
.rpt.exame-pes-diarios{background-position:40% 50%;}
.rpt.examinar-calcados{background-position:50% 50%;}
.rpt.exercicios-moderados{background-position:60% 50%;}
.rpt.higiene{background-position:70% 50%;}
.rpt.movimentacao-pernas{background-position:80% 50%;}
.rpt.movimentacao-pos-cirurgica{background-position:90% 50%;}
.rpt.nao-fume{background-position:100% 50%;}
.rpt.protecao{background-position:0% 62.5%;}
.rpt.proteger-pernas{background-position:10% 62.5%;}
.rpt.atencao{background-position:20% 62.5%;}
.rpt.cateterismo{background-position:30% 62.5%;}
.rpt.cirurgia{background-position:40% 62.5%;}
.rpt.crioescleroterapia{background-position:50% 62.5%;}
.rpt.escleroterapia{background-position:60% 62.5%;}
.rpt.medicacao-insulina{background-position:70% 62.5%;}
.rpt.meias-elasticas{background-position:80% 62.5%;}

.tooltip {margin:.5em 1% 0 1%; display:inline-block; position: relative;}
.tooltip .rpt{position: relative; background-color: transparent; transition: background-color 1s;  border-radius: 50%; width: 3em; height: 3em;}
.tooltip:hover .rpt{background-color: #14387F;}
.tooltip .rpt + span {font-size: .8em; position:absolute; top:4em; left:50%; margin-left:-8em; width:16em; display:none; padding:.8em; background: linear-gradient(to bottom, #191A51 0%, #191A51 1em, #14387F 100%); line-height:1.2em; z-index: 10;}
.tooltip .rpt + span::before{content: ""; display: block; width: 1em; height: 1em; transform: rotate(45deg); top: -.5em; position: absolute; left: 50%; margin-left: -.5em; background-color: #191A51;}
.tooltip:hover .rpt + span {display:block; z-index:10;}

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

@media screen and (max-width:1400px) {
/*configurações*/
h1{font-size:32px;}
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:16px;}
h1.unna{font-size: 42px;}
h2.unna{font-size: 36px;}
h3.unna{font-size: 32px;}
h4.unna{font-size: 28px;}
h5.unna{font-size: 22px;}
h6.unna{font-size: 20px;}
p{font-size:18px;}
.chamada{font-size:20px;}
.legenda{font-size:12px;}
ul:not(.reset-list) li{font-size:18px;}
hr{margin: 40px 0;}

/* identificadores */
#container {padding:122px 0 0 0;}

#banner {height: 530px;}

.no-webp #banner .banner-content.vida-leve, .no-js #banner .banner-content.vida-leve{background-image:url("../img/medium/bg-banner-vida-leve.jpg");}
.webp #banner .banner-content.vida-leve{background-image:url("../img/medium/bg-banner-vida-leve.webp");}
#banner .vida-leve h1 span:last-child{width: 17%;}

.no-webp #banner .banner-content.bons-habitos, .no-js #banner .banner-content.bons-habitos{background-image:url("../img/medium/bg-banner-bons-habitos.jpg");}
.webp #banner .banner-content.bons-habitos{background-image:url("../img/medium/bg-banner-bons-habitos.webp");}

#whatsapp{right:40px; bottom:40px; padding: 5px;}
    
header {padding:30px 4.4%;}
header .logo{width: 290px; height: 60px;}
header .circle.bg-gradient-red + .circle.bg-gradient-red{margin-left: 10px;}

header.hover{padding:15px 4.4%;}

nav.secundaria li{margin: 0 20px 0 0}
nav.secundaria .blue{font-size: 14px; line-height: 20px;}
nav.secundaria li:hover .reset-list{height: 163px;}
nav.secundaria li li a{font-size: 14px; padding: 10px 15px; line-height: 20px;}

nav.principal{display: block; height: 133px;}
nav.principal a{font-size: 18px;}
nav.principal.hover .reset-list{position: fixed; top: -200px; margin-top: 292px;}
nav.principal.hover a{font-size: 14px;}

section.sobre .content{padding: 90px 0;}

.no-webp section.doencas, .no-js section.doencas{background-image:url("../img/medium/bg-doencas-vasculares.jpg");}
.webp section.doencas{background-image:url("../img/medium/bg-doencas-vasculares.webp");}
section.doencas .column-2{text-align: left; margin-top: 40px;}

section.atencao .column-4{margin-top: 20px;}
section.atencao .bg-image{aspect-ratio: 5/3;}
.no-webp section.atencao .bg-image, .no-js section.atencao .bg-image{background-image:url("../img/medium/img-diversao-zona-sul.jpg"); }
.webp section.atencao .bg-image{background-image:url("../img/medium/img-diversao-zona-sul.webp");}
section.atencao .chamada a{font-size: 1.2em;}
section.atencao p:not(.chamada) + p {display: none;}
section.atencao iframe{aspect-ratio: 5/3;}

footer .content{padding: 60px 0;}

section.titulo{height: 170px;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/medium/bg-titulo.jpg");}
.webp section.titulo{background-image:url("../img/medium/bg-titulo.webp");}

section.principal.convenios li{font-size: 20px;}
section.principal.convenios li span{aspect-ratio:1/1;}
section.principal.convenios .button{margin: 1em .5em 0 .5em;}

section.principal.dinamico li{font-size: 18px;}

.no-webp section.principal.diversao .article + .column-3, .no-js section.principal.diversao .article + .column-3{background-image:url("../img/medium/img-diversao-museu-ibere-camargo.jpg"); }
.webp section.principal.diversao .article + .column-3{background-image:url("../img/medium/img-diversao-museu-ibere-camargo.webp");}
.no-webp section.principal.diversao .unna.white.bg-image, .no-js section.principal.diversao .unna.white.bg-image{background-image:url("../img/medium/img-diversao-por-do-sol-zona-sul.jpg"); }
.webp section.principal.diversao .unna.white.bg-image{background-image:url("../img/medium/img-diversao-por-do-sol-zona-sul.webp");}

.no-webp section.principal.procedimentos .bg-image.varizes, .no-js section.principal.procedimentos .bg-image.varizes{background-image:url("../img/large/img-tratamentos-varizes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes{background-image:url("../img/large/img-tratamentos-varizes.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-sintomas, .no-js section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/large/img-tratamentos-varizes-sintomas.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/large/img-tratamentos-varizes-sintomas.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-gestantes, .no-js section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/large/img-tratamentos-varizes-gestantes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/large/img-tratamentos-varizes-gestantes.webp");}
.no-webp section.principal.procedimentos .bg-image.estetica-vascular, .no-js section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/large/img-tratamentos-estetica-vascular.jpg");}
.webp section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/large/img-tratamentos-estetica-vascular.webp");}
.no-webp section.principal.procedimentos .bg-image.doencas-arteriais, .no-js section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/large/img-tratamentos-daop.jpg");}
.webp section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/large/img-tratamentos-daop.webp");}
.no-webp section.principal.procedimentos .bg-image.avc, .no-js section.principal.procedimentos .bg-image.avc{background-image:url("../img/large/img-tratamentos-avc.jpg");}
.webp section.principal.procedimentos .bg-image.avc{background-image:url("../img/large/img-tratamentos-avc.webp");}
.no-webp section.principal.procedimentos .bg-image.pe-diabetico, .no-js section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/large/img-tratamentos-pe-diabetico.jpg"); background-size: contain;}
.webp section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/large/img-tratamentos-pe-diabetico.webp"); background-size: contain;}

section.principal.tratamentos a{font-size: 24px;}

section.observacoes li{font-size: 18px;}

.layer {padding: 170px 4.4% 40px 4.4%;}
.layer .article{padding: 40px;}

#contato input[type=text], #contato input[type=password] {font-size:18px;}
#contato textarea{font-size:18px;}
#contato input[type=submit], #contato input[type=button] {font-size:12px;}

/*específicas*/
.no-webp .bg-image.dr-tiago, .no-js .bg-image.dr-tiago{background-image:url("../img/medium/dr-tiago-blaya-martins.jpg");}
.webp .bg-image.dr-tiago{background-image:url("../img/medium/dr-tiago-blaya-martins.webp");}

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

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


@media screen and (max-width:1000px) {
/*configurações*/
h1{font-size:28px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:14px;}
h1.unna{font-size: 36px;}
h2.unna{font-size: 32px;}
h3.unna{font-size: 28px;}
h4.unna{font-size: 24px;}
h5.unna{font-size: 20px;}
h6.unna{font-size: 18px;}
p{font-size:16px;}
.chamada{font-size:18px;}
.legenda{font-size:10px;}
ul:not(.reset-list){padding-left: 20px;}
ul:not(.reset-list) li{font-size:16px;}
hr{margin: 30px 0;}

/* identificadores */
#container {padding:98px 0 0 0;}

#banner {height: 410px;}

.no-webp #banner .banner-content.vida-leve, .no-js #banner .banner-content.vida-leve{background-image:url("../img/small/bg-banner-vida-leve.jpg"); background-position: center right;}
.webp #banner .banner-content.vida-leve{background-image:url("../img/small/bg-banner-vida-leve.webp"); background-position: center right;}
#banner .vida-leve h1 span:first-child{top: 10%; left: 30px; text-align: left;}
#banner .vida-leve h1 span:nth-child(2){width: 450px;}
#banner .vida-leve h1 span:last-child{margin-top: .9em; width: 450px;}

.no-webp #banner .banner-content.bons-habitos, .no-js #banner .banner-content.bons-habitos{background-image:url("../img/small/bg-banner-bons-habitos.jpg"); background-position: center right;}
.webp #banner .banner-content.bons-habitos{background-image:url("../img/small/bg-banner-bons-habitos.webp"); background-position: center right;}
    
#whatsapp{right:30px; bottom:30px;}

header, header.hover {padding:20px 30px;}
header::before{content: ""; position: absolute; display: block; top: 0; right: 0; left: 0; height: 97px; background-color: #FFFFFF; z-index: 5;}
header .logo{width: 280px; height: 57px;}

header .panel-button{width: 57px; height: 57px; display:inline-block; overflow:hidden; position:relative; transition:all 2s; z-index:400; vertical-align:middle; cursor:pointer; margin-left: 10px; background: linear-gradient(to bottom,  #191A51 0%,#14387F 100%); border-radius: 50%;}
    
header .panel-button span{height:3px; width:27px; left: 15px; background-color:#FFFFFF; position: absolute;}
header .panel-button span:first-child{top: 19px;}
header .panel-button span:nth-child(2){top: 27px;}
header .panel-button span:last-child{top: 35px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:27px;}
header.panel-button-active .panel-button span:nth-child(2){background-color: transparent;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:27px;}
header.panel-button-active nav.secundaria {height:100%;}

nav.secundaria {position:fixed; top:0; right:0; left: 0; height: 0; text-align:center; background: linear-gradient(to bottom, rgba(25,26,81,.85) 0%, rgba(20,56,127,0.85) 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; z-index: 0; transition: height 1s;}

nav.secundaria .reset-list{display:block; width: 300px; padding-top: 98px;}
    
nav.secundaria li{display:block; margin:0;}
nav.secundaria li:first-child .blue{display: block;}
nav.secundaria li + li{margin-top: 20px;}
nav.secundaria .blue{font-size: 16px; line-height: 20px; padding: 10px 0; transition: none; background-color: #FFFFFF; border: solid 1px #CD1719;}
nav.secundaria span.blue{display: none; visibility: hidden;}

nav.secundaria li:hover .reset-list{height: auto;}
nav.secundaria li:hover .blue{color: #14387F;}
nav.secundaria li .blue.hover{color: #A42523;}

nav.secundaria li .reset-list{padding-top: 0; position: relative; left: auto; text-align: center; overflow:auto; height: auto; transition: none;}
nav.secundaria li li + li{margin-top: 20px;}
nav.secundaria li li a{font-size: 16px; line-height: 20px; padding: 10px 0; transition: none; background: #FFFFFF; border: solid 1px #CD1719; transition: none; color: #14387F; text-transform: uppercase;}
nav.secundaria li li a:hover{background: #FFFFFF; color: #14387F;}
nav.secundaria li li a.hover{background: #FFFFFF; color: #A42523;}

nav.principal{height: 93px;}
nav.principal a{font-size: 14px;}
nav.principal a::after{transition: none;}
nav.principal a:hover::after{opacity: 0;}
nav.principal a.hover::after{opacity: 1;}
nav.principal .especialidades{width: 2em; height: 2em;}

nav.principal.hover .reset-list{margin-top: 298px;}
nav.principal.hover a{font-size: 14px;}

section.sobre .content{padding: 75px 0;}
section.sobre .column-3{width:65.2%; margin-top: 30px;}
section.sobre .column-3 p{margin: 30px 0 0 0; text-align: center; position: relative; bottom: auto; right: auto;}

.no-webp section.doencas, .no-js section.doencas{background-image:url("../img/small/bg-doencas-vasculares.jpg");}
.webp section.doencas{background-image:url("../img/small/bg-doencas-vasculares.webp");}
section.doencas .column-2{text-align: left; margin-top: 30px;}
section.doencas .column-2:first-child ul{column-width:200px; column-gap: 30px;}

section.atencao .column-4{margin-top: 30px; width:47.8%;}
section.atencao .column-4:nth-child(2n){margin-right: 0;}
section.atencao .bg-image{aspect-ratio: 4/3;}
.no-webp section.atencao .bg-image, .no-js section.atencao .bg-image{background-image:url("../img/small/img-diversao-zona-sul.jpg"); }
.webp section.atencao .bg-image{background-image:url("../img/small/img-diversao-zona-sul.webp");}    
section.atencao p:not(.chamada) + p {display: block;}
section.atencao iframe{aspect-ratio: 4/3;}

footer{padding:0 30px;}
footer .content{padding: 40px 0;}
footer .column-3:first-child{display: block; margin-bottom: 30px; width: 100%;}
footer .column-3:first-child .circle.bg-gradient-red + .circle.bg-gradient-red{margin-left: 10px;}
footer .column-3:nth-child(2){width:47.8%; float: none;}
footer .column-3:last-child{width:47.8%; float: none;}
footer .column-3:last-child a{padding-right: 29px;}

footer .dr-tiago-blaya{display: block; height: 105px; width: 200px; margin: 0 auto 30px auto; background-image: url("../img/svg/dr-tiago-blaya-cirurgia-vascular.svg"); background-position: center; background-repeat: no-repeat; background-size: contain;}
footer p{line-height: 1.2em;}
footer p strong{display: inline-block; margin-bottom: .5em;}

section.titulo{height: 140px;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/small/bg-titulo.jpg");}
.webp section.titulo{background-image:url("../img/small/bg-titulo.webp");}

section.principal .article + .column-3{margin: 30px auto 0 auto; width:47.8%;}

section.principal.contatos .column-3{width:100%;}
section.principal.contatos .column-3 .button{position: absolute; top: 0; right: 0;}

section.principal.convenios li{font-size: 16px; width:47.8%; margin-bottom: 30px;}
section.principal.convenios li:nth-child(3){margin-left: 0;}
section.principal.convenios li span{aspect-ratio:2/1;}

section.principal.dinamico li{font-size: 16px; width:47.8%;}
section.principal.dinamico li:nth-child(3n){margin-right:4.4%;}
section.principal.dinamico li:nth-child(2n), section.principal.atencao li:last-child{margin-right:0;}
section.principal.dinamico li .pict{margin-top: -16px;}

section.principal.diversao .article + .column-3{margin: 30px auto 0 auto; width:47.8%; display: block;}
.no-webp section.principal.diversao .article + .column-3, .no-js section.principal.diversao .article + .column-3{background-image:url("../img/small/img-diversao-museu-ibere-camargo.jpg"); }
.webp section.principal.diversao .article + .column-3{background-image:url("../img/small/img-diversao-museu-ibere-camargo.webp");}
.no-webp section.principal.diversao .unna.white.bg-image, .no-js section.principal.diversao .unna.white.bg-image{background-image:url("../img/small/img-diversao-por-do-sol-zona-sul.jpg"); }
.webp section.principal.diversao .unna.white.bg-image{background-image:url("../img/small/img-diversao-por-do-sol-zona-sul.webp");}

.no-webp section.principal.procedimentos .bg-image.varizes, .no-js section.principal.procedimentos .bg-image.varizes{background-image:url("../img/small/img-tratamentos-varizes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes{background-image:url("../img/small/img-tratamentos-varizes.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-sintomas, .no-js section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/small/img-tratamentos-varizes-sintomas.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/small/img-tratamentos-varizes-sintomas.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-gestantes, .no-js section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/small/img-tratamentos-varizes-gestantes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/small/img-tratamentos-varizes-gestantes.webp");}
.no-webp section.principal.procedimentos .bg-image.estetica-vascular, .no-js section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/small/img-tratamentos-estetica-vascular.jpg");}
.webp section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/small/img-tratamentos-estetica-vascular.webp");}
.no-webp section.principal.procedimentos .bg-image.doencas-arteriais, .no-js section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/small/img-tratamentos-daop.jpg");}
.webp section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/small/img-tratamentos-daop.webp");}
.no-webp section.principal.procedimentos .bg-image.avc, .no-js section.principal.procedimentos .bg-image.avc{background-image:url("../img/small/img-tratamentos-avc.jpg");}
.webp section.principal.procedimentos .bg-image.avc{background-image:url("../img/small/img-tratamentos-avc.webp");}
.no-webp section.principal.procedimentos .bg-image.pe-diabetico, .no-js section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/small/img-tratamentos-pe-diabetico.jpg"); background-size: contain;}
.webp section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/small/img-tratamentos-pe-diabetico.webp"); background-size: contain;}

section.principal.tratamentos li{display:inline-block; width:47.8%;}
section.principal.tratamentos li:nth-child(2n), section.principal.tratamentos li:last-child{margin-right:0;}
section.principal.tratamentos li:nth-last-child(-n+4){margin-bottom: 4.4%;}
section.principal.tratamentos li:nth-last-child(-n+2){margin-bottom: 0;}
section.principal.tratamentos a{font-size: 20px;}
section.principal.tratamentos a::after{display: none; transition: none;}
section.principal.tratamentos a:hover::after{display: none; opacity: 0;}
section.principal.tratamentos .especialidades + span{display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 2.7em; position: relative; z-index: 2;}

section.observacoes li{font-size: 16px; width: 100%;}
section.observacoes li + li{border-top: solid 1px #FFFFFF;}
section.observacoes li .padding{padding: 1em; display: block;}

section.observacoes li:first-child .tooltip .rpt + span {left:50%; margin-left:-5em;}
section.observacoes li:first-child .tooltip .rpt + span::before{left: 50%; margin-left: -.5em;}
section.observacoes li:nth-child(3) .tooltip .rpt + span {left:50%; margin-left:-5em; right: auto;}
section.observacoes li:nth-child(3) .tooltip .rpt + span::before{left: 50%; margin-left: -.5em; right: auto;}
    
.layer {padding: 140px 30px 30px 30px;}
.layer .article{padding: 30px;}
.layer .bg-gradient-red{top: -24px; right: 0; margin-right: -24px; padding: 0;}
.layer iframe{margin: 30px auto 0 auto;}

#contato input[type=text], #contato input[type=password] {font-size:16px; height:40px; line-height:38px; margin:20px 4.4% 0 0; padding:0 10px;}
#contato textarea{font-size:16px;}
#contato input[type=submit], #contato input[type=button] {height:40px;}

/*específicas*/
.no-webp .bg-image.dr-tiago, .no-js .bg-image.dr-tiago{background-image:url("../img/small/dr-tiago-blaya-martins.jpg");}
.webp .bg-image.dr-tiago{background-image:url("../img/small/dr-tiago-blaya-martins.webp");}

/*estruturais*/
section{padding:0 30px;}
.standard .content{padding: 60px 0;}
.content {max-width:650px;}
.article, .column-2 {width:100%; margin:0; display:block;}
.box{padding: 20px;}

/*constantes*/
.button.large .label{line-height:24px; padding:12px 1.5em;}
.button.medium .label{line-height:20px; padding:6px 1.5em;}
.button.small .label{line-height:16px; padding:4px 1.5em;}
.button.tiny .label{line-height:12px;}

.pict.large{width:48px; height:48px; line-height:48px;}
.pict.medium{width:32px; height:32px; line-height:32px;}
.pict.small{width:24px; height:24px; line-height:24px;}
.pict.tiny{width:16px; height:16px; line-height:16px;}

.tooltip .rpt + span {margin-left:-5em; width:10em;}

/*transições*/
.alpha{transition:none;}
.alpha: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;}
h1.unna{font-size: 26px;}
h2.unna{font-size: 24px;}
h3.unna{font-size: 22px;}
h4.unna{font-size: 20px;}
h5.unna{font-size: 18px;}
h6.unna{font-size: 16px;}
p{font-size:14px;}
.chamada{font-size:16px;}
ul:not(.reset-list) li{font-size:14px;}

/* identificadores */
#container {padding:83px 0 0 0;}

#banner{background-position: center right;}

#banner .banner-content.vida-leve{background-position: center right;}
.no-webp #banner .banner-content.vida-leve, .no-js #banner .banner-content.vida-leve{background-image:url("../img/tiny/bg-banner-vida-leve.jpg");}
.webp #banner .banner-content.vida-leve{background-image:url("../img/tiny/bg-banner-vida-leve.webp");}
#banner .vida-leve h1 span:first-child{top: 75%; left: 30px; width: auto; text-align: left;}
#banner .vida-leve h1 span:nth-child(2){top: 75%; margin-top: .9em; left: 30px; right: auto; width: auto;}
#banner .vida-leve h1 span:last-child{top: 75%; margin-top: .9em; left: 30px; right: auto; padding-left: 7.1em; width: auto;}

#banner .banner-content.bons-habitos{background-position: center right;}
.no-webp #banner .banner-content.bons-habitos, .no-js #banner .banner-content.bons-habitos{background-image:url("../img/tiny/bg-banner-bons-habitos.jpg");}
.webp #banner .banner-content.bons-habitos{background-image:url("../img/tiny/bg-banner-bons-habitos.webp");}
#banner .bons-habitos h2 span{left: 30px;}

#whatsapp{right:20px; bottom:20px;}

header, header.hover {padding:20px 15px;}
header::before{height: 82px;}
header .logo{width: 200px; height: 42px;}
header .circle.bg-gradient-red + .circle.bg-gradient-red{margin-left: 5px;}

header .panel-button{width: 42px; height: 42px; margin-left: 5px;}
    
header .panel-button span{height:2px; width:20px; left: 11px;}
header .panel-button span:first-child{top: 14px;}
header .panel-button span:nth-child(2){top: 20px;}
header .panel-button span:last-child{top: 26px;}

header.panel-button-active .panel-button span:first-child{top:20px;}
header.panel-button-active .panel-button span:last-child{top:20px;}

nav.secundaria .reset-list{padding-top: 84px;}
    
nav.secundaria li + li{margin-top: 15px;}
nav.secundaria .blue{font-size: 14px; padding: 8px 0;}

nav.secundaria li li + li{margin-top: 15px;}
nav.secundaria li li a{font-size: 14px; padding: 8px 0;}

nav.principal{display: block; height: 168px;}
nav.principal li{width: 25%;}
nav.principal li:nth-child(5){padding-left: 1px;}
nav.principal li:nth-last-child(-n+4){padding-top: 0;}
nav.principal a{padding: .4em .2em;}
nav.principal .especialidades{width: 2.2em; height: 2.2em;}

nav.principal.hover .reset-list{margin-top: 283px;}
nav.principal.hover a{font-size: 16px;}
nav.principal.hover .especialidades{margin: 0;}
nav.principal.hover .especialidades + span{display: none;}

section.sobre .content{padding: 50px 0;}
section.sobre .column-3{width:100%;}

.no-webp section.doencas, .no-js section.doencas{background-image:url("../img/tiny/bg-doencas-vasculares.jpg");}
.webp section.doencas{background-image:url("../img/tiny/bg-doencas-vasculares.webp");}
section.doencas .column-2{text-align: left; margin-top: 20px;}

section.atencao .column-4{margin-top: 20px; margin-right: 0; width:100%;}
.no-webp section.atencao .bg-image, .no-js section.atencao .bg-image{background-image:url("../img/tiny/img-diversao-zona-sul.jpg"); }
.webp section.atencao .bg-image{background-image:url("../img/tiny/img-diversao-zona-sul.webp");}    

footer .content{padding: 30px 0;}
footer .column-3:nth-child(2){width:100%; margin: 0; text-align: center; margin-bottom: 30px;}
footer .column-3:nth-child(2) .circle.bg-gradient-red{display: block; width: 24px; position: relative; margin: 0 auto .5em auto;}
footer .column-3:last-child{width:100%; margin: 0; text-align: center;}
footer .column-3:last-child a{padding-right: 0;}
footer .column-3:last-child a .circle.bg-gradient-red{display: block; width: 24px; position: relative; margin: 0 auto .5em auto;}

footer .dr-tiago-blaya{display: block; height: 105px; width: 200px; margin: 0 auto 30px auto; background-image: url("../img/svg/dr-tiago-blaya-cirurgia-vascular.svg"); background-position: center; background-repeat: no-repeat; background-size: contain;}
footer p{line-height: 1.2em;}
footer p strong{display: inline-block; margin-bottom: .5em;}
footer .dr-tiago-blaya{height: 92px; width: 175px;}

section.titulo{height: 110px;}
.no-webp section.titulo, .no-js section.titulo{background-image:url("../img/tiny/bg-titulo.jpg");}
.webp section.titulo{background-image:url("../img/tiny/bg-titulo.webp");}

section.principal .article + .column-3{width:100%;}

section.principal.contatos .column-3{width:100%; margin-bottom: 30px;}
section.principal.contatos .column-3 .chamada{text-align: center;}
    section.principal.contatos .column-3 .chamada .pict.red{display: block; margin: auto;}
section.principal.contatos .column-3 .button{position: relative; top: auto; right: auto;}
    
section.principal.convenios li{font-size: 16px; width:47.8%; margin-bottom: 30px;}
section.principal.convenios li:nth-child(3){margin-left: 0;}
section.principal.convenios li span{aspect-ratio:2/1;}

section.principal.dinamico li{font-size: 14px; width:100%; margin-right: 0;}
section.principal.dinamico li:nth-child(3n){margin-right:0;}
section.principal.dinamico li:nth-last-child(-n+3){margin-bottom: 4%;}
section.principal.dinamico li:last-child{margin-bottom: 0;}   

section.principal.diversao .article + .column-3{width:100%;}
.no-webp section.principal.diversao .article + .column-3, .no-js section.principal.diversao .article + .column-3{background-image:url("../img/tiny/img-diversao-museu-ibere-camargo.jpg"); }
.webp section.principal.diversao .article + .column-3{background-image:url("../img/tiny/img-diversao-museu-ibere-camargo.webp");}
.no-webp section.principal.diversao .unna.white.bg-image, .no-js section.principal.diversao .unna.white.bg-image{background-image:url("../img/tiny/img-diversao-por-do-sol-zona-sul.jpg"); }
.webp section.principal.diversao .unna.white.bg-image{background-image:url("../img/tiny/img-diversao-por-do-sol-zona-sul.webp");}

section.principal.procedimentos .column.bg-image{width:47.8%;}
section.principal.procedimentos .box .column.bg-image{width: 100%; margin: 0 0 30px 0; float: none;}

.no-webp section.principal.procedimentos .bg-image.varizes, .no-js section.principal.procedimentos .bg-image.varizes{background-image:url("../img/tiny/img-tratamentos-varizes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes{background-image:url("../img/tiny/img-tratamentos-varizes.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-sintomas, .no-js section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/tiny/img-tratamentos-varizes-sintomas.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-sintomas{background-image:url("../img/tiny/img-tratamentos-varizes-sintomas.webp");}
.no-webp section.principal.procedimentos .bg-image.varizes-gestantes, .no-js section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/tiny/img-tratamentos-varizes-gestantes.jpg");}
.webp section.principal.procedimentos .bg-image.varizes-gestantes{background-image:url("../img/tiny/img-tratamentos-varizes-gestantes.webp");}
.no-webp section.principal.procedimentos .bg-image.estetica-vascular, .no-js section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/tiny/img-tratamentos-estetica-vascular.jpg");}
.webp section.principal.procedimentos .bg-image.estetica-vascular{background-image:url("../img/tiny/img-tratamentos-estetica-vascular.webp");}
.no-webp section.principal.procedimentos .bg-image.doencas-arteriais, .no-js section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/tiny/img-tratamentos-daop.jpg");}
.webp section.principal.procedimentos .bg-image.doencas-arteriais{background-image:url("../img/tiny/img-tratamentos-daop.webp");}
.no-webp section.principal.procedimentos .bg-image.avc, .no-js section.principal.procedimentos .bg-image.avc{background-image:url("../img/tiny/img-tratamentos-avc.jpg");}
.webp section.principal.procedimentos .bg-image.avc{background-image:url("../img/tiny/img-tratamentos-avc.webp");}
.no-webp section.principal.procedimentos .bg-image.pe-diabetico, .no-js section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/tiny/img-tratamentos-pe-diabetico.jpg"); background-size: contain;}
.webp section.principal.procedimentos .bg-image.pe-diabetico{background-image:url("../img/tiny/img-tratamentos-pe-diabetico.webp"); background-size: contain;}

section.principal.tratamentos li{width:100%; margin-right: 0}
section.principal.tratamentos li:nth-last-child(-n+2){margin-bottom: 4.4%;}
section.principal.tratamentos li:last-child{margin-bottom: 0;}
section.principal.tratamentos a{font-size: 20px; aspect-ratio: 5/3;}

section.observacoes li{font-size: 14px;}
    
.layer {padding: 110px 30px 30px 30px;}
.layer .article{padding: 20px;}

#contato input[type=text], #contato input[type=password] {width:100%; font-size:14px; margin:20px 0 0 0;}
#contato textarea{font-size:14px;}
#contato input[type=submit], #contato input[type=button] {width:47.8%; margin:20px auto 0 auto; display:block;}

/*específicas*/
.no-webp .bg-image.dr-tiago, .no-js .bg-image.dr-tiago{background-image:url("../img/tiny/dr-tiago-blaya-martins.jpg");}
.webp .bg-image.dr-tiago{background-image:url("../img/tiny/dr-tiago-blaya-martins.webp");}

/*estruturais*/
.standard .content{padding: 40px 0;}
.content {max-width:400px;}
.column-3 {width:100%; margin:0; display:block;}

}