/* Mantener ratio 4:3 para imágenes responsive */
.ratio-4-3 {
  position: relative;
  width: 100%;
}
.ratio-4-3 > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ratio-4-3::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Lato:wght@400;700&display=swap');

body {
    font-family: 'Lato', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Playfair Display', serif;
}

@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}
.chatwith {
  z-index: 50 !important
}
.z-index-max {
  z-index: 9999 !important;
}
.grecaptcha-badge {
  display: none !important;
}
footer {
  padding-bottom: 100px !important;
}

.main-medicine .main-box,
.main-medicine .main-box * {
  border-color: black !important;
  background-size: cover;
  background-position: center center;
}
.main-medicine .main-box .btn-light,
.main-medicine .main-box * .btn-light {
  background: transparent !important;
}
.main-medicine .main-box .btn-light:hover,
.main-medicine .main-box * .btn-light:hover {
  transform: scale(1.02);
}
.main-medicine .main-box .main-box-bg,
.main-medicine .main-box * .main-box-bg {
  position: relative;
  z-index: 0;
}
.main-medicine .main-box .main-box-bg > *,
.main-medicine .main-box * .main-box-bg > * {
  position: relative;
  z-index: 2;
}
.main-medicine .main-box .main-box-bg::before,
.main-medicine .main-box * .main-box-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
  pointer-events: none;
}
.main-medicine .main-box .orejas,
.main-medicine .main-box * .orejas {
  background-image: url("../../images/banners/relleno-orejas-acido-hialuronico.jpg");
}
.main-medicine .main-box .mandibula,
.main-medicine .main-box * .mandibula {
  background-image: url("../../images/banners/marcacion-mandibular-acido-hialuronico.jpg");
}
.main-medicine .main-box .menton,
.main-medicine .main-box * .menton {
  background-image: url("../../images/banners/tratamiento-acido-hialuronico-menton.jpg");
}
.main-medicine .main-box .triangulo,
.main-medicine .main-box * .triangulo {
  background-image: url("../../images/banners/tratamiento-triangulo-invertido.jpg");
}
.main-medicine .main-box .barras,
.main-medicine .main-box * .barras {
  background-image: url("../../images/banners/acido-hialuronico-codigo-de-barras.jpg");
}
.main-medicine .main-box .labios,
.main-medicine .main-box * .labios {
  background-image: url("../../images/banners/tratamiento-relleno-de-labios.jpg");
}
.main-medicine .main-box .marioneta,
.main-medicine .main-box * .marioneta {
  background-image: url("../../images/banners/linea-marioneta.jpg");
}
.main-medicine .main-box .neuromodeladores,
.main-medicine .main-box * .neuromodeladores {
  background-image: url("../../images/banners/tratamientos-medicina-estetica.jpg");
}
.a-landing-border {
  border-width: 2px !important;
  border-color: rgb(235 228 213 / var(--tw-border-opacity, 1));

}