/* By Mativeso */

@font-face {
font-family: 'DM Serif Display';
src: url('../Fontes/DMSerifDisplay.woff2') format('woff2');
font-display: swap;
}

/* Manter espaçamento entre os font-face */

@font-face {
font-family: 'FKGN-Regular';
src: url('../Fontes/FKGN-Regular.woff2') format('woff2');
font-display: swap;
}

/* Manter espaçamento entre os font-face */

* {
box-sizing: border-box;
}

body, html {
height: 100%; width: 100%; margin: 0; padding: 0; 
font-family: 'FKGN-Regular', Arial, Helvetica, sans-serif;
font-size: 1rem; line-height: 1.4; font-weight: 400;
background-color:#ffffff;
color: #1f1f1f;
}
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
body a { 
color: #0070c9; 
} 
img {
color:#f5f7f8; 
font-size:0.01rem;
} 
img:not([src]) { 
visibility: hidden; 
}
div.all {
width: 100%;
min-height: 100vh;
padding: 0;
margin: 0;
background-color: #ffffff;
display: flex; 
flex-direction: column;
}
h1 { 
font-size: 1.875rem; line-height: 1.25; font-weight: 700;
}
nav#SiteNavBar {
height: 75px;
width: 100%;
z-index: 99999;
background-color: #9eb3c2;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
border-bottom: none;
position: fixed;
top: 0;
left: 0;
transition: background-color 0.9s ease;
}
nav#SiteNavBar ul {
padding: 0 10px; list-style: none; display: flex; justify-content: space-between; align-items: center; margin: 0;
}
nav#SiteNavBar ul li {
list-style: none; 
}
nav#SiteNavBar ul li a {
color: #fff; 
display: block; 
position: relative; 
z-index: 1; 
text-decoration: none; 
padding: 0; 
border-radius: 4px;
margin-top: 10px;
}
nav#SiteNavBar ul li a.logo {
width: 120px;
height: 50px;
background-image: url('../Icones/LogoBrancoZapMedicosTopBar.svg');
background-size: 110px;
background-repeat: no-repeat;
background-position: 50%;
text-indent: -9999px; 
overflow: hidden; 
}
nav#SiteNavBar ul li a.inscreva-se {
width: 115px;
height: 50px;
background-image: url('../Icones/suporte-top-branco.png');
background-size: 70px;
background-repeat: no-repeat;
background-position: 100% 50%;
text-indent: -9999px; 
overflow: hidden; 
}
figure, section {
display: block;
}
div#Core header {
width: 100%;
float: left;
background: linear-gradient(90.04deg, #f7f0f1 .02%, #edeff9 55.64%);
}
div#Core header .container-header {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative; 
}
div#Core header .container-header figure {
width: 100%;
height: calc(100% - 115px);
margin: 0 auto;
padding: 0;
background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat;
position: relative; 
}
div#Core header .container-header figure img {
width: 100%;
height: 100%; 
object-fit: cover; 
object-position: center top; 
display: block;
}
div#Core header .container-header .container-head { 
width: 100%;
float: left;
padding: 0 7% 35px 7%;
}
div#Core h1 { 
width: 100%;
padding: 45px 0 30px 0;
margin: 0;
float: left;
font-size: 1.9rem;
line-height: 1.3;
color: #000;
font-family: 'DM Serif Display', serif;
}
div#Core h1 span:first-child { 
font-size: 1.8rem;
width: 100%;
float: left;
}    
div#Core h2.Especialidade {
font-size: 1rem;
line-height: 1.5;
font-weight: 700;
margin: 0;
padding: 0;
}
div#Core .registro-medico {
display: inline-flex;
margin: 30px 0 10px 0;
}
div#Core .board-certified {
font-size: 0.875rem;
line-height: 1.125rem;
margin: 0 10px 0 0;
background-image: url('../Icones/board--certified.svg');
background-size: 18px;
background-repeat: no-repeat;
padding-left: 22px;
}
div#Core #frequently-questions .descricao h2,
div#Core #frequently-questions .descricao h3.Especialidade, 
div#Core #frequently-questions h2, 
div#Core #frequently-questions .registro-medico 
{
display: none;
}
div.all .container-contato .whatsapp-button {
width: 100%; 
height: 84px;
margin: 20px 0 0 -10px;
float: left;
position: relative;
}
div.all .container-contato .whatsapp-button a.whatsapp { 
width: 100%; 
height: 84px;
float: left;
padding: 0;
background-color: #fff;
border-radius: 60px;
}
div.all .container-contato .whatsapp-button a.whatsapp span { 
float: left;
color: #1f1f1f;
font-weight: 700;
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style { 
width: 84px;
height: 100%;
float: left;
background-image: url('../../recursos/Icones/a-whatsapp-border.png');
background-size: 84px;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative; 
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style span#breath-whatsapp { 
margin: -7px 0 0 -7px;
width: 54px;
height: 54px;
/* float: left; */ /* Removido float left */
border-radius: 50px;
background-color: #14c00b;
cursor: pointer;
outline: none;
animation: breathing 4s ease-in-out infinite;
background-image: url('../../recursos/Icones/whatsapp--branco.svg');
background-size: 26px;
background-position: 50%;
background-repeat: no-repeat;
display: flex; 
align-items: center; 
justify-content: center; 
position: absolute; 
top: calc(50% - 20px); 
left: calc(50% - 20px); 
transform: translate(-50%, -50%); 
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style span#breath-whatsapp-dois { 
margin: -7px 0 0 -7px;
width: 54px;
height: 54px;
/* float: left; */ /* Removido float left */
border-radius: 50px;
background-color: #14c00b;
cursor: pointer;
outline: none;
animation: breathing 4s ease-in-out infinite;
background-image: url('../../recursos/Icones/whatsapp--branco.svg');
background-size: 26px;
background-position: 50%;
background-repeat: no-repeat;
display: flex; 
align-items: center; 
justify-content: center; 
position: absolute; 
top: calc(50% - 20px); 
left: calc(50% - 20px); 
transform: translate(-50%, -50%); 
}
div.all .container-contato .whatsapp-button a.whatsapp span.number { 
width: calc(100% - 115px);
padding: 0 10px 0 15px;
height: 100%;
float: left;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span {
display: block;
width: 100%;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.whatsapp-number {
line-height: 1.2;
font-size: 0.91rem;
margin-top: 17px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.consultorio-principal {
font-size: 0.8rem;
font-weight: 300;
line-height: 1.45;
margin-top: 6px;
}
@keyframes breathing {
0% {
transform: scale(1);
}
50% {
transform: scale(1.28);
}
100% {
transform: scale(1);
}
}
div.all .container-contato .telefone-button {
width: 100%; 
height: 84px;
margin: 20px 0 0 -10px;
float: left;
position: relative;
}
div.all .container-contato .telefone-button a.telefone { 
width: 100%; 
height: 84px;
float: left;
padding: 0;
background-color: #fff;
border-radius: 60px;
}
div.all .container-contato .telefone-button a.telefone span { 
float: left;
color: #1f1f1f;
font-weight: 700;
}
div.all .container-contato .telefone-button a.telefone span.telefone-style { 
width: 84px;
height: 100%;
float: left;
background-image: url('../../recursos/Icones/a-telefone-border.png');
background-size: 84px;
background-position: 0 50%;
background-repeat: no-repeat;
position: relative; 
}
div.all .container-contato .telefone-button a.telefone span.telefone-style span#breath-telefone { 
margin: 0 0 0 -1px;
width: 52px;
height: 52px;
/* float: left; */ /* Removido float left */
border-radius: 50px;
background-color: #2276d4;
cursor: pointer;
outline: none;
animation: breathing 4s ease-in-out infinite;
background-image: url('../../recursos/Icones/telefone--branco.svg');
background-size: 26px;
background-position: 50%;
background-repeat: no-repeat;
display: flex; 
align-items: center; 
justify-content: center; 
position: absolute; 
top: calc(50% - 26px); 
left: calc(50% - 25px); 
transform: translate(-50%, -50%); 
}
div.all .container-contato .telefone-button a.telefone span.number { 
width: calc(100% - 115px);
padding: 0 10px 0 15px;
height: 100%;
float: left;
}
div.all .container-contato .telefone-button a.telefone span.number span {
display: block;
width: 100%;
}
div.all .container-contato .telefone-button a.telefone span.number span.telefone-number {
line-height: 1.2;
font-size: 0.91rem;
margin-top: 17px;
}
div.all .container-contato .telefone-button a.telefone span.number span.consultorio-principal {
font-size: 0.8rem;
font-weight: 300;
line-height: 1.45;
margin-top: 6px;
}
div#Core header .container-header .tablet-work {
width: 100%;
float: left;
}
div#Core div.container-right {
line-height: 1.5;
font-size: 1rem;
flex-grow: 1;
overflow-x: hidden;
}
div.all #frequently-questions ul.box-top { 
flex: 1;
width: calc(100% - 5px);
height: auto;
padding: 0;
display: inline-block;
margin: 25px 0 0 5px;
list-style: none;
}
div.all #frequently-questions .descricao {
width: 100%;
margin: 0;
padding: 25px 8% 0 7%;
list-style: none;
float: left;
}
div.all #frequently-questions ul li {
width:auto;
}
div.all #frequently-questions ul li span.advice {
width:90%;
min-height: 18px;
font-size: 0.6875rem;
line-height: 0.875rem;
color: #555d6a;
float: left;
background-image: url('../Icones/advice.png'); 
background-size: 16px; 
background-position: 0 3px;
margin: 10px 0 0 0;
padding: 0 0 0 25px;
background-repeat: no-repeat; 
text-transform: none;
opacity: 0.8;
display: none;
}
div.all #frequently-questions .box-top .procedimentos {
width: 100%;
margin: 0;
border-bottom: 1px solid #e8e4eb;
}    
div.all #frequently-questions .box-top .procedimentos:first-child {
border-top: 1px solid #e8e4eb;
}
div.all #frequently-questions .box-top .highlighted {
background-color: #f8f8f8;
padding-top: 15px;
background: linear-gradient(to right, #ffffff, #f6f4f7);
width: calc(100% + 9.5%);
margin-right: -9.5%;
margin-top: -1px;
margin-bottom: -1px;
border-top: 1px solid #f6f4f7;
border-bottom: 1px solid #f6f4f7;
}
div.all #frequently-questions .box-top .procedimentos h3 { 
width: 100%;
margin: 0;
padding: 20px 20px 20px 25px;
font-size: 1.05rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
transition: background 0.3s ease;
position: relative; 
}
div.all #frequently-questions .box-top .procedimentos h3::before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 9px;
height: 9px;
background-image: url('../Icones/a-seta-down.svg');
background-size: cover;
background-repeat: no-repeat;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
div.all #frequently-questions .box-top .procedimentos h3.hovered::before {
transform: translateY(-50%) scaleY(-1); /* Inverte a imagem verticalmente */
}
div.all #frequently-questions .box-top .procedimentos h3 { 
width: 100%;
margin: 0;
padding: 20px 20px 20px 38px;
font-size: 1.05rem;
cursor: pointer;
transition: all 0.3s ease-in-out;
transition: background 0.3s ease;
position: relative; 
}
div.all #frequently-questions .box-top .procedimentos h3::before {
content: '';
position: absolute;
top: 50%;
left: -12px;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #eeeff7;
background-image: url('../Icones/a-seta-down.svg');
background-size: 9px;
background-position: 50%;
background-repeat: no-repeat;
transform: translateY(-50%);
transition: transform 0.3s ease;
}
div.all #frequently-questions .box-top .procedimentos h3.hovered::before {
transform: translateY(-50%) scaleY(-1); /* Inverte a imagem verticalmente */
}
div.all #frequently-questions .box-top .procedimentos h4 { 
width: auto; display: inline;
line-height: 1.6;
font-size: .95rem;
}
div.all #frequently-questions .box-top .procedimentos ol { 
padding: 0 30px 0 17px;
margin: 0;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
div.all #frequently-questions .box-top ol li { 
width: 100%;
list-style: disc;
margin: 10px 0 0 0;
padding: 0 0 0 9px;
font-weight: 400;
line-height: 1.6;
font-size: .95rem;
}
div.all #frequently-questions ol li:last-child { 
background-image: none; 
padding-bottom: 40px;
}
div.all section .box-top ol li a {
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
div.all section  {
width: 100%; 
height: auto;
margin: 0;
display: inline-block;
}
div.all section div.box-top  {
width: calc(100% - 7%);
height: auto;
margin: 0 0 0 7%;
float: left;
}
div.all section div.box-top .stars {
color: #fbbc04;
}
div.all section div.sobre {
margin-top: 0;
padding: 0;
}
div.all section ul {
width: 100%; 
height: auto;
margin: 0;
padding: 0;
list-style: none;
}
div.all section ul li {
width: 100%; 
float: left;
height: auto;
margin: 20px 0 0 0;
padding: 0;
}
div.all span {
font-style: normal;
}
div.all section.sobre div.videos {
float: left;
width: 100%;
height: auto;
margin: 30px 0 0 0;
padding: 0;
z-index: 99;
}
[class^="number-slide"],
[class*=" number-slide"] {
display: flex;
align-items: center;
justify-content: center;
height:auto;
}
div.all section.sobre div.videos .container {
position: relative;
width: calc(100% - 7%);
margin: 0 0 0 7%; 
}
div.all section.sobre div.videos .container .video-container {
position: relative; 
width: 100%;
padding-bottom: calc(406 / 230 * 100%); /* Proporção 230:406 - equivale +-720x1280 */
overflow: hidden;
}
div.all section.sobre div.videos .container .video-container .slider-video {
position: absolute; 
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 20px;
background-color: #ebeced;
}
div.all section.sobre div.videos .container .video-container .slider-video span.cross-browser {
width: calc(100% - 80px);
margin: 80px 40px;
padding-top: 60px;
float: left;
text-align: center;
font-size: 0.75rem;
background-image: url('../Icones/a-cross-browser.png'); 
background-size: 40px; 
background-position: 50% 0;
background-repeat: no-repeat;
}
div.all section.sobre div.videos .caption { 
width:100%; 
line-height: 60px;
font-weight: bold; 
float:left;
z-index:9; 
bottom: 0; 
height: auto;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
color: #1f1f1f;
}
div.all section.sobre div.videos .caption span { 
line-height: 2.5rem;
width:auto; 
padding: 10px 20px 10px 5px; 
}
div.all section.sobre div.videos .play-em {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
div.all section.sobre div.videos .play-em img {
width: 50px;
height: 50px;
}
.placeholder { display: none !important; }
.visually-hidden { display: none !important; }
div.all section.sobre { 
width: 100%;
height: auto;
}
div.all section.sobre h2.sobre-mim {
max-width: 320px;
display: block;
margin: 20px 0 0 0;
font-size: 1.125rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.all section.sobre .details {
font-style: normal;
max-width: 500px;
font-weight: 400;
margin: 5px 0 10px 0;
padding: 0 15px 0 0;
}
div.all section.sobre .details span.reviews-summary-feedback-note {
width: calc(100% - 15px);
float: left;
line-height: 1.4;
font-size: .85rem;
margin: 10px 0 0 10px;
padding: 0 0 0 15px;
border-left: 1px solid #ccc;
}
div.all section.sobre .details ul {
width: 100%;
margin: 0;
padding: 10px 0 0 17px;
}
div.all section.sobre .details ul li {
width: 100%;
text-align: left;
margin: 0 0 7px 0;
padding: 0;
list-style-type: disc;
line-height: 1.4;
font-size: .9rem;
}
div.all section.sobre .details a {
font-style: normal;
text-decoration: none;
text-transform: capitalize;
color: #1d6eb2;
}
div.all section .box-top div.border { 
width: calc(100% - 0px);
display: block;
font-size: 0.875rem;
padding: 0;
}
div.all section .box-top address { 
width: calc(100% - 5px);
font-style: normal;
margin: 5px 5px 10px 0;
}
div.all section .box-top address, 
div.all section span.atendimento { 
max-width: 780px;
}
div.all section .box-top address a { 
font-style: normal;
color: #1d6eb2;
margin: 0;
text-decoration: none;
}
div.all section h2.consultorio { 
margin: 10px 0 0 0;
font-size: 1.125rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
div.all section .box-top div.border h4 { 
font-size: 0.875rem;
line-height: 0.875rem;
padding: 0;
margin: 25px 0 5px 0;
}
div.all section .box-top div.border span.atendimento { 
width: 90%;
display: block;
padding: 15px 0 15px 34px;
font-size: 0.85rem;
line-height: 1.3;
background-size: 18px; 
background-repeat: no-repeat; 
border-bottom: 1px solid #e8e4eb;
}
div.all section .box-top div.border span.email { 
width: 100%;
display: block;
padding: 15px 0 15px 0;
font-size: 0.9rem;
line-height: 1.3;
}
div.all section .box-top div.border span.email a { 
text-decoration: none;
}
div.all section .box-top div.border span.atendimento:last-child { 
border-bottom: 0;
}
div.all section .box-top div.border span.atendimento b { 
color: #00b358;
font-weight: 500;
}
div.all section .box-top div.border span.estacionamento { 
background-image: url('../Icones/estacionamento.svg');
background-position: 4px 50%; 
} 
div.all section .box-top div.border span.ponto-de-referencia { 
background-image: url('../Icones/ponto-de-referencia.svg');
background-position: 4px 50%; 
}  
div.all section .box-top div.border span.telemedicina { 
background-image: url('../Icones/telemedicina.png');
background-position: 4px 50%; 
}  
div.all section .box-top div.border span.particular { 
background-image: url('../Icones/particular.svg');
background-position: 4px 50%; 
}    
div.all section .box-top div.border span.plano-de-saude { 
background-image: url('../Icones/plano--de--saude.svg');
background-position: 4px 50%; 
}  
div.all section .box-top div.border span.ponto--de--referencia { 
background-image: url('../Icones/ponto--de--referencia.svg');
}
div.all section .box-top ul { 
list-style: none;
width: calc(100% - 0px);
padding: 0; 
margin: 10px 0 0 0;
display: inline-block;
}
div.all section .box-top ul li { 
width: auto;
float: left;
margin:12px 0;
margin-right: 7px; 
text-align: center;
transition: all 0.3s ease-in-out;
}
div.all section .box-top ul li a { 
text-decoration: none;
display:block;
transition: all 0.3s ease-in-out;
}
li.whatsapp--li { 
width:195px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
background-color: #e7fce3;
}
li.whatsapp--li a { 
width:205px;
font-weight: 700;
color: #227619;
}
li.whatsapp--li { 
border-radius: 8px;
transition: all 0.3s ease-in-out;
}
li.telefone--li a { 
font-weight: 700;
color: #0070c9;
}
li.whatsapp--li a span.whatsapp--span { 
width:115px;
padding: 60px 0 10px 0;
float: left;
border: none;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.4;
background-size: 38px;  
background-repeat: no-repeat;
background-position: 50% 12px;
background-image: url('../Icones/whatsapp--verde.svg');
}
div.all section ul li.telefone--li span.telefone--span {  
background-image: url('../Icones/telefone--azul.svg');  
}
div.all section ul li.telefone--li span.telefone--span { 
width: 100px; 
float: left;
border: none;
font-weight: 400;
font-size: 0.75rem;
line-height: 1.4;
padding: 60px 0 10px 0;  
background-size: 38px;  
background-repeat: no-repeat;
background-position: 50% 12px;
border-radius: 8px; 
background-color: #e8f3fc;
}
div.all section ul li.telefone--li span.telefone--span span { 
color: #0070c9;
font-weight: 400;
}
.qrcodeWhatsapp { 
padding: 10px 5px 0 0;
}
div.all section .box-top ul li a span span { 
border: none;
}
div.all section .box-top ul li a span span img { 
width: 38px; 
display: block;
vertical-align: middle;
}
div.all section .box-top ul li a span span:last-child { 
padding: 10px 0;
text-align:center;
font-size: 0.6875rem;
line-height: 1.4;
}
div.all section div.photos {
float: left;
width: 100%;
height: auto;
margin: 30px 0 10px 0;
padding: 0;
z-index: 99;
}
div.all section div.photos .container {
width: 240px; 
height: 300px;
float: left;
position: relative;
overflow: hidden;
margin: 0 0 0 7%;
padding: 0;
border-radius: 20px;
}
div.all section div.photos .container:last-child {
width: 70%; 
border: none;
background-color: transparent;
}
div.all section div.photos .container img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
border-radius: 20px;
display: block;
}
div.all section.address {
margin: 0 0 40px 0;
}

/* Não remover a posição dentro do css, não para cima, não para baixo */
div.all section div.photos .container .description {
position: absolute; bottom: 0; width: 100%;
padding: 100px 10% 30px 10%;
text-align: center;
font-style: normal;
font-weight: 700;
font-size: 0.95rem;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-color: rgba(0, 0, 0, 0.6); 
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
color: #ffffff;
text-shadow: 1px 1px 1px #000;
}
div.all section.postagens {
height: auto;
border: 0;
margin: 0;
float:left;
z-index: 99;
font-style: normal;
font-weight: 400;
}
div.all section.postagens h2 {
margin: 0;
padding: 0;
font-size: 0.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
div.all section.postagens h2 img {
width: 40px;
height: 40px;
margin: 0 8px 0 0;
float: left;
border-radius: 40px;
position: relative;
}
div.all section.postagens h2 span {
width: calc(100% - 60px);
margin: 2px 0 0 0;
display: block;
line-height: 1.125rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.all section.postagens h2 a {
font-style: normal;
color: #1d6eb2;
font-size: 0.875rem;
font-weight: 400;
margin: 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
div.all section.postagens p.perfil-canal {
max-width: 780px;
padding: 0 15px 0 0;
font-size: .9rem;
}
div.all section.postagens div.photos {
margin: 10px 0 10px 0;
}
div.all section.postagens div.photos .container {
height: auto;
float: left;
position: relative;
overflow: hidden;
margin: 0 0 0 7%;
border-radius: 20px;
border: 0;
}
div.all section.postagens div.photos .container:nth-child(4n+1) {
background-color: rgb(237, 238, 246);
}
div.all section.postagens div.photos .container:nth-child(4n+2) {
background-color: rgb(237, 238, 246);
}
div.all section.postagens div.photos .container:nth-child(4n+3) {
background-color: rgb(237, 238, 246);
}
div.all section.postagens div.photos .container:nth-child(4n+4) {
background-color: rgb(237, 238, 246);
}
div.all section.postagens div.photos .container:last-child {
background-color: #fff;
}
div.all section.postagens .post-resume {
font-style: normal;
font-weight: 300;
font-size: 1rem;
line-height: 1.6;
padding: 10px 10px 25px 15px;
}
div.all section.postagens .post-resume h3 {
font-size: 1rem;
}
div.all section.postagens .post-resume span.author {
opacity: 0.7;
}
div.all section div.photos .thats-all {
text-align: center;
display: flex;
justify-content: center; /* Centraliza horizontalmente */
align-items: center; /* Centraliza verticalmente */
}
aside {
width: calc(100% - 14%);
height: auto;
margin: 0 7% 20px 7%;
padding: 40px 0 30px 0;
display: table;
}
aside .share-option .option #qrcode {
width: 100px;
height: 100px;
padding: 0 20px 0 2px;
}
.qr-code-advice {
width: 102px;
float: left;
padding: 8px 0 0 0;
font-size: 0.6875rem;
}
aside .share-option {
display: inline-flex; 
}
aside .share-option .option {
margin: 0 10px 0 0; text-align: center;
}
aside .share-option .option:last-child {
margin: 0;
}
aside .share-option .option button.SharePage {
border: none; background-color:transparent; width: 120px; height: 100px; padding: 64px 0 0 0; border-radius: 6px; float: left; background-size:cover; background-position: 50%; background-repeat: no-repeat; cursor: pointer;
}
aside .share-option .option button.SharePage span {
background-color: #0070c9; color: #fff; width: 100%; font-size: 0.8125rem; font-weight: 400; line-height: 2.25rem; float: left; letter-spacing: 1px; border-radius: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(10px) brightness(100%);
}
div.all .access-counter { 
width: 100%;
display: table;
margin: 0 0 25px 0;
color: #1f1f1f;
}
div.all .access-counter div.profile {
width: 100%;
float: left;
margin: 0 0 5px 0;
}
div.all .access-counter div.profile span.photo {
width: 60px;
height: 60px;
float: left;
border-radius: 60px;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
div.all .access-counter div.profile span.name {
padding: 0px 0 0 8px;
width: calc(100% - 80px);
float: left;
font-weight: 700;
}
div.all .access-counter div.profile span.dateSubscription {
padding: 0 0 0 8px;
width: calc(100% - 80px);
float: left;
font-size: 0.75rem;
}
div.all .access-counter .views_stats {
width: 100%;
float: left;
}
div.all .access-counter .box_stats {
width: 43%;
min-height: 110px;
padding: 40px 2% 10px 3%;
margin: 5px 2% 5% 0;
background-color: #f5f5f7;
float: left;
border-radius: 8px;
background-size: 16px;
background-position: 8px 10px;
background-repeat: no-repeat;
}
div.all .access-counter .views {
background-position: 12px 10px;
background-size: 20px;
background-image: url('../Icones/a-views.png'); 
}
div.all .access-counter .whats {
background-size: 16px;
background-image: url('../Icones/a-click-whatspp.png'); 
}
div.all .access-counter #page-views-counter, 
div.all .access-counter .link-counter {
width: 100%;
float: left;
}
div.all .access-counter .views_stats { 
width: 100%;
float: left;
}
div.all .access-counter .contact_stats { 
width: 100%;
float: left;
}
div.all .access-counter .social_stats { 
width: 100%;
float: left;
}
div.all .access-counter .share_stats { 
width: 100%;
float: left;
}
div.all .access-counter #page-views-counter { 
width: 100%;
height: 30px;
font-size: 1.25rem;
line-height: 1.875rem;
font-weight: 700;
float: left;
margin-right:8px;
}
div.all .access-counter .link-counter { 
width: 100%;
height: 30px;
font-size: 1.25rem;
line-height: 1.875rem;
font-weight: 700;
float: left;
margin-right:8px;
}
div.all .access-counter .views_stats span#visualizacoes { 
width: 100%;
float: left;
font-size: 0.75rem;
font-weight: 700;
line-height: 0.875rem;
opacity: 0.8;
} 
div.all .access-counter .views_stats span#whats-cliques { 
width: 100%;
float: left;
font-size: 0.75rem;
font-weight: 700;
line-height: 0.875rem;
opacity: 0.8;
} 
footer#SiteFooter {
width: 100%;
margin: 0;
padding: 25px 7% 30px 7%;
text-align: left;
float: left;
}    
footer#SiteFooter, 
footer#SiteFooter .box--full--width a {
color: #1f1f1f;
}
footer#SiteFooter .box--full--width .zap-medicos-overview {
max-width: 650px; line-height: 1.4; font-size: 0.75rem; font-weight: 400;
margin: 20px 0;
}
footer#SiteFooter .box--full--width {
width: 100%; line-height: 1.4; font-size: 0.75rem; font-weight: 700;
}
footer#SiteFooter .box--full--width img {
width: 16px; margin: 0 6px -3px 0;
}
footer#SiteFooter .box--full--width a {
font-weight: 700; text-decoration: none;
}       
footer#SiteFooter div#cookies {
width: 100%;
max-width: 470px;
margin: 20px 0 0 0;
float: left;
font-size: 0.75rem;
}
footer#SiteFooter div#cookies a {
color: #1f1f1f; font-weight: 700; text-decoration: none;
}
footer#SiteFooter div#cookies ul {
width: 100%; margin: 12px 0 0 0; padding: 0; float:left; list-style: none;
}
footer#SiteFooter div#cookies ul li {
width: auto;
margin: 5px 10px 5px 0;
padding: 0 10px 0 0;
list-style: none;
float: left;
background-image: url('../Icones/a-external-link.png');
background-size: 6px;
background-position: 100% 4px;
background-repeat: no-repeat;
}
footer#SiteFooter #developer {
width: 100%; height: 50px; margin: 20px 0 0 0; float:left; padding: 18px 0 100px 0; font-size: 0.6875rem; line-height: 1rem; 
}
footer#SiteFooter #developer span { 
opacity: 0.9; width: 50px; height: 50px; margin: 0 10px 50px 0; float:left; background-image: url('../Icones/logo--cinza.svg'); background-size: 50px; background-position: 0 0; background-repeat: no-repeat;
border-radius: 4px;
} 
footer#SiteFooter ul.suporte {
width: 100%;
margin: 0 0 20px 0;
padding: 0;
float: left;
list-style: none;
}
footer#SiteFooter ul.suporte li {
margin: 0 0 20px 0;
padding: 0;
}
footer#SiteFooter ul.suporte li a {
color: #1f1f1f;
font-weight: 700;
font-size: 0.875rem;
padding: 20px 30px 20px 45px;
line-height: 1.4;
text-decoration: none;
width: auto;
display: table;
border-radius: 30px;
border: 1px solid #d4d4d4;
background-repeat: no-repeat;
background-position: 18px 50%;
background-size: 16px;
}
footer#SiteFooter ul.suporte li a.inscritos {
background-image: url(../Icones/suporte--preto.svg);
}
footer#SiteFooter ul.suporte li a.inscreva-se {
background-image: url(../Icones/estetoscopio--preto.svg);
}
footer#SiteFooter ul.suporte li a.sobre-zap {
background-image: url(../Icones/sobre--zap--preto.svg);
}
div#Feedback {
width: 50px;
height: auto;
padding: 4px 0;
position: fixed;
bottom: 0;
right: 0;
z-index: 99;
border-top-left-radius: 10px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
border-top: 1px solid #e8e8e8;
border-left: 1px solid #e8e8e8;
}
#page-views-counter {
height: 50px;
width: 50px;
padding: 30px 0 5px 0;
margin: 0 0 5px 0;
float: left;
font-size: 0.6875rem;
line-height: 0.6875rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: center;
cursor: pointer;
background-image: url('../Icones/views--preto--bold.png');
background-size: 22px;
background-position: 50% 5px;
background-repeat: no-repeat;
}
#contact-counter {
height: 50px;
width: 50px;
padding: 30px 0 5px 0;
margin: 0 0 5px 0;
float: left;
font-size: 0.6875rem;
line-height: 0.6875rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
text-align: center;
cursor: pointer;
background-image: url('../Icones/whatsapp--preto--bold.png');
background-size: 18px;
background-position: 50% 5px;
background-repeat: no-repeat;
}
#openBanner {
height: auto;
padding: 22px 0 10px 0;
width: 50px;
font-size: 0.5rem;
line-height: 0.55rem;
font-weight: 700;
float: left;
cursor: pointer;
background-image: url('../Icones/share--preto--bold.png');
background-size: 18px;
background-position: 50% 0;
background-repeat: no-repeat;
text-align: center;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
z-index: 998;
}
.banner {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
width: 360px;
margin: 0 auto;
display: block;
background-color: #fff;
font-weight: 700;
font-size: 15px;
line-height: 1.6;
padding: 0 0 10px 0;
transition: bottom 0.3s ease;
border-radius: 10px 10px 0 0;
z-index: 999;
opacity: 0;
}
.banner.open {
bottom: 0;
opacity: 1;
transform: translateY(0);
}
.close-btn {
position: absolute;
bottom: 50px;
right: 145px;
border: 1px solid #ccc;
background-color: #fff;
padding: 10px 15px;
cursor: pointer;
font-size: 16px;
border-radius: 6px;
}
.advice {
width: 280px;
margin: 0 auto;
padding: 50px 0 140px 0;
}
.advice img.crescer, .advice img.ligar {
width: 30px;
margin: 0 0 12px 0;
display: block;
}
.advice #tempoDecorrido {
width: auto;
float: left;
font-size: 11px;
font-weight: 700;
margin: 10px 0 20px 0;
text-transform: uppercase;
border-bottom: 1px solid orange;
}
#counter-contact {
width: 280px;
float: left;
margin: 50px 0 0 50px;
}
.advice img.crescer, .advice img.ligar {
width: 30px;
margin: 0 0 12px 0;
display: block;
}
.advice span {
border-bottom: 1px solid orange;
}


@media screen and (min-width:412px) {  
div#Core header .container-header figure {
height: calc(100% - 80px);
}
}


@media screen and (min-width:800px) {  
nav#SiteNavBar, 
div#Core header,  
div#Core header .container-header {
width: 400px; 
float: left;
}
nav#SiteNavBar ul li a { 
color: #fff;
}
nav#SiteNavBar ul li a.logo {
width: 140px;
height: 100px;
margin: 0;
background-size: 140px;
}
nav#SiteNavBar ul li a.inscreva-se {
width: 150px;
height: 50px;
background-size: 90px;
background-position: 50% 30%;
}
div#Core {
width: auto;
margin-left: 0;
display: flex;
flex-wrap: nowrap;
position: relative;
}
div#Core header { 
height: 100vh;  
position: fixed;
width: 400px;
z-index: 9999; 
left: 0px;
top: 0px;
box-shadow: 0 4px 7px rgba(0, 0, 0, .18);
background-color: #ffffff;
}
div#Core header .container-header figure {
height: auto;
}
div#Core header .container-header figure {
width: 100%;
background-size: cover;
background-position: 50% 0;
}
div#Core header .container-header figure img {
width: 100%;
height: auto;
display: block;
}
div#Core header .container-header .container-head {
padding: 0 10% 0 10%;
}
div#Core header .container-header h1 {
padding: 55px 0 40px 0;
font-size: 2rem;
}
.h1-mobile {
display: block;
}
.h2-desktop {
display: none;
}
div#Core header .container-header h2.Especialidade {
font-size: 1.2rem;
}
div#Core header .container-header .registro-medico {
margin: 40px 0 20px 0;
}
div#Core header .container-header .board-certified {
font-size: 0.9rem;
margin: 0;
background-size: 20px;
padding: 2px 10px 2px 26px;
}
div.all .container-contato .telefone-button {
height: 100px;
}
div.all .container-contato .whatsapp-button {
height: 100px;
}
div.all .container-contato .whatsapp-button a.whatsapp {
height: 100px;
}
div.all .container-contato .telefone-button a.telefone {
height: 100px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style {
width: 100px;
background-size: 100px;
}
div.all .container-contato .telefone-button a.telefone span.telefone-style {
width: 100px;
background-size: 100px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.whatsapp-number {
font-size: 1rem;
margin-top: 24px;
}
div.all .container-contato .telefone-button a.telefone span.number span.telefone-number {
font-size: 1rem;
margin-top: 24px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.consultorio-principal {
font-size: 0.9rem;
margin-top: 4px;
}
div.all .container-contato .telefone-button a.telefone span.number span.consultorio-principal {
font-size: 0.9rem;
margin-top: 4px;
}
div#Feedback {
width: 60px;
left: 2px;
padding-top: 10px;
padding-bottom: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 0;
border-right: 1px solid #e8e8e8;
border-left: 0;
z-index: 9999;
}
#page-views-counter {
width: 60px;
padding: 34px 0 10px 0;
font-size: .95rem;
line-height: 1rem;
background-size: 28px;
}
#contact-counter {
width: 60px;
padding: 36px 0 5px 0;
font-size: .9rem;
line-height: 1rem;
background-size: 23px;
}
#openBanner {
height: auto;
padding: 22px 0 10px 0;
width: 50px;
font-size: 0.5rem;
line-height: 0.55rem;
font-weight: 700;
float: left;
cursor: pointer;
background-image: url('../Icones/share--preto--bold.png');
background-size: 18px;
background-position: 50% 0;
background-repeat: no-repeat;
text-align: center;
}
.overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
z-index: 998;
}
.banner {
position: fixed;
bottom: -100%;
left: 0;
right: 0;
width: 360px;
margin: 0 auto;
display: block;
background-color: #fff;
font-weight: 700;
font-size: 15px;
line-height: 1.6;
padding: 0 0 10px 0;
transition: bottom 0.3s ease;
border-radius: 10px 10px 0 0;
z-index: 999;
opacity: 0;
}
.banner.open {
bottom: 0;
opacity: 1;
transform: translateY(0);
}
.close-btn {
position: absolute;
bottom: 50px;
right: 145px;
border: 1px solid #ccc;
background-color: #fff;
padding: 10px 15px;
cursor: pointer;
font-size: 16px;
border-radius: 6px;
}
.advice {
width: 280px;
margin: 0 auto;
padding: 50px 0 140px 0;
}
.advice img.crescer, .advice img.ligar {
width: 30px;
margin: 0 0 12px 0;
display: block;
}
.advice #tempoDecorrido {
width: auto;
float: left;
font-size: 11px;
font-weight: 700;
margin: 10px 0 20px 0;
text-transform: uppercase;
border-bottom: 1px solid orange;
}
#counter-contact {
width: 280px;
float: left;
margin: 50px 0 0 50px;
}
.advice img.crescer, .advice img.ligar {
width: 30px;
margin: 0 0 12px 0;
display: block;
}
div#Core div.container-right {
margin-left: 400px;
}
div.all #frequently-questions .descricao {
padding: 0 8% 0 7%;
}
div.all #frequently-questions ul.box-top {
margin: 45px 0 20px 5px;
}
div.all #frequently-questions .box-top .procedimentos h3 { 
font-size: 1.05rem;
}
div.all #frequently-questions .box-top ol li {
font-weight: 400;
}
div.all section.sobre h2.sobre-mim {
max-width: 420px;
}
div.all section.sobre .details {
max-width: 650px;
}
div.all section div.photos .container, 
div.all section.postagens div.photos .container, 
div.all section.sobre div.videos .container {
margin: 0 0 0 7%;
}
div.all section div.photos .container .description {
padding: 100px 10% 20px 10%;
font-size: 1rem;
}
div.all section .box-top div.border span.atendimento { 
font-size: 0.9rem;
}
li.whatsapp--li a {
width: 225px;
}
li.whatsapp--li a span.whatsapp--span {
width: 130px;
}
li.whatsapp--li a span.whatsapp--span {
font-size: 0.8125rem;
}
.qrcodeWhatsapp {
padding: 12px 12px 0 0;
}
div.all section ul li.telefone--li span.telefone--span {
width: 110px;
font-size: 0.8125rem;
}
div.all section.postagens h2 {
font-size: 1.125rem;
}
div.all section.postagens h2 span {
line-height: 1.375rem;
}
div.all section.postagens .post-resume {
font-size: 1rem;
}
div.all section.postagens .post-resume h3 {
font-size: 1rem;
}
div.all .access-counter .box_stats {
width: 170px;
}
div.all .access-counter div.profile span.photo {
width: 70px;
height: 70px;
border-radius: 70px;
}
div.all .access-counter div.profile span.name {
font-size: 1.0625rem;
line-height: 1.5;
}
div.all .access-counter div.profile span.dateSubscription {
font-size: 0.875rem;
}
div.all .access-counter .views {
background-size: 24px;
}
div.all .access-counter .whats {
background-size: 18px;
}
div.all .access-counter .views_stats span#visualizacoes, 
div.all .access-counter .views_stats span#whats-cliques {
font-size: 0.875rem;
}
}


/* Estilos específicos para desktops */
@media (min-width: 1024px) {
div.all section div.photos .container {
height: 240px; /* Altura ajustada para desktops */
margin: 0 -24px 0 44px;
}
div.all section div.photos .container, div.all section.postagens div.photos .container, div.all section.sobre div.videos .container {
margin: 0 -24px 0 44px;
}
div.all section div.photos .container .description {
padding-bottom: 10px;
font-size: .9rem;
}
}


@media screen and (min-width: 1334px) {  /* TABLE Landscape */
nav#SiteNavBar, div#Core header, div#Core header .container-header { 
width: 405px;
}
div#Core header .container-header h1, 
div#Core header .container-header h2.Especialidade, 
div#Core header .container-header .registro-medico {
display: none;
}
div#Core header {
box-shadow: 0 4px 7px rgba(0, 0, 0, 0);
background-color: #ffffff;
border-right: 1px solid #e8e8e8;
}
.h1-mobile {
display: none;
}
.h2-desktop {
display: block;
}
div.all .container-contato .whatsapp-button {
width: calc(100% + 10px);
margin: 10px 0 0 15px;
float: none;
margin-top: 10px;
height: 64px;
}
div.all .container-contato .whatsapp-button a.whatsapp {
height: 64px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style {
width: 64px;
background-size: 64px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number {
width: calc(100% - 64px);
padding: 0 10px 0 10px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style span#breath-whatsapp {
margin: -7px 0 0 -7px;
width: 44px;
height: 44px;
background-size: 26px;
top: calc(50% - 15px);
left: calc(50% - 15px);
transform: translate(-50%, -50%);
}
div.all .container-contato .whatsapp-button a.whatsapp span.whatsapp-style span#breath-whatsapp-dois {
margin: -7px 0 0 -7px;
width: 44px;
height: 44px;
background-size: 26px;
top: calc(50% - 15px);
left: calc(50% - 15px);
transform: translate(-50%, -50%);
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.whatsapp-number {
font-size: .95rem;
margin-top: 14px;
}
div.all .container-contato .whatsapp-button a.whatsapp span.number span.consultorio-principal {
font-size: 0.85rem;
margin-top: 2px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
}
div.all .container-contato .telefone-button {
width: calc(100% + 10px);
margin: 10px 0 0 15px;
float: none;
margin-top: 10px;
height: 64px;
}
div.all .container-contato .telefone-button a.telefone {
height: 64px;
}
div.all .container-contato .telefone-button a.telefone span.telefone-style {
width: 64px;
background-size: 64px;
}
div.all .container-contato .telefone-button a.telefone span.number {
width: calc(100% - 64px);
padding: 0 5px 0 10px;
}
div.all .container-contato .telefone-button a.telefone span.telefone-style span#breath-telefone {
margin: -7px 0 0 -7px;
width: 44px;
height: 44px;
background-size: 26px;
top: calc(50% - 15px);
left: calc(50% - 15px);
transform: translate(-50%, -50%);
}
div.all .container-contato .telefone-button a.telefone span.number span.telefone-number {
font-size: .95rem;
margin-top: 14px;
}
div.all .container-contato .telefone-button a.telefone span.number span.consultorio-principal {
font-size: 0.85rem;
margin-top: 2px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis; 
}
div#Feedback {
width: 50px;
left: 0px;
}
#page-views-counter {
width: 50px;
padding: 30px 0 5px 0;
font-size: .8rem;
line-height: 1rem;
background-size: 24px;
}
#contact-counter {
width: 50px;
padding: 30px 0 0 0;
font-size: .8rem;
line-height: 1rem;
background-size: 19px;
background-position: 52% 5px;
}
div#Core div.container-right {
flex-grow: 1;
margin-left: 405px;
margin-top: 0;
overflow-x: hidden;
}
div.all #frequently-questions .descricao {
width: auto;
margin: 0;
padding: 30px 0 0 45px;
}
div#Core #frequently-questions .descricao h2, 
div#Core #frequently-questions .descricao h3.Especialidade, 
div#Core #frequently-questions h2, 
div#Core #frequently-questions div.registro-medico 
{
display: block;
}
div#Core #frequently-questions h2
{
font-size: 2.1rem;
line-height: 1.3;
color: #000;
font-family: 'DM Serif Display', serif;
}
div#Core h1 {
font-size: 2.1rem;
}
div#Core h2.Especialidade {
font-size: 1.15rem;
}
div#Core .board-certified {
font-size: 0.9rem;
line-height: 1.125rem;
margin: 0 15px 0 0;
padding-left: 24px;
}
div.all #frequently-questions ul.box-top {
max-width: 780px;
margin: 45px 0 0 5px;
}
div.all section div.box-top {
width: calc(100% - 45px);
margin: 0 0 0 45px;
}
div.all #frequently-questions .box-top .highlighted {
width:100%;
margin-right: 0%;
}
div.all section.sobre .details {
max-width: 780px;
font-family: sans-serif;
}
div.all section ul.bottom--section {
width: 100%;
margin: 50px 0 0 45px;
}
aside {
width: calc(100% - 50px);
margin: 0 5px 20px 45px;
}
div.all .access-counter {
width: 400px;
}
footer#SiteFooter {
width: 100%;
margin: 0;
padding: 25px 5px 30px 45px;
text-align: left;
float: left;
}
footer#SiteFooter div#cookies {
max-width: 650px;
}
}