/* 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 */

@font-face {
font-family: 'FKGN-Thin';
src: url('../Fontes/FKGN-Thin.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 */
scroll-behavior: smooth;
}
html { 
scroll-padding-top: 40px;  /* Para o alvo do scroll ficar abaixo do topbar */
}
html { scroll-padding-top: 40px; }
@keyframes blink1x {
0%, 100% { background-color: transparent; }
10%, 30%, 50%, 70%, 90% { background-color: #e6e7ec; }
20%, 40%, 60%, 80% { background-color: transparent; }
}
.blink-highlight {
animation: blink1x 2.5s ease-in-out;
}
body a { 
color: #0070c9; 
} 
body a.orange { 
color: #1f1f1f;
text-decoration: underline;
text-decoration-color: var(--MetaTextColor, #fecc00);
text-decoration-thickness: 3px;
transition: all .2s;
font-weight: 600;
} 
body a.orange:hover {
background:var(--MetaTextColor,#fecc00);color:#000;
}
body p.orange { 
width: 100%;
float: left;
font-weight: 600;
border-left: 3px solid #fecc00;
padding: 20px 0 20px 20px;
}
body b, body strong { 
font-weight: 500;
} 
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.webp);
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    text-indent: -9999px;
    overflow: hidden;
}
figure, section {
display: block;
}
@keyframes backgroundPulse {
0% { background-color: #edeef6; }
50% { background-color: #d6d8e6; } /* Cor mais escura */
100% { background-color: #edeef6; }
}
div#Core figure#principal {
width: 100%;
height: calc(100vw * (1800 / 1440)); /* Mantém a proporção da imagem */
margin: 0 auto;
padding: 0;
position: relative;
background-color: #edeef6;
animation: backgroundPulse 1s infinite ease-in-out; /* Aplicando animação */
}
div#Core figure#principal img, div#Core figure#principal video {
width: 100%;
height: 100%; 
object-fit: cover; 
object-position: center top; 
display: block;
}
div#Core header {
width: 100%;
float: left;
background-color: #edeef6;
}
div#Core header .container-header {
width: 100%;
float: left;
margin: 0;
padding: 0;
position: relative; 
}
div#Core header .container-header .container-head { 
width: 100%;
float: left;
padding: 0 7% 35px 7%;
}
div#Core h1 { 
width: 100%;
padding: 35px 0 20px 0;
margin: 0;
float: left;
font-size: 1.9rem;
line-height: 1.3;
color: #000;
font-family: 'DM Serif Display', serif;
}
div#Core .registro-medico {
display: inline-flex;
margin: 5px 0 10px 0;
}
div#Core .board-certified {
font-size: 0.875rem;
line-height: 1.125rem;
margin: 0 10px 10px 0;
background-image: url('../Icones/board--certified.svg');
background-size: 18px;
background-repeat: no-repeat;
padding-left: 22px;
display: block;
}
div#Core nav.menu-interno {
width: 100%;
display: block;
font-weight: 600;
font-size: 0.93rem;
margin: 20px 0 0 0;
}
div#Core nav.menu-interno ul {
width: 100%;
margin: 0;
padding: 0;
}
div#Core nav.menu-interno ul li {
width: auto;
margin: 0 10px 0 0;
padding: 10px 20px;
line-height: 20px;
display: inline;
border-radius: 4px;
background-color: #e5e7f2;
}
div#Core nav.menu-interno ul li:last-child {
margin: 0;
}
div#Core nav.menu-interno ul li a {
text-decoration: none;
color: #000;
}
div#Core p.focus {
font-size: 0.9rem;
}
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#Core div.container-right h2 {
line-height: 1.3;
font-size: 1.24rem;
width: 100%;
height: auto;
margin: 0 0 10px 0;
float: left;
}
div#Core section.especialidades {
width: auto;
margin: 0;
padding: 0;
}
div.all div.especialidades 
{
width: calc(100% - 7%);
max-width: 500px;
height: auto;
margin: 0 0 0 7%;
float: left;
padding: 20px 10px 0 0;
}
div.all div.especialidades ul { 
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 0;
list-style: none;
}
div.all div.especialidades ul li { 
width: 100%;
height: auto;
float: left;
padding: 0;
margin: 0 0 30px 0;
list-style: none;
}
div.all div.especialidades ul li div:first-child { 
width: 40px;
height: auto;
float: left;
padding: 0;
margin: 0;
}
div.all div.especialidades ul li div:first-child img { 
width: 36px;
}
div.all div.especialidades ul li div:last-child { 
width: calc(100% - 50px);
height: auto;
float: left;
padding: 0;
margin: 0 0 0 10px;
}
div.all div.especialidades ul li div:last-child h4 { 
width: 100%;
padding: 0;
margin: 0 0 5px 0;
font-size: 0.95rem;
line-height: 1.25rem;
}
div.all div.especialidades ul li div:last-child p { 
width: 100%;
padding: 0;
margin: 0;
color: rgb(106, 106, 106);
font-weight: 400;
font-size: 0.85rem;
line-height: 1.2rem;
}
div.all div.especialidades .box-top ol li { 
width: 98%;
list-style: none;
margin: 30px 0 -15px 5px;
padding: 0 0 0 26px;
font-weight: 400;
line-height: 1.6;
font-size: .95rem;
}
div.all div.especialidades ol li:last-child { 
background-image: none; 
margin: 30px 0 0 5px;
padding: 0 0 0 26px;
}
div.all section .box-top ol li a {
font-style: normal;
text-decoration: none;
text-transform: capitalize;
}
div.all section .box-top ol li a.agendar {
display: table;
margin-bottom: 10px;
padding: 0 20px 0 40px;
height: 40px;
line-height: 40px;
background-color: #e7fce3;
color: #227619;
font-size: 14px;
font-weight: 400;
text-decoration: none;
border-radius: 20px;
transition: background-color 0.3s ease, transform 0.3s ease;
background-image: url(../Icones/whatsapp--verde.svg);
background-size: 18px;
background-position: 15px 50%;
background-repeat: no-repeat;
}
div.all section .box-top ol li a.agendar:hover { 
background-color: #d4f8ce;
}
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.logos a {
text-decoration: none;
display: inline;
transition: opacity 0.3s ease;
}
div.all section div.logos:hover a {
opacity: .6;
}
div.all section div.box-top img.logo-clinica {
border-radius: 6px;
}
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.videos 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.videos div.videos .container {
position: relative;
}
div.all section.videos 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.videos 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.videos 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.videos 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.videos div.videos .caption span { 
line-height: 2.5rem;
width:auto; 
padding: 10px 20px 10px 5px; 
}
div.all section.videos div.videos .duas_tres { 
display: -webkit-box;
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical;
white-space: normal; 
line-height: 0;
padding: 15px 15px 35px 15px;
margin-bottom: -25px;
height: auto;
background-color: #eeeff3;
border-top-left-radius: 10px;   /* canto superior esquerdo */
border-top-right-radius: 10px; 
}
div.all section.videos div.videos .duas_tres span { 
line-height: 1.4rem;
padding: 10px 20px 10px 0; 
}
div.all section.videos div.videos .play-em {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
div.all section.videos div.videos .play-em img {
width: 50px;
height: 50px;
}
.placeholder { display: none !important; }
.visually-hidden { display: none !important; }
div.all section.videos { 
width: 100%;
height: auto;
}
div.all .details, div.all .editorial {
font-style: normal;
max-width: 780px;
font-weight: 400;
margin: 5px 0 10px 0;
padding: 0 15px 0 0;
}
div.all .editorial .article-author {
font-size: 80%;
opacity: .8;
}
div.all .affiliations-medical-education {
font-style: normal;
max-width: 780px;
font-weight: 400;
margin: 0 0 30px 0;
padding: 20px 15px 0 0;
}
div.all .about {
font-style: normal;
max-width: 780px;
font-weight: 400;
margin: 0 0 30px 0;
padding: 20px 15px 0 0;
}
.logos-hospitais {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 26px;
background-color: #edeef6;
padding: 40px 10px 30px 10px;
border-radius:20px;
margin-bottom: 20px;
}
div.all section .box-top div.border { 
width: calc(100% - 0px);
display: block;
font-size: 0.875rem;
padding: 10px 0 10px 0;
float: none;
display: flex;
align-items: flex-start;
}
div.all section .box-top div.border img {
width: 60px;
height: auto;
object-fit: cover; 
margin-right: 10px; 
border-radius: 4px;
align-self: stretch;
max-height: 110px;
}
div.all section .box-top div.border span {
flex: 1;
margin: 0;
}
div.all section .box-top address { 
width: calc(100% - 5px);
font-style: normal;
margin: 10px 5px 10px 0;
float: left;
}
div.all section .box-top address, 
div.all section span.atendimento { 
max-width: 780px;
}
a.maps-link {
width: auto;
display: table;
padding: 15px 80px 15px 15px;
background-color: #d5ecfe; 
color: #0162b0;
font-size: 14px;
line-height: 1.4;
font-weight: 700;
text-decoration: none;
border-radius: 8px;
transition: background-color 0.3s ease, transform 0.3s ease;
background-image: url('../Icones/mapa-button.webp'); 
background-size: 54px; 
background-position: right 15px center;
background-repeat: no-repeat;
}
a.maps-link:hover { 
background-color: #c9e6fc;
}
a.maps-link span.label-consultorio {
font-weight: 700;
}
div.all .icsly {
display: flex;
align-items: center;
gap: 15px;
}
div.all .icsly img {
width: 60px;
height: auto;
border-radius: 8px;
}
div.all .icsly h2.consultorio {
max-width: 780px;
margin: 15px 0 15px 0;
padding: 0 10px 0 0;
font-size: 1.28rem;
line-height: 1.4rem;
font-family: 'DM Serif Display', serif;
}
div.all .icsly h2.consultorio span {
max-width: 780px;
font-size: .95rem;
font-weight: 400;
display: block;    
font-family: 'FKGN-Regular', Arial, Helvetica, sans-serif;
}
.clinic-description {
max-width: 780px;
padding: 0 10px 0 0;
font-size: 0.85rem;
line-height: 1.3; 
display: flex;
align-items: flex-start;
gap: 12px; /* Espaço entre a imagem e o texto (opcional) */
}
.clinic-description p.consultorio {
flex: 1;
margin: 0;
}
.clinic-description img {
width: 100px;
height: auto;
flex-shrink: 0;
margin-top: 1rem;
}
.clinic-description p span {
color: #00b358;
font-weight: 500;
}
div.all section h2 {
width: 95%;
margin: 40px 0 0 0;
font-size: 1.125rem;
}
div.all section .box-top div.border span.atendimento { 
width: 90%;
display: block;
font-size: 0.9rem;
line-height: 1.3;
background-size: 18px; 
background-repeat: no-repeat; 
}
div.all .icsly, a.maps-link, div.all section .box-top div.border { 
max-width: 450px;
}
section.address .box-top {
max-width: 450px;
padding-right: 10px;
}
div.all section .box-top ul { 
list-style: none;
width: calc(100% - 0px);
padding: 0; 
margin: 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.dot {
list-style:disc;
width: 100%;
margin: 0 0 15px 20px;
text-align: left;
font-size: 90%;
font-weight: 600;
}
div.all section .box-top ul li a { 
text-decoration: none;
display:block;
transition: all 0.3s ease-in-out;
}
div.all section .box-top ul li.whatsapp--li { 
width:47%;
max-width: 180px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
background-color: #dafbd5;
}
div.all section .box-top ul li.whatsapp--li:hover { 
background-color: #d4f8ce;
}
.qrcodeWhatsapp { 
display: none;
}
.qrcodeTelefone { 
display: none;
}
div.all section .box-top ul li.telefone--li { 
width:47%;
max-width: 180px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
background-color: #d5ecfe;
}
div.all section .box-top ul li.telefone--li:hover { 
background-color: #c9e6fc;
}
li.whatsapp--li a { 
font-weight: 700;
color: #227619;
}
li.telefone--li a { 
font-weight: 700;
color: #0070c9;
}
li.whatsapp--li a span.whatsapp--span { 
width:100%;
padding: 60px 0 10px 0;
float: left;
border: none;
font-weight: 700;
font-size: 0.80rem;
line-height: 1.4;
background-size: 34px;  
background-repeat: no-repeat;
background-position: 50% 15px;
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: 100%; 
float: left;
border: none;
font-weight: 700;
font-size: 0.80rem;
line-height: 1.4;
padding: 60px 0 10px 0;  
background-size: 34px;  
background-repeat: no-repeat;
background-position: 50% 15px;
border-radius: 8px; 
}
div.all section ul li.whatsapp--li span.whatsapp--span span { 
font-weight: 400;
}
div.all section ul li.telefone--li span.telefone--span span { 
color: #0070c9;
font-weight: 400;
}
div.all section ul li.whatsapp--li span.whatsapp--span span.zap-mask { 
font-weight: 700;
font-size: 0.80rem;
}
div.all section ul li.telefone--li span.telefone--span span.tel-mask { 
font-weight: 700;
font-size: 0.80rem;
}
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;
}
.summary-pacientes {
border-left: 2px solid #c8c9d3;
padding: 0 0 0 25px;
margin: 30px 0 0 20px;
line-height: 1.5;
font-size: .9rem;
font-style: italic;
display: table;
}
div.all section div.depoimentos {
float: left;
}
div.all section div.depoimentos .container {
background-color: #edeef6;
animation: none !important;
}
div.all section div.depoimentos .container:nth-of-type(5n+1) {
background-color: #e9efef;
color: #012e2e;
}
div.all section div.depoimentos .container:nth-of-type(5n+2) {
background-color: #e5eaee;
color: #01213b;
}
div.all section div.depoimentos .container:nth-of-type(5n+3) {
background-color: #eaede7;
color: #1d3801;
}
div.all section div.depoimentos .container:nth-of-type(5n+4) {
background-color: #ebf0e8;
color: #163901;
}
div.all section div.depoimentos .container:nth-of-type(5n+5) {
background-color: #e7efec;
color: #013823;
}
.depoimentos .keen-slider__slide:first-child {
margin-left: 0;
}
.depoimentos .keen-slider__slide div.report {
padding: 35px 10px 0 20px;
font-size: 0.9rem;
line-height: 1.4;
}
.depoimentos .keen-slider__slide div.report h3 {
font-size: 0.9rem;
line-height: 1.4;
margin:  0 0 5px 0;
}
.depoimentos .keen-slider__slide div.report p {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 9; 
-webkit-box-orient: vertical;
overflow: hidden;
}
@keyframes backgroundPulse {
0% { background-color: #edeef6; }
50% { background-color: #d6d8e6; } /* Cor mais escura */
100% { background-color: #edeef6; }
}
div.all section div.photos .container {
position: relative;
overflow: hidden;
border-radius: 20px;
background-color: #edeef6;
animation: backgroundPulse 1s infinite ease-in-out; /* Aplicando animação */
}
div.all section div.photos .transparent {
width: 70%; 
border: none;
background-color: transparent;
animation: none;
}
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;
padding: 0 0 0 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 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: 105px;
height: 105px;
padding: 0;
}
.qr-code-advice {
width: 105px;
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: 105px; height: 105px; padding: 70px 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: .8rem; font-weight: 500; 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% 150px 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 ul.links-footer {
width: 100%;
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
footer#SiteFooter ul.links-footer li {
width: auto;
margin: 0 6px 0 0;
padding: 0;
display: inline;
list-style: none;
}
footer#SiteFooter ul.links-footer li a {
text-decoration: none;
font-size: 0.8rem;
font-weight: 600;
}
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 #developer a {
text-decoration: none;
}
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);
}


@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 figure#principal {
position: fixed;
width: 400px;
z-index: 9999; 
left: 0px;
top: 0px;
}
div#Core figure#principal img, div#Core figure#principal video {
width: 100%;
height: auto;
display: block;
}
div#Core header { 
height: 100vh;  
position: fixed;
width: 400px;
z-index: 9999; 
left: 0px;
top: 500px;
box-shadow: 0 4px 7px rgba(0, 0, 0, .18);
}
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: 2.2rem;
}
.h1-mobile {
display: block;
}
.h2-desktop {
display: none;
}
div#Core header .container-header .registro-medico {
margin: 5px 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#Core nav.menu-interno {
display: none;
}
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#Core div.container-right {
margin-left: 400px;
}
div.all div.especialidades .descricao {
padding: 0 8% 0 7%;
}
div.all div.especialidades ul.box-top {
margin: 45px 0 20px 5px;
}
div.all div.especialidades .box-top .procedimentos h3 { 
font-size: 1.05rem;
}
div.all div.especialidades .box-top ol li {
font-weight: 400;
}
div.all section.videos .details {
max-width: 650px;
}
div.all section div.photos .container .description {
padding: 100px 10% 20px 10%;
font-size: 1rem;
}
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 .description {
padding-bottom: 10px;
font-size: .9rem;
}
}

@media screen and (min-width: 1300px) {  /* TABLE Landscape */
nav#SiteNavBar { 
width: 590px;
}
div#Core header, div#Core header .container-header { 
width: 680px;
}
div#Core figure#principal {
position: fixed;
width: 590px;
height: 100vh;
z-index: 9999;
left: 0px;
top: 0px;
animation: backgroundPulse 0s infinite ease-in-out;
overflow: hidden;
}
div#Core figure#principal img, div#Core figure#principal video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
div#Core header {
width: auto;
margin-left: 590px;
margin-top: 0;
position: relative;
top:0;
background-color: transparent;
height: auto;  
z-index: 9999; 
left: 0px;
box-shadow: none;
}
div#Core header .container-header .container-head {
padding: 0 10% 0 45px;
}
div#Core header .container-header h1 {
padding: 55px 0 20px 0;
font-size: 2.2rem;
}
div#Core header .container-header .registro-medico {
margin: 10px 0 20px 0;
}
.h1-mobile {
display: none;
}
.h2-desktop {
display: block;
}
div#Core nav.menu-interno {
display: block;
}
div#Core div.container-right {
flex-grow: 1;
margin-left: 590px;
margin-top: 0;
overflow-x: hidden;
}
div.all div.especialidades {
max-width: none;
margin-top: 40px;
}
div.all div.especialidades ul li { 
width: auto;
max-width: 290px;
height: auto;
margin: 0 30px 15px 0;
}
div.all div.especialidades ul li div:last-child { 
min-height: 157px;
max-height: 157px;
float: left;
margin: 0 0 20px 10px;
overflow: hidden;
}
div#Core .board-certified {
font-size: 0.9rem;
line-height: 1.125rem;
margin: 0 15px 0 0;
padding-left: 24px;
}
div#Core p.focus {
font-size: 1rem;
}
div.all section div.box-top {
width: calc(100% - 45px);
margin: 0 0 0 45px;
}
div.all section.videos .details {
max-width: 780px;
font-family: sans-serif;
}
div.all .icsly, a.maps-link, div.all section .box-top div.border, section.address .box-top {
max-width: 580px;
}
div.all section .box-top ul li.whatsapp--li { 
width: 280px;
max-width: 280px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
background-color: #e7fce3;
}
.qrcodeWhatsapp { 
width: 110px;
display: inline;
padding: 14px 15px 0 15px;
float: left;
}
li.whatsapp--li a span.whatsapp--span { 
width:auto;
padding: 60px 0 10px 0;
}
div.all section .box-top ul li.telefone--li { 
width: 270px;
max-width: 270px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
background-color: #e1f0fb;
}
.qrcodeTelefone { 
width: 110px;
display: inline;
padding: 14px 15px 0 15px;
float: right;
}
div.all section ul li.telefone--li span.telefone--span { 
width:auto;
padding: 60px 0 10px 0;
margin-left: 20px;
}
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 100px 45px;
text-align: left;
float: left;
}
footer#SiteFooter div#cookies {
max-width: 650px;
}
}

@media screen and (min-width: 1440px) {
nav#SiteNavBar, div#Core figure#principal {
width: 680px;
}
div#Core header, div#Core div.container-right {
margin-left: 680px;
}
div#Core header, div#Core header .container-header { 
width: 730px;
}
div.all div.especialidades {
margin-left: 40px;
}
}

@media screen and (min-width: 1536px) {
nav#SiteNavBar, div#Core figure#principal {
width: 660px;
}
div#Core header, div#Core div.container-right {
margin-left: 660px;
}
div#Core header, div#Core header .container-header { 
width: 840px;
}
div.all div.especialidades ul li {
max-width: 340px;
margin: 0 50px 15px 0;
}
div.all div.especialidades ul li div:last-child { 
min-height: 105px;
max-height: 105px;
}
}

@media screen and (min-width: 1600px) {
nav#SiteNavBar, div#Core figure#principal {
width: 690px;
}
div#Core header, div#Core div.container-right {
margin-left: 685px;
}
div#Core header, div#Core header .container-header { 
width: 900px;
}
div.all div.especialidades ul li {
max-width: 370px;
margin: 0 50px 15px 0;
}
div.all div.especialidades ul li div:last-child { 
min-height: 160px;
max-height: 160px;
}
}

@media screen and (min-width: 1920px) {
nav#SiteNavBar, div#Core figure#principal {
width: 850px;
}
div#Core header, div#Core div.container-right {
margin-left: 850px;
}
div.all div.especialidades ul li {
max-width: 280px;
margin: 0 40px 15px 0;
}
div.all div.especialidades ul li div:last-child { 
min-height: 175px;
max-height: 175px;
}
}

@media screen and (min-width: 2000px) {
nav#SiteNavBar, div#Core figure#principal {
width: 1090px;
}
div#Core header, div#Core div.container-right {
margin-left: 1080px;
}
}

@media screen and (min-width: 2560px) {
nav#SiteNavBar, div#Core figure#principal {
width: 750px;
}
div#Core header, div#Core div.container-right {
margin-left: 750px;
}
div.all div.especialidades ul li {
max-width: 360px;
margin: 0 50px 15px 0;
}
div.all div.especialidades ul li div:last-child { 
min-height: 120px;
max-height: 120px;
}
}