@charset "utf-8";
/* CSS Document */

* {
	-webkit-font-smoothing: antialiased;
	pointer-events: auto;
	padding: 0;
	margin: 0;
	word-wrap: break-word;
	box-sizing: border-box;
}
#broquel{ 
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 270000;
	background: url(../images/rolling.svg) center center no-repeat;
	display: none;
	top:0;
	left: 0;
}

body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overscroll-behavior-y: none;
    background: #f3f5f8;
	box-sizing: border-box;


}

html,body{
	font-size: 16px;
	margin: 0;
    padding: 0;
    font-family: 'Metropolis';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	scroll-behavior: smooth;
    color: #000;
    background: #FFF;
	box-sizing: border-box;
}

html {
  scroll-behavior: smooth; /* opcional pero recomendado */
  scroll-padding-top: 120px; /* el alto de tu menú fijo */
}



strong{font-weight:700;}

.container {
	display: block;
	width: 100%;
    overflow: hidden;
}


.hero{
	width: 100%;
	display:flex;
	flex-direction:column;
}


.hero nav{
	height: 100px;
	display:flex;
	align-items: center;
	justify-content: space-between;
	padding:0 5vw;
	transition:all .5s;
	position:fixed;
	width:100%;
	top:0;
	z-index:9999;
	background-color: rgba(0, 0, 0, 0.7);
	border-bottom: 1px #000 solid;
	
}
.hero nav.onscroll{
	box-shadow: 0 .1875rem .375rem rgba(0, 0, 0, 0.25);
	background-color: rgba(0, 0, 0, 0.9);
}

.hero .logo{
	height:80px;
	outline:none;
	transition: opacity .35s;
}

.hero .logo img{
	width:auto;
	height:100%;
	object-fit:contain;
	object-position:left;
}
.hero .logo:hover, .hero .logo:focus{
	opacity:.6;
}

#nav-menu{
	list-style:none;
	display:flex;
    align-items: center;
	gap: 1.5rem;
	
}
#nav-menu .cerrar{
	display:none;
	position:absolute;
	top:1.25rem;
	right:2.5rem;
	width:1.4rem;
	height:1.875rem;
	background:none;
	border:none;
	cursor:pointer;
	transition:all .35s;
	outline:none;
}
#nav-menu .cerrar:hover, #nav-menu .cerrar:focus{
	opacity:.6;
}
#nav-menu .cerrar:before{
	content:'';
	background:#FFF;
	height:.07rem;
	width:2rem;
	position:absolute;
	display:block;
	top:50%;
	transform-origin:center;
	transform:translate(-.07rem,-50%) rotate(45deg);
	
}
#nav-menu .cerrar:after{
	content:'';
	background:#FFF;
	height:.07rem;
	width:2rem;
	position:absolute;
	top:50%;
	transform-origin:center;
	transform:translate(-.07rem,-50%) rotate(-45deg);
	display:block;
}
#nav-menu.visiblemenu{
	display:flex;
	position:fixed;
	top:0;
	left:0;
	flex-direction:column;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
	background: #63b6d4;
	width:100%;
	height:200vh;
	z-index:2000;
	padding:2.5rem;
}
button[aria-controls="nav-menu"]{
	display:none;
	width:1.875rem;
	height:1.3rem;
	flex-direction:column;
	justify-content:space-between;
	border:none;
	background:none;
	outline:none;
	cursor:pointer;
	transition:all .35s;
	position:relative;
	top:1000;
}
button[aria-controls="nav-menu"]:hover,
button[aria-controls="nav-menu"]:focus{
	opacity:.6;
}
button[aria-controls="nav-menu"] span{
	height:.1875rem;
	width:100%;
	background:#FFF;
}
.hero ul a{
	display: flex;
	justify-content: center;
	align-items: center;
	color:#FFF;
	text-decoration:none;
	transition: all .35s; 
	font-family: 'Metropolis';
	font-weight: 600;
	font-size: 1rem;
	height: 100px;
	padding: 0 20px;
	box-sizing: border-box;
	
	
}
.hero ul a:hover, .hero ul a:focus, .hero ul a:active{
	color:#8dc0d3;
	outline:none;
	border-bottom: 12px #8dc0d3 solid;
}

.bt-nav1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 50px;
    border-radius: 30px;
	color:#FFF;
	text-decoration:none;
	transition: all .35s; 
	font-family: 'Metropolis Semi';
    font-weight: 600;
	font-size: 0.875rem;
	 background-image: linear-gradient(to right, #3ad0b2, #00c8ce, #00bde9, #00aefa, #2c9afc);
	border: none;
	cursor: pointer;
}


.bt-nav2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    border-radius: 30px;
	color:#000;
	text-decoration:none;
	transition: all .35s; 
	font-family: 'Metropolis Semi';
    font-weight: 600;
	font-size: 0.875rem;
    background: #f5f400;
	border: none;
}


.bt-nav1:hover, .bt-nav1:focus, .bt-nav2:hover, .bt-nav2:focus{
	background: #65d46e;
}

.bt-nav2:hover, .bt-nav2:focus{
	outline:none;
    background: #8f8f8f;
	color: #FFF;
}

.hero header{
	width: 100%;
	display:flex;
	flex-direction:row;
}

.slider-home{
	display:flex;
	flex-direction:row;
	width: 100%;
	justify-content:space-between;
	align-items:flex-start;
	gap: 30px;
	height:40vw;
	
	position: relative;
}

.slider1{
	background: url("../img/hero-1.webp") center center no-repeat;
	background-size: cover;
}

.slider2{
	background: url("../img/hero-2.webp") center center no-repeat;
	background-size: cover;
}

.slider3{
	background: url("../img/hero-3.webp") center center no-repeat;
	background-size: cover;
}

.slider-home-capa-negra{
	display:flex;
	flex-direction:row;
	width: 100%;
	height:40vw;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.4);
	z-index: 100;
	top: 100px;
}


.header-left{
  /*display: flex;*/
    flex-direction: column;
    justify-content: flex-start;
	align-items: flex-start;
    gap: 40px;
    width: 35vw;
	position: relative;
	top: 200px;
	left: 4vw;
	z-index: 150;
	
	display: none;
}


.header-left h1{
	font-size:1.875rem;
	color:#FFF;
	line-height:1;
	text-align:left;
    font-family: 'Metropolis';
    font-weight: 500;
	text-transform: uppercase;
}

.header-left h1 span{
	font-size:1.875rem;
    font-weight: 700;
}

.header-left p{
	font-size:1.125rem;
	color:#19181e;
	line-height:1;
	text-align:left;
    font-family: 'Metropolis';
	font-weight: bold;
}



.header-left button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
    width: 186px;
    height: 45px;
  border-radius: 30px;
  color: #FFF;
  text-decoration: none;
  transition: all .35s;
  font-family: 'Metropolis';
  font-weight: bold;
  font-size: 1.25rem;
  background: #4c65e6;
border: none;
    cursor: pointer;
}

.header-left button:hover {
	background: #65d46e;
    
}

.header-left a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 186px;
  height: 45px;
  border-radius: 30px;
  color: #65d46e;
  text-decoration: none;
  transition: all .35s;
  font-family: 'Metropolis';
  font-weight: bold;
  font-size: 1.15rem;
  background: none;
border: 1px #65d46e solid;
    cursor: pointer;
}

.header-left a:hover {
	background: #4c65e6;
	color: #FFF;
	border: 1px #4c65e6 solid;
    
}


.header-right{
   display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: calc((100% - 30px) / 2);
	height: calc(37vw - 100px);

}

.header-right img{
    width: auto;
	height: 95%;
}



.titulo-completo-caso{
	display: flex;
    flex-direction: column;
    justify-content: flex-start;
	align-items: flex-start;
    gap: 10px;
    width: 100%;
}



section h2{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 2.75rem;
	text-align: center;
	line-height: 1;
	color: #062157;
	font-weight: 400;
	text-transform: uppercase;
}


.titulo-completo-caso h1{
	font-size:1.875rem;
	color:#000;
	line-height:1;
	text-align:left;
    font-family: 'Metropolis';
    font-weight: 500;
	text-transform: uppercase;
}

.titulo-completo-caso h1 span{
	font-size:1.875rem;
    font-weight: 700;
}

.titulo-completo-caso p{
	font-size:1.875rem;
	color:#65d46e;
	line-height:1;
	text-align:left;
    font-family: 'Metropolis';
	font-weight: 700;
	text-transform: uppercase;
}

.logo-caso-de-exito{
	display: flex;
	flex-direction: row;
	height: 70px;
	margin-bottom: 10px;
	
}

.logo-caso-de-exito img{
	width: auto;
	height: 100%;
}


.header-right-exito{
   display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: calc((100% - 10px) / 2);

}

.header-right-exito img{
    width: auto;
    height: 37vw;
}


.centro {
  display: flex;
  flex-direction: column;
	justify-content: center;
	align-items: flex-start;
  gap: 80px;
  margin: 80px 0;
}

.section-a{
display: flex;
  flex-direction: column;
  width:100%;
  margin: auto;
  gap: 25px;
	padding: 0 2.5vw;
	
}

.section-b{
display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  gap: 25px;
	
}

/*#staff, #innovision, #programas{
	position: relative;
	width: 100%;
	font-size: 0;
	background: blue;
	height: 10px;
}
.para-anclas{
	width: 100%;
	position: absolute;
	top: -10px;
	background: red;
	
	
	}*/

footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  background: #000;
  color: #FFF;
	margin-top: auto;
}

.pie1 {
  display: flex;
flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90vw;
  margin: auto;
  padding: 50px 0;
	gap: 25px;
}

.pie1 img {
	width: auto;
	height: 50px;
}

.pie-abajo{
	display: flex;
flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  color: #FFF;
  width: 100%;

}


.pie-2-columnas{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
gap: 30px;
width: 100%;
}

.pie-2-columnas div{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 10px;
width: calc((100% - 30px) / 2);
font-size: 0.9rem;
	line-height: 1.4;
font-weight: 400;

}

.pie2 {
	display: flex;
	width: 100%;
	margin: auto;
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
  border-top: 2px #666 solid;
  color: #FFF;
  font-size: 0.8rem;
	line-height: 1.5;
  font-weight: 500;
  font-style: normal;
	padding: 15px 2.5vw;
	gap: 20px;
	background: #000;
	
}

.pie-columnas{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	/*width: calc((100% - 40px) / 3);*/
	gap:25px

}

.pie-1-columna{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
width: 100%;
}

.pie-1-columna a{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
gap: 20px;
width: 100%;
text-align: right;
text-decoration: none;
color: #FFF;
}

.pie-1-columna a:hover, .pie-1-columna a:focus, .pie-1-columna a:active{
	color: #63b6d4;
}

.menu-pie{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px!important;
width: 100%!important;
padding-left: 30px;
border-left: 1px #FFF solid;
}

.menu-pie a{
	font-size: 0.9rem;
	line-height: 1.4;
	color: #FFF;
	text-decoration: none;
}

.menu-pie a:hover, .menu-pie a:focus, .menu-pie a:active{
	color: #63b6d4;
}

.caja-eos-pie{
	display: flex;
	flex-direction: column!important;
	align-items: center!important;
	gap:10px!important;
	width: 20vw!important;
	text-align: center!important;
}

.redes{
	display: flex;
flex-direction: row!important;
justify-content: center!important;
align-items: center!important;
gap: 10px!important;
width: 100%!important;
	flex-wrap: nowrap!important;

}

.redes img{
	width: 20px;
	height: auto;
}



.slider-carrousel-paraguas{
width: 100%;
  position: relative;
}


/*.slider-carrousel-paraguas .swiper-pagination-bullet {
  background: #3ad0b2;
  border-radius: var(--swiper-pagination-bullet-border-radius,16px);
  display: inline-block;
  height: 10px;
  opacity: var(--swiper-pagination-bullet-inactive-opacity,1);
  width: 30px;
}

.swiper-pagination-bullets-dynamic {
  & .swiper-pagination-bullet-active-next {
    transform: scale(.66);
	  background: #2fb9d6;
	}
}

.swiper-pagination-bullets-dynamic {
  & .swiper-pagination-bullet-active-prev {
    transform: scale(.66);
	  background: #2fb9d6;
  }
}*/

.caja-especialidades{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 10px;
width: 100%;
}

.especialidades-base{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0;	
border-radius: 20px;
color: #FFF;
font-size: 1.875rem;
padding: 30px;
text-decoration: none;
cursor: pointer;
transition:all .5s;
	text-align: center;
}

.especialidades-base:hover, .especialidades-base:focus{
	filter: drop-shadow(5px 5px 10px rgba(141, 192, 211, 1));
	transform: scale(0.95);
}


.especialidades-base img{
	height: 180px;
	width: auto;
}

.especialidadesx3{
width: calc((100% - 20px) / 3);

}

.especialidadesx2{
	width: calc((100% - 10px) / 2);
}

.boton-especialidades {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 50px;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
  transition: all .35s;
  font-family: 'Metropolis Semi';
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  cursor: pointer;
  margin-top: 40px;
  border: 1px #fff solid;
  text-align: center;
}

.back-cornea{
	background: #8dc0d3;
}

.back-cataratas{
	background: #63b6d4;
}

.back-glaucoma{
	background: #3e64b0;
}

.back-ojoseco{
	background: #2f639e;
}

.back-retina{
	background: #6094a7;
}

.back-cirugia{
	background: #34a8d2;
}

.back-estudios{
	background: #4190c9;
}

.back-consultorios{
	background: #1b7ea2;
}



.caja-sedes{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
	align-items: stretch;
gap: 20px;
width: 100%;
}


.slider-paraguas-sedes0 {
  width: 100%;
  position: relative;
}

.slider-paraguas-sedes0 .swiper {
	display: flex;
	width: 100%;
	margin: auto;
	padding-bottom: 30px;
	align-items: stretch;
	height: 100%
}

.slider-paraguas-sedes0 .swiper-slide {
	text-align: center;
	font-size: 0.875rem;
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}

.slider-paraguas-sedes0 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-paraguas-sedes0 .swiper-slide {
	width: 280px;
}

.slider-paraguas-sedes0 .swiper-slide:nth-child(2n) {
	width: 420px;
}

.slider-paraguas-sedes0 .swiper-slide:nth-child(3n) {
	width: 420px;
}

.slider-paraguas-sedes0 .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
	content: 'prev';
}


.slider-paraguas-sedes0 .sedes-base{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0;	
color: #FFF;
font-size: 1.875rem;
text-decoration: none;
transition:all .5s;
width: 100%;
flex-grow: 1;
height: 100%;

}


.slider-paraguas-sedes0 .sedes-img{
display: flex;
	width: 100%;
}

.slider-paraguas-sedes0 .sedes-img img{
	width: 100%;
	height: auto;
}

.slider-paraguas-sedes0 .sedes-txt{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 5px;
width: 100%;
background: #f6f6f6;
	font-size: 1rem;
	line-height: 1.2;
	padding: 30px 20px;
	border-radius: 0 0 10px 10px;
	font-weight: 400;
	color: #062157;
	flex-grow: 1;
	text-align: left;
}

.slider-paraguas-sedes0 .sedes-txt span{
	font-weight: 700;
	font-size: 1.125rem;
}

.slider-paraguas-sedes0 .sedes-phone{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
gap: 10px;
width: 100%;
color: #062157;
margin-top: 20px;
margin-bottom: 40px;
}

.slider-paraguas-sedes0 .sedes-phone img{
	width: 20px;
	height: auto;
	
}

.slider-paraguas-sedes0 .sedes-base a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  border-radius: 30px;
  color: #FFF;
  text-decoration: none;
  transition: all .35s;
  font-family: 'Metropolis Semi';
  font-weight: 700;
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
	background: #63b6d4;
	gap: 5px;
}

.slider-paraguas-sedes0 .sedes-base a img {
	width: 15px;
	height: auto;
}

.slider-paraguas-sedes0 .sedes-base a:hover, .slider-paraguas-sedes0 .sedes-base a:focus {
	background: #062157;
}

.slider-paraguas-sedes0 .doble-turno{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
gap: 10px;
width: 100%;
margin-top: auto;
}

.caja-quienes-somos{
	display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
	background: #49719d;
	padding: 1.4vw;
	
}

.caja-trabajamos-con{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 2vw 0;
	
}


.slider {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  margin-top: 30px;
}

.slide-track {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  animation: scroll 60s linear infinite;
  padding: 0 1.5rem;
}

.slide-track img {
  height: 50px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%) brightness(0.9);
  transition: filter 0.3s ease;
}

.slide-track img:hover {
    filter: grayscale(0%) brightness(1);
  }



  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }

.slider:hover .slide-track {
  animation-play-state: paused;
}


.caja-trabajamos-con a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px 50px;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
  transition: all .35s;
  font-family: 'Metropolis Semi';
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.4;
  cursor: pointer;
  margin-top: 40px;
  text-align: center;
	background: #63b6d4;
}

.caja-trabajamos-con a:hover, .caja-trabajamos-con a:focus {
	background: #062157;
}

/*SLIDER STAFF*/

.slider-paraguas-sedes1 {
  width: 100%;
  position: relative;
}

.slider-paraguas-sedes1 .swiper {
	display: flex;
	width: 100%;
	margin: auto;
	padding-bottom: 30px;
	align-items: stretch;
	height: 100%
}

.slider-paraguas-sedes1 .swiper-slide {
	text-align: center;
	font-size: 0.875rem;
	display: flex;
	justify-content: center;
	align-items: stretch;
	width: 100%;
}

.slider-paraguas-sedes1 .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-paraguas-sedes1 .swiper-slide {
	width: 280px;
}

.slider-paraguas-sedes1 .swiper-slide:nth-child(2n) {
	width: 420px;
}

.slider-paraguas-sedes1 .swiper-slide:nth-child(3n) {
	width: 420px;
}

.slider-paraguas-sedes1 .swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
	content: 'prev';
}


.slider-paraguas-sedes1 .sedes-base{
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
gap: 0;	
color: #FFF;
font-size: 1.875rem;
text-decoration: none;
cursor: pointer;
transition:all .5s;
width: 100%;
flex-grow: 1;
height: 100%;
}

.slider-paraguas-sedes1 .sedes-img{
display: flex;
	width: 100%;
}

.slider-paraguas-sedes1 .sedes-img img{
	width: 100%;
	height: auto;
}

.slider-paraguas-sedes1 .sedes-txt{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 15px;
width: 100%;
background: #f6f6f6;
	font-size: 1rem;
	line-height: 1.2;
	padding: 30px 20px 52px;
	border-radius: 0 0 10px 10px;
	font-weight: 400;
	color: #062157;
	text-align: left;
	flex-grow: 1;
}

.slider-paraguas-sedes1 .sedes-txt span{
	font-weight: 700;
	color: #63b6d4;
	
	font-size: 1.125rem;
}

.slider-paraguas-sedes1 .swiper-pagination {
  bottom: 0px !important;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////*/



@media(max-width:1280px){
	
/*.slider-home {
height: calc(40vw - 100px);
}*/
	
}



@media(max-width:1180px){
	
.hero nav {
  padding: 0 2vw;
}
    
	

}


@media(max-width:1150px){
	.pie-2-columnas{
		flex-direction: column;
	}
	
	.pie-2-columnas div{
		width: 100%;
	}
	
.caja-eos-pie {
  display: flex;
  flex-direction: column !important;
  align-items: flex-start!important;
  gap: 10px !important;
  width: 20vw !important;
  text-align: left!important;
}
	
.redes {
  display: flex;
  flex-direction: row !important;
  justify-content: flex-start!important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}
	
.menu-pie {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px !important;
  width: 100% !important;
  padding-left: 0!important;
padding-top: 30px!important;
  border-left: none!important;

	border-top: 1px #FFF solid!important;
}
	
}



@media(max-width:1020px){
    
	
#nav-menu{
		display:none;
	}	
button[aria-controls="nav-menu"]{
		display:flex;
	}
#nav-menu .cerrar{
		display:block;
	}

	
	
.hero ul a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-weight: 400;
  height: auto;
  padding: 0;
    padding-right: 0px;

}
	
.hero ul a:hover, .hero ul a:focus, .hero ul a:active{
	color:#000;
	outline:none;
	border-bottom: 0;
}
	
    
.header-left, .header-left-exito {
  display: none;
  flex-direction: column;
  justify-content: center;
align-items: center;
  gap: 25px;
  width: 90%;
  padding-top: 20px;
	margin: auto;
}
    
.header-left h1 {
  text-align: center;
}
	
.header-left h1 span {
  text-align: center;
}
    
.header-left p {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}
    
	
.img-rectangular-sliders {
  height: 50vw;
}
	
.header-left a {
background: #FFF;
	}
	
}

    
@media(max-width:811px){
    
.slider-home, .slider-home-capa-negra{
	height:60vw;
}


.menu-pie {
  width: 100%;
} 
	
	section h2{
		font-size: 1.875rem;
	}
	
	.especialidades-base{
		font-size: 1.4rem;
	}
	
.especialidadesx3 {
  width: calc((100% - 10px) / 2);
}
	
.especialidades-base img {
  height: 120px;
  width: auto;
}
	
.boton-especialidades {
  padding: 10px 25px;
  border-radius: 30px;
  font-size: 0.875rem;
  line-height: 1.4;
}
	
	
.pie-abajo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  width: 100%;
}
	
 .pie-columnas {

	 width: 100%;
  }
	
	#sedes-footer{
		display: none;
	}
	
.pie-2-columnas {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  width: 100%;
}
	
	
.pie-1-columna {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
	margin-top: 30px;
}
	
	
.pie-1-columna a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

	
	
 .menu-pie {
    display: flex;
    flex-direction: row!important;
    justify-content: center!important;
	 flex-wrap: wrap!important;
    align-items: center;
    gap: 40px!important 10px!important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-top: 30px !important;
    border-left: none !important;
    border-top: 1px #FFF solid !important;
  }
	
.caja-eos-pie {
  display: flex;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  text-align: center !important;
}
	
.redes {
  display: flex;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}
	
	
.pie2 {
  text-align: center;
  justify-content: center;
  align-items: center;
}
	
	
}


@media(max-width:700px){
    

	
	
.header-left button {
  width: 180px;
  height: 45px;
  padding: 5px 33px;
  border-radius: 30px;
  font-size: 1rem;
}
	
	
	.slide-track img{
		height: 40px;
	}
	


}


@media(max-width:600px){
    
html {
  scroll-behavior: smooth; /* opcional pero recomendado */
  scroll-padding-top: 90px; /* el alto de tu menú fijo */
}

.hero nav {
    height: 70px;
    }

.slider-home-capa-negra {
  top: 70px;
}
    
.hero .logo {
  height: 40px;
}
        
.centro {
  gap: 40px;

}
	
.pie1 {
  justify-content: center;
  align-items: flex-start;
  width: 90vw;
  margin: auto;
  padding: 30px 0;
  gap: 25px;
}
	
	
.pie-abajo {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 30px;
}
	
.pie-izquierdo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 40px;
}
	
.pie-derecho {
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  line-height: 0.9;
	text-align: right;
}
	

	

    
}



@media(max-width:500px){
 

}


@media(max-width:450px){
	
	.especialidades-base{
		padding: 10px 20px 30px 20px;
	}
	
	.especialidadesx3, .especialidadesx2{
		width: 100%;
	}
	
	.boton-especialidades{
		margin-top: 25px;
	}
	
.slider-home, .slider-home-capa-negra{
	height:75vw;
}
    
}

@media(max-width:400px){
	
    
}



@media(max-width:360px){

}