@media(min-width: 991.99px) {
  .esconde-desktop {
    display: none;
  }

  .borda-cirurgias p {
    font-size: 22px;
  }
}

@media(max-width: 991.98px) {
  .esconde-mobile {
    display: none;
  }
}

/* Barra de rolagem personalizada */
body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background: white;
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(54, 87, 118);
  border-radius: 20px;
  border: 3px solid rgb(54, 87, 118);
}

/* Estilos globais */
html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Tipografia */
h2 {
  font-size: 36px;
}

p,
li,
a {
  font-size: 20px;
  font-weight: 400;
}

/* Classes de utilitários */
.fonte-bold {
  font-weight: bold;
}

.fonte-white {
  color: white;
}

.fonte-blue {
  color: #365776;
}

/* Media Query */
@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

/* Classes de posicionamento */
.no-padding {
  padding: 0;
  margin: 0;
}

.centraliza {
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.centraliza-desk-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ----------------- INICIO ------------------- */
.bg-inicio {
  background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2025/04/new-banner-dr-diego.jpg);
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  height: 850px;
  padding: 100px 0px;
}

.bg-inicio h1 {
  margin-top: 60px;
  color: #365776;
  font-size: 56px;
  font-weight: 500;
  line-height: 111.5%;
  /* 62.44px */
}

.bg-inicio h1 span {
  font-weight: 700;
}

.bg-inicio h2 {
  color: #444;
  font-size: 38px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.bg-inicio a {
  border-radius: 999px;
  background: #37BC5C;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 65%;
  padding: 15px 40px 15px 60px;
  text-align: left;
  margin-top: 58px;
  position: relative;
}

.bg-inicio a i {
  color: white;
  font-size: 22pt;
  padding: 16px 25px;
  position: absolute;
  right: -2px;
  top: 0;
  border-radius: 999px;
  background: #365776;
}

.bg-inicio a:hover {
  background-color: rgb(54, 87, 118);
  color: white;
  font-weight: bold;
  transition: 0.8S;
  border: 1px solid white;
}

.bg-inicio a::after {
  background-color: rgb(54, 87, 118);
  border-radius: 3rem;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(0deg);
  transform-origin: left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}

.bg-inicio a:hover::after {
  transform: translate(0, 0);
}

.bg-inicio a:hover {
  border: 2px solid transparent;
  color: white;
  transform: scale(1.05);
  will-change: transform;
}

.bg-inicio a:hover i {
  background-color: #37BC5C;
  color: white;
  font-weight: 100;
}

/* ---- Section COnvenios --- */
.section-convenios {
  margin-top: -80px;
  padding: 70px 100px 50px 100px;
  border-radius: 5px;
  background: #365776;
  color: white;
  background-attachment: fixed;
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-convenios.png);
}

.section-convenios img {
  width: 100%;
}

/* ---------------- PARTE 2 ------------ -*/
.bg-parte-2 {
  padding: 80px 0px;
  padding-top: 80px;
}

.bg-parte-2 img {
  margin-left: 140px;
}

.bg-parte-2 h2 {
  color: #003D6A;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 25px;
  line-height: 111.5%;
  /* 35.68px */
}

.bg-parte-2 a {
  border-radius: 999px;
  background: #37BC5C;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 45%;
  padding: 15px 40px 15px 40px;
  text-align: left;
  margin-top: 58px;
  position: relative;
}

.bg-parte-2 a i {
  color: white;
  font-size: 22pt;
  padding: 16px 25px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 999px;
  background: #365776;
}

.bg-parte-2 a:hover {
  background-color: rgb(54, 87, 118);
  color: white;
  font-weight: bold;
  transition: 0.8S;
  border: 1px solid white;
}

.bg-parte-2 a:hover {
  border: 2px solid transparent;
  color: white;
  transform: scale(1.05);
  will-change: transform;
}

.bg-parte-2 a:hover i {
  background-color: #1BB518;
  color: white;
  font-weight: 100;
}

/* --------- PARTE 3----- */
.bg-parte-3 {
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-3.png);
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  padding: 100px 0px;
  color: white;
}

.bg-parte-3 ul {
  list-style-image: url(/wp-content/themes/lp-dr-diego/img/polegar-para-baixo.png);
  margin-top: 10px;
}

.bg-parte-3 ul li span {
  position: relative;
  top: -5pxd;
}

.bg-parte-3 ul li {
  padding: 15px 0px;
}

.borda-white {
  background-color: white;
  padding: 39px 59px;
  color: #444;
  font-weight: 500;
  border-radius: 10px;
  border: 0px solid #DBF6F8;
  background: #FFF;
  box-shadow: 43px 50px 67px -3px rgba(0, 0, 0, 0.08);
  width: 100%;
}

/* --------- PARTE 4----- */
.bg-parte-4 {
  padding: 85px 0px;
}

.borda-quem-e {
  border-radius: 10px;
  border: 0px solid #DBF6F8;
  background: #FFF;
  box-shadow: 43px 50px 67px -3px rgba(0, 0, 0, 0.08);
  padding: 35px;
  margin-top: -120px;
  width: 100%;
}

.borda-quem-e ul {
  list-style-image: url(/wp-content/themes/lp-dr-diego/img/seta-direita.png);
}

.borda-quem-e li {
  font-size: 18px;
  padding: 6px 0px;
}

/* ------- PARTE 5 ---- --*/
.bg-parte-5 {
  background: #365776;
  padding: 80px 0px 60px 0px;
  color: white;
  background-attachment: fixed;
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-5.png);
}

.bg-parte-5 h2 {
  color: #000;
  text-align: center;
  margin-left: 20px;
  color: white;
  font-weight: 400;
  line-height: 160%;
  /* 57.6px */
}

.bg-parte-5 ul {
  list-style-image: url(/wp-content/themes/lp-dr-diego/img/aspas.png);
}

/* -------- BG-PARTE-6 ------ */
.bg-parte-6 {
  padding: 80px 0;
}

.padding-right {
  padding-right: 80px;
}

.img-negada {
  margin-top: -80px;
}

.borda-tratamentos {
  margin-top: 80px;
  background-color: #365776;
  box-shadow: drop-shadow(43px 50px 67px rgba(0, 0, 0, 0.08));
  padding: 30px;
  padding-top: 0;
  color: white;
}

/* ---- PARTE 7----*/
.bg-parte-7 {
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-7.png);
  background-position-x: 50%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-color: #365776;
  padding: 100px 0px;
  color: white;
}

.bg-parte-7 h2 {
  line-height: 160%;
}

.bg-parte-7 h2 span {
  font-size: 30px;
  font-weight: 400;
}

.bg-parte-7 a {
  border-radius: 999px;
  background: #37BC5C;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 78%;
  padding: 15px 40px 15px 60px;
  text-align: left;
  margin-top: 58px;
  position: relative;
}

.bg-parte-7 a i {
  color: white;
  font-size: 22pt;
  padding: 16px 25px;
  position: absolute;
  right: -2px;
  top: -2px;
  border-radius: 999px;
  background: #6182A0;
  border: 1px solid #6182A0;
}

.bg-parte-7 a:hover {
  background-color: #01A0A4;
  color: white;
  font-weight: bold;
  transition: 0.8S;
  border: 1px solid white;
}

.bg-parte-7 a::after {
  background-color: white;
  border-radius: 3rem;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(0deg);
  transform-origin: left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}

.bg-parte-7 a:hover::after {
  transform: translate(0, 0);
}

.bg-parte-7 a:hover {
  border: 2px solid transparent;
  color: #1BB518;
  transform: scale(1.05);
  will-change: transform;
}

.bg-parte-7 a:hover i {
  background-color: rgb(54, 87, 118);
  color: rgb(54, 87, 118);
  color: white;
  font-weight: 100;
}

/* ------ BG-PARTE-8 ----*/
.bg-parte-8 {
  padding: 80px 0px 38px 0px;
}

.borda-cirurgias h3 {
  color: #365776;
  font-size: 26px;
  font-weight: 700;
}

.borda-cirurgias {
  margin-top: 35px;
  background-color: #ffff;
  padding: 50px;
  height: 100%;
  -webkit-box-shadow: 43px 50px 67px -3px rgba(0, 0, 0, 0.20);
  -moz-box-shadow: 43px 50px 67px -3px rgba(0, 0, 0, 0.20);
  box-shadow: 43px 50px 67px -3px rgba(0, 0, 0, 0.20);
}

/* ----- BG-PARTE-9 --- */
.bg-parte-9 {
  background: #365776;
  padding: 80px 0px 60px 0px;
  background-attachment: fixed;
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-5.png);
  height: 400px;
}

.bg-parte-9 h2 {
  color: #000;
  text-align: center;
  margin-left: 20px;
  color: white;
  font-weight: 400;
  line-height: 160%;
  /* 57.6px */
}

.bg-parte-9 ul {
  list-style-image: url(/wp-content/themes/lp-dr-diego/img/aspas.png);
}

.cards-negados {
  margin-top: -160px;
}

/* ---------- bg-parte-10 --*/
.bg-parte-10 {
  padding: 180px 0px 0px 0px;
}

.bg-parte-10 h2 {
  font-size: 32px;
  margin-bottom: 41px;
  color: #003D6A;
  font-weight: 700;
}

.bg-parte-10 img {
  margin-top: -500px;
}

/* -------- BG PARTE 11 ----- */
.bg-parte-11 {
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-11.png);
  background-position-x: 100%;
  background-position-y: 70%;
  background-color: #365776;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  padding: 80px 0px;
  color: white;
}

.bg-parte-11 h2 {
  margin-bottom: 40px;
}

.bg-parte-11 a {
  border-radius: 999px;
  background: #37BC5C;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 65%;
  padding: 15px 40px 15px 60px;
  text-align: left;
  margin-top: 58px;
  position: relative;
}

.bg-parte-11 a i {
  color: white;
  font-size: 22pt;
  padding: 16px 25px;
  position: absolute;
  right: -2px;
  top: -2px;
  border-radius: 999px;
  background: #6182A0;
  border: 1px solid #6182A0;
}

.bg-parte-11 a:hover {
  background-color: #01A0A4;
  color: white;
  font-weight: bold;
  transition: 0.8S;
  border: 1px solid white;
}

.bg-parte-11 a::after {
  background-color: white;
  border-radius: 3rem;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, 0) rotate(0deg);
  transform-origin: left;
  transition: 0.2s transform ease-out;
  will-change: transform;
  z-index: -1;
}

.bg-parte-11 a:hover::after {
  transform: translate(0, 0);
}

.bg-parte-11 a:hover {
  border: 2px solid transparent;
  color: #1BB518;
  transform: scale(1.05);
  will-change: transform;
}

.bg-parte-11 a:hover i {
  background-color: rgb(54, 87, 118);
  color: rgb(54, 87, 118);
  color: white;
  font-weight: 100;
}

/*----- BG parte 12 ------ */
.bg-parte-12 {
  padding: 80px 0px;
}

/* ---------- BG-PARTE-13 -------- */
.bg-parte-13 {
  background: #365776;
  padding: 80px 0px 60px 0px;
  background-attachment: fixed;
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-13.png);
  color: white;
}

/* ------------- bg-parte-14 -------- */
.bg-parte-14 {
  padding: 80px 0px;
}

.bg-parte-14 img {
  padding: 5px 0px;
}

.bg-parte-14 ul {
  list-style: none;
  list-style-image: url(/wp-content/themes/lp-dr-diego/img/mapa.png);
  list-style-position: initial;
}

.bg-parte-14 ul li {
  padding: 5px 0px;
}

.bg-parte-14 ul a {
  color: #000;
  position: relative;
  top: -5px;
}

/*--------------- bg-parte-15 ---- */
.bg-parte-15 {
  padding: 60px 0px;
}

.bg-parte-15 h2 {
  margin-bottom: 40px;
}

.bg-parte-15 ul li {
  color: #365776;
  font-size: 25px;
}

.bg-parte-15 ul span {
  color: black;
  font-size: 20px;
}

.bg-parte-15 a {
  border-radius: 999px;
  background: #37BC5C;
  color: white;
  font-size: 20px;
  font-weight: 700;
  width: 40%;
  padding: 15px 40px 15px 60px;
  text-align: left;
  position: relative;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  display: block;
  margin-top: 58px;
}

.bg-parte-15 a i {
  color: white;
  font-size: 22pt;
  padding: 15px 25px;
  position: absolute;
  right: -2px;
  top: -2px;
  border-radius: 999px;
  background: #6182A0;
  border: 1px solid #6182A0;
}

.bg-parte-15 a:hover {
  background-color: rgb(54, 87, 118);
  color: white;
  font-weight: bold;
  transition: 0.8S;
  border: 1px solid white;
}

.bg-parte-15 a:hover i {
  background-color: #1BB518;
  color: white;
  border: 1px solid #1BB518;
  font-weight: 100;
}

/* -------- PARTE 16 ------ */
.bg-parte-16 {
  background: #365776;
  padding: 80px 0px 60px 0px;
  color: white;
  background-attachment: fixed;
  background-image: url(/wp-content/themes/lp-dr-diego/img/bg-parte-5.png);
}

.bg-parte-16 h2 {
  margin-top: 70px;
  font-weight: 700;
}

.bg-parte-16 img {
  width: 100%;
  height: auto;
}

/* --------  PARTE 17 ------ -*/
.bg-parte-17 {
  padding: 80px 0;
}

.bg-parte-17 h2 {
  color: #003D6A;
  text-align: center;
  font-weight: 700;
  line-height: 111.5%;
  /* 35.68px */
  margin-bottom: 40px;
}

.bg-parte-17 img {
  animation: animationgoogle 2s infinite;
  margin-bottom: 0px;
}

.bg-parte-17 h3 {
  color: #223D68;
  font-weight: 600;
  font-size: 22px;
  text-decoration: none;
  margin-top: 10px;
}

.bg-parte-17 a {
  text-decoration: none;
}

.bg-parte-17 h3:hover {
  color: #01A0A4;
  transition: 0.7s;
  font-weight: 900;
  text-decoration: underline;
}

@keyframes animationgoogle {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0px);
  }
}

/* --------- FOOTER -------- */
.bg-footer {
  background: #365776;
  padding: 30px 0px 60px 0px;
  color: white;
}

.bg-footer h3 {
  font-size: 19px;
  margin-top: 15px;
  margin-bottom: 25px;
}

.bg-footer h3 span {
  font-size: 19px;
}

#p-wta3 {
  font-size: 13px;
  font-weight: 400;
}

#p-wta3 a {
  color: white;
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
}

/* ----------- MEDIA QUERIES ---- */
@media(min-width: 1199.99px) and (max-width: 1999999px) {
  body {
    overflow-x: hidden;
  }

  .bg-parte-10 img {
    overflow-x: hidden;
  }
}

@media(min-width: 991.99px) and (max-width: 1199.98px) {
  h2 {
    font-size: 33px;
  }

  body {
    overflow-x: hidden;
  }

  /* --- SECTION 1 --- */
  .bg-inicio h1 {
    font-size: 42px;
  }

  .bg-inicio h2 {
    font-size: 35px;
  }

  .bg-inicio a {
    width: 90%;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 55%;
  }

  .bg-parte-2 img {
    margin-left: 0;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 20px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-x: 25%;
  }

  .bg-parte-7 a {
    width: 100%;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    width: 150%;
    height: auto;
    margin-top: -77px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
  }

  .bg-parte-11 a {
    width: 75%;
  }
}

@media(max-width: 991.98px) {
  body {
    overflow-x: auto;
  }

  .bg-parte-2 {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .bg-parte-10 {
    padding-top: 80px;
  }

  .bg-parte-16 img {
    width: 100%;
    height: auto;
  }
}

@media(min-width: 767.99px) and (max-width: 991.98px) {
  h2 {
    font-size: 33px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio h1 {
    font-size: 42px;
  }

  .bg-inicio h2 {
    font-size: 35px;
  }

  .bg-inicio a {
    width: 60%;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 45%;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-x: 25%;
  }

  .bg-parte-7 a {
    width: 66%;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
  }

  .bg-parte-11 a {
    width: 65%;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 a {
    width: 60%;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media(max-width: 600.99px) {
  .bg-parte-3 {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/bg-dores-costas-mobile.png);
    background-position-y: 80%;
    padding-bottom: 419px;
    background-position-x: 50%;
  }

  .bg-parte-7 {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/bg-tele-consulta-mobile.png);
    background-position-x: 50%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-color: #365776;
    padding: 100px 0px;
    padding-top: 180px;
    color: white;
  }

  .bg-parte-11 {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/bg-hernia-de-disco.png);
    padding-top: 358px;
    background-position-y: 0;
  }
}

@media(min-width: 550.99px) and (max-width: 767.98px) {
  h2 {
    font-size: 31px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-position-x: 58%;
  }

  .bg-inicio h1 {
    font-size: 42px;
  }

  .bg-inicio h2 {
    font-size: 33px;
  }

  .bg-inicio a {
    width: 73%;
  }

  .section-convenios {
    padding: 40px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 60%;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-x: 25%;
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/bg-tele-consulta-mobile.png);
    background-position-y: 35%;
  }

  .bg-parte-7 a {
    width: 80%;
    padding-left: 26px;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
  }

  .bg-parte-11 a {
    width: 75%;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 a {
    width: 75%;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media(min-width: 430.99px) and (max-width: 550.98px) {
  h2 {
    font-size: 29px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/topo-mobile-dr-diego.png);
    background-position-x: 72%;
    height: 1203px;
    padding: 70px 0;
  }

  .bg-inicio h1 {
    font-size: 37px;
    margin-top: 20px;
  }

  .bg-inicio h2 {
    font-size: 33px;
  }

  .bg-inicio a {
    width: 95%;
    margin-top: 25px;
  }

  .section-convenios {
    margin-top: 0;
    padding: 30px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 70%;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-x: 25%;
    background-position-y: 50%;
  }

  .bg-parte-7 a {
    width: 95%;
    padding-left: 26px;
    font-size: 18.5px;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
  }

  .bg-parte-11 a {
    width: 93%;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 a {
    width: 95%;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media(min-width: 380.99px) and (max-width: 430.98px) {
  h2 {
    font-size: 28px;
  }

  p,
  li,
  a {
    font-size: 17.5px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/topo-mobile-dr-diego.png);
    background-position-x: 100%;
    height: 1196px;
    padding: 70px 0;
    background-size: auto;
  }

  .bg-inicio h1 {
    font-size: 34px;
    margin-top: 20px;
  }

  .bg-inicio h2 {
    font-size: 30px;
  }

  .bg-inicio a {
    width: 98%;
    padding-left: 30px;
    margin-top: 25px;
  }

  .section-convenios {
    padding: 30px;
    margin-top: 0px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 90%;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* --- PARTE 5 --- */
  .bg-parte-5 {
    padding: 80px 40px 60px 40px;
  }

  .bg-parte-5 h2 {
    margin-left: -40px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-x: 25%;
    background-position-y: -56px;
  }

  .bg-parte-7 a {
    width: 318px;
    font-size: 16px;
    /* display: block; */
    padding-left: 20px;
  }

  .bg-parte-7 a i {
    padding: 14px 18px;
    padding: 15px 17px;
    font-size: 19pt;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
  }

  /* ---- PARTE 9--- */
  .bg-parte-9 h2 {
    margin-left: 0;
  }

  .bg-parte-9 ul {
    padding-inline-start: 76px;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  .bg-parte-10 h2 {
    font-size: 28px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
    padding-top: 265px;
  }

  .bg-parte-11 a {
    width: 95%;
    padding-left: 30px;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 a {
    width: 95%;
    padding-left: 30px;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media(min-width: 345.99px) and (max-width: 380.98px) {
  h2 {
    font-size: 28px;
  }

  p,
  li,
  a {
    font-size: 16px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/topo-mobile-dr-diego.png);
    background-position-x: 100%;
    height: 1020px;
    padding: 70px 0;
    background-size: cover;
  }

  .bg-inicio h1 {
    font-size: 30px;
    margin-top: 20px;
  }

  .bg-inicio h2 {
    font-size: 28px;
  }

  .bg-inicio a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
    margin-top: 25px;
  }

  .bg-inicio a i {
    padding: 14px 22px;
  }

  .section-convenios {
    padding: 30px;
    margin-top: 0px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 95%;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* --- PARTE 5 --- */
  .bg-parte-5 {
    padding: 80px 0px 60px 0px;
  }

  .bg-parte-5 ul {
    padding-inline-start: 80px;
  }

  .bg-parte-5 h2 {
    margin-left: -40px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 h2 span {
    font-size: 27px;
  }

  .bg-parte-7 {
    background-position-x: 25%;
    background-position-y: -56px;
  }

  .bg-parte-7 a {
    width: 318px;
    font-size: 16px;
    /* display: block; */
    padding-left: 20px;
  }

  .bg-parte-7 a i {
    padding: 14px 18px;
    padding: 15px 17px;
    font-size: 19pt;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
    padding: 30px;
  }

  /* ---- PARTE 9--- */
  .bg-parte-9 h2 {
    margin-left: 0;
  }

  .bg-parte-9 ul {
    padding-inline-start: 40px;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  .bg-parte-10 h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
    padding-top: 237px;
  }

  .bg-parte-11 a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
  }

  .bg-parte-11 a i {
    padding: 14px 22px;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
  }

  .bg-parte-15 a i {
    padding: 14px 22px;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }

  /* --- FOOTER --- */
  .bg-footer h3 {
    font-size: 17px;
  }
}

@media(min-width: 315.99px) and (max-width: 345.98px) {
  h2 {
    font-size: 24px;
  }

  p,
  li,
  a {
    font-size: 16px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/topo-mobile-dr-diego.png);
    background-position-x: 100%;
    height: 935px;
    padding: 70px 0;
    background-size: cover;
  }

  .bg-inicio h1 {
    font-size: 26px;
    margin-top: 20px;
  }

  .bg-inicio h2 {
    font-size: 24px;
  }

  .bg-inicio a {
    width: 100%;
    font-size: 16px;
    padding-left: 30px;
    margin-top: 25px;
  }

  .bg-inicio a i {
    padding: 14px 18px;
    font-size: 20pt;
  }

  .section-convenios {
    padding: 30px;
    margin-top: 0px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 80%;
    font-size: 17px;
    padding-left: 30px;
  }

  .bg-parte-2 a i {
    padding: 14px 18px;
    font-size: 20pt;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    padding: 20px;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* --- PARTE 5 --- */
  .bg-parte-5 {
    padding: 80px 0px 60px 0px;
  }

  .bg-parte-5 ul {
    padding-inline-start: 80px;
  }

  .bg-parte-5 h2 {
    margin-left: -40px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 {
    background-position-y: -50px;
    background-position-x: 25%;
  }

  .bg-parte-7 h2 span {
    font-size: 24px;
  }

  .bg-parte-7 a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bg-parte-7 a i {
    padding: 20px 34px;
    font-size: 26pt;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
    padding: 25 px;
  }

  /* ---- PARTE 9--- */
  .bg-parte-9 h2 {
    margin-left: 0;
  }

  .bg-parte-9 ul {
    padding-inline-start: 40px;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  .bg-parte-10 h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
    padding-top: 237px;
  }

  .bg-parte-11 a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
  }

  .bg-parte-11 a i {
    padding: 14px 22px;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 h2 {
    margin-bottom: 25px;
  }

  .bg-parte-15 a {
    width: 100%;
    font-size: 16px;
    padding-left: 30px;
  }

  .bg-parte-15 a i {
    padding: 14px 18px;
    font-size: 20pt;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }

  /* --- FOOTER --- */
  .bg-footer h3 {
    font-size: 15px;
  }
}

@media(min-width: 0.99px) and (max-width: 315.98px) {
  h2 {
    font-size: 23px;
  }

  p,
  li,
  a {
    font-size: 15px;
  }

  /* --- SECTION 1 --- */
  .bg-inicio {
    background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2023/10/topo-mobile-dr-diego.png);
    background-position-x: 100%;
    height: 935px;
    padding: 70px 0;
    background-size: cover;
  }

  .bg-inicio h1 {
    font-size: 24px;
    margin-top: 20px;
  }

  .bg-inicio h2 {
    font-size: 24px;
  }

  .bg-inicio a {
    width: 100%;
    font-size: 15px;
    padding-left: 30px;
    margin-top: 25px;
  }

  .bg-inicio a i {
    padding: 13px 15px;
    font-size: 20pt;
  }

  .section-convenios {
    padding: 30px;
    margin-top: 0px;
  }

  /* ---- PARTE 2 --- */
  .bg-parte-2 a {
    width: 90%;
    font-size: 17px;
    padding-left: 30px;
  }

  .bg-parte-2 a i {
    padding: 14px 18px;
    font-size: 20pt;
  }

  .bg-parte-2 img {
    margin-left: 0;
    margin-bottom: 20px;
  }

  /* --- PARTE 4 --*/
  .borda-quem-e {
    margin-top: 0;
    padding: 20px;
    box-shadow: 43px 50px 67px 50px rgba(0, 0, 0, 0.18);
  }

  .bg-parte-4 img {
    margin-bottom: 20px;
  }

  /* --- PARTE 5 --- */
  .bg-parte-5 {
    padding: 80px 0px 60px 0px;
  }

  .bg-parte-5 ul {
    padding-inline-start: 80px;
  }

  .bg-parte-5 h2 {
    margin-left: -40px;
  }

  /* ---- PARTE 6 --- */
  .padding-right {
    padding-right: 00px;
  }

  .borda-tratamentos {
    margin-top: 95px;
  }

  /* ---- PARTE 7 --- */
  .bg-parte-7 h2 span {
    font-size: 24px;
  }

  .bg-parte-7 {
    background-position-y: -50px;
    background-position-x: 25%;
  }

  .bg-parte-7 a {
    width: 100%;
    font-size: 18px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .bg-parte-7 a i {
    padding: 20px 22px;
    font-size: 26pt;
  }

  /* --- PARTE 8 --- */
  .borda-cirurgias {
    height: auto;
    padding: 25 px;
  }

  .borda-cirurgias h3 {
    font-size: 20px;
  }

  /* ---- PARTE 9--- */
  .bg-parte-9 h2 {
    margin-left: -15px;
  }

  .bg-parte-9 ul {
    padding-inline-start: 60px;
  }

  /* ---- PARTE 10 --- */
  .bg-parte-10 img {
    overflow-x: hidden;
    max-width: 100%;
    height: auto;
    margin-top: 0px;
  }

  .bg-parte-10 h2 {
    font-size: 22px;
    margin-bottom: 20px;
  }

  /* ---- PARTE 11 --- */
  .bg-parte-11 {
    background-size: cover;
    padding-top: 237px;
  }

  .bg-parte-11 a {
    width: 100%;
    font-size: 15px;
    padding-left: 30px;
  }

  .bg-parte-11 a i {
    padding: 13px 15px;
    font-size: 20pt;
  }

  /* ---- PARTE 13--- */
  .bg-parte-13 {
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ---- PARTE 15--- */
  .bg-parte-15 {
    padding-top: 0;
  }

  .bg-parte-15 h2 {
    margin-bottom: 25px;
  }

  .bg-parte-15 a {
    width: 100%;
    font-size: 15px;
    padding-left: 30px;
  }

  .bg-parte-15 a i {
    padding: 13px 15px;
    font-size: 20pt;
  }

  /* ---- PARTE 16--- */
  .bg-parte-16 h2 {
    margin-bottom: 40px;
    text-align: center;
  }

  /* --- FOOTER --- */
  .bg-footer h3 {
    font-size: 15px;
  }
}

.botao-wpp-flutuante {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  background-color: #25d366;
  color: #FFF;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 1px 1px 2px #888;
  z-index: 1000;
}

.botao-wpp-flutuante:hover {
  transition: 0.8S;
  background-color: #DDAA6B;
  color: white;
}

@media(max-width: 474.99px) {
  .botao-fixo-rodape-1 {
    position: fixed;
    bottom: -33px;
    width: 100%;
    height: 70px;
    z-index: 1000;
  }

  .botao-fixo-rodape-2 {
    position: fixed;
    bottom: 5px;
    width: 100%;
    height: 70px;
    z-index: 9997;
  }

  .img-rodape-2 {
    width: 10%;
  }

  .img-rodape-1 {
    width: 10%;
  }
}

@media(min-width:475px) and (max-width: 700.99px) {
  .botao-fixo-rodape-1 {
    position: fixed;
    bottom: -33px;
    width: 100%;
    height: 70px;
    z-index: 1000;
  }

  .botao-fixo-rodape-2 {
    position: fixed;
    bottom: 5px;
    width: 100%;
    height: 70px;
    z-index: 1000;
  }

  .img-rodape-2 {
    width: 10%;
  }

  .img-rodape-1 {
    width: 10%;
  }
}

@media(min-width:701px) and (max-width: 10000px) {
  .botao-fixo-rodape-1 {
    position: fixed;
    bottom: -33px;
    width: 100%;
    height: 70px;
    z-index: 1000;
  }

  .botao-fixo-rodape-2 {
    position: fixed;
    bottom: 5px;
    width: 100%;
    height: 70px;
    z-index: 999;
  }

  .img-rodape-2 {
    width: 7%;
  }

  .img-rodape-1 {
    width: 7%;
  }
}

@media(max-width: 550px){
	.bg-inicio {
    	background-image: url(https://coluna.drdiegozanin.com.br/wp-content/uploads/2025/04/new-banner-dr-diego-mobile.jpg);
    	background-position-x: 72%;
	}
}