@charset "UTF-8";
/*base*/
html{height:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth;}
*, *::before, *::after {box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{line-height:1em; font-weight:700;}
* h1:first-child, * h2:first-child, * h3:first-child, * h4:first-child, * h5:first-child, * h6:first-child, * p: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, * p:last-child{margin-bottom:0; padding-bottom:0;}
h1{font-size:56px;}
h2{font-size:36px;}
h2 span{font-size: .65em; font-weight: 400; line-height: 1em;}
h3{font-size:36px;}
h3 span{font-size: .65em; font-weight: 400; line-height: 1em;}
h4{font-size:36px;}
h4 span{font-size: .65em; font-weight: 400; line-height: 1em;}
h5{font-size:32px;}
h5 span{font-size: .65em; font-weight: 400; line-height: .5em;}
p{font-size:20px; line-height:1.5em;}
ul li {font-size:20px; line-height:1.2em;}
.chamada{font-size:24px;}
.legenda{font-size:14px;}
a{text-decoration:none; cursor:pointer;}
a img{border:none; max-width:100%;}
img{border:none; height:auto; display:block; margin:auto;}
strong{font-weight:600;}

/* id */
#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: "Open Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color:#000; min-width:360px;}
#container {margin:0; padding:147px 0 1220px 0; height:100%; min-height:100%; height:auto !important; position:relative; overflow-x:hidden; min-width:360px; background-color: #fff;}
#container.hover {padding:117px 0 1220px 0;}

/*cookie consent*/
#termsfeed-com---nb{display:block; margin:5% auto 0 auto; max-width:700px; border:solid 1px #80ba27; border-radius: .5em;}
#termsfeed-com---nb .cc-nb-main-container{padding-top: 2em;}
#termsfeed-com---nb .cc-nb-title {color: #80ba27; font-size: 30px; margin-top: 0;}
#termsfeed-com---nb .cc-nb-okagree{background-color:#80ba27; color:#fff;}
#termsfeed-com---nb .cc-nb-changep{background-color:#004665; color:#fff;}
#termsfeed-com---nb *:focus{outline: 3px solid #c7dd9b;}

#whatsapp{position:fixed; right:3.2%; bottom:40px; display:block; z-index:1000; transition: bottom 1s; border: solid 2px #FFFFFF; width: 100px; aspect-ratio: 1/1;}
#whatsapp svg{width: 100%; height: auto; display: block;}

header {padding:25px 3.2%; position:fixed; z-index:40; left:0; top:0; font-size:0; width:100%; background-color: rgba(255,255,255,0.9); min-width:360px; text-align: right; border-bottom: solid 1px #80ba27; transition: padding 1s;}
header.hover{padding:10px 3.2%;}
header .logo{display: block; float: left; width: 408px; aspect-ratio: 4.25; background-image: url("../images/svg/dr-mauricio-jacques-ramos-cirurgia-do-aparelho-digestivo.svg"); background-position: center; background-size: contain; background-repeat: no-repeat;}
header .social{display: inline-block; vertical-align: middle; margin-right: 10px; position: relative; z-index: 20;}

header .panel-button{display: inline-block; vertical-align: middle; width: 60px; height: 96px; z-index: 20; position: relative; cursor: pointer; margin: 0 0 0 20px;}
header .panel-button span{display:block; position:absolute; height:8px; top: 44px; width:60px; left: 0; background-color:#80ba27; border-radius: 50vh;}
header .panel-button span::before{content: ""; display: block; position: absolute; height: 8px; width: 60px; left: 0; background-color: #80ba27; top: 20px;  border-radius: 50vh;}
header .panel-button span::after{content: ""; display: block; position: absolute; height: 8px; width: 60px; left: 0; background-color: #80ba27; bottom: 20px;  border-radius: 50vh;}

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

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

nav{position: fixed; overflow: hidden; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; top: 0; right: -400px; bottom: 0; left: auto; width: 400px; text-align: left; transition: right 1s;}

nav .reset-list:first-child{display:block; width: 100%;}
nav li{display:block; width: 100%; border-bottom: solid 1px #fff;}
nav li:first-child{border-top: solid 1px #fff;}
nav li a{display:block; position:relative; line-height:1.1em; padding:20px 50px; cursor:pointer; color: #fff;}
nav li a.hover{background-color: #80ba27;}

section.banner {display: block; width: 100%; height: 70vh; min-height: 650px; min-width:360px; z-index: 5; position: relative; background: linear-gradient(to bottom,  #6fa2bf 0%,#007a9f 100%); border-bottom: solid 1px #fff;}
section.banner::after{content: ""; display: block; position: absolute; top: 30px; right: 0; bottom: 0; left: 50%; background-position: center bottom; background-repeat: no-repeat; background-size: contain; background-image:url("../images/large/mauricio-jacques-ramos.avif"); background-image: image-set(url("../images/large/mauricio-jacques-ramos.avif") type("image/avif"), url("../images/large/mauricio-jacques-ramos.jpg") type("image/jpeg"));}
section.banner .content{height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; z-index: 10;}
section.banner h1{margin: 0;}
section.banner h1 span{font-size: .42em; font-weight: 400; line-height: 1em;}
section.banner h1 + p{margin: 3em 0;}
section.banner p:last-child{margin:0; white-space: nowrap;}
section.banner .button{border: solid 1px #fff; margin-right: 3.2%;}

section.experiencia{z-index: 10; padding: 0 3.2%;}
section.experiencia .content{padding: 60px 0;}
section.experiencia h2{margin-bottom: 60px;}
section.experiencia .reset-list{display: flex; flex-wrap: wrap; justify-content: space-between;}
section.experiencia li{display: block; width:31.2%; max-width:31.2%; flex: 1; padding-bottom: 80px; position: relative;}
section.experiencia li .area{max-width: 7.5em; border: solid 2px #80ba27;}
section.experiencia li .count{font-size: 3.6em; display: inline-block; line-height: 1.2em; font-weight: 700; letter-spacing: -.05em; position: relative;}
section.experiencia li .count::before{content: "+"; display: block; left: -.6em; position: absolute; color: #80ba27;}
section.experiencia li .spacer{margin-bottom: .75em;}
section.experiencia li strong{display: block; font-size: 1.5em; font-weight: 700; line-height: 1.1em;}
section.experiencia li a{position: absolute; right: 0; bottom: 0; left: 0;}
section.experiencia li a .pict{border: solid 1px #80ba27; position: relative; z-index: 10;}
section.experiencia li a .pict + span{position: absolute; top: 30px; right: 0; left: 0; display: block; height: 0; overflow: hidden; pointer-events: none; transition: all 1s;}
section.experiencia li a:hover .pict + span{height: 20em;}
section.experiencia li a .bg-blue-lll.round{display: block; border: solid 1px #80ba27; padding: 1.5em; text-align: left;}
section.experiencia li a .bg-blue-lll.round .blue{display: flex; align-items: center; overflow: hidden; font-size: .9em; line-height: 1em;}
section.experiencia li a .bg-blue-lll.round .blue + .blue{margin-top: .5em;}
section.experiencia li a .bg-blue-lll.round .circle.white.bg-blue{border: solid 1px #6fa2bf; font-size: 1.2em; font-weight: 600; letter-spacing: -.05em; margin-right: .5em; width: 2.8em; min-width: 2.8em; height: 2.8em; line-height: 2.8em; text-align: center;}

section.sobre .content{display: flex; gap: 3.2%; align-items: stretch; padding: 120px 0;}
section.sobre article{flex: 1; width: auto; max-width: none; min-width: 0;}
section.sobre aside{flex: 0 0 31.2%; padding-bottom: 80px;}
section.sobre aside p{position: absolute; left: 0; bottom: 0;}
section.sobre picture{border: solid 2px #80ba27; display: block; max-width: 406px; margin: 0 auto 0 0;}
section.sobre img{display: block; border: solid 1px #fff; max-width: 100%;}

section.cirurgias{background-position: center top; background-image:url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif"); background-image: image-set(url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif") type("image/avif"), url("../images/large/bg-cirurgia-do-aparelho-digestivo.jpg") type("image/jpeg"));}
section.cirurgias .reset-list {display: flex; flex-wrap: wrap; justify-content: space-around;}
section.cirurgias li{display: inline-flex; flex-wrap: wrap; align-items: center; width: 22.6%; min-width: 22.6%; margin: 60px 3.2% 0 0; flex: 1; border: solid 2px #fff; text-align: left; position: relative;}
section.cirurgias li:nth-child(4n), section.cirurgias li:last-child{margin-right: 0;}
section.cirurgias li a{padding: 1em 80px 1em 1em; display: block; line-height: 1.1em; font-size: 1.2em; font-weight: 600;}
section.cirurgias li .pict{border: solid 2px #80ba27; position: absolute; right: 1em; top: 50%; margin-top: -20px;}
section.cirurgias p span{display: inline-block; max-width: 38em;}

section.agendamento{background-image: url("../images/svg/bg-linhas.svg"); background-size: 4px auto; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
section.agendamento article{display: inline-block; vertical-align: bottom; margin-right: 3.2%;}
section.agendamento aside{display: inline-block; vertical-align: bottom; text-align: right;}
section.agendamento .button{border: solid 1px #fff;}
section.agendamento .label{font-size: 1.4em; min-width: 10em; text-align: center;}

section.instagram{padding: 0; min-height: 51px; margin-bottom: -51px; z-index: 0;}

section.cmi{border-top: solid #80ba27 1px;}
section.cmi li{display: inline-block; width:31.2%; position: relative; margin: 60px auto; line-height: 2em;}
section.cmi li + li{margin-left: 3.2%;}
section.cmi li .area{max-width: 7.5em; border: solid 2px #005980;}
section.cmi p span{display: inline-block; max-width: 40em;}

section.layer {position:fixed; left:0; top:0; right:0; bottom:0; z-index:30; background-color:rgba(0,89,128,.85); display:none; padding: 180px 3.2% 60px 3.2%;}
section.layer .content{display:none; padding:0;}
section.layer article{display:block; margin:auto; padding:40px; border:solid 1px #80BA26; overflow-y:auto; border-radius: 40px;}
section.layer a:first-child{display: block; position: absolute; right:17.3%; z-index: 100; margin: 10px 10px 0 0;}
section.layer h5 {text-align: center; border-radius: 10px; padding: 2.5em 0 .5em 0; line-height: 1em; margin-bottom: 0;}
section.layer ul{column-count: 2; column-gap: 3.2%; padding: 0; list-style: none;}
section.layer li{display: inline-block; width: 100%; box-sizing: border-box; padding: 0 0 0 1.8em; position: relative; break-inside: avoid; page-break-inside: avoid; min-height: 1.5em; margin-bottom: 1em;}
section.layer li::before{content: ""; display: block; position: absolute; top: -.15em; left: 0; width: 1.5em; aspect-ratio: 1/1; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; background-position:60% 75%; border: solid 2px #80ba27; border-radius: 50vh;}

footer{position:absolute; z-index:1; bottom:0; right: 0; left:0; padding:0 3.2%; min-width:360px; height: 1220px;}
footer .content{padding-top: 120px;}
footer .column{width: 22.6%; margin-right: 3.2%; vertical-align: top;}
footer .column:first-child{width:48.4%; float: right; margin-right: 0;}

footer iframe{border: solid 1px #80ba27; height: 400px; display: block; margin: 60px 0;}
footer p:last-child{margin: 0;} /* Dr. Maurício */

footer picture{border: solid 2px #80ba27; display: inline-block; vertical-align: middle; max-width: 106px;}
footer picture img{display: block; border: solid 1px #005980; max-width: 100%;}
footer picture + span{display: inline-block; vertical-align: middle; font-size: .65em; line-height: 1.1em;}
footer picture + span strong{display: block; font-size: 1.5em; margin-bottom: .5em;}
footer picture + span + .button{float: right; margin-top: 23px;}

footer .local{display: block; font-size: 1.1em; line-height: 1em; min-height: 2.3em; white-space: nowrap;}
footer .button{border: solid 1px #fff;}

footer .bg-blue-d{position: absolute; bottom: 0; padding: 20px; width: 65.6%; left: 50%; margin-left: -32.8%; border-radius: 20px 20px 0 0;}
footer .bg-blue-d p{display: flex; justify-content: space-between;}
footer .bg-blue-d a{display: block; white-space: nowrap;}
footer .bg-blue-d .pict{border: solid 2px #fff; margin-right: 5px;}

/*estruturais*/
section {position:relative; z-index:1; padding:0 3.2%; min-width:360px;}
article {width:65.6%; max-width:65.6%; position:relative;}
aside {width:31.2%; max-width:31.2%; position:relative;}

.content {margin:auto; width:100%; max-width:1800px; position:relative; font-size:0;}
.standard .content{padding:120px 0;}
.column {position:relative; display:inline-block;}

.spacer{display: block; width: 60px; height: 8px; border-radius: 50vh; margin: .2em 0;}
.text-center .spacer{margin: .2em auto;}
.ancora{display: block; position: absolute; width: 20px; height: 20px; pointer-events: none;}
.round{border-radius: 20px;}
.circle{border-radius:50%;position:relative;}
.alpha{transition:opacity 1s; cursor:pointer;}
.alpha:hover{opacity:0.50;}

/*cores*/
.white{color:#FFFFFF;}
.black{color:#0D181C;}
.green{color:#80ba27;}
.green-l{color:#a7cb61;}
.green-ll{color:#c7dd9b;}
.green-lll{color:#e4eed0;}
.green-llll{color:#f4f8ed;}
.blue{color:#005980;}
.blue-l{color:#007a9f;}
.blue-ll{color:#6fa2bf;}
.blue-lll{color:#b7cfe0;}
.blue-llll{color:#e2ebf3;}
.blue-d{color:#004665;}

/*backgrounds*/
.bg-white{background-color:#FFFFFF;}
.bg-black{background-color:#0D181C;}
.bg-green{background-color:#80ba27;}
.bg-green-l{background-color:#a7cb61;}
.bg-green-ll{background-color:#c7dd9b;}
.bg-green-lll{background-color:#e4eed0;}
.bg-green-llll{background-color:#f4f8ed;}
.bg-blue{background-color:#005980;}
.bg-blue-l{background-color:#007a9f;}
.bg-blue-ll{background-color:#6fa2bf;}
.bg-blue-lll{background-color:#b7cfe0;}
.bg-blue-llll{background-color:#e2ebf3;}
.bg-blue-d{background-color:#004665;}
.bg-image{background-size: cover; background-repeat: no-repeat; background-position: center;}
.bg-image.atendimento{background-image:url("../images/large/bg-atendimento.avif"); background-image: image-set(url("../images/large/bg-atendimento.avif") type("image/avif"), url("../images/large/bg-atendimento.jpg") type("image/jpeg"));}
.bg-image.cancer{background-image:url("../images/large/bg-cancer.avif"); background-image: image-set(url("../images/large/bg-cancer.avif") type("image/avif"), url("../images/large/bg-cancer.jpg") type("image/jpeg"));}
.bg-image.figado{background-image:url("../images/large/bg-figado.avif"); background-image: image-set(url("../images/large/bg-figado.avif") type("image/avif"), url("../images/large/bg-figado.jpg") type("image/jpeg"));}
.bg-image.intestino-delgado{background-image:url("../images/large/bg-intestino-delgado.avif"); background-image: image-set(url("../images/large/bg-intestino-delgado.avif") type("image/avif"), url("../images/large/bg-intestino-delgado.jpg") type("image/jpeg"));}
.bg-image.intestino-grosso{background-image:url("../images/large/bg-intestino-grosso.avif"); background-image: image-set(url("../images/large/bg-intestino-grosso.avif") type("image/avif"), url("../images/large/bg-intestino-grosso.jpg") type("image/jpeg"));}
.bg-image.pancreas{background-image:url("../images/large/bg-pancreas.avif"); background-image: image-set(url("../images/large/bg-pancreas.avif") type("image/avif"), url("../images/large/bg-pancreas.jpg") type("image/jpeg"));}

/*comportamentos*/
.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;}

/*botões*/
.button{display: inline-flex; justify-content: center; align-items: center; align-content: center; vertical-align:middle; position:relative; line-height:1em; min-width: 8em; border-radius: 10px;}
.button.large{min-height: 80px;}
.button.large .label{font-size: 1.1em;}
.button.medium{min-height: 60px;}
.button.small{min-height: 40px;}
.button.small .label{font-size: .9em;}
.button.hover{opacity:0.25;}

.button .label{display:inline-block; vertical-align:middle; padding: 0 1.5em; line-height: 1em; text-align: center; white-space: nowrap;}
.button .pict + .label{padding: 0 1.5em 0 .75em;}

/*pictogramas */
.pict{display:inline-block; vertical-align:middle; background-image:url("../images/svg/pictogramas.svg"); background-repeat:no-repeat; background-size:1100% auto; aspect-ratio:1/1;}
.pict.text{background-image:none; font-size:1.4em;}
.pict.hover{opacity:0.25;}

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

.pict.white.whats{background-position:0% 0%;}
.pict.white.fone{background-position:10% 0%;}
.pict.white.email{background-position:20% 0%;}
.pict.white.local{background-position:30% 0%;}
.pict.white.home{background-position:40% 0%;}
.pict.white.youtube{background-position:50% 0%;}
.pict.white.facebook{background-position:60% 0%;}
.pict.white.instagram{background-position:70% 0%;}
.pict.white.grupo{background-position:80% 0%;}
.pict.white.agendamento{background-position:90% 0%;}
.pict.white.link{background-position:100% 0%;}
.pict.white.doutor{background-position:0% 25%;}
.pict.white.nada-1{background-position:10% 25%;}
.pict.white.nada-2{background-position:20% 25%;}
.pict.white.mais{background-position:30% 25%;}
.pict.white.menos{background-position:40% 25%;}
.pict.white.fechar{background-position:50% 25%;}
.pict.white.check{background-position:60% 25%;}
.pict.white.seguinte{background-position:70% 25%;}
.pict.white.anterior{background-position:80% 25%;}
.pict.white.topo{background-position:90% 25%;}
.pict.white.base{background-position:100% 25%;}

.pict.green.whats{background-position:0% 50%;}
.pict.green.fone{background-position:10% 50%;}
.pict.green.email{background-position:20% 50%;}
.pict.green.local{background-position:30% 50%;}
.pict.green.home{background-position:40% 50%;}
.pict.green.youtube{background-position:50% 50%;}
.pict.green.facebook{background-position:60% 50%;}
.pict.green.instagram{background-position:70% 50%;}
.pict.green.grupo{background-position:80% 50%;}
.pict.green.agendamento{background-position:90% 50%;}
.pict.green.link{background-position:100% 50%;}
.pict.green.doutor{background-position:0% 75%;}
.pict.green.nada-1{background-position:10% 75%;}
.pict.green.nada-2{background-position:20% 75%;}
.pict.green.mais{background-position:30% 75%;}
.pict.green.menos{background-position:40% 75%;}
.pict.green.fechar{background-position:50% 75%;}
.pict.green.check{background-position:60% 75%;}
.pict.green.seguinte{background-position:70% 75%;}
.pict.green.anterior{background-position:80% 75%;}
.pict.green.topo{background-position:90% 75%;}
.pict.green.base{background-position:100% 75%;}

.area{display:block; margin: 0 auto; background-image:url("../images/svg/areas.svg"); background-repeat:no-repeat; background-size:300% auto; aspect-ratio:1/1;}
.area.tda{background-position: 0 0;}
.area.fpvb{background-position: 50% 0;}
.area.cr{background-position: 100% 0;}
.area.videolaparoscopia{background-position: 0 100%;}
.area.videotoracoscopia{background-position: 50% 100%;}
.area.robotica{background-position: 100% 100%;}

@media screen and (max-width:1400px) {
/*base*/
h1{font-size:48px;}
h2{font-size:32px;}
h3{font-size:32px;}
h4{font-size:32px;}
h5{font-size:28px;}
p{font-size:18px;}
ul li {font-size:18px;}
.chamada{font-size:22px;}
.legenda{font-size:12px;}

/* id */
#container {padding:137px 0 1075px 0;}
#container.hover {padding:117px 0 1075px 0;}

header {padding:20px 3.2%;}

nav{right: -330px; width: 330px;}

nav li a{padding:20px 40px;}

section.banner {min-height: 550px;}
section.banner::after{top: 25px; background-image:url("../images/large/mauricio-jacques-ramos.avif"); background-image: image-set(url("../images/large/mauricio-jacques-ramos.avif") type("image/avif"), url("../images/large/mauricio-jacques-ramos.jpg") type("image/jpeg"));}

section.banner h1 + p{margin: 2.5em 0;}

section.experiencia .content{padding: 50px 0;}
section.experiencia h2{margin-bottom: 50px;}
section.experiencia li{padding-bottom: 70px;}
section.experiencia li a .pict + span{top: 25px;}

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

section.cirurgias{background-image:url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif"); background-image: image-set(url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif") type("image/avif"), url("../images/large/bg-cirurgia-do-aparelho-digestivo.jpg") type("image/jpeg"));}
section.cirurgias li{margin: 50px 3.2% 0 0;}
section.cirurgias li a{font-size: 1.1em;}
section.cirurgias li .pict{margin-top: -15px;}

section.agendamento .label{font-size: 1.2em;}

section.cmi li{margin: 50px auto;}

section.layer {padding: 150px 3.2% 50px 3.2%;}
section.layer article{display:block; margin:auto; padding:35px; border-radius: 35px;}

footer{height: 1075px;}
footer .content{padding-top: 100px;}
footer iframe{height: 350px; margin: 50px 0;}

footer picture + span + .button{margin-top: 28px;}

footer .bg-blue-d{width: 860px; margin-left: -430px;}

/*estruturais*/
.standard .content{padding:100px 0;}
	
/*backgrounds*/
.bg-image.atendimento{background-image:url("../images/large/bg-atendimento.avif"); background-image: image-set(url("../images/large/bg-atendimento.avif") type("image/avif"), url("../images/large/bg-atendimento.jpg") type("image/jpeg"));}
.bg-image.cancer{background-image:url("../images/large/bg-cancer.avif"); background-image: image-set(url("../images/large/bg-cancer.avif") type("image/avif"), url("../images/large/bg-cancer.jpg") type("image/jpeg"));}
.bg-image.figado{background-image:url("../images/large/bg-figado.avif"); background-image: image-set(url("../images/large/bg-figado.avif") type("image/avif"), url("../images/large/bg-figado.jpg") type("image/jpeg"));}
.bg-image.intestino-delgado{background-image:url("../images/large/bg-intestino-delgado.avif"); background-image: image-set(url("../images/large/bg-intestino-delgado.avif") type("image/avif"), url("../images/large/bg-intestino-delgado.jpg") type("image/jpeg"));}
.bg-image.intestino-grosso{background-image:url("../images/large/bg-intestino-grosso.avif"); background-image: image-set(url("../images/large/bg-intestino-grosso.avif") type("image/avif"), url("../images/large/bg-intestino-grosso.jpg") type("image/jpeg"));}
.bg-image.pancreas{background-image:url("../images/large/bg-pancreas.avif"); background-image: image-set(url("../images/large/bg-pancreas.avif") type("image/avif"), url("../images/large/bg-pancreas.jpg") type("image/jpeg"));}

/*botões*/
.button.large{min-height: 70px;}
.button.medium{min-height: 50px;}
.button.small{min-height: 30px;}

.pict.large{min-width:70px; line-height: 70px;}
.pict.medium{min-width:50px; line-height: 50px;}
.pict.small{min-width:30px; line-height: 30px;}
}
@media screen and (max-width:1000px) {
/*base*/
h1{font-size:32px;}
h2{font-size:24px;}
h3{font-size:24px;}
h4{font-size:24px;}
h5{font-size:20px;}
p{font-size:16px;}
ul li {font-size:16px;}
.chamada{font-size:20px;}
.legenda{font-size:10px;}

/* id */
#container {padding:94px 0 1335px 0;}
#container.hover {padding:74px 0 1335px 0;}

#whatsapp{right:30px; bottom:30px; width: 80px;}

header {padding:15px 30px;}
header.hover{padding:5px 30px;}
header .logo{width: 272px;}
header .social{margin-right: 5px;}

header .panel-button{width: 40px; height: 64px; margin: 0 0 0 20px;}
header .panel-button span{height:6px; top: 29px; width:40px;}
header .panel-button span::before{height: 6px; width: 40px; top: 13px;}
header .panel-button span::after{height: 6px; width: 40px; bottom: 13px;}

nav{right: -260px; width: 260px;}

nav li a{padding:20px 30px;}

section.banner {min-height: 450px;}
section.banner::after{top: 20px; background-image:url("../images/large/mauricio-jacques-ramos.avif"); background-image: image-set(url("../images/large/mauricio-jacques-ramos.avif") type("image/avif"), url("../images/large/mauricio-jacques-ramos.jpg") type("image/jpeg"));}
section.banner .button{margin-right: 30px;}

section.experiencia{padding: 0 30px;}
section.experiencia .content{padding: 30px 0;}
section.experiencia h2{margin-bottom: 30px;}
section.experiencia li{padding-bottom: 60px;}
section.experiencia li .area{max-width: 6.5em;}
section.experiencia li .count{font-size: 3em;}
section.experiencia li strong{font-size: 1.3em;}
section.experiencia li a .pict + span{top: 20px; right: -20px; left: -20px;}
section.experiencia li:nth-child(2) a .pict + span{right: -50px; left: -50px;}
section.experiencia li a .bg-blue-lll.round{padding: 1em .5em;}
section.experiencia li a .bg-blue-lll.round .blue{font-size: .8em;}
section.experiencia li a .bg-blue-lll.round .circle.white.bg-blue{font-size: 1em;}

section.sobre .content{gap: 30px; padding: 80px 0;}

section.cirurgias{background-image:url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif"); background-image: image-set(url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif") type("image/avif"), url("../images/large/bg-cirurgia-do-aparelho-digestivo.jpg") type("image/jpeg"));}
section.cirurgias li{width: 48.4%; min-width: 48.4%; margin: 40px 3.2% 0 0;}
section.cirurgias li:nth-child(2n), section.cirurgias li:last-child{margin-right: 0;}
section.cirurgias li a{padding: 1em 60px 1em 1em; font-size: 1em;}
section.cirurgias li .pict{margin-top: -15px;}

section.agendamento .label{font-size: 1em; min-width: 9em; padding: 0;}

section.cmi li{margin: 40px auto;}
section.cmi li .area{max-width: 6.5em;}

section.layer {padding: 120px 30px 40px 30px;}
section.layer article{padding:30px; border-radius: 30px; width: 100%; max-width: 100%;}
section.layer a:first-child{right:0;}

footer{padding:0 30px; height: 1335px;}
footer .content{padding-top: 80px;}
footer .column{width: 48.4%; margin-right: 3.2%; vertical-align: top;}
footer .column:nth-child(3){margin-right: 0;}
footer .column:first-child{width:100%; float: none;}

footer iframe{height: 300px; margin: 20px 0 40px 0;}

footer picture{max-width: 86px;}
footer picture + span + .button{margin-top: 22px;}

footer .local{min-height: auto;}

footer .bg-blue-d{padding: 15px; width: auto; right: 30px; left: 30px; margin-left: 0;}

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

section.layer a:first-child{right:0;}

.spacer{width: 40px; height: 6px;}
.round{border-radius: 15px;}
.alpha{transition: none;}
.alpha:hover{opacity:1;}

/*backgrounds*/
.bg-image.atendimento{background-image:url("../images/large/bg-atendimento.avif"); background-image: image-set(url("../images/large/bg-atendimento.avif") type("image/avif"), url("../images/large/bg-atendimento.jpg") type("image/jpeg"));}
.bg-image.cancer{background-image:url("../images/large/bg-cancer.avif"); background-image: image-set(url("../images/large/bg-cancer.avif") type("image/avif"), url("../images/large/bg-cancer.jpg") type("image/jpeg"));}
.bg-image.figado{background-image:url("../images/large/bg-figado.avif"); background-image: image-set(url("../images/large/bg-figado.avif") type("image/avif"), url("../images/large/bg-figado.jpg") type("image/jpeg"));}
.bg-image.intestino-delgado{background-image:url("../images/large/bg-intestino-delgado.avif"); background-image: image-set(url("../images/large/bg-intestino-delgado.avif") type("image/avif"), url("../images/large/bg-intestino-delgado.jpg") type("image/jpeg"));}
.bg-image.intestino-grosso{background-image:url("../images/large/bg-intestino-grosso.avif"); background-image: image-set(url("../images/large/bg-intestino-grosso.avif") type("image/avif"), url("../images/large/bg-intestino-grosso.jpg") type("image/jpeg"));}
.bg-image.pancreas{background-image:url("../images/large/bg-pancreas.avif"); background-image: image-set(url("../images/large/bg-pancreas.avif") type("image/avif"), url("../images/large/bg-pancreas.jpg") type("image/jpeg"));}

/*botões*/
.button.large{min-height: 60px;}
.button.large .label{font-size: 1em;}
.button.medium{min-height: 40px;}
.button.medium .label{font-size: .9em;}
.button.small{min-height: 20px;}
.button.small .label{font-size: .8em;}

.pict.large{min-width:60px; line-height: 60px;}
.pict.medium{min-width:40px; line-height: 40px;}
.pict.small{min-width:20px; line-height: 20px;}
}
@media screen and (max-width:600px) {
/*base*/
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:20px;}
h4{font-size:20px;}
h5{font-size:16px;}
p{font-size:14px;}
ul li {font-size:14px;}
.chamada{font-size:16px;}
.legenda{font-size:9px;}

/* id */
#container {padding:65px 0 1815px 0;}
#container.hover {padding:55px 0 1815px 0;}

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

header {padding:10px 20px 10px 10px;}
header.hover{padding:5px 20px 5px 10px;}
header .logo{width: 196px;}
header .social{margin-right: 0;}

header .panel-button{width: 30px; height: 46px; margin: 0 0 0 10px;}
header .panel-button span{height:4px; top: 21px; width:30px;}
header .panel-button span::before{height: 4px; width: 30px; top: 10px;}
header .panel-button span::after{height: 4px; width: 30px; bottom: 10px;}

nav{right: -220px; width: 220px;}
nav li a{padding:15px 25px;}

section.banner {min-height: 550px;}
section.banner::after{top: 30px; right: 30px; bottom: auto; left: auto; border: solid 1px #fff; border-radius: 50vh; aspect-ratio: 1/1; height: 35vh; min-width: 180px; background-color: #005980; background-image:url("../images/large/mauricio-jacques-ramos.avif"); background-image: image-set(url("../images/large/mauricio-jacques-ramos.avif") type("image/avif"), url("../images/large/mauricio-jacques-ramos.jpg") type("image/jpeg"));}
section.banner .content{justify-content: flex-end; padding-bottom: 30px;}
section.banner h1 + p{margin: 1.5em 0;}
section.banner .button{margin-right: 20px;}

section.experiencia h2{margin-bottom: 30px;}
section.experiencia .reset-list{display: block; flex-wrap: initial; justify-content: initial;}
section.experiencia li{width:100%; max-width: 100%; padding-bottom: 40px; z-index: 10; margin: 30px 0;}
section.experiencia li:nth-child(2){z-index: 5;}
section.experiencia li:last-child{z-index: 0;}
section.experiencia li a .pict + span{top: 15px; right: auto; left: 50%; width: 17em; margin-left: -8.5em;}
section.experiencia li:nth-child(2) a .pict + span{right: auto; left: 50%;}

section.sobre .content{display: block; gap: initial; align-items: initial; padding: 60px 0;}
section.sobre article{flex: initial; width: 100%; max-width: 100%;}
section.sobre aside{flex: initial; padding-bottom: 0; width: 100%; max-width: 100%;}
section.sobre aside p{position: absolute; top: 0; right: 0; bottom: auto; left: auto; max-width: 48.4%;}
section.sobre picture{width: 48.4%;}
section.sobre h2{text-align: center;}
section.sobre h2 .spacer{margin: .2em auto;}

section.cirurgias{background-image:url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif"); background-image: image-set(url("../images/large/bg-cirurgia-do-aparelho-digestivo.avif") type("image/avif"), url("../images/large/bg-cirurgia-do-aparelho-digestivo.jpg") type("image/jpeg"));}
section.cirurgias li{width: 100%; min-width: 100%; margin: 20px 0 0 0;}
section.cirurgias li .pict{margin-top: -10px;}

section.agendamento article{display: block; margin-right: 0; text-align: center;}
section.agendamento aside{display: block; text-align: center; margin-top: 30px;}
section.agendamento .button{border: solid 1px #fff;}
section.agendamento .label{font-size: 1.4em; min-width: 10em; text-align: center;}
section.agendamento h3 .spacer{margin: .2em auto;}

section.instagram{padding: 0; min-height: 51px; margin-bottom: -51px; z-index: 0;}

section.cmi li{width:100%; margin: 15px 0;}
section.cmi li + li{margin: 15px 0;}

section.layer {padding: 90px 20px 30px 20px;}
section.layer article{padding:25px; border-radius: 25px;}
section.layer ul{column-count: 1; column-gap: initial;}

footer{padding:0 30px; height: 1815px;}
footer .content{padding-top: 60px;}
footer .column{width: 100%; margin-right: 0; text-align: center;}

footer iframe{height: 300px; margin: 20px 0 40px 0;}

footer p:last-child{text-align: center;} /* Dr. Maurício */

footer picture{max-width: 76px;}
footer picture + span{text-align: left;}
footer picture + span + .button{float: none; margin: 30px auto 0 auto; display: block; max-width: 10em;}

footer .local br{display: none;}

footer .bg-blue-d{right: 20px; left: 20px; border-radius: 15px 15px 0 0;}
footer .bg-blue-d p{display: block; justify-content: initial; text-align: left;}
footer .bg-blue-d p a + a{margin-top: 10px;}

/*estruturais*/
section {padding:0 20px;}
article {width:100%; max-width:100%;}
aside {width:100%; max-width:100%;}

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

.spacer{width: 30px; height: 4px;}

/*backgrounds*/
.bg-image.atendimento{background-image:url("../images/large/bg-atendimento.avif"); background-image: image-set(url("../images/large/bg-atendimento.avif") type("image/avif"), url("../images/large/bg-atendimento.jpg") type("image/jpeg"));}
.bg-image.cancer{background-image:url("../images/large/bg-cancer.avif"); background-image: image-set(url("../images/large/bg-cancer.avif") type("image/avif"), url("../images/large/bg-cancer.jpg") type("image/jpeg"));}
.bg-image.figado{background-image:url("../images/large/bg-figado.avif"); background-image: image-set(url("../images/large/bg-figado.avif") type("image/avif"), url("../images/large/bg-figado.jpg") type("image/jpeg"));}
.bg-image.intestino-delgado{background-image:url("../images/large/bg-intestino-delgado.avif"); background-image: image-set(url("../images/large/bg-intestino-delgado.avif") type("image/avif"), url("../images/large/bg-intestino-delgado.jpg") type("image/jpeg"));}
.bg-image.intestino-grosso{background-image:url("../images/large/bg-intestino-grosso.avif"); background-image: image-set(url("../images/large/bg-intestino-grosso.avif") type("image/avif"), url("../images/large/bg-intestino-grosso.jpg") type("image/jpeg"));}
.bg-image.pancreas{background-image:url("../images/large/bg-pancreas.avif"); background-image: image-set(url("../images/large/bg-pancreas.avif") type("image/avif"), url("../images/large/bg-pancreas.jpg") type("image/jpeg"));}

/*botões*/
.button.large{min-height: 40px;}
.button.medium{min-height: 30px;}

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