@font-face {
  font-family: 'MiFuentePersonalizada';
  src: url('fonts/arial.woff') format('woff2');
}
.logo-principal{
 width: 160px;
}
.contenedor-acordeon{
  display: flex;
  justify-content: center;
}
.whatsap-arriba img{
  width: 230px;
  height: 55px;
}
.seccion-deja-tu-opinion {
  background-color: #f9f9f9;
  padding: 40px 20px;
  border-radius: 12px;
}

.seccion-deja-tu-opinion h4 {
  font-weight: bold;
  color: #2c3e50;
}

.seccion-deja-tu-opinion p {
  color: #555;
  font-size: 1.1em;
}

.seccion-deja-tu-opinion .btn {
  font-size: 1em;
  padding: 10px 25px;
  border-radius: 25px;
}

#accordionExample{
  width: 1500px;
  --bs-accordion-border-color: none;
}
.accordion-header .accordion-button{
  width: 30%;
}
.accordion-button:not(.collapsed) {
  background-color:#00BCD6 !important;
}
.accordion-button{
  color: white !important;
  border-radius: 20px !important;
  background-color: #94D8F6 !important;
}
#accordionExample > .accordion-item > .accordion-item {
  margin-top: 30px;
}

.accordion-header{
  text-align: center;
  display: flex;
  justify-content: center;
}
/* INICIO */
.contenedor-lista > .lista-nav{
  margin-right: unset !important;
}
.carrusel-doctor{
  padding-top:95px;
}
html {
  scroll-behavior: smooth;
}
.contenedor-botones-opiniones button{
  height: 15px !important;
  width: 15px !important;
}
.contenedor-lista{
justify-content: space-around;
}
.contenedor-botones-procedimientos button{
  width: 15px !important;
  height: 15px !important;
  background-color: grey !important;
}
.contenedor-botones-procedimientos{
  margin-bottom: 0 !important;
  bottom: -30px !important;
}
.cuerpo-pagina > .barra-de-navegacion{
background-color: white !important;
border-bottom: 1px solid #EAEAF6 !important;
}
.contenedor-inicio{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.doctor-inicio{
height: 100%;
}
.silueta{
width: 200px;
margin-right: 30px;
}
.tu-mejor-version, .texto-grande{
font-weight: bold;
text-align: center;
color: white;
font-size: 70px;
}
.texto-grande{
  font-size: 130px;
  margin-top: -40px;
}
.nombre-doctor{
font-family: 'MiFuentePersonalizada';
color: white;
text-align: center;
font-size: 85px;
}
.profesion{
  font-size: 50px;
}
.direccion-inicio{
position: absolute;
bottom: 5%;
background-color: rgba(255, 255, 255, 0.6); /* Blanco con 50% de transparencia */
color: #007792;
font-size: 23px;
padding: 5px 20px;
border-radius: 10px;
}
/* PROCEDIMIENTOS */
.segunda-seccion{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.contenedor-rasgos{
display: flex;
/*! align-items: center; */
/*! justify-content: center; */
}
.rasgo-primero img{
  width: 130px;
}
.rasgo-segundo img{
  width: 130px;
}
.rasgo-tercero img{
  width: 130px;
}
.rasgo-cuarto img{
  width: 130px;
}
.texto-rasgo{
  text-align: center;
  font-weight: 600;
  color: #00718D;
  line-height: 1.3;
  font-size: 19px;
}
.rasgo-segundo .texto-rasgo{
  position: relative;
  top: 10%;
}
.rasgo-cuarto .texto-rasgo{
  position: relative;
  top: 10%;
}
.rasgos{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 0px 60px;
}
/* TERCERA SECCION */

.tercera-seccion{
  display: flex;
  justify-content: center;
  align-items: center;
}
.contenedor-tercera{
  width: 50%;
}
.contenedor-imagen img{
  width: 100%;
}
.carousel-indicators button {
  background-color: #333; /* Color oscuro para mayor visibilidad */
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.float-icon{
  position: fixed;
  bottom: 67px;
  right: 15px;
  z-index: 1;
}

.float-icon img{
  width: 60px;
}
.tit-nosotros{
  color: #00ADCD;
}
.tit-nosotros span{
  color: #00AFCE;
  font-weight: bold;
  font-style: italic;
  font-family: 'MiFuentePersonalizada';
}
.parrafo-nosotros{
  color: #00B7D3;
  font-size: 22px;
  line-height: 27px;
}
.contenedor-texto-ter{
  margin-left: 2%;
}
.cuarta-seccion{
  background-color: #00BCD6;
}
.tit-funciona{
  color: white;
  text-align: center;
  padding-top: 30px;
  font-weight: bold;
  font-size: 70px;
}
.subtit-funciona{
  color: white;
  text-align: center;
  font-size: 45px;
}
.contenedor-funciones{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
}
.funcion-prim img{
  width: 170px;
}
.funcion-segunda img{
  width: 140px;
  /*! height: 106px; */
  margin-bottom: 5%;
}
.funcion-tercera img{
  width: 130px;
}
.funcion-cuarta img{
  width: 130px;
}
.funciones{
  margin: 0px 30px;
}
.subtit-fun{
  color: white;
  font-weight: 600;
  font-size: 30px;
}
.parrafo-fun{
  color: white;
  font-size: 26px;
  line-height: 25px;
}
.cuarta-seccion {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contenedor-funciones {
  display: flex;
  align-items: flex-start; /* Alinea las imágenes y textos en la misma altura */
}
.funciones {
  display: flex;
  flex-direction: column; /* Mantiene el flujo vertical dentro de cada contenedor */
  /* Centra los elementos dentro de cada contenedor */
}
.funciones img {
  width: 150px; /* Tamaño uniforme de las imágenes */
  height: 150px;
  object-fit: contain; /* Evita distorsiones en las imágenes */
  margin-bottom: 10px; /* Espacio entre la imagen y el título */
}
.subtit-fun {
  margin: 10px 0; /* Espacio alrededor del título */
}
.tit-procedimientos{
  text-align: center;
  margin-top: 30px;
  font-weight: bold;
  color: #00849D;
  font-style: italic;
}
.subtit-proce{
  text-align: center;
  font-style: italic;
  color: #76B3C4;
}
.linea-procedimientos{
  background-color: #00AFCF;
  height: 2px;
  width: 20%;
  border-radius: 20px;
  margin-bottom: 30px;
}
.contenedor-linea-procedimientos{
  display: flex;
  justify-content: center;
}
.imagen-procedimientos{
  width: 60%;
}
.parrafo-abajo-proce{
  text-align: center;
  font-size: 20px;
  margin: 30px 0px;
  color: #72B1C2;
  line-height: 23px;
}
.subtit-procedimientos{
  font-weight: 700;
  font-size: 24px;
  margin-top: 20px;
  color: #007893;
}
.parrafo-procedimientos{
  color: #00738F;
  font-size: 22px;
  line-height: 27px;
}
.tit-opiniones{
  display: flex;
  justify-content: center;
  align-items: center;
}
.tit-uno-opinion{
  color: #00BCD6;
  font-weight: 700;
}
.linea-azul{
  width: 5px;
  height: 70px;
  margin: 0px 40px;
  border-radius: 30px;
  background-color: #00B9D4;
}
.tit-segundo-opinion{
  color: #00BCD6;
}
.contenedor-opiniones-usuarios{
  background-color: #00BCD6;
  padding: 50px 50px;
  border-radius: 20px;
}
.contenedor-opiniones-usuarios > div > div{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.parrafo-opinion{
  color: white;
  font-size: 20px;
  line-height: 23px;
  font-weight: 400
}
.contenedor-usuario{
  display: flex;
  justify-content: center;
  align-items: end;
}
.contenedor-usuario .nombre-usuario{
  margin-left: 10px;
  color: white;
  font-weight: 700;
  
}
.septima-seccion{
  padding-top: 30px;
  padding-bottom: 30px;
}
.novena-seccion{
  padding: 40px 0px;
}
.tit-ubicacion{
  text-align: initial;
  color: #00BCD6;
  font-weight: 700;
  font-size: 55px;
}
.subtit-ubicacion{
  text-align: initial;
  color: #00BCD6;
  line-height: 35px;
  font-size: 35px;
  margin-bottom: 25px;
}
.linea-ubicacion{
  width: 100%;
  height: 3px;
  background-color: #00BCD6;
  border-radius: 30px;
}
.contenedor-hospital{
  display: flex;
  margin-top: 40px;
  align-items: center;
}
.contenedor-hospital img{
  width: 70px;
}
.contenedor-horario{
  display: flex;
  margin-top: 30px;
}
.parrafo-final{
  text-align: center;
  font-size: 25px;
  color: #6D6D6D;
}
.parrafo-horario{
  margin: 15px 15px;
  font-size: 28px;
  text-align: initial;
  color: #00BBD5;
  line-height: 33px;
}
.contenedor-horario img{
  width: 70px;
  height: 70px;
}
.elemento-nav{
  color: #848181 !important;
  font-size: 20px !important;
  transition: 1s ease all;
}
.elemento-nav:hover{
  color: black !important;
  transition: 1s ease all;
}
.mapa{
  width: 100%;
  height: 100%;
}
.nombre-hospital{
  text-align: initial;
  margin-left: 15px;
  color: #00BCD6;
  font-weight: 600;
}

/* RESPONSIVO  */
@media(max-width:2000px){
  .linea-abajo-pasos{
    width: 100%;
    padding: 0 10%
  }
  .linea-arriba-pasos{
    width: 100%;
    padding: 0 5%;
  }
}
@media(max-width: 1700px){
  .tu-mejor-version{
  font-size: 50px;
}
.texto-grande{
  font-size: 100px;
  margin-top: -25px;
}
  .profesion {
  font-size: 40px;
}
  .silueta {
  width: 150px;
  margin-right: 20px;
}
}
@media(max-width:1350px){
   .tu-mejor-version{
  font-size: 40px;
}
.texto-grande{
  font-size: 80px;
  margin-top: -25px;
}
  .nombre-doctor {
  font-size: 70px;
}
  .profesion {
  font-size: 35px;
}
  .silueta {
  width: 100px;
  margin-right: 10px;
}
}
@media(max-width:1300px){
  .rasgo-primero img{
  width: 100px;
}
.rasgo-segundo img{
  width: 100px;
}
.rasgo-tercero img{
  width: 100px;
}
.rasgo-cuarto img{
  width: 100px;
}
  .parrafo-fun {
  font-size: 20px;
}
  .funciones img {
  width: 120px;
  height: 120px;
}
  .contenedor-rasgos{
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }
  .tit-funciona {
  font-size: 50px;
}
  .subtit-funciona {
  font-size: 35px;
}
}
@media(max-width:1219px){
  .tercera-seccion{
    flex-direction: column;
  }
  .contenedor-funciones{
    flex-wrap: wrap;
  }
  .contenedor-tercera{
    width: 100%;
  }
  .contenedor-texto-ter{
    padding: 0px 10%;
    margin-left: 0;
    margin: 15px 0px;
  }
  .contenedor-texto-ter br{
    display: none;
  }
}
@media(max-width:1000px){
   .tu-mejor-version{
  font-size: 40px;
}
  
.texto-grande{
  font-size: 65px;
  margin-top: -20px;
}
  .nombre-doctor {
  font-size: 55px;
}
  .profesion {
  font-size: 25px;
}
  .silueta {
  width: 70px;
  margin-right: 10px;
}
  .direccion-inicio {
  bottom: 2%;
  font-size: 20px;
  padding: 5px 20px;
}
   .tit-funciona {
  font-size: 40px;
}
  .subtit-funciona {
  font-size: 25px;
}
}
@media(max-width:991px){
  .contenedor-opiniones-usuarios .row{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .carrusel-doctor {
  padding-top: 55px;
}
  .contenedor-opiniones-usuarios > .row > .col-md-4{
    width: 100%;
  }
  .parrafo-opinion{
    width: 100%;
    order: 2;
  }
  .parrafo-opinion br{
    display: none;
  }
  .contenedor-usuario{
    align-items: center;
  }
  .tit-ubicacion{
    font-size: 40px;
  }
  .subtit-ubicacion{
    font-size: 30px;
  }
}
@media(max-width:959px){
   .rasgo-primero img{
  width: 80px;
}
.rasgo-segundo img{
  width: 80px;
}
.rasgo-tercero img{
  width: 80px;
}
.rasgo-cuarto img{
  width: 80px;
}
  .novena-seccion > .text-center > .row{
    flex-direction: column;
  }
  
}
@media(max-width:800px){
    .tu-mejor-version{
  font-size: 30px;
}
.texto-grande{
  font-size: 55px;
  margin-top: -15px;
}
  .nombre-doctor {
  font-size: 45px;
}
  .profesion {
  font-size: 22px;
}
  .silueta {
  width: 50px;
  margin-right: 10px;
}
  .direccion-inicio {
  bottom: 2%;
  font-size: 16px;
  padding: 5px 20px;
}
}
@media(max-width:740px){
  .parrafo-abajo-proce{
    padding: 0px 20px;
  }
}
@media(max-width:670px){
  .linea-azul {
  margin: 0px 20px;
}
  .tit-uno-opinion {
    font-size: 30px;
  }
  .tit-segundo-opinion{
    font-size: 30px;
  }
}
@media(max-width:600px){
    .tu-mejor-version{
  font-size: 20px;
}
  .accordion-header .accordion-button {
  width: 50%;
}
  .tit-opiniones{
    flex-direction: column;
  }
  .linea-azul {
  width: 50%;
  height: 3px;
  border-radius: 30px;
  background-color: #00B9D4;
}
  .tit-uno-opinion{
    text-align: center;
  }
  .tit-segundo-opinion{
    text-align: center;
  }
.texto-grande{
  font-size: 35px;
  margin-top: -10px;
}
  .nombre-doctor {
  font-size: 32px;
}
  .profesion {
  font-size: 18px;
}
  .silueta {
  width: 40px;
  margin-right: 5px;
}
  .direccion-inicio {
  bottom: 0%;
  font-size: 14px;
  padding: 5px 20px;
}
}
@media(max-width:575px){
  .imagen-procedimientos{
    width: 30%;
  }
  .contenedor-opiniones-usuarios{
    border-radius: 0;
  }
}
@media(max-width:500px){
   .tu-mejor-version{
  font-size: 15px;
}
  .parrafo-abajo-proce br{
    display: none;
  }
  .novena-seccion{
    padding: 20px 0px;
  }
  .contenedor-horario img{
  width: 50px;
  height: 50px;
}
  .parrafo-horario {
  margin: 8px 15px;
}
  .contenedor-hospital img {
  width: 50px;
}
   .linea-azul {
    width: 60%;
    height: 3px;
  }
  .parrafo-final {
  font-size: 18px;
}
.texto-grande{
  font-size: 25px;
  margin-top: -10px;
}
  .nombre-doctor {
  font-size: 25px;
}
  .profesion {
  font-size: 15px;
}
  .silueta {
  width: 30px;
  margin-right: 5px;
}
  .direccion-inicio {
  bottom: 0%;
  font-size: 14px;
  padding: 5px 20px;
}
}
@media(max-width:460px){
  .parrafo-nosotros {
  font-size: 18px;
  line-height: 20px;
}
    .linea-azul {
    width: 290px;
    height: 3px;
  }
  .contenedor-texto-ter{
    padding: 0 3%;
  }
  .contenedor-funciones{
    justify-content: left;
  }
  .funciones {
  margin: 0px 15px;
  width: 100%;
}
  .parrafo-fun > br{
    display: none;
  }
  .contenedor-usuario img{
    width: 40%;
  }
  .parrafo-opinion{
    font-size: 18px;
  }
  .parrafo-procedimientos{
    font-size: 18px;
  }
  .subtit-procedimientos{
    font-size: 20px;
  }
  .tit-nosotros{
    font-size: 20px;
  }
  .parrafo-fun{
    font-size: 18px;
  }
  .funciones img {
    width: 80px;
    height: 80px;
  }
}
@media(max-width:420px){
   .tu-mejor-version{
  font-size: 13px;
}
.texto-grande{
  font-size: 22px;
  margin-top: -10px;
}
  .nombre-doctor {
  font-size: 20px;
}
  .profesion {
  font-size: 13px;
}
  .silueta {
  width: 25px;
  margin-right: 5px;
}
  .direccion-inicio {
  bottom: -5%;
  font-size: 14px;
  padding: 2px 5px;
}
}
@media(max-width:400px){
   .tit-funciona {
  font-size: 30px;
}
  .subtit-funciona {
  font-size: 20px;
}
  .subtit-ubicacion{
    font-size: 20px;
    line-height: 25px;
  }
  .parrafo-horario{
    font-size: 22px;
  }
}
@media(max-width:380px){
  .direccion-inicio{
    display: none;
  }
}
@media(max-width:360px){
  .accordion-header .accordion-button {
  width: 80%;
}
}
@media(max-width:329px){
  .tit-nosotros{
    font-size: 18px;
  }
}