@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:1.2em; font-weight:500;}
* h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child{margin-top:0; padding-top:0;}
* h2:last-child, * h3:last-child, * h4:last-child, * h5:last-child, * h6:last-child{margin-bottom:0; padding-bottom:0;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:16px;}
p{font-size:20px; line-height:1.6em;}
* p:first-child{margin-top:0;}
* p:last-child{margin-bottom:0;}
ul:not(.reset-list) li, ol:not(.reset-list) li{font-size:20px; line-height:1.6em;}
ul:not(.reset-list) li + li, ol:not(.reset-list) li + li{margin-top: .7em;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/* identificadores */
#body {font-size:62.5%; margin:0; padding:0; width:100%; height:100%; font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100; font-weight: 300; color:#000000; min-width:360px;}
#container {margin:0; padding: 160px 0 730px 0; height:100%; min-height:100%; height:auto!important; position:relative; z-index: 1; overflow-x:hidden; min-width:360px; transition: padding-top 1s;}
#container.hover {padding: 120px 0 730px 0;}

header {position: fixed; top:0; right: 0; left: 0; z-index:100; padding:40px 60px; font-size:0; transition: padding 1s; border-top-style:solid; border-top-width:5px; border-image: linear-gradient(to right, #5699B2 0%,#6EB8DC 100%); border-image-slice:5; border-bottom-style:solid; border-bottom-width:1px; text-align: right;}
header.hover{padding:15px 60px;}
header .logo{width: 360px; height: 80px; background-image:url("../images/svg/dr-marcio-boff.svg"); background-repeat: no-repeat; background-position: left center; background-size: contain; display: block; float: left;}

header .ctt a{display: inline-block; vertical-align: middle; margin:10px 20px 0 0; position: relative; z-index: 20;}
header .ctt a.alpha.blue-bb{font-size: 16px;}

header .panel-button{display: inline-block; position: relative; vertical-align: middle; width: 60px; height: 60px; margin-top: 10px; z-index: 20;}
header .panel-button span{display:block; position:absolute; height:2px; width:24px; left: 18px; background-color:#FFFFFF;}
header .panel-button span:first-child{top: 21px;}
header .panel-button span:nth-child(2){top: 29px;}
header .panel-button span:last-child{top: 37px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:29px;}
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:29px;}
header.panel-button-active nav {width: 370px;}    

nav {width: 0; position:fixed; top:0; right:0; bottom:0; overflow: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; transition: width 1s;}
nav::before{content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #6EB8DC; opacity: .95; z-index: 0;}
nav .reset-list{display: block; width: 100%; position: relative; z-index: 10;}
nav .reset-list li{display:block; width:100%; text-align: left; padding: 0; border-top: solid 1px #FFFFFF;}
nav .reset-list li:last-child{border-bottom: solid 1px #FFFFFF;}
nav .reset-list li:first-child a{padding: 0 30px 0 20px;}
nav .reset-list li a{display:block; font-size: 18px; margin: 0; white-space: nowrap; line-height: 60px; padding: 0 30px; transition: background-color 1s;}
nav .reset-list li a:hover, nav .reset-list li a.hover{background-color: #5699B2;}

section.home {display: block; width: 100%; padding-bottom: 35%; min-height: 600px; min-width:360px; position: relative;}

section.home::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 0; mix-blend-mode:luminosity;}
.no-webp section.home::before, .no-js section.home::before{background-image:url("../images/large/banner-cirurgia-robotica.jpg");}
.webp section.home::before{background-image:url("../images/large/banner-cirurgia-robotica.webp");}

section.home::after{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 60%; background-position: center; background-repeat: no-repeat; background-size: auto 90%; z-index: 5; mix-blend-mode:multiply;}
.no-webp section.home::after, .no-js section.home::after{background-image:url("../images/large/banner-toumai.png");}
.webp section.home::after{background-image:url("../images/large/banner-toumai.webp");}

section.home .flex{display: flex; align-items: center; align-content: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 3.8%; z-index: 10;}
section.home .content{z-index: 10;}
section.home .grifado{font-size: 42px; margin-top: 0;}
section.home p{font-size: 24px; font-weight: 600;}

section.apresentacao .article{max-width: 750px;}

section.secundaria .content{padding: 60px 0;}
section.secundaria p{font-size: 24px; line-height: 1.3em; font-weight: 400;}

section.beneficios-para-o-paciente .article{max-width: 750px;}
section.beneficios-para-o-paciente .lista-destaques li .caracteristicas {margin-bottom: 15px;}

section.indicacoes-oncologicas{z-index: 10;}
section.indicacoes-oncologicas::before{content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to right, #011464 0%, #6EB8DC 100%); mix-blend-mode:multiply;}
.no-webp section.indicacoes-oncologicas, .no-js section.indicacoes-oncologicas{background-image:url("../images/large/bg-indicacoes.jpg");}
.webp section.indicacoes-oncologicas{background-image:url("../images/large/bg-indicacoes.webp");}
section.indicacoes-oncologicas::after{content: ""; position: absolute; top: -2px; right: 0; bottom: -2px; left: 0; border-top: solid 1px #5699B2; border-bottom: solid 1px #5699B2;}
section.indicacoes-oncologicas li strong{font-size: 1.2em;}

section.diferenciais .article{vertical-align: middle;}
section.diferenciais .bg-image{aspect-ratio: 5/7; vertical-align: middle;}
.no-webp section.diferenciais .bg-image, .no-js section.diferenciais .bg-image{background-image:url("../images/large/dr-marcio-boff.png");}
.webp section.diferenciais .bg-image{background-image:url("../images/large/dr-marcio-boff.webp");}
section.diferenciais .roboto-serif.blue{position: relative;}
section.diferenciais .roboto-serif.blue .roboto.blue-bb{display: block; font-size: .7em; line-height: 1.3em;}
section.diferenciais .button{position: absolute; right: 0; bottom: 0;}

section.consulta-em-24-horas{padding: 0 3.8%; border-top: solid 1px #6EB8DC; border-bottom: solid 1px #6EB8DC;}
section.consulta-em-24-horas .content{padding: 200px 0;}
section.consulta-em-24-horas .bg-image-tr{position: absolute; top: 0; right: 50%; left: 0; padding: 0 120px 0 3.8%; background: url("../images/svg/diagonal-tr.svg") center right, linear-gradient(to left,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 118px,rgba(110,184,220,1) 118px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 100px; display: flex; align-items: center; align-content: flex-start;}
section.consulta-em-24-horas .bg-image-bl{position: absolute; right: 0; bottom: 0; left: 50%; padding: 0 3.8% 0 120px; background: url("../images/svg/diagonal-bl.svg") center left, linear-gradient(to right,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 118px,rgba(110,184,220,1) 118px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 100px; display: flex; justify-content: flex-end; align-items: center; align-content: flex-end;}

section.perguntas-frequentes .grifado.text-center::after{margin: .3em auto 60px auto;}
section.perguntas-frequentes li{font-size: 20px; width:25%; display: inline-block; vertical-align: middle; aspect-ratio:10/7; background-image: url("../images/svg/forma.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; position: relative; cursor: pointer;}
section.perguntas-frequentes li span{position: absolute; top: 12%; right: 12%; bottom: 12%; left: 12%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; pointer-events: none;}
section.perguntas-frequentes li span:first-child{z-index: 1; font-size: 1.1em;}
section.perguntas-frequentes li span:first-child::before{content: "?"; font-family: "Roboto Serif", serif; font-optical-sizing: auto; font-style: italic; font-weight: bold; display: block; position: absolute; font-size: 7em; opacity: .15;}
section.perguntas-frequentes li span:last-child{z-index: 10; border-radius: 40px 0; background-color: #6EB8DC; opacity: 0; transition: opacity 1s;}
section.perguntas-frequentes li:hover span:last-child{opacity: 1;}

footer{position: absolute; right: 0; bottom: 0; left: 0; padding:0 3.8%; z-index: 90; height: 730px;}
footer .content{padding: 120px 0 0 0;}
footer .column-3.text-center .logo{width: 100%; height: 80px; background-image:url("../images/svg/dr-marcio-boff-cirurgia-oncologica.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; margin: 0 0 190px 0;}
footer .column-3.text-center .alpha{display: inline-block;}
footer .column-3.text-center .alpha + .alpha{margin-left:15px;;}
footer .column-3.text-center .roboto-serif{line-height: 1em; margin-top: 190px;}
footer .column-3.text-center .roboto-serif span{font-size: .6em;}
footer h5{margin-top: 0!important;}
footer p{line-height: 1.1em; margin: 0;}
footer p + p{margin-top: .5em;}
footer p .pict + span{display: inline-block; vertical-align: middle;}
footer p .pict + span .blue-bb{display: block; font-size: .7em;}
footer p .pict:not(.local) + span{line-height: 1.2em;}
footer .bg-image-br{position: absolute; bottom: 0; right: 34.6%; left: 0; padding: 0 100px 0 3.8%; background: url("../images/svg/diagonal-br.svg") center right, linear-gradient(to left,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 118px,rgba(110,184,220,1) 118px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 100px; display: flex; align-items: center; align-content: flex-start;}
footer .bg-image-br p{width: 100%; font-size: 14px;}
footer .bg-image-br p a + a{margin-left: 10%;}

/*cookie consent*
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:800px; border:solid 1px #A8CF46;}
.termsfeed-com---nb .cc-nb-title {color: #4A4A4A; font-family: 'Montserrat', sans-serif; font-size:32px;}
.termsfeed-com---nb .cc-nb-text{color: #4A4A4A;}
.cc-nb-main-container{background-color:#EDEDED; font-family: 'Montserrat', sans-serif; font-size:18px;}
.cc-nb-okagree{background-color:#A8CF46!important; color:#FFFFFF!important;}
.cc-nb-reject{background-color:#C41F21; color:#FFFFFF!important;}
.cc-nb-changep{background-color:#00AFF0!important; color:#FFFFFF!important;}

/*estruturais*/
section{padding:0 3.8%; position: relative;}
.standard .content{padding: 120px 0;}
.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.article {width:65.4%; margin:auto; position:relative; display:inline-block; vertical-align:top;}
.column-2 {width:48.1%; margin:0 3.8% 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.8%; margin:0 3.8% 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:22.15%; margin:0 3.8% 0 0; position:relative; display:inline-block; vertical-align:top;}
.column-4:nth-child(4n), .column-4:last-child{margin-right:0;}
.ancora{position: absolute; top:-115px; width: 10px; height: 10px; z-index: -10;}
.box{padding: 30px;}

/*específicas*/
.lista-destaques li{font-size: 20px; width:30.8%; margin:60px 3.8% 0 0; display: inline-block; vertical-align: top;}
.lista-destaques li:nth-child(3n), section.beneficios-para-o-paciente li:last-child{margin-right: 0;}
.lista-destaques li .caracteristicas{display: block; margin: 0 auto; width: 180px; padding-bottom: 180px; position: relative;}
.lista-destaques li .caracteristicas::before{content: ""; position: absolute; top: -3px; right: -3px; left: -3px; bottom: -3px; z-index: 0; border: solid 1px #5699B2; border-radius: 50%;}
.lista-destaques li .pict{display: block; margin: -50px auto 15px auto; position: relative; z-index: 10; border: solid 2px #FFFFFF;}
.lista-destaques li .pict::before{content: ""; position: absolute; top: -3px; right: -3px; left: -3px; bottom: -3px; z-index: 0; border: solid 1px #5699B2; border-radius: 50%;}
.lista-destaques li .grifado{font-size: 1.2em;}
.lista-destaques li .grifado.text-center::after{margin: .3em auto .5em auto;}
.lista-destaques li .roboto-serif.blue-b{display: block; font-size: .9em; margin-bottom: .4em; font-weight: 400;}

.grifado{margin-bottom: 0;}
.grifado:not(:first-child){margin-top: 2.5em;}
.grifado::after{content: ""; display: block; margin: .3em 0 1.5em 0; width: 4em; height: .2em; border-radius:0 0.15em; transform: skewX(30deg); background: linear-gradient(to right,  #5699B2 0%,#6EB8DC 100%);}
.grifado:last-child::after{margin: .3em 0 0 0;}
.grifado.text-center::after{margin: .3em auto 1.5em auto;}
.grifado.text-center:last-child::after{margin: .5em auto 0 auto;}

/*fontes*/
.roboto {font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100;}
.roboto-condensed {font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-style: normal;}
.roboto-serif {font-family: "Roboto Serif", serif; font-optical-sizing: auto; font-style: normal; font-variation-settings: "wdth" 100, "GRAD" 0;}

/*cores*/
.white{color:#FFFFFF;}
.black{color:#000000;}
.blue{color:#011464;}
.blue-b{color:#5699B2;}
.blue-bb{color:#6EB8DC;}
.blue-bbb{color:#D5E5EC;}
.blue-bbbb{color:#EEF5F7;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-blue{background-color:#011464;}
.bg-blue-b{background-color:#5699B2;}
.bg-blue-bb{background-color:#6EB8DC;}
.bg-blue-bbb{background-color:#D5E5EC;}
.bg-blue-bbbb{background-color:#EEF5F7;}
.bg-gradient-blue-b{background: linear-gradient(to right, #5699B2 0%,#6EB8DC 100%);}
.bg-image{background-size: cover; background-repeat: no-repeat; background-position: center;}

/*estáveis*/
.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-count: 2; column-gap: 3.8%;}
.two-column li{line-height: 1.2em!important;}

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

.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1em; line-height:24px; padding:28px 1.5em;}
.button.medium .label{font-size:.9em; line-height:20px; padding:20px 1.5em;}
.button.small .label{font-size:.8em; line-height:16px; padding:12px 1.5em;}
.button.tiny .label{font-size:.7em; line-height:12px; padding:9px 1.5em;}
.button .pict + .label{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(../images/svg/pictogramas.svg); position: relative;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25;}
.pict.block{display: block; margin: 0 auto;}

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

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

.pict.white.whats{background-position:0% 0%;}
.pict.white.fone{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.home{background-position:30% 0%;}
.pict.white.local{background-position:40% 0%;}
.pict.white.agenda{background-position:50% 0%;}
.pict.white.agenda-24{background-position:60% 0%;}
.pict.white.linkedin{background-position:70% 0%;}
.pict.white.youtube{background-position:80% 0%;}
.pict.white.facebook{background-position:90% 0%;}
.pict.white.instagram{background-position:100% 0%;}
.pict.white.cronometro{background-position:0% 12.5%;}
.pict.white.link{background-position:10% 12.5%;}
.pict.white.telecirurgia{background-position:20% 12.5%;}
.pict.white.telepreceptoria{background-position:30% 12.5%;}
.pict.white.integracao{background-position:40% 12.5%;}
.pict.white.mais{background-position:0% 25%;}
.pict.white.menos{background-position:10% 25%;}
.pict.white.fechar{background-position:20% 25%;}
.pict.white.anterior{background-position:30% 25%;}
.pict.white.seguinte{background-position:40% 25%;}
.pict.white.base{background-position:50% 25%;}
.pict.white.topo{background-position:60% 25%;}

.pict.blue-b.whats{background-position:0% 37.5%;}
.pict.blue-b.fone{background-position:10% 37.5%;}
.pict.blue-b.email{background-position:20% 37.5%;}
.pict.blue-b.home{background-position:30% 37.5%;}
.pict.blue-b.local{background-position:40% 37.5%;}
.pict.blue-b.agenda{background-position:50% 37.5%;}
.pict.blue-b.agenda-24{background-position:60% 37.5%;}
.pict.blue-b.linkedin{background-position:70% 37.5%;}
.pict.blue-b.youtube{background-position:80% 37.5%;}
.pict.blue-b.facebook{background-position:90% 37.5%;}
.pict.blue-b.instagram{background-position:100% 37.5%;}
.pict.blue-b.cronometro{background-position:0% 50%;}
.pict.blue-b.link{background-position:10% 50%;}
.pict.blue-b.telecirurgia{background-position:20% 50%;}
.pict.blue-b.telepreceptoria{background-position:30% 50%;}
.pict.blue-b.integracao{background-position:40% 50%;}
.pict.blue-b.mais{background-position:0% 62.5%;}
.pict.blue-b.menos{background-position:10% 62.5%;}
.pict.blue-b.fechar{background-position:20% 62.5%;}
.pict.blue-b.anterior{background-position:30% 62.5%;}
.pict.blue-b.seguinte{background-position:40% 62.5%;}
.pict.blue-b.base{background-position:50% 62.5%;}
.pict.blue-b.topo{background-position:60% 62.5%;}

.pict.blue.whats{background-position:0% 75%;}
.pict.blue.fone{background-position:10% 75%;}
.pict.blue.email{background-position:20% 75%;}
.pict.blue.home{background-position:30% 75%;}
.pict.blue.local{background-position:40% 75%;}
.pict.blue.agenda{background-position:50% 75%;}
.pict.blue.agenda-24{background-position:60% 75%;}
.pict.blue.linkedin{background-position:70% 75%;}
.pict.blue.youtube{background-position:80% 75%;}
.pict.blue.facebook{background-position:90% 75%;}
.pict.blue.instagram{background-position:100% 75%;}
.pict.blue.cronometro{background-position:0% 87.5%;}
.pict.blue.link{background-position:10% 87.5%;}
.pict.blue.telecirurgia{background-position:20% 87.5%;}
.pict.blue.telepreceptoria{background-position:30% 87.5%;}
.pict.blue.integracao{background-position:40% 87.5%;}
.pict.blue.mais{background-position:0% 100%;}
.pict.blue.menos{background-position:10% 100%;}
.pict.blue.fechar{background-position:20% 100%;}
.pict.blue.anterior{background-position:30% 100%;}
.pict.blue.seguinte{background-position:40% 100%;}
.pict.blue.base{background-position:50% 100%;}
.pict.blue.topo{background-position:60% 100%;}

.caracteristicas{display:inline-block; background-repeat:no-repeat; background-size:300% auto; margin: 0 auto; background-image:url("../images/svg/caracteristicas.svg"); position: relative;}

.caracteristicas.toumai{background-position: 0% 0%;}
.caracteristicas.recuperacao{background-position: 50% 0%;}
.caracteristicas.menor-risco{background-position: 100% 0%;}
.caracteristicas.menos-dor{background-position: 0% 100%;}
.caracteristicas.menos-sangue{background-position: 50% 100%;}
.caracteristicas.menos-cicatrizes{background-position: 100% 100%;}

/*variáveis*/
.alpha{transition:opacity 1s;}
.alpha:hover{opacity:.5;}

/*form*/
#filtro {visibility:hidden;display:none;position:absolute;}
#agendamento{display:block; position:relative;}
#agendamento input[type=text] {font-size:18px; margin:0 0 20px 0; width:100%; font-weight:400; font-optical-sizing: auto; font-style: normal; display:block; background-color: #EEF5F7; border:solid 1px #6EB8DC; padding:0 10px; line-height:40px;}
#agendamento textarea {font-size:18px; margin:0 0 20px 0; width:100%; font-weight:400; font-optical-sizing: auto; font-style: normal; display:block; background-color: #EEF5F7; border:solid 1px #6EB8DC; padding:10px; line-height:25px;}
#agendamento input[type=submit] {font-size:14px; font-weight:400; padding:0; cursor:pointer; appearance:none; border:none; height:40px; width:50%; display:block; margin: 0;}
#agendamento span{font-size: 14px; position: absolute; bottom: 0; right: 0; left: 50%; text-align: right;}

@media screen and (max-width:1400px) {
h2{font-size:30px;}
h3{font-size:26px;}
h4{font-size:22px;}
h5{font-size:18px;}
h6{font-size:14px;}
p{font-size:18px;}
ul:not(.reset-list) li, ol:not(.reset-list) li{font-size:18px;}

/* identificadores */
#container {padding: 125px 0 680px 0;}
#container.hover {padding: 100px 0 680px 0;}

header {padding:25px 40px;}
header.hover{padding:10px 40px;}
header .logo{width: 320px; height: 70px;}

header .ctt a{margin:5px 20px 0 0;}
header .ctt a.alpha.blue-bb{font-size: 14px;}

header .panel-button{margin-top: 5px;}
header.panel-button-active nav {width: 305px;}    

nav .reset-list li a{font-size: 16px;}

section.home {padding-bottom: 42.5%; min-height: 500px;}

.no-webp section.home::before, .no-js section.home::before{background-image:url("../images/medium/banner-cirurgia-robotica.jpg");}
.webp section.home::before{background-image:url("../images/medium/banner-cirurgia-robotica.webp");}

.no-webp section.home::after, .no-js section.home::after{background-image:url("../images/medium/banner-toumai.png");}
.webp section.home::after{background-image:url("../images/medium/banner-toumai.webp");}

section.home .grifado{font-size: 36px;}
section.home p{font-size: 20px;}

section.secundaria .content{padding: 50px 0;}
section.secundaria p{font-size: 22px;}

.no-webp section.indicacoes-oncologicas, .no-js section.indicacoes-oncologicas{background-image:url("../images/medium/bg-indicacoes.jpg");}
.webp section.indicacoes-oncologicas{background-image:url("../images/medium/bg-indicacoes.webp");}

section.diferenciais .article{vertical-align: top;}
section.diferenciais .bg-image{vertical-align: top;}
.no-webp section.diferenciais .bg-image, .no-js section.diferenciais .bg-image{background-image:url("../images/medium/dr-marcio-boff.png");}
.webp section.diferenciais .bg-image{background-image:url("../images/medium/dr-marcio-boff.webp");}

section.consulta-em-24-horas .content{padding: 180px 0;}
section.consulta-em-24-horas .bg-image-tr{right: 34.6%;}
section.consulta-em-24-horas .bg-image-bl{left: 34.6%;}

section.perguntas-frequentes .grifado.text-center::after{margin: .3em auto 50px auto;}
section.perguntas-frequentes li{font-size: 16px;}

footer{height: 680px;}
footer .content{padding: 100px 0 0 0;}
footer .column-3.text-center .logo{height: 70px; margin: 0 0 190px 0;}
footer .column-3.text-center .alpha + .alpha{margin-left:10px;}
footer .column-3.text-center .roboto-serif{margin-top: 190px;}
footer p + p{margin-top: 1em;}
footer .bg-image-br p{font-size: 12px;}
footer .bg-image-br p a + a{margin-left: 5%;}

/*estruturais*/
.standard .content{padding: 100px 0;}
.ancora{top:-100px;}
.box{padding: 25px;}

/*específicas*/
.lista-destaques li{font-size: 18px; margin:50px 3.8% 0 0;}
.lista-destaques li .caracteristicas{width: 160px; padding-bottom: 160px;}
.lista-destaques li .pict{margin: -40px auto 15px auto;}

/*estáveis*/
.button .label{display:inline-block; vertical-align:middle; text-align:center;}
.button.large .label{font-size:1em; line-height:20px; padding:20px 1.5em;}
.button.medium .label{font-size:.9em; line-height:16px; padding:12px 1.5em;}
.button.small .label{font-size:.8em; line-height:14px; padding:8px 1.5em;}
.button.tiny .label{font-size:.7em; line-height:12px; padding:4px 1.5em;}

.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;}

/*form*/
#agendamento input[type=text] {font-size:16px; margin:0 0 15px 0;}
#agendamento textarea {font-size:16px; margin:0 0 15px 0;}
#agendamento input[type=submit] {font-size:12px;}
#agendamento span{font-size: 12px;}
}

@media screen and (max-width:1000px) {
h2{font-size:28px;}
h3{font-size:24px;}
h4{font-size:20px;}
h5{font-size:16px;}
p{font-size:16px;}
ul:not(.reset-list) li, ol:not(.reset-list) li{font-size:16px;}

/* identificadores */
#container {padding: 95px 0 850px 0;}
#container.hover {padding: 75px 0 850px 0;}

header {padding:20px 25px;}
header.hover{padding:10px 25px;}
header .logo{width: 225px; height: 50px;}

header .ctt a{margin:0 10px 0 0;}
header .ctt a.alpha.blue-bb{font-size: 0;}

header .panel-button{width: 50px; height: 50px; margin-top: 0;}
header .panel-button span{width:24px; left: 13px;}
header .panel-button span:first-child{top: 16px;}
header .panel-button span:nth-child(2){top: 24px;}
header .panel-button span:last-child{top: 32px;}

header.panel-button-active .panel-button span:first-child{transform:rotate(-45deg); top:24px;}
header.panel-button-active .panel-button span:last-child{transform:rotate(45deg); top:24px;}
header.panel-button-active nav {width: 330px;}    

nav .reset-list li a{line-height: 50px;}

section.home {padding-bottom: 50%; min-height: 400px; text-align: center;}

.no-webp section.home::before, .no-js section.home::before{background-image:url("../images/small/banner-cirurgia-robotica.jpg");}
.webp section.home::before{background-image:url("../images/small/banner-cirurgia-robotica.webp");}

.no-webp section.home::after, .no-js section.home::after{background-image:url("../images/small/banner-toumai.png");}
.webp section.home::after{background-image:url("../images/small/banner-toumai.webp");}

section.home .flex{padding: 0 25px;}
section.home .grifado{font-size: 32px;}
section.home .grifado::after{margin: .3em auto 1.5em auto;}
section.home p{font-size: 16px;}

section.secundaria .content{padding: 40px 0;}
section.secundaria p{font-size: 20px;}
section.secundaria p br{display: none;}

.no-webp section.indicacoes-oncologicas, .no-js section.indicacoes-oncologicas{background-image:url("../images/small/bg-indicacoes.jpg");}
.webp section.indicacoes-oncologicas{background-image:url("../images/small/bg-indicacoes.webp");}

section.diferenciais .bg-image{display: block; min-width: 250px; margin: 0 auto 40px auto;}
.no-webp section.diferenciais .bg-image, .no-js section.diferenciais .bg-image{background-image:url("../images/small/dr-marcio-boff.png");}
.webp section.diferenciais .bg-image{background-image:url("../images/small/dr-marcio-boff.webp");}

section.consulta-em-24-horas{padding: 0 25px;}
section.consulta-em-24-horas .content{padding: 120px 0;}
section.consulta-em-24-horas .bg-image-tr{right: 20%; padding: 0 50px 0 25px; background: url("../images/svg/diagonal-tr.svg") center right, linear-gradient(to left,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 70px,rgba(110,184,220,1) 70px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 60px;}
section.consulta-em-24-horas .bg-image-bl{left: 20%; padding: 0 25px 0 50px; background: url("../images/svg/diagonal-bl.svg") center left, linear-gradient(to right,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 70px,rgba(110,184,220,1) 70px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 60px;}

section.perguntas-frequentes .grifado.text-center::after{margin: .3em auto 40px auto;}
section.perguntas-frequentes li{width:50%;}

footer{padding:0 25px; height: 850px;}
footer .content{padding: 80px 0 0 0;}
footer .column-3.text-center{width: 100%; margin: 40px 0 0 0;}
footer .column-3.text-center .logo{width: 100%; height: 50px; margin: 0 auto 40px auto;}
footer .column-3.text-center .roboto-serif{margin-top: 40px;}
footer .column-3:not(.text-center){width:48.1%;}
footer .bg-image-br{right: 0; padding: 0 50px 0 25px; background: url("../images/svg/diagonal-br.svg") center right, linear-gradient(to left,  rgba(110,184,220,0) 0%,rgba(110,184,220,0) 70px,rgba(110,184,220,1) 70px,rgba(86,153,178,1) 100%); background-size: contain; background-repeat: no-repeat; height: 60px; display: flex; align-items: center; align-content: flex-start;}
footer .bg-image-br p{text-align: center;}

/*estruturais*/
section{padding:0 25px;}
.standard .content{padding: 80px 0;}
.content {max-width:600px;}
.article, .column-2 {width:100%; margin:0; position:relative; display:block;}
.ancora{top:-95px;}
.box{padding: 20px;}

/*específicas*/
.lista-destaques li{font-size: 16px; width:100%; margin:40px 0 0 0; display: block;}
.lista-destaques li .caracteristicas{width: 140px; padding-bottom: 140px;}
.lista-destaques li .pict{margin: -30px auto 15px auto;}

/*estáveis*/
.two-column{column-count: 1; column-gap: 0;}

/*variáveis*/
.alpha{transition:none;}
.alpha:hover{opacity:1;}

}

@media screen and (max-width:600px) {
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
p{font-size:14px;}
ul:not(.reset-list) li, ol:not(.reset-list) li{font-size:14px;}
ul:not(.reset-list), ol:not(.reset-list){padding-left: 20px;}

/* identificadores */
#container, #container.hover {padding: 115px 0 1140px 0;}

header, header.hover {padding:15px 25px 45px 25px; border-bottom-color: #FFFFFF;}

header .ctt{display: flex; justify-content: space-around; position: absolute; right: 0; bottom: 1px; left: 0; text-align: center; background: linear-gradient(to right, #5699B2 0%,#6EB8DC 100%);}
header .ctt a{margin:0;}

header.panel-button-active nav {width: 100%;}

nav {top:115px;}

section.home{padding-bottom: 57.5%;}

.no-webp section.home::before, .no-js section.home::before{background-image:url("../images/tiny/banner-cirurgia-robotica.jpg");}
.webp section.home::before{background-image:url("../images/tiny/banner-cirurgia-robotica.webp");}

.no-webp section.home::after, .no-js section.home::after{background-image:url("../images/tiny/banner-toumai.png");}
.webp section.home::after{background-image:url("../images/tiny/banner-toumai.webp");}

section.home .grifado{font-size: 24px}
section.home p{font-size: 14px;}

section.secundaria .content{padding: 30px 0;}
section.secundaria p{font-size: 16px;}

.no-webp section.indicacoes-oncologicas, .no-js section.indicacoes-oncologicas{background-image:url("../images/tiny/bg-indicacoes.jpg");}
.webp section.indicacoes-oncologicas{background-image:url("../images/tiny/bg-indicacoes.webp");}

section.indicacoes-oncologicas .grifado{text-align: center;}
section.indicacoes-oncologicas .grifado::after{margin: .3em auto 1.5em auto;}

section.diferenciais .bg-image{min-width: 200px; width: 200px; margin: 0 auto 30px auto;}
.no-webp section.diferenciais .bg-image, .no-js section.diferenciais .bg-image{background-image:url("../images/tiny/dr-marcio-boff.png");}
.webp section.diferenciais .bg-image{background-image:url("../images/tiny/dr-marcio-boff.webp");}
section.diferenciais .button{position: relative; right: auto; bottom: auto; display: block; max-width: 140px; margin: 30px auto 0 auto}

section.consulta-em-24-horas .content{padding: 100px 0;}
section.consulta-em-24-horas .bg-image-tr{right: 0; padding: 0 25px;}
section.consulta-em-24-horas .bg-image-bl{left: 0; padding: 0 25px;}
section.consulta-em-24-horas h4 span{font-size: .8em;}

section.perguntas-frequentes .grifado.text-center::after{margin: .3em auto 30px auto;}
section.perguntas-frequentes li{width:100%; max-width: 300px;}

footer{height: 1140px;}
footer .content{padding: 60px 0 0 0;}
footer .column-3.text-center{margin:0;}
footer .column-3.text-center .logo{margin: 0 auto 30px auto;}
footer .column-3.text-center .roboto-serif{margin-top: 30px;}
footer .column-3:not(.text-center){width:100%; margin: 0 0 30px 0;}
footer .column-3:nth-child(2){min-height: 400px;}
footer .grifado{text-align: center;}
footer .grifado::after{margin: .3em auto 1.5em auto;}

footer .bg-image-br{padding: 0 25px;}
footer .bg-image-br p{font-size: 10px;}
footer .bg-image-br p a span{display: inline-block; line-height: 1em; vertical-align: middle; max-width: 6em; text-align: left;}
footer .bg-image-br p a + a{margin-left: 15px;}

/*estruturais*/
.standard .content{padding: 60px 0;}
.content {max-width:400px;}
.column-3 {width:100%;}
.ancora{top:-115px;}
.box{padding: 15px;}

/*específicas*/
.lista-destaques li{font-size: 14px; margin:30px 0 0 0;}
.lista-destaques li .caracteristicas{width: 120px; padding-bottom: 120px;}

/*form*/
#agendamento{max-width: 300px; margin: auto;}
#agendamento input[type=text] {font-size:14px; margin:0 0 10px 0; line-height:36px;}
#agendamento textarea {font-size:14px; margin:0 0 10px 0; line-height:20px;}
#agendamento input[type=submit] {font-size:10px; height:36px; display:block; margin: 0 auto;}
#agendamento span{position: relative; bottom: auto; right: auto; left: auto; text-align: center; width: 100%; display: block; margin-top: 20px;}
}