html, body { width: 100%; height: auto; margin: 0; padding: 0;   background: #fff; color: #09176a;  font-family: 'Montserrat', sans-serif; font-weight: 300; letter-spacing: 1px;  scroll-behavior: smooth; letter-spacing: -.5px !important; }
body { overflow-x: hidden !important; padding-top: 70px; animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */ }
@keyframes fadein { from { opacity:0; } to { opacity:1;} }

@-moz-keyframes fadein { /* Firefox */ from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein { /* Opera */ from { opacity:0; } to { opacity:1;} }

header { width: 100%; height: 100px; position: fixed; z-index: 25; 
          padding-top: 15px; text-align: right; transition:all 0.9s ease; background: #081568;
background: -webkit-linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
background: linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081568", endColorstr="#12B58E", GradientType=1); 
           text-align: right;  top:0; box-shadow: 1px 1px 20px rgb(0, 0, 0, .2); }
section { width: 100%; height: auto; padding: 0px 0; overflow-x: hidden !important; }
footer { width: 100%; height: auto; padding: 70px 0;
          padding-top: 15px; transition:all 0.9s ease; background: #081568;
background: -webkit-linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
background: linear-gradient(90deg, rgba(8, 21, 104, 1) 0%, rgba(18, 181, 142, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#081568", endColorstr="#12B58E", GradientType=1); }
footer ul { border-left: #09176a solid 1px; padding:0 0 0 25px; font-weight: 600; }
footer ul li { list-style: none; }
footer ul li a { color: #fff; font-size: 14px; }
footer ul li a:hover { color: #d797df; text-decoration: none; }
footer hr { width: 1px; height: 100px; background: #9c9c9c; }
footer p { font-size: 13px;  letter-spacing:-.5px; }
h1, h2, h3, h4, h5, hr, a, li, p {  transition: all 0.3s !important; letter-spacing: -.5px;  }
.burger { position: absolute; top: 2px; right: 25pxheight:; cursor: pointer; display: none !important; z-index: 999; }
.burger:hover { color:#ef7236 !important; font-weight: bold;  }
a, a:hover { text-decoration: none; }
.ig:hover { opacity: .5; }

.rs { display: inline-block; vertical-align: top; margin: 0 5px; color: #95609c !important; font-weight: 500 !important; }
p { font-size: 14px; font-weight: 500; letter-spacing:-.5px; }
b { font-weight: 700; }
.licencia { font-size: 14px; font-weight: 600; margin-top: 33px; }
.licencia a { color:#fff !important; }
.licencia a b { font-weight: 800 !important; }
/*HEADER*/
.logo { position: absolute; top: 8px; left: 7%;  }
ul.menu hr { margin:5px 0 !important; opacity: 0 ; transition: all 0.3s;  }
ul.menu { max-width: 1080px; height: auto; margin: 0 auto;  }
ul.menu li { list-style: none; display: inline-block; vertical-align: top; margin-left: 10px; }
ul.menu li a { color: #09176a; font-weight: 700; font-size: 14px; text-transform:uppercase;  }
ul.menu li a:hover { color: #fff; text-decoration: none; }


.lista { font-weight: 600; font-size: 16px; line-height: 30px; padding-left: 20px; width:290px;  }
.hidde_ { opacity: 0; }
.burger { display: none; position: fixed; right: 25px; top: 20px; }
.sn1 { margin-left: 30px !important; width: 120% !important; }
a.btn { background: #886898; border-radius: 15px; color: #fff; width: auto; margin-top: 25px; box-shadow: 1px 10px 19px rgba(0, 0, 0, .3); }
a.btnn { background: #886898; padding: 15px 30px; font-weight: 500; letter-spacing: 1.5px;  border-radius: 15px; color: #fff; width: auto; margin-top: 25px; box-shadow: 1px 10px 19px rgba(0, 0, 0, .3); }

a.btn_ { font-weight: 700; font-size: 15px; color: #09176a; margin-top: 25px; }
a.btn_2 { background: #5cd2a5; border-radius: 15px; color: #fff; width: auto; margin: 45px auto; padding: 10px 15px; }
a.btn_2:hover { background: #5cd2a5; border-radius: 15px; color: #09176a; width: auto; margin: 45px auto; padding: 10px 15px; text-decoration: none; }
a.btn_3 { background: #5cd2a5; border-radius: 15px; color: #09176a; width: auto; margin: 5px auto; padding: 10px 15px; font-weight: 500; }
a.btn_3:hover { background: #5cd2a5; border-radius: 15px; color: #fff; width: auto; margin: 45px auto; padding: 10px 15px; text-decoration: none; }

.cita { height: 30px; line-height: 30px; width:140px ; text-align: center; border-radius: 15px; border: #8c8c8c solid 1px; color: #09176a; padding: 10px 15px; vertical-align: middle; font-weight: 800; font-size: 16px; }
.cita:hover { color: #d797df; text-decoration: none; }
.llama {background: url(img/tel2.svg) no-repeat; display: inline-block; color: #09176a; line-height: 14px; background-position: center left; background-size: 30px auto; width:160px; text-align: left; padding-left: 35px; vertical-align: middle; }
.llama span { font-size: 9px; margin-bottom: 0px;  }
.llama:hover { color: #fff; }

.llama_ {background: url(img/wh.svg) no-repeat; display: inline-block; color: #09176a; line-height: 14px; background-position: center left; background-size: 30px auto; width:160px; text-align: left; padding-left: 35px; vertical-align: middle; }
.llama_ span { font-size: 9px; margin-bottom: 0px;  }
.llama_:hover { color: #fff; }

.licencia a { color: #09176a; font-size: 12px; font-weight: 500; letter-spacing: .5px; }

/* CUERPO INDEX  */
#evolution-team { background: url(img/inicio.jpg) no-repeat center; background-size: cover; margin-top: 0px; padding:100px 0; }
#evolution-team h2 { font-family: 'Poppins'; font-weight: 500; color: #fff; font-size: 45px; }
#evolution-team h3 { font-size: 9.4vh; line-height: 9.8vh; color: #fff; font-weight: 200; max-width: 450px; }
#evolution-team h1  { font-size: 3.4vh; line-height: 3.8vh; color: #fff; font-weight: 400; max-width: 500px; margin-bottom: 50px; }

.lista { width:290px; display:inline-block; vertical-align: top; }

#somos { background:#fff url(img/degradado.jpg) repeat-x ; background-size: auto 100%; margin-top: 30px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#somos .titulo { font-size: 3.4vh; line-height: 4.2vh; margin-bottom: 45px; color:#09176a !important; font-weight: 800; max-width: 560px;  }
#somos .titulo span { display:  block; font-size: 4.4vh; line-height: 5.2vh;  }
#somos .subtitulo { font-size: 18px; line-height: 27px; max-width: 550px; font-weight: 600; color: #09176a; }

#somos .copy { font-size: 15px; font-weight: 500; color: #09176a;  }
#somos .copy_ { font-size: 15px; font-weight: 500; color: #09176a; max-width: 400px; transition: all 0.3s;  }
.on_ { font-size: 15px; font-weight: 500; color: #09176a; max-width: 400px; display: inline-block !important; transition: all 0.3s;  }
#especialidad_{ margin-bottom: 70px; margin-top: 25px; color: #09176a;  cursor: pointer !important; font-weight: 600;}
#blog { background:#e9d4fa url(img/mono.jpg) no-repeat;  background-size: cover; color: #593d67; min-height: auto; padding: 150px 0 ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#blog h2 {  font-size: 4.6vw; font-weight: 300; }
#blog hr {  height: 1px; width: 120px; margin:10px 0 30px 0 ; background: #09176a; }
#blog p  {  max-width: 400px; }

#servicios { height: auto !important; padding:0px 0 0px 0 !important ; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }

#contacto { background:#fff url(img/formulario.jpg) no-repeat right;  background-size: auto 100%; color: #593d67; min-height: auto; padding: 150px 0 ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#contacto h2 {  font-size: 60px; line-height: 55px; font-weight: 200; margin-bottom: 15px; margin-top: -40px; max-width: 450px; }
#contacto h4 {  font-size: 22px; letter-spacing: -.5px; font-weight: 800; margin-bottom: -25px; color: #084c95; padding-left: 10px; }
.box { width: auto !important; display: inline-block; vertical-align: bottom; text-align: left; margin: 5px 10px 5px 0;  }
.box h4  { margin-bottom: 0 !important; height: 28px; font-size: 18px !important; color: #8b6091 !important; }
.box a   { cursor: pointer; }
#contacto p { padding: 9px 0; }

.enviar { opacity: .3; pointer-events: none;}
.enviar_ { opacity: 1; pointer-events: initial !important;}

.box_ {
    width: auto !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 35px 0;
}

.transpatente { mix-blend-mode: multiply; }
form { text-align: left; }
input { display: inline-block; width: 45%; height: 45px; margin:10px 8px; vertical-align: top; font-size: 14px; padding: 15px; background: none; border: #084c95 solid 1px; border-radius: 15px; color: #2b142e !important; }
textarea { display: inline-block; width: 75%; height: 100px; margin:15px 10px; resize: none; font-size: 14px; vertical-align: top; background: none; border: #084c95 solid 1px !important; border-radius: 15px; color: #2b142e !important; }

#telemedicina { background:#fff url(img/telemedicina.jpg) no-repeat ; overflow-x: hidden; background-size: cover ; padding: 0 !important; padding-top: 110px; background-position: top right; min-height: auto !important; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#telemedicina h2 { font-size: 8.4vh; line-height: 8vh; margin-bottom: 45px; color:#09176a; font-weight: 500;   }
#telemedicina .subtitulo { font-size: 18px; line-height: 27px; max-width: 550px; font-weight: 600; color: #09176a; }
#telemedicina_ { line-height: 34px; font-size: 128px !important; color: #09176a; background:#fff url(img/telemedicina_.jpg) no-repeat ; background-size: cover ; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;  }
#telemedicina_ p { font-size: 20px !important; }

.ajuste { width: 100%; height: 35px; }
.bradcrumbs { background: #f6f6f6; font-size: 12px; font-weight: bold; height: 80px; }
.bradcrumbs a { color: #219bdc; font-family: arial; font-weight: normal; }
.bradcrumbs .col-sm-10 { padding-left: 7.5%; padding-top: 10px; } 
.ficha { color: #777;    font-size: 16px; font-weight: 500;  margin-top: 5px; width: 300px; position: absolute; right: 0; top: 25px;  }
.ficha span { color: #093b5b; font-size: 22px; display: block; font-weight: 900; margin-bottom: 15px; }

.ficha img { width: 48%; display: inline-block; vertical-align: middle; border-radius: 15px; }
.pizarra { border: 0px; max-width: 500px; width: 100%; height:550px; overflow-x: auto; z-index: 9; position: absolute; right: -30px; bottom: -10px; border-bottom: #009bde solid 1px; }
.perfil { margin-top: 130px; }

.logos { padding-top: 50px; }
.logos img { display: inline-block; vertical-align: top; margin-top: 80px;  margin: 5px; }

.cli0 { width:120px !important; height: auto; display: inline-block;  margin:20px !important;}
.cli1 { height:50px !important; display: inline-block;  margin:20px !important; }

.extra { margin: -20px 0; padding: 0; }

#especialidad { background:#fff url(img/especialidad.jpg) no-repeat ; background-size: cover ; margin-bottom: 0px;  background-position: top left; height: 90vh !important; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#especialidad h2 { color:#6d476a; font-weight: 300; font-size: 6.4vh; line-height: 6.2vh; max-width: 450px; margin-bottom: 35px; }
#especialidad p { max-width: 390px; line-height: 28px !important;  }

#senologo { background:#fff url(img/degradado.jpg) repeat-x ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#senologo h3 { font-size: 5vh; line-height: 7.2vh; margin-bottom: 45px; color:#09176a !important; font-weight: 300;   margin-top: -7px; }
#senologo hr { width: 118px; height: 1px; background:#09176a; margin: -30px 0 20px 0;   }
#senologo .copy { font-size: 16px;  line-height: 22px;  font-weight: 700; color: #09176a; margin-bottom: 10px;  }


#tratamiento { background:#fff url(img/tratamiento.jpg) no-repeat ; background-size: cover; background-position: top right; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#tratamiento h2 { font-size: 8.1vh; line-height: 7.2vh; margin-bottom: 45px; color:#fff !important; font-weight: 300;   }
#tratamiento hr { width: 118px; height: 1px; background:#09176a; margin: -30px 0 30px 0;   }
#tratamiento .copy { font-size: 16px; font-weight: 700; color: #09176a; margin-bottom: 15px;  }


#esp { background:#fff url(img/esp.jpg) no-repeat center; background-size: cover ; margin-bottom: 0px; text-align: center; padding: 110px 0; height: auto !important; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#esp h2 { color:#fff; font-weight: 300; font-size: 8.4vh; line-height: 8.2vh; max-width: 450px; margin-bottom: 35px; padding-top: 100px; background: pink; }
#esp p { line-height: 28px !important; color: #fff; max-width: 690px; margin: 0 auto; font-size: 19px !important; font-weight: 600; margin-bottom: 70px; } 
#esp  .carousel-cell { color: #fff; cursor: pointer !important; }
#esp  .carousel-cell:hover { color: #a98bb8;  cursor: pointer !important; }

.list2 { font-size: 22px; color: #5cd2a5; font-weight: 600; margin-top: -35px; margin-bottom: 60px; }

#quimio { height: auto !important; background:#fff url(img/quimio.jpg) no-repeat center; background-size: cover ; }
#quimio h2 { color:#09176a; font-size: 30px; font-weight: 700; max-width: 450px; margin-bottom: 50px; }

#seno { height: auto !important; background:#695076 url(img/seno.jpg) no-repeat center; background-size: cover ; color:#fff; }
#seno h2 { color:#5cd2a5; font-size: 38px; font-weight: 600; max-width: 450px; margin-bottom: 50px; font-family: 'Poppins'; font-weight: 500; }
#seno p  { color: #fff; font-size: 18px; max-width: 550px; height: auto; /*overflow-y: auto;*/ padding-right: 20px; font-weight: 400; position: relative; padding-left: 25px; }
#seno p > img { width: 15px; margin-left: -20px; }
#seno img.im1  { position: absolute; top: 130px; right: -20px; }
#seno img.im2  { position: absolute; bottom: 20px; right: -20px; }

#tabs { padding-top: 70px; background: url(img/house.png) no-repeat center; background-size: cover ; }
#tabs h2 { color:#09176a; font-size: 25px; }
#tabs h3 {  font-size: 22px; margin-bottom: 30px;  }

.tratamientos { width:20%; border-radius: none; }

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff; font-size: 1.6vw; font-weight: 500;
    background-color: #593d67;
    border: none;
    border-radius: none !important;
    min-width: 100% !important;
    display: inline-block !important;
}
.tab-content { width: 100%; /*background: #d7d6d7;*/ overflow-y: hidden ;  }
.nav-item { border-radius: none !important; } 
.nav-tabs .nav-link {
    border: none;
    border-radius: none !important;
    background: #ab94ad;
    color: #fff; font-size:  1.6vw; font-weight: 500; width: 100%; display: inline-block !important;
}
.tab-pane { padding: 0 !important; }
.tab-pane img { width: 53%; display: inline-block; vertical-align: top; margin-top: -1px; }
.tab-pane .panel { width: 45%; display: inline-block; vertical-align: top; padding: 100px 25px 0px 25px; }
.tab-pane .panel h3 { color: #09176a; font-weight: 200; font-size: 6.2vh !important; margin-bottom: 0px; }
.tab-pane .panel hr { background: #09176a; width: 60px; height: .5px; margin:-20px 0 35px 0; }
.tab-pane .panel p  { height: 240px; overflow-x: auto; padding-right: 55px; font-size: 13px;  }
.nav-tabs {  border-bottom: none; background: #ab94ad; border-bottom: #ab94ad solid 1px; text-align: center; }

.carousel { margin-bottom: 40px; transition: none !important; }
.carousel-cell { width: 100%;  height: auto; transition: none !important; }
.carousel-cell h2 {  font-size: 4.6vw;  color: #09176a;  font-weight: 300; margin-top: -10px; }
.carousel-cell hr {   height: 1px; width: 110px; margin:20px 0 40px 0 ;  background: #09176a; }
.carousel-cell p  {   max-width: 310px; }
.carousel-nav { transition: none !important; margin: -35px 0 35px 0; }
.carousel-cell:before {  display: block;  text-align: center;  line-height: 200px;  font-size: 80px;  }
.carousel-nav .carousel-cell {  height: auto;  width: auto; padding: 0 10px 0 10px; cursor: default !important; color: #09176a !important; cursor: pointer !important;  font-weight: 600; transition: none !important; }
.carousel-nav .carousel-cell:before {  font-size: 50px;  line-height: auto;  }
.carousel-nav .carousel-cell.is-nav-selected { /* color: #09176a;*/ color:#09176a; }
.carousel-nav .carousel-cell:hover{ color: #09176a; }

#mapa { background:#fff url(img/degradado.jpg) repeat-x ; margin-top: -40px; padding: 100px 0; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
#mapa h3 { font-size: 8.4vh;  line-height: 8.8vh; color: #09176a; font-weight: 200;  max-width: 550px; margin-bottom: 50px; }
.mapa { width:80%; display:block; margin:-25px auto; }
.tack_ { display: inline-block; vertical-align: top; width: 280px;  padding: 0 30px; text-align: left; font-size: 14px; font-weight: 500; margin-bottom: 25px; margin-right: -45px; margin-left: -5px; }
.tack { display: inline-block; vertical-align: top; width: 280px;  padding: 0 30px; text-align: left; font-size: 14px; font-weight: 500; margin-bottom: 25px; }
.tack h2, .tack_ h2 {  background: #6e355d; color: #fff; border-radius: 15px; font-size: 18px; width: auto; text-align: center; padding: 10px 15px; border-radius: 15px; margin-bottom: 20px; }
.tack b, .tack_ b  { display: block; }

.ajuste-box { margin-left: 45px; }



.map-box,
.map-box__map {
  margin: 0;
  width: 100%;
  height: 750px;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 25px;
  transition:all none !important;
}

.infoBox img {
  z-index: 5; transition:all none !important;
}
.infoBox__content {
  color: #fff;
  margin-left: 15px;
  width: 330px;
  padding: 20px 10px;
  position: relative;
  background: #6e355d;
  text-transform: ;
  border-radius: 15px;
  transition:all none !important;
  font-size: 14px; letter-spacing: 1px;
}

.infoBox__content h2 { text-transform: uppercase; font-weight: 600; font-size: 22px !important;  transition:all none !important; }
.infoBox__content b { letter-spacing: 1px; color: #fff; font-size: 16px;  transition:all none !important; }
.infoBox__content p { display: none;transition:all none !important;  }
.infoBox__content:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 12px 15px 0;
  position: absolute;
  top: 10px;
  left: -12px;
  transition:all none !important;
}
 
.borde { border-right: #fff solid 1px; font-weight: 400; }
.borde_ { border-right: #09176a solid 1px; }
.radio { padding-left: 9px !important; font-weight: 400;  }

::-webkit-input-placeholder { color: #084c95 !important; }
::-moz-placeholder { color: #084c95 !important; }
:-ms-input-placeholder { color: #084c95 !important; }
:-moz-placeholder { color: #084c95 !important; }

::-webkit-textarea-placeholder { color: #084c95 !important; }
::-moz-placeholder { color: #084c95 !important; }
:-ms-textare-placeholder { color: #084c95 !important; }
:-moz-placeholder { color: #084c95 !important; }

/* Icon 1 */
#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 35px;
  height: 35px;
  position: relative;
  margin: 15px 0 0 -15px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #09176a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) { top: 0px; }
#nav-icon1 span:nth-child(2) { top: 13px; }
#nav-icon1 span:nth-child(3) { top: 26px; }

#nav-icon1.open span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#nav-icon1.open span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.slide  {  }

.slide  .carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 10px;
  border-radius: 5px;
  counter-increment: gallery-cell;
}

.img-slide { width:30%; height:auto; margin:15px; }

input[type=submit] { background: #5cd2a5; border: #5cd2a5 solid 2px; border-radius: 15px; color: #09176a; width: 300px;  margin: 5px auto; padding: 10px 15px; font-weight: 800; }
.card-body {
    flex: 1 1 auto;
    padding: 0px;
    color: var(--bs-card-color);
    background: none;
    width: 300px;
    margin: 15px 0;
    text-align: center;
    font-weight: 600;
}


@media only screen and (min-width: 1440px) {
.tab-pane img {
    width: 53%;
    display: inline-block;
    vertical-align: top;
    margin-top: -1px;
    margin-left: -120px;
    margin-right: 75px;
    float: left !important;
}
}

@media only screen and (max-width: 1080px) {

}

@media only screen and (max-width: 960px) {
    #salvador-navarro .col-sm-6 { margin-left: -50px;  }
    .hidde_ { display: none !important; }
.tratamientos { width:33.3% !important; border-radius: none; }
.main { width: 100%; height: 90vh; position: absolute; right: 0%; z-index: 20; background: url(img/fm.png) no-repeat; background-size: 100% 100%; transition:all 600ms ease; top: 120px; }
.burger { position: absolute; top: 2px; right: 10px; cursor: pointer; display: inline !important; }
ul.menu { width: 320px; height: 90vh; position: absolute; right: -100%; z-index: 20; background-color: #fff; transition:all 600ms ease; top: 100px; }
  .main { width: 320px; height: 90vh; position: absolute; right: 0%  !important; z-index: 20; background-color: #fff; transition:all 600ms ease; top: 100px; padding: 20px 25px 25px 25px ; }
input { display: inline-block; width: 90%; height: 45px; margin:15px 10px; vertical-align: top; font-size: 14px; padding: 15px; background: none; border: #ad95b0 solid 1px; border-radius: 15px; color: #2b142e !important; }
textarea { display: inline-block; width: 90%; height: 100px; margin:15px 10px; resize: none; font-size: 14px; vertical-align: top; background: none; border: #ad95b0 solid 1px !important; border-radius: 15px; color: #2b142e !important; }
ul.menu .wh { margin-left: 50px; } 
.llama {background: url(img/tel2.svg) no-repeat; display: inline-block; line-height: 14px; background-position: center left; background-size: 30px auto; width:160px; text-align: left; padding-left: 35px; vertical-align: middle; margin: 25px 20px 25px 0px; }
ul.menu hr { margin:15px 0 25px 0 !important; opacity: 0 ; transition: all 0.3s;  }
ul.menu li { width: 100%; padding-right: 35px; }
ul.menu li a { color: #09176a; font-weight: 700; font-size: 18px; display: block; }
.cita { margin-right: 25px; margin-bottom: 15px; }

section { width: 100%; height: auto; padding: 150px 0 50px 0; }
#salvador-navarro {    background: url(img/inicio.jpg) no-repeat center;    background-size: cover;    margin-top: 0px;    height: auto !important;    padding: 100px 0 150px 0; }
#salvador-navarro h3 {    font-size: 4.4vh !important;    line-height: 4.8vh;    color: #09176a;    font-weight: 200;    max-width: 450px; }

.tab-pane .panel h3 {
    color: #09176a;
    font-weight: 200;
    font-size: 3vh !important;
    margin-bottom: 0px;
}

#tratamiento h2 {
    font-size: 5.1vh;
    line-height: 5.2vh;
    margin-bottom: 45px;
    color: #fff !important;
    font-weight: 300;
}

#especialidad h2 {
    color: #6d476a;
    font-weight: 300;
    font-size: 4.4vh;
    line-height: 4.2vh;
    max-width: 450px;
    margin-bottom: 35px;
}


#senologo h3 {
    font-size: 3.6vh;
    line-height: 3.2vh;
    margin-bottom: 45px;
    color: #09176a !important;
    font-weight: 300;
    max-width: 330px;
    margin-top: -7px;
}

#mapa h3 {
    font-size: 5.4vh;
    line-height: 5.8vh;
    color: #09176a;
    font-weight: 200;
    max-width: 550px;
    margin-bottom: 50px;
}

a.btnn {
    background: #886898;
    padding: 15px 30px;
    font-weight: 500;
    letter-spacing: 1.5px;
    border-radius: 15px;
    color: #fff;
    width: auto;
    margin: 25px 15px; 
    box-shadow: 1px 10px 19px rgb(0 0 0 / 30%);
}

    }

@media only screen and (max-width: 690px) {
  #salvador-navarro { background: url(img/inicio_.jpg) no-repeat center; background-size: cover; margin-top: 0px; padding-top: 450px; }
 #salvador-navarro .col-sm-6 { margin-left: 0; }

  #blog { background:#e9d4fa url(img/mono_.jpg) no-repeat;  background-size: cover; color: #593d67; min-height: auto; padding: 50px 0  50px 0  ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
  #tratamiento { background:#fff url(img/tratamiento.jpg) no-repeat ; background-size: cover; background-position: top center; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }

  .tratamientos { width:50% !important; border-radius: none; }
  .up_ { margin-top: -110px; }
  .tab-pane img { width: 100%; display: inline-block; vertical-align: top; margin-top: -150px; }
  .tab-pane .panel { width: 100%; display: inline-block; vertical-align: top; padding: 25px 25px 0px 25px; }
  .tab-pane .panel p  { height: auto; overflow-x: auto; padding-right: 55px; font-size: 13px;  }

  footer ul { border-left: #09176a solid 1px; padding:0 0 0 25px; margin: 50px 0; font-weight: 600; } 
  #telemedicina_ {  padding-top: 100px;  }
  .perfil { margin-top: 330px; margin-bottom: 530px; }
  .ficha { color: #777;    font-size: 16px; font-weight: 500;  margin-top: 5px; width: 90%; position: absolute; right: 3%; top: 25px;  }
  .pizarra { border: 0px; max-width: 500px; width: 100%; height:550px; overflow-x: auto; z-index: 9; position: absolute; right: -30px; bottom: -10px; border-bottom: #009bde solid 1px;  }

  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { font-size: 2.8vw;  }
  .nav-tabs .nav-link { font-size:  2.8vw; }
  a.btnn { background: #886898; padding: 15px 30px; font-weight: 500; letter-spacing: 1.5px;  border-radius: 15px; color: #fff; width: auto; margin-top: 25px; box-shadow: 1px 10px 19px rgba(0, 0, 0, .3); display: block !important; }


}

@media only screen and (max-width: 575px) {
      #blog { background:#e9d4fa url(img/mono_.jpg) no-repeat;  background-size: cover; color: #593d67; min-height: auto; padding: 450px 0  50px 0  ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
      #salvador-navarro h3 { font-size: 5.4vh; line-height: 5.8vh; color: #09176a; font-weight: 200; max-width: 450px; }
      #mapa h3 { font-size: 5.4vh; line-height: 5.8vh; color: #09176a; font-weight: 200; max-width: 550px; margin-bottom: 50px; }
      #telemedicina .col-sm-5 { margin-left: -50px !important; }

}


@media only screen and (max-width: 440px) {
    .img-slide { width:45%; height:auto; margin:15px; }
    #telemedicina .col-sm-5 { margin-left: -30px !important; }
      #blog { background:#e9d4fa url(img/mono_.jpg) no-repeat;  background-size: cover; color: #593d67; min-height: auto; padding: 450px 0  50px 0  ; margin-top: -2px; box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; }
      #salvador-navarro h3 { font-size: 5.4vh; line-height: 5.8vh; color: #09176a; font-weight: 200; max-width: 450px; }
      #mapa h3 { font-size: 5.4vh; line-height: 5.8vh; color: #09176a; font-weight: 200; max-width: 550px; margin-bottom: 50px; }
      .logos { text-align: center !important; }
      .logos img { display: inline-block; vertical-align: top; margin-top: 80px; height: 90px !important; display: block; margin: 65px auto;}
      .carousel-cell h2 {
    font-size: 5.6vh;
    color: #09176a;
    font-weight: 300;
    margin-top: 30px;
}

#tratamiento h2 {
    font-size: 5.4vh; line-height: 5.8vh;
    margin-bottom: 45px;
    color: #fff !important;
    font-weight: 300;
}

#especialidad .col-sm-6 { background: rgba(255, 255, 255, .8); padding-top: 25px; padding-bottom:0px; }

a.btn_2 {
    background: #5cd2a5;
    border-radius: 15px;
    color: #fff;
    width: 80%;
    margin: 5px auto;
    padding: 10px 15px;
    display: block;
}

.sn1 {
    margin-left: -15px !important;
    width: 100% !important;
}
a.btnn { background: #886898; padding: 15px 30px; font-weight: 500; letter-spacing: 1px;  border-radius: 15px; color: #fff; width: auto; margin-top: 25px; box-shadow: 1px 10px 19px rgba(0, 0, 0, .3); }


}

@media only screen and (max-width: 490px) {


#contacto h2 {
    font-size: 38px;
    line-height: 35px;
    font-weight: 200;
    margin-bottom: 15px;
    margin-top: -40px;
    max-width: 450px;
}


    #mapa h3 {
        font-size: 32px;
        line-height: 36px;
        color: #09176a;
        font-weight: 200;
        max-width: 550px;
        margin-bottom: 50px;
        padding: 3%;
    }


.cli0 {
    width: auto !important;
    height: 120px !important;
    display: inline-block;
    margin: 20px !important;
    display: inline-block;
}

    .logos img {
        display: inline-block;
        vertical-align: top;
        margin-top: 80px;
        height: 90px !important;
         display: inline-block;
        margin: 65px auto;
    }

    #tratamiento {
        background: #fff url(img/tratamiento2.jpg) no-repeat;
        height: 600px !important;
        background-size: cover;
        background-position: top center; padding: 80px 0 !important;
        height: auto !important;
        margin-top: -2px;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
    }

    #tabs {
    padding-top: 70px;
    background: url(img/house2.png) no-repeat center;
    background-size: cover;
}


#evolution-team h3 {
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    font-weight: 200;
    max-width: 450px; margin-bottom: 50px;
}

#evolution-team h2 {
    font-family: 'Poppins';
    font-weight: 500;
    color: #fff;
    font-size: 25px; margin-bottom: 50px;
}

#evolution-team h1 {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    max-width: 500px;
    margin-bottom: 50px;
}

    .pizarra { border: 0px; max-width: 500px; width: 100%; height:650px; overflow-x: auto; z-index: 9; position: absolute; right: -30px; bottom: -10px; border-bottom: #009bde solid 1px;  }
      .sn1 {
    margin-left: 0px !important;
    width: 100% !important;
}
p br { display: none; }
#blog h2 {
    font-size: 5.6vh;
    font-weight: 300;
}

.box {
    width: auto !important;
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    margin: 0px 10px 0px 0;
}

}


@media only screen and (max-width: 290px) {
    .logo {
    position: absolute;
    top: 30px;
    left: 2%;
    width: 200px !important;
}

.logos img {
    display: inline-block;
    vertical-align: top;
    margin-top: 80px;
    height: 50px !important;
    display: block;
    margin: 65px auto;
}

#contacto h2 {
    font-size: 30px;
    line-height: 55px;
    font-weight: 200;
    margin-bottom: 35px;
    max-width: 450px;
}
.burger {
    position: absolute;
    top: 2px;
    right: 30px;
    cursor: pointer;
    display: inline !important;
}

#especialidad h2 {
    color: #6d476a;
    font-weight: 300;
    font-size: 4.4vh;
    line-height: 4.2vh;
    max-width: 450px;
    margin-bottom: 35px;
}

 p {
    max-width: 100% !important;
    line-height: 28px !important;
}

}
/* ==========================
   IMÁGENES HOME
========================== */

.imagenes-nuevas{
    width:100%;
    padding:0 !important;
    margin:0;
}

.imagenes-nuevas img{
    display:block;
    width:100%;
    height:auto;
}