#values@charset "utf-8";

/* ----------------------------------
Name: global.css
Version: 1.0.0
Autor: Fragmenta Soluciones Digitales
Website: https://www.fragmenta.mx
----------------------------------- */

/* ===================================
    Reset
====================================== */
*,
*::before,
*::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
html { font-size: 16px !important;}
body {
     font-family: 'Fredoka', sans-serif !important;
     -webkit-font-smoothing: antialiased;
     font-smooth: antialiased;
     /* font-size: 16px; */
     font-weight: 400;
     line-height: auto;
     color:#4C4C4C;
     background-color: #fff;
     margin: 0px;
     text-align: auto;
}
body, html {height: 100%; -moz-osx-font-smoothing: grayscale;}

section{
  position: relative;
   overflow-x:clip;
}


a, a:active, a:focus { color: ;; text-decoration: none;transition:all .5s ease;}
a:hover, a:active{color: #2F254D; text-decoration: none; cursor: pointer;transition:all .5s ease;}
/*a:focus, a:active, button:focus, button:active, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none; box-shadow: none; } */

/*footer a, footer a:active, footer a:focus { color: #ffffff; text-decoration: none; font-size: 12px; line-height: 20px;}*/
/*footer a:hover, footer a:active{color: #1158A0; text-decoration: none; cursor: pointer;}
footer a:focus, footer a:active, footer button:focus, footer button:active, footer .btn.active.focus, footer .btn.active:focus, footer .btn.focus, footer .btn:active.focus, footer .btn:active:focus,footer  .btn:focus {outline: none; box-shadow: none; }

/*img {max-width:100%; height:auto; }*/


/* ===================================
    Typography
====================================== */
b, strong {
  font-weight: 600;
}

/* heading */
h1, h2, h3, h4, h5, h6 {font-family: 'Fredoka', sans-serif; letter-spacing: 0;color: #4A5050;text-align: center;}

h1, .h1 {font-size:1.875rem; line-height:120%; font-weight: 400;}
h2, .h2 {font-size:1.75rem; line-height:120%; font-weight: 400;}
h3, .h3 {font-size:1.625rem; line-height:120%; font-weight: 400;}
h4, .h4 {font-size:1.125rem; line-height:120%; font-weight: 400;}
h5, .h5 {font-size:1rem; line-height:120%; font-weight: 400;}
h6, .h6 {font-size:1rem; line-height:120%; font-weight: 400;}

p {font-size:1.125rem;font-weight: 400;line-height:140%; text-align: center;}
.small {font-size:0.92rem;font-weight: 400;line-height:1.2rem;}


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

h1, h2, h3, h4, h5, h6 {text-align: inherit;}
p{text-align: inherit;}

}
/* md  */ @media (min-width: 768px) {



h1, .h1 {font-size:2.125rem; line-height:120%; font-weight: 400;}
h2, .h2 {font-size:2rem; line-height:120%; font-weight: 400;}
h3, .h3 {font-size:1.875rem; line-height:120%; font-weight: 400;}
h4, .h4 {font-size:1.375rem; line-height:120%; font-weight: 400;}
h5, .h5 {font-size:1.25rem; line-height:120%; font-weight: 400;}
h6, .h6 {font-size:1.125rem; line-height:120%; font-weight: 400;}


} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

h1, .h1 {font-size:2.375rem; line-height:120%; font-weight: 400;}
h2, .h2 {font-size:2.25rem; line-height:120%; font-weight: 400;}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {}
/* xxl */ @media (min-width: 1400px) {}


.text-alt{color: #14BCC4;}

.text-alt-pink{color: #F98FA9;}


/* ===================================
    Background color
====================================== */

.bg-alt{background: #14BCC4;}

.bg-deg-main{background: linear-gradient(180deg, #d0e9eb -2.42%, rgba(255, 255, 255, 0) 71.81%);background-color: #fff;}

/* ===================================
    Animation
====================================== */
/* Float animation */
.animation-float {
  animation: float 2000ms linear 500ms infinite alternate both;
}
@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(30px);
  }
}

/* ===================================
    Contenedores
====================================== */

/*citas*/

.content-cita{
  position: relative;
}

.content-cita img{
  position: absolute;
  top:0px;
  left: 0px;
  width: 120px;
}

.content-cita h4{
  font-size: 24px;
}

.content-cita{
  text-align: center;
}

/*Citas con sellos*/

.content-sello{
  width: 50%;
  height: auto;
}

.content-sello img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*Banner*/

.bg-inf-banner-1{background: #FFF7F1}

.banner-main{
  border-radius: 25px;
  display: grid;
  grid-template-columns: 1fr;
  min-height: 350px;
}

.banner-main .img{
  height: 250px;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.banner-main .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.banner-main .inf{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  padding: 30px;
}


/* ===================================
    Tags
====================================== */

.tag{
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 25px;
  text-align: center;
}

.tag span{
  font-size: 16px;
  font-weight: 600;
  line-height: 120%;
}

/* md  */ @media (min-width: 768px) {

.tag span{font-size: 18px;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {
.tag span{font-size: 22px;}
} /* ipad Landscape */


/* ===================================
    Button
====================================== */

.button-main {
  display: inline-block;
  padding: 6px 20px!important;
  border-radius: 8px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  color: #fff!important;
  z-index: 1;
  background: #1CBAC1;
  border: none;
}

.button-main p{
  font-weight: 600;
  color: #fff!important;
}

.btn-menu p{
  font-weight: 500!important;
  color: #fff!important;
}

.button-main i{
  font-size: 35px;
  margin-left: 10px;
  line-height: 0px;
}

.button-main:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-main:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #39bda7;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-main:hover {
  color: #ffffff;
}

.button-main:hover:before {
  top: -35%;
  background-color: #F98FA9;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-main:hover:after {
  top: -45%;
  background-color: #F98FA9;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

/*Btn whatsapp banner*/

.button-whatsapp {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 8px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  z-index: 1;
  background: #F98FA9;

}

.button-whatsapp i{
  font-size: 20px;
}

.button-whatsapp:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #39bda7;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp:hover {
  color: #ffffff;
}

.button-whatsapp:hover:before {
  top: -35%;
  background-color: #14BCC4;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-whatsapp:hover:after {
  top: -45%;
  background-color: #14BCC4;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}


/*Btn alt whatsapp banner*/

.button-whatsapp-alt {
  display: inline-block;
  padding: 8px 20px;
  border-radius: 8px;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  z-index: 1;
  background: #1CBAC1;
}

.button-whatsapp-alt i{
  font-size: 20px;
}

.button-whatsapp-alt:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp-alt:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #F98FA9;;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp-alt:hover {
  color: #ffffff;
}

.button-whatsapp-alt:hover:before {
  top: -35%;
  background-color: #F98FA9;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-whatsapp-alt:hover:after {
  top: -45%;
  background-color: #F98FA9;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}


/*------Btn videos-----*/

.cont-btn-video{
  position: absolute;
  top:0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-video{
  background: transparent;
  opacity: 0.8;
  color: #111B43;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: all 0.7s ease;
}

.btn-video i{
  color: #FFFFFFCC;
font-size: 80px;
  line-height: normal;
  transition: all 0.7s ease;
}

.btn-video:hover{
  color: #fff;
  transition: all 0.7s ease;
}

.btn-video:hover i{
  color: #14BCC4;
}

/*Link Flecha*/

.main-link a{color:#14BCC4; text-decoration: none; font-size: 14px;font-weight: 600;font-family: 'Fredoka', sans-serif; border-bottom: 1.5px solid #14BCC4;}

.main-link a {
  -webkit-transition: ease-in-out 0.7s !important;
  -moz-transition: ease-in-out 0.7s !important;
  -ms-transition: ease-in-out 0.7s !important;
  -o-transition: ease-in-out 0.7s !important;
  transition: ease-in-out 0.7s !important;

}

.main-link i{color: #14BCC4;font-size: 16px;transition: ease-in-out 0.7s !important;}


.main-link a:hover {
  margin-left: 20px;
  color: #4A99A6;
  -webkit-transition: ease-in-out 0.7s !important;
  -moz-transition: ease-in-out 0.7s !important;
  -ms-transition: ease-in-out 0.7s !important;
  -o-transition: ease-in-out 075s !important;
  transition: ease-in-out 0.7s !important;
  border-bottom: 1.5px solid #4A99A6;
}

.main-link a:hover i{color: #4A99A6;transition: ease-in-out 0.7s !important;}


.link-white a{color: #fff;border-bottom: 1.5px solid #fff;}
.link-white i{color: #fff;}


/*Btn whatsapp top*/

.button-whatsapp-top {
  display: inline-block;
  padding: 10px;
      border-radius: 50%;
transition: all 0.2s ease-in;
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: 500;
cursor: pointer;
color: #14BCC4;
z-index: 1;
width: auto;
height: auto;
}

.button-whatsapp-top svg{
  width: 50px;
  height: 50px;
  shape-rendering: geometricPrecision;
  vector-effect: non-scaling-stroke;
}



.button-whatsapp-top:hover {
  color: #ffffff;
}



/*Btn whatsapp top Contacto*/

.button-whatsapp-top-contact {
  display: inline-block;
  padding: 8px 10px;
      border-radius: 39px;
transition: all 0.2s ease-in;
position: relative;
overflow: hidden;
font-size: 16px;
font-weight: 500;
cursor: pointer;
color: #14BCC4;
z-index: 1;
background: #fff;
box-shadow: 0px 0px 12px 0px #00000040;

}

.button-whatsapp-top-contact svg{
  width: 25px;
  height: 25px;
}

.button-whatsapp-top-contact:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp-top-contact:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #39bda7;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.button-whatsapp-top-contact:hover {
  color: #ffffff;
}

.button-whatsapp-top-contact:hover:before {
  top: -35%;
  background-color: #14BCC4;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.button-whatsapp-top-contact:hover:after {
  top: -45%;
  background-color: #14BCC4;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}


/* ===================================
    Galerias
====================================== */
/*Galeria Doctor*/

.galery-dr-bn{
  position: relative;
  top:50px;
}

.dr-galeria{
  position: absolute;
  bottom: -15px;
  left: 50%;
  height: 80%;
  transform: translate(-50%, -0%);
  z-index: 1;
}

.carousel-wrapper {
  width: 100%;
  overflow: hidden;
}

.carousel-track {
  display: flex;
  animation: scroll 30s linear infinite;
}

.carousel-track-right {
  display: flex;
  animation: scroll-right 30s linear infinite;
}


.item {
  min-width: 180px;
  height: 220px;
  margin: 0 10px;
}

.item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}


/* Animación */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 3));
  }
}

@keyframes scroll-right {
  100% {
    transform: translateX(0);
  }
  0% {
    transform: translateX(calc(-300px * 3));
  }
}



/* ===================================
    Numeralia
====================================== */

/* ===================================
       Call to action
====================================== */

.curve-top-cta{
  width: 100%;
  height: 60px;
  clip-path: ellipse(150% 100% at 50% 100%);
  -webkit-clip-path: ellipse(150% 100% at 50% 100%);
  background: #4A99A6;;
  z-index: 1;
position: relative;
}

.bg-cta{background: #4A99A6;}
.bg-cta-nosotros{background: #C1E3E5!important;}
.bg-cta-tratamiento{background: linear-gradient(0deg, #FFF7F1 14.3%, #FFEBF0 83.06%);top: -26px;}

.img-cta{
  opacity: 0.5;
width: 400px;
position: absolute;
z-index: 20;
bottom: -120px;
right: -25px;
}

.img-cta-nosotros{
  width: 400px;
position: absolute;
bottom: 20px;
right: -35px;
z-index: 1;
opacity: 0.5;
}



.img-cta-tratamiento{
  width: 200px;
    position: absolute;
    z-index: 50;
    bottom: 250px;
    left: 0px;
}


.curve-top-cta-tratamiento{
  width: 100%;
height: 100px;
background-image: url(../../assets/img/tratamientos/footer-banner/curvatura-rosa.svg);
background-position: top;
background-size: cover;
position: relative;
z-index: 1;
    top: -25px;
    pointer-events: none;
}



/* ===================================
    Iconos
====================================== */

/* ===================================
    hover
====================================== */

.image{
  transition-duration: 5s;
}

.hover-zoom:hover .image,
.parent:hover .hover-zoom .image {
	transform: scale(1.1);
	transition-duration: 5s;
}

.hover-zoom-rotate:hover .image,
.parent:hover .hover-zoom-rotate .image {
	transform: scale(1.1) rotate(3deg);
	transition-duration: 7s;
}


/* ===================================
    Cards
====================================== */


/* ===================================
    icons
====================================== */


/* ===================================
    Grid
====================================== */

.grid-1fr{grid-template-columns: 1fr;}
.no-gap{gap:0px;}
.gap-10{gap:10px;}
.gap-20{gap:20px;}
.gap-30{gap:30px;}
.gap-40{gap:40px;}
.gap-50{gap:50px;}
.gap-100{gap:100px;}

/* ===================================
    Alertas
====================================== */

.noti-info{
  color:#fff;
  background: #F98FA9;
  padding: 15px;
  width: 100%;
  border-radius: 8px;
  margin-bottom: 30px;
}

/* ===================================
    Forms
====================================== */



/* ===================================
    borders
====================================== */



/* ===================================
    Cv Doctor
====================================== */

/*Seccion cv doctor*/

.galery-dr{
  position: relative;
  top:80px;
}

.grid-cv-dr{
display: grid;
grid-template-columns:1fr;
gap:0px;
grid-template-areas:
"img"
"cv";

}

.inf-cv{grid-area: cv;}


.content-dr{
  height: auto;
  position: relative;
  grid-area: img;
  display: flex;
  justify-content: center;
}

.content-dr img{
  width: 100%;
height: auto;
/* object-fit: contain; */
position: relative;
top: 0%;
right: 0px;
}




/* ===================================
   Acordeon
====================================== */

#values{
  background-color: transparent;
}

.accordion-button:not(.collapsed) {
  color: initial;
  background-color: transparent;
  box-shadow: none;
}

.accordion-button {
  position: relative;
  display: initial;
  align-items: center;
  width: 100%;
  padding: 15px 0rem;
  font-size:initial;
  color: initial;
  text-align: none;
  background-color: transparent;
  border-bottom: 1px solid #4C4C4C33;
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;

}

.accordion-button::after{
  position: absolute;
  right: 0;
  top: 0;
  content: "\F4FE";
  font-family: bootstrap-icons !important;
  color: #14BCC4;
  background-image: none;
  font-size: 30px;
font-weight: 600;
  width: auto;
  height: auto;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #fff !important;
  box-shadow: 0 0 0 0 white;
}

.accordion-body{
  padding: 1rem 0rem;
}

.accordion-button:not(.collapsed)::after{
  background-image: none;
  content: "\F2EA";
  font-family: bootstrap-icons !important;
}




/* ===================================
    Read More
====================================== */

.read-more p:last-child {
  margin-bottom: 0;
}
.read-more__link-wrap {
  display: block;
  color:#14BCC4;
  display: flex;
}

.read-more__link-wrap i{
  color:#14BCC4;
  margin-top: 2px;
}

.read-more__link-wrap p{
  color:#14BCC4;
  text-decoration: none;
  font-weight: 600;
  margin-bottom: 0;
}

.read-more__link-wrap a{
  text-decoration: none!important;
  display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}


.read-more__link {
  font-weight: 700;
}

.read-more.is-inline,
.read-more.is-inline p,
.read-more.is-inline + span {
  display: inline;
  transition:all .7s ease;
}

.read-more.is-inline + span {
  margin-left: 0.25em;
  transition:all .7s ease;
}

.read-more.is-inline.is-expanded + span {
  display: inline-block;
  margin-left: 0;
  transition:all 15s ease;
}

.is-expanded{
  transition:all 15s ease;
}

.read-more{
  transition:all .7s ease;
}

article {
  width: 100%;
  line-height: 1.4;

  transition:all .7s ease;
}
article + article {
  border-top: 1px solid #ddd;
}
.extra-text {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  transition: all 0.7s ease;
  margin-top: 10px;
  margin-bottom: 10px;
}

.js-read-more.expanded .extra-text {
  max-height: 1000px;
  opacity: 1;
}

/* ===================================
    Responsive
====================================== */

/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {

.img-cta-tratamiento{width: 200px;bottom: 190px;left: 0px;}

} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {

.banner-main{grid-template-columns: 40% 1fr;height: auto;}
.banner-main .img{
  height: 100%;
  border-top-left-radius: 25px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 0px;
}
.banner-main .img img{
  border-top-left-radius: 25px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 0px;
}

.banner-main .inf{
  border-top-left-radius: 0px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 25px;
  padding: 50px;
}

.content-sello{
  width: 100%;
  height: auto;
}

/*Galeria Blanco y negro*/
.dr-galeria{height: 110%;}


/*Grid*/
.sm-grid-80{grid-template-columns: 80% 1fr;}
.sm-grid-75{grid-template-columns: 75% 1fr;}
.sm-grid-70{grid-template-columns: 70% 1fr;}
.sm-grid-65{grid-template-columns: 65% 1fr;}
.sm-grid-60{grid-template-columns: 60% 1fr;}
.sm-grid-55{grid-template-columns: 55% 1fr;}
.sm-grid-50{grid-template-columns: 1fr 1fr;}
.sm-grid-45{grid-template-columns: 45% 1fr;}
.sm-grid-40{grid-template-columns: 40% 1fr;}
.sm-grid-35{grid-template-columns: 35% 1fr;}
.sm-grid-30{grid-template-columns: 30% 1fr;}
.sm-grid-20{grid-template-columns: 20% 1fr;}
.sm-grid-15{grid-template-columns: 15% 1fr;}
.sm-no-gap{gap:0px;}
.sm-gap-10{gap:10px;}
.sm-gap-20{gap:20px;}
.sm-gap-30{gap:30px;}
.sm-gap-40{gap:40px;}
.sm-gap-50{gap:50px;}

/*Cta*/
.img-cta-nosotros{width: 550px;bottom: -40px;right: -70px; opacity: 1;}
.img-cta-tratamiento{width: 230px;bottom: 190px;left: 0px;}


/*Citas*/
.content-cita{
  text-align: left;
}

}
/* md  */ @media (min-width: 768px) {

.main-link a{font-size: 16px;}

.button-whatsapp{
  font-size: 16px;
}

.button-whatsapp-top svg{
  width: 60px;
}

.btn-video{width: 120px;height: 120px;}
.btn-video i{font-size: 120px;}

/*Cv doctor*/
.grid-cv-dr{grid-template-areas:
"cv img";gap:50px;grid-template-columns: 60% 1fr;}
.content-dr{height: 450px;position: inherit;}
.content-dr img{width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
top: -5%;
right: 0px;}


/*Galeria Blanco y negro*/
.dr-galeria{height: 110%;}
.item {min-width: 220px;height: 280px;}

/*Grid*/
.md-grid-80{grid-template-columns: 80% 1fr;}
.md-grid-75{grid-template-columns: 75% 1fr;}
.md-grid-70{grid-template-columns: 70% 1fr;}
.md-grid-65{grid-template-columns: 65% 1fr;}
.md-grid-60{grid-template-columns: 60% 1fr;}
.md-grid-55{grid-template-columns: 55% 1fr;}
.md-grid-50{grid-template-columns: 1fr 1fr;}
.md-grid-45{grid-template-columns: 45% 1fr;}
.md-grid-40{grid-template-columns: 40% 1fr;}
.md-grid-35{grid-template-columns: 35% 1fr;}
.md-grid-30{grid-template-columns: 30% 1fr;}
.md-grid-20{grid-template-columns: 20% 1fr;}
.md-grid-15{grid-template-columns: 15% 1fr;}
.md-no-gap{gap:0px;}
.md-gap-10{gap:10px;}
.md-gap-20{gap:20px;}
.md-gap-30{gap:30px;}
.md-gap-40{gap:40px;}
.md-gap-50{gap:50px;}

/*cta*/
.img-cta{
  width: 500px;
position: absolute;
z-index: 20;
bottom: -95px;
right: -100px;
opacity: 1;
}

.curve-top-cta{
    height: 100px;
  clip-path: ellipse(60% 100% at 50% 100%);
  -webkit-clip-path: ellipse(60% 100% at 50% 100%);
}

.img-cta-nosotros{width: 650px;bottom: -40px;right: -60px;}
.img-cta-tratamiento{width: 400px;bottom: -40px;left: -35px;}



} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

/*Cv dr*/
.content-dr{height: 600px;position: inherit;}
.content-dr img{width: 100%;
height: 100%;
object-fit: contain;
position: absolute;
top: -10%;
right: 0px;}

/*Galeria Blanco y negro*/
.item {height: 280px;}

/*Grid*/
.lg-grid-80{grid-template-columns: 80% 1fr;}
.lg-grid-75{grid-template-columns: 75% 1fr;}
.lg-grid-70{grid-template-columns: 70% 1fr;}
.lg-grid-65{grid-template-columns: 65% 1fr;}
.lg-grid-60{grid-template-columns: 60% 1fr;}
.lg-grid-55{grid-template-columns: 55% 1fr;}
.lg-grid-50{grid-template-columns: 1fr 1fr;}
.lg-grid-45{grid-template-columns: 45% 1fr;}
.lg-grid-40{grid-template-columns: 40% 1fr;}
.lg-grid-35{grid-template-columns: 35% 1fr;}
.lg-grid-30{grid-template-columns: 30% 1fr;}
.lg-grid-20{grid-template-columns: 20% 1fr;}
.lg-grid-15{grid-template-columns: 15% 1fr;}
.lg-grid-3fr{grid-template-columns: repeat(3,1fr);}
.lg-no-gap{gap:0px;}
.lg-gap-10{gap:10px;}
.lg-gap-20{gap:20px;}
.lg-gap-30{gap:30px;}
.lg-gap-40{gap:40px;}
.lg-gap-50{gap:50px;}

/*cta*/
.img-cta{
  width: 500px;
position: absolute;
z-index: 20;
bottom: -95px;
right: -25px;
}

.img-cta-nosotros{width: 750px;bottom: -40px;right: -60px;}
.img-cta-tratamiento{width: 450px;bottom: -40px;left: -25px;}



} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {

/*Cta*/
.img-cta-tratamiento{width: 500px;bottom: -40px;left: 0px;}


}
/* xxl */ @media (min-width: 1400px) {}