body {
  padding-top: 56px; /* Altura de la barra de navegación */
  margin: 0;
  padding: 0;
}



.navbar {
  background-color: #ffffff; 
}

.navbar-nav {
  display: flex;
  gap: 1rem;
  list-style: none;
}

.navbar-nav .nav-item{
  color: #ffffff;
  display: grid;
  place-content: center;
  margin: 0;
}

.navbar-item {
  position: relative;
  display: inline-block;
  padding-bottom: 5px; /* Ajusta el espacio entre el texto y la línea */
  color: #1a3757d1;
}

.navbar-item::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #1a3757d1;
  border-radius: 5px; 
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  bottom: 0;
  left: 0;
}

.navbar-item:hover::before {
  transform: scaleX(1);
}

.index-body
{
  overflow-x: hidden;
}

.productos-body
{
  overflow-x: hidden;
}

.modalidades-body
{
  overflow-x: hidden;
}
.nosotros-body
{
  overflow-x: hidden;
}

.navbar-brand img {
  margin-left: 50%;
  max-height: 45px; 
}

.navbar-nav {
  width: 100%;
  justify-content: flex-end; 
}

.navbar-nav .nav-item {
  text-align: center; 
}

.navbar-nav .nav-item a {
  
  font-size: 15pt;
}


/* CSS Inicio */

.inicio-imagen1 {
  height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
  background-size: cover; 
  background-position: center; 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background-image: url('images/slide2_bg.jpg');
}

.animate-section {
  animation: fadeInDown 1s;
}

@keyframes fadeInDown {
  0% {
      opacity: 0;
      transform: translateY(-20px);
  }
  100% {
      opacity: 1;
      transform: translateY(0);
  }
}

#inicio-img {
  position: relative;
}

#inicio-img img {
  max-width: 100%;
  height: auto;
}

#inicio-img .text-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(255, 255, 255);
}



#inicio h1 {
  font-size: 5rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #ffffff;
}
#inicio h2 {
  font-size: 3rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
}

#inicio p {
  font-family: 'roboto', sans-serif;
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
  white-space: normal; /* Evita que el texto se divida en varias líneas */
  overflow: hidden; /* Oculta cualquier contenido que desborde */
  color: #ffffff;
}

#inicio h3 {
  font-family: 'roboto', sans-serif;
  font-size: 2rem;
  font-style: italic;
  text-align: center;
  white-space: normal; /* Evita que el texto se divida en varias líneas */
  overflow: hidden; /* Oculta cualquier contenido que desborde */
  color: #ff791b;
}

/* Agregar estilos de hover a las imágenes */
.image-container {
  position: relative;
  overflow: hidden;
}
.image-container:hover img {
  transform: scale(1.1);
}
.image-container img {
  transition: transform 0.3s ease;
}
/* Opcional: Estilos para el texto encima de las imágenes */
.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.image-container:hover .text-overlay {
  opacity: 1;
}

.img-pathology{
width: 470px;
}

.arrow-down-container {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

.arrow-down {
  font-size: 30px;
  cursor: pointer;
  color: #acacac; /* Color gris para la flecha */
  transition: color 0.3s ease;
}

#inicio.collapsed {
  height: 100px; /* Ajusta la altura según sea necesario */
  overflow: hidden;
}


.arrow-down:active {
  color: #141414; /* Cambia el color al hacer clic (efecto sombreado) */
}

/* Estilos para el primer container */
.text-container-gray {
  background-color: #dad5d560; 
  max-width: 100%; /* Ancho del contenedor */
  padding: 30px;
  
}

.text-container-gray p {
  font-size: 1.5rem; /* Tamaño de la fuente */
  font-family: 'Open Sans', sans-serif; /* Fuente */
  text-align: center;
  line-height: 1.5;
}

/* Estilos para el segundo container */
.text-container-white {
  background-color: #ffffff; 
  padding: 30px;
  font-size: 1.5rem; /* Tamaño de la fuente */
  font-family: 'Open Sans', sans-serif; /* Fuente */
  width: 100%; /* Ancho del contenedor */
  margin: auto; /* Centrar el contenedor */
  line-height: 1.5;
  margin-top: 20px;
  text-align: center;
}

/* Estilos para la linea */
.blue-line {
  border-top: 3px solid rgba(23, 63, 114, 1);
  margin: 20px auto;
  max-width: 70%;
}

/* Estilos para las imágenes dentro de los contenedores */
.image-container {
  max-height: 500px; /* Establece la altura fija para los contenedores de las imágenes */
  max-width: 500px;
  overflow: hidden;
}

/* Estilos para las imágenes dentro de los contenedores */
.image-container img {
  width: 100%; /* Ajusta la imagen al 100% del ancho del contenedor */
  height: 0 auto; /* Establece la altura fija para todas las imágenes */
  object-fit: cover; /* Ajusta la imagen manteniendo las proporciones y cubriendo el contenedor */
}

#container-images {
  margin-top: 2rem; /* Ajusta el espacio superior según tus necesidades */
}

#container-images p {
  color: rgba(23, 63, 114, 1); 
  text-align: center; /* Centra el texto */
  font-size: 1.5rem;
}

/* Estilos para la nueva sección */
.nueva-seccion-section {
  padding: 50px 0;
  padding-bottom: 0;
  color: #ffffff; /* Color del texto dentro de la nueva sección */
}

#prodSeccion h1 {
  font-size: 3rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}
/* Estilos para el contenedor del texto y elementos */
.text-container {
  margin-bottom: 15px;
}

/* Estilos para la línea blanca */
.white-line {
  border: 1.5px solid #fff; /* Color de la línea blanca */
}

/* Estilos para la imagen */
.img-fluid {
  height: auto;
}

/* Estilos para los subtítulos */
.section-subheading1 {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 14px;
  font-family: 'Oswald', sans-serif;
  text-align: left;
}

/* Estilos para el botón */
.btn-primary {
  background-color: #fff; /* Color de fondo del botón */
  color: rgba(23, 63, 114, 1); /* Color del texto del botón */
  padding: 10px 20px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  text-decoration: none;
  max-width: 90%;
}

.btn-conoce-mas {
  width: 590px; /* ajustar el ancho */
}

/* Estilos personalizados para la sección "Cómo funciona" */
#funSeccion {
  background-color: #f0f0f0;
}

#funSeccion .section-heading {
  color: #000000; /* Cambiar color del título */
  font-size: 3rem; /* Cambiar tamaño del título */
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

#funSeccion p {
  color: #ffffff; /* Cambiar color del texto */
  font-size: 1.5rem; /* Cambiar tamaño del texto */
  font-family: 'Open Sans', sans-serif;
  line-height: 1.5;
}

/* Estilos adicionales para el carrusel */
#funSeccion .swiper-container {
  margin-top: 40px; /* Agregar espacio superior al carrusel */
  overflow-x: hidden;
}

#funSeccion .swiper-slide {
  position: relative; /* Agregar posición relativa para el contenedor de la diapositiva */
}

#funSeccion .swiper-slide img {
  max-width: 1000px; /* Hacer que la imagen ocupe el 100% del contenedor */
  max-height: 500px;
  height: auto;
}

#funSeccion .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  font-size: 1.5rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

#funSeccion .swiper-slide:hover .overlay {
  opacity: 1;
}

/* Estilos para la cuarta sección */
#cuartaSeccion .blue-line-custom {
  border: 2px solid rgba(23, 63, 114, 1); /* Cambiar color y grosor de la línea azul */
  width: 100%; /* Cambiar el tamaño de la línea */
  margin: 40 auto 40px auto; /* Centrar la línea y agregar espacio inferior */
}

#cuartaSeccion .section-heading-custom {
  color: #000000; /* Cambiar color del título */
  font-family: 'Oswald', sans-serif; /* Cambiar fuente del título */
  font-size: 3rem; /* Cambiar tamaño del título */
  font-weight: 700;
}

#cuartaSeccion .texto-flujo {
  font-size: 1.5rem;
  font-family: 'Open Sans', sans-serif;
}


#cuartaSeccion {
  text-align: center;
  padding: 50px 0; 
  
}

#cuartaSeccion .container {
  max-width: 1500px; /* Ajustar el ancho máximo del contenedor según tus necesidades */
  margin: 0 auto; /* Centrar el contenedor en la página */
}

#cuartaSeccion .image-container {
  overflow: hidden; /* Ocultar el desbordamiento de la imagen fuera del contenedor */
  max-width: 100%; /* Asegurarse de que la imagen no sea más ancha que el contenedor */
  max-height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cuartaSeccion .flujo2 {
  width: 1050px;
  height: auto;
  max-height: none; 
  transition: filter 0.3s ease-in-out;
  animation-name: girara;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  overflow: hidden;
}

#cuartaSeccion .flujo1 {
  width: 800px;
  height: auto;
  max-height: none; 
  transition: filter 0.3s ease-in-out;
  animation-name: girarb;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  overflow: hidden;
}

#cuartaSeccion .flujo3{
  width: 325px;
  height: auto;
  max-height: none; 
  transition: filter 0.3s ease-in-out;
  animation-name: girarb;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  overflow: hidden;
}

@keyframes girarb{
  from {
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    transform: rotate(360deg);
    overflow: hidden;
  }
}

@keyframes girara {
  from {
    transform: rotate(0deg);
    overflow: hidden;
  }
  to {
    transform: rotate(-360deg);
    overflow: hidden;                           
  }           
}


#cuartaSeccion .img-flujo p{
  font-size: 1.5rem;
  font-family: 'Open Sans', sans-serif;
}

#cuartaSeccion .img-flujo .flujopaciente {
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-570%, -250%);  
}
#cuartaSeccion .img-flujo .flujopaciente img {
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;
  
}

#cuartaSeccion .img-flujo .flujopaciente img:hover{
  filter: drop-shadow(20px 4px 3px #44d);
      transform: translateY(-7px);
}

#cuartaSeccion .img-flujo .flujomod {
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-350%, -100%); 
}

#cuartaSeccion .img-flujo .flujomod img{
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;
}

#cuartaSeccion .img-flujo .flujomod img:hover{
  filter: drop-shadow(20px 4px 3px #44d);
      transform: translateY(-7px);
}

#cuartaSeccion .img-flujo .flujopacs {
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-400%, 100%); 
}

#cuartaSeccion .img-flujo .flujopacs img{
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;
  
}
#cuartaSeccion .img-flujo .flujopacs img:hover{
  filter: drop-shadow(20px 4px 3px #44d);
      transform: translateY(-7px);
}

#cuartaSeccion .img-flujo .flujoint {
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-750%, 100%); 
}
#cuartaSeccion .img-flujo .flujoint img{
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;
}
#cuartaSeccion .img-flujo .flujoint img:hover{
  filter: drop-shadow(20px 4px 3px #44d);
      transform: translateY(-7px);
}
#cuartaSeccion .img-flujo .flujores {
  width: 100px;
  height: 100px;
  position: absolute;
  transform: translate(-800%, -100%); 
}
#cuartaSeccion .img-flujo .flujores img{
  cursor: pointer;
  width: 50px;
  height: 50px;
  transition: all 0.3s ease 0s;
  
}
#cuartaSeccion .img-flujo .flujores img:hover{
  filter: drop-shadow(20px 4px 3px #44d);
      transform: translateY(-7px);
}

.circle {
  border-radius: 50%;
}

.abs-center {
  position: absolute;
  transform: translate(-100%, 50%);
  margin: auto;
}

.core-inner {
  width: 250px;
  height: 250px;
  border: 8px solid rgba(23, 63, 114, 1) ; /*#449ddf*/
/*  box-shadow: 0 0 7px 5px #52fefe, 0 0 18px 12px #52fefe inset; */
  background-color: #ffffff;
  animation: pulse 0.75s infinite;
/*   transition: box-shadow 0.3s ease-in-out; */
box-shadow: 0 0 20px 10px (#ff791b)
            ; /* Sombra difuminada */
}


@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 20px 10px #ff791b;
  }
  
  50% {
    transform: scale(1);
    box-shadow:  0 0 20px 10px #ff791b;
  }
  
  100% {
    transform: scale(0.95);
    box-shadow:  0 0 20px 10px #ff791b;
  }
}

.modal-backdrop{
  z-index: -1;
}

.modal-content{
  border-radius: 30px;
  transition: all 0.3s ease-in-out;
  box-shadow: 10px 10px 5px 0px  rgb(0,0,0,0.75);
}

.modal-title {
  display: flex;
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

.modal-content.modal-content-transition {
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.modal.fade.show .modal-content.modal-content-transition {
  opacity: 1;
  transform: translateY(0);
}

.modal-content img{
  width: 50px;
  height: 50px;  
}

.modal-content summary{
  font-size: 1.5rem;
  font-family: 'Open Sans', sans-serif;
  padding-left: 20px;
  cursor: pointer;
  list-style: none;
}

.modal-content .detalles-cuatro p{
  font-size: 1rem;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  margin-top: 0; 
}

.modal-content .detalles-cuatro {
  overflow: hidden;
  transition: height 1s ease-out;
}

.detalles-cuatro summary::-webkit-details-marker {
  display: none;
}

/* Quinta seccion */

.blue-line-custom-center {
border: 2px solid rgba(23, 63, 114, 1);
width: 100%;
margin: 40 auto 40px auto;
}

/* Añadir línea azul personalizada después del título */
.blue-line-custom {
border: 2px solid rgba(23, 63, 114, 1);
width: 100%;
margin: 40 auto 40px auto;
}

/* Personalizar el título de la nueva sección */
.section-heading-custom {
font-size: 3rem;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}
 
/* Añadir un margen superior a la quinta sección */
.quinta-seccion-section {
margin-top: 20px;
}

.img-fullsize {
width: 80%;
height: auto;
}

.image-containerv {
overflow: hidden;
}

.image-container img {
width: 200%; /* Ajusta el porcentaje según sea necesario para que se desborde */
height: 270px;
}
.image-containerv:hover img {
  transform: scale(1.1);
}
.image-containerv img {
  transition: transform 0.3s ease;
}

/* tecnologia */



.tecnologias-section {
padding: 10px;
}

.tecnologias-section h1 {
font-size: 3rem;
font-family: 'Oswald', sans-serif;
color: rgba(23, 63, 114, 1);
margin-bottom: 15px;
/* margin-top: 3%; */
}

.row .img-tecnologia{
  width: 100%;
  justify-content: center;
  justify-content: space-between;
}


.image-container1t img {
margin-top: -8%;
margin-left: -10%;
width: 150px;
height: auto;
}
.image-container2t img {
margin-top: 18%;
width: 150px;
height: auto;
}
.image-container3t img {
margin-top: 15%;
width: 150px;
}
.image-container4t img {
margin-top: 5%;
width: 65px;
}
.image-container5t img {
margin-top: 18%;
width: 100px;
}
.image-container6t img {
margin-top: 15%;
width: 80px;
margin-bottom: -20%;
}
.image-container7t img {
margin-top: 0 !important;
width: 80px;
height: auto !important;
margin-bottom: 0 !important;
}
.image-container8t img {
margin-top: 20%;
width: 150px;
margin-bottom: -20%;
}

.image-container1t img, .image-container2t img, .image-container3t img, 
.image-container4t img, .image-container5t img, .image-container6t img, 
.image-container7t img, .image-container8t img {
  transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
  transform: scale(1);
}

.image-container1t img:hover, .image-container2t img:hover, 
.image-container3t img:hover, .image-container4t img:hover, 
.image-container5t img:hover, .image-container6t img:hover, 
.image-container7t img:hover, .image-container8t img:hover {
  transform: scale(1.3);
}

#quintaSeccion{
  margin-top: -50px;
}


/* Sexta seccion */

/* Línea azul centrada */
.blue-line-custom-center-sixth {
border: 2px solid rgba(23, 63, 114, 1);
width: 100%;
margin: 40 auto 40px auto;
}

/* Añadir línea azul personalizada después del título */
.blue-line-custom-sixth {
border: 2px solid rgba(23, 63, 114, 1);
width: 100%;

}

/* Personalizar el título de la nueva sección */
.section-heading-custom-sixth {
font-size: 3rem;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

/* Añadir un margen superior a la sexta sección */
.sexta-seccion-section {
margin-top: 20px;
}


.image-container-sixth img {
width: 100%; /* Ajusta el porcentaje según sea necesario */
height: auto;
margin-left: 0%; /* Ajusta el valor según sea necesario para centrar la imagen */
margin-top: -90%;
}

.blue-title-sixth6 h1{
color: rgba(23, 63, 114, 1); /* Color azul del título */
font-size: 3rem; /* Tamaño de fuente del título */
text-align: center; /* Alineación del título */
font-family: 'Oswald',sans-serif;
margin-top: 4%;
}


#sextaSeccion .container {
  margin-top: -50px;
}

#sextaSeccion .img-inter{
  margin-top: -5px;
}

#sextaSeccion .row{
padding-bottom: 10px;
}

#sextaSeccion .usuarios1, .usuarios2, .usuarios3, .usuarios4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}



#img-ofrecemos{
  max-width: 30%;
  filter: brightness(1.1);
  mix-blend-mode: multiply;
}
#img-ofrecemos2{
  max-width: 30%;
  filter: brightness(1.1);
  mix-blend-mode: multiply;
}
#img-ofrecemos3 {
  max-width: 30%;
}
#img-ofrecemos4{
  max-width: 30%;
}
#sextaSeccion p{
  font-size: 1rem; /* Tamaño de fuente del título */
  text-align: left; /* Alineación del título */
  font-family: 'Open Sans', sans-serif;
  padding-left: 20px;
  text-align: justify;
  }



/* Footer CSS */
/* Estilos para el Footer */
.footer-section {
background-color: rgba(23, 63, 114, 1);
color: #ffffff; /* Texto en color blanco */
/* padding: 30px 0; /* Espaciado interno del footer */
}

.footer-section h4 {
color: #ffffff; /* Color blanco para los encabezados dentro del footer */
}

/* Estilos para los iconos de redes sociales */
.footer-section i {
  display: none;
font-size: 1.2rem;
margin-right: 10px;
color: #ffffff; /* Color blanco para los iconos de redes sociales */
}
.footer-section h4 {
  font-size: 0.8rem;
}
/* Agrega cualquier estilo adicional que desees para el footer */
.footer-section a {
text-decoration: underline; /* Elimina el subrayado predeterminado de los enlaces */
color: #ffffff; /* Color del texto del enlace, puedes ajustarlo según tus preferencias */
}
.footer-section .fa-brands, .footer-section .fab {
  color: #ffffff; /* Color inicial de los iconos */
  transition: color 0.3s ease; /* Transición suave al pasar el mouse */
}

.fab.fa-facebook-square:hover{
  color:rgb(121, 177, 250);
  transform: scale(1.5);
}

.fa-brands.fa-square-x-twitter:hover{
  color:rgb(121, 177, 250);
  transform: scale(1.5);
}

.fab.fa-instagram-square:hover{
  color:rgb(121, 177, 250);
  transform: scale(1.5);
}

.fab.fa-youtube-square:hover{
  color:rgb(121, 177, 250);
  transform: scale(1.5);
}

.fab.fa-linkedin:hover{
  color:rgb(121, 177, 250);
  transform: scale(1.5);
}



/* Productos */

.inicio {
  height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
  background-size: cover; 
  background-position: center; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  background-image: url('images/slide1_bg.jpg');
}
.encabezado-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(255, 255, 255);
}

.encabezado-img h1{
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 4rem;
}


  
/* Productos - Nuestros productos*/


#productospat{
  background-color: rgba(23, 63, 114, 1);
}

#modulos{
  padding-top: 25px;
}
 .container{
  padding-top: 10px;
  padding-bottom: 10px;
 }

#contenido{
  display: none;
}

#productos img{
  width: 570px;
  margin-top: -150px;
}

#productos h1{
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
}

#productos details{
  background-color: rgba(23, 63, 114, 1);
  color: #ffffff;
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
  border-radius: 10px;
}

#productos details:hover{
  background-color: rgb(8, 192, 248);
  color: #000;
  transition: background-color 0.4s ease-in-out;
}

#productos p{
  text-align: justify;
  padding-top: 20px;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
  background-color: #ffffff;
  color: #000000;
}

#productospat h1{
  text-align: center;
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-size: 3rem;
}

#productospat details{
  background-color: #ffffff;
  color: #000;
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
  border-radius: 10px;
}

#productospat details:hover{
  background-color: rgb(8, 192, 248);
  transition: background-color 0.4s ease-in-out;
}

#productospat p{
  text-align: justify;
  background-color: rgba(23, 63, 114, 1);
  padding-top: 20px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

#productos .btn-custom{
  background-color: rgba(23, 63, 114, 1);
  color: #ffffff;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1.5rem;
}

.btn-custom{
  background-color: #ffffff;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1.5rem;
}

#contenidop {
  display: none;
}

/*Productos - Modulos*/

#modulos h1{
  text-align: center;
  font-family: 'Oswald', sans-serif; /* Fuente */
  font-size: 3rem;
  font-weight: 700;
}

#modulos img{
  width: 260px;
  height: 160px;
  margin-bottom: 20px;
}

#modulos h5{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
  font-weight: bold;
}

#modulos p{
  text-align: justify;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/*Productos - Modalidades adicionales*/

#modalidad_adicional{
  background-color: rgba(23, 63, 114, 1);
  color: white;
  padding-bottom: 40px;
}

#modalidad_adicional .line{
  border-top: 3px solid rgb(255, 255, 255);
  margin: 20px auto;
  width: 100%;
}

#modalidad_adicional .carousel-item{
  position: relative;
  transition: opacity 0.5s ease; 
  opacity: 1; 
}

#modalidad_adicional .carousel-item.carousel-item-start {
  opacity: 0; 
}

#modalidad_adicional .carousel-item.carousel-item-end {
  opacity: 0; 
}

#modalidad_adicional .carousel-item img {
  height: 400px; 
  object-fit: cover;
}

#modalidad_adicional button{
  background-color: transparent;
  border: transparent;
}


#modalidad_adicional .carousel-caption {
  position: absolute;
  width: 75%;
  height: 100%;  
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(15, 15, 15, 0.808); 
  padding: 20px;
  color: white;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: 1;
  display: flex; 
  align-items: center; 
  justify-content: center; 
  text-align: center;
}


#modalidad_adicional .carousel-item:hover .carousel-caption {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}

.carousel-caption h5,
.carousel-caption p {
  margin: 0; 
}

#modalidad_adicional h1{
  padding-top: 30px;
  margin-bottom: -20px;
  text-align: center;
  font-family: 'Oswald', sans-serif; 
  font-size: 3rem;
  font-weight: 700;
}

#modalidad_adicional h3{
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}
#modalidad_adicional img{
  width: 360px;
  height: 200px;
  margin-bottom: 20px;
}

#modalidad_adicional h5{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
  font-weight: 700;
}

#modalidad_adicional p{
  text-align: justify;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/*Productos_Diagnostico*/

#diagnostico{
  padding-top: 30px;
  padding-bottom: 30px;
}

#diagnostico h1{
  text-align: center;
  font-family: 'Oswald', sans-serif; /* Fuente */
  font-size: 3rem;
  font-weight: bold;
}

#diagnostico h3{
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/*Productos_Visualizador*/

#visualizador{
  background-color: #d1d1d1;  
}


#visualizador h2{
  color: rgba(23, 63, 114, 1);
  font-family: 'Oswald', sans-serif; /* Fuente */
  font-size: 3rem; 
}

#visualizador p{
  padding-top: 30px;
  text-align: justify;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

#visualizador h5{
  background-color: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/*Modalidades*/

.inicio {
  height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
  background-size: cover; 
  background-position: center; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  background-image: url('images/modalidades2.jpg');
}
.encabezado-mod {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(255, 255, 255);
}

.encabezado-mod h1{
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 4rem;
}

#encabezadomodalidades p{
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1.5rem;
  font-weight: 700;
}

/*Modalidades - Cards*/

#modalities img{
  border-radius: 15px;
  width:  540px;
  height: 360px;
  object-fit: fill;
  filter: brightness(60%);
}

#modalities h5{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 2rem;
  font-weight: 700;
}

#modalities h6{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1.5rem;
  font-weight: 700;
  
}

.carousel-item{
  margin: 0;
  
  opacity: 0; 
  
}

.carousel-item.active {
  opacity: 1; 
}

.texto-carrusel{
  
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.texto-carrusel h5, .texto-carrusel h6{
  color: #ffffff;
  text-align: center;
}

.texto-carrusel:hover h5, .texto-carrusel:hover h6{
  color: #ff791b;
  transform: scale(1.05);
  transition: all 0.5s ease-in-out ;
}



/* Nosotros CSS */
.inicio {
  height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
  background-size: cover; 
  background-position: center; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  background-image: url('images/nosotros1.jpg');
}

.texto-superpuesto {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(255, 255, 255);
}

#nosotros h1 {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 4rem;
  margin-top: -134%;
}

/* Estilos para la sección visionMision */

#visionMision {
padding: 50px; 
}

.texto-centrado {
text-align: center;
}

h2 {
color: #000000;
font-size: 3rem;
font-weight: bold;
font-style: italic;
font-family: 'roboto', sans-serif;
}

.linea-azul2 {
border: 2px solid rgba(23, 63, 114, 1);
width: 70%;
margin: 20px auto 20px auto;
}

.texto-modificado {
font-size: 1.3rem; 
font-family: 'Open Sans', sans-serif; 
color: #000000;
}

.imagen-vision-mision {
width: 100%; 
height: 20%;

}

.textos-bajo-imagen {
margin-top: 20px; 
}

.texto-container {
max-width: 100%; 
margin: 0 auto; 
}

.vision, .mision {
font-size: 1.3rem;
text-align: justify !important;
font-family: 'Open Sans', sans-serif;

}

/* Estilos para la sección de valores */
#valores {
background-color: #ffffff; 
padding: 20px 0; 
}

.texto-container {
padding: 20px;
margin-top: 50%;
vertical-align: middle;
margin: 50% 0;
text-align: left;
}

#valores h2 {
color: #000000;
font-size: 1.2rem; 
line-height: 1.5;
font-family: 'Open Sans', sans-serif;
}

.texto-lista {
font-size: 1rem;
line-height: 1.5;
font-family: 'Open Sans', sans-serif;
}


.overflow-hidden {
overflow-x: visible;
}

/* Objetivo */
#objetivo {
padding: 10px 0;
text-align: center;
}
#objetivo p {
font-size: 1.3rem;
color: #000000;
text-align: center;
font-family: 'opens sans', sans-serif;
}

.linea-azul3 {
border: 2px solid rgba(23, 63, 114, 1); 
width: 100%; 
margin: 40px auto; 
}

.n_eq{
  background-size: cover; 
  background-position: center; 
  background-image: url('images/electroestudio.png');

}

#nuestro_equipo{
  background-color: #acacac;
}

#nuestro_equipo h1{
color: rgba(23, 63, 114, 1) ;
font-size: 3rem;
text-align: center;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
}

#nuestro_equipo p{
font-size: 1.3rem;
text-align: justify;
font-family: 'Open Sans', sans-serif;
color: #ff791b;
font-weight: 500;
}

#nuestro_equipo .img-equipo1 {
  max-width: 100%;
  animation-name: girarb;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#nuestro_equipo .img-equipo2 {
  width: 100%;
  animation-name: girara;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#nuestro_equipo .img-equipo3 {
  width: 100%;
  animation-name: girara;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

#nuestro_equipo .img-equipo4 {
  width: 100%;
  animation-name: girarb;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.img-engranaje1, .img-engranaje2, .img-engranaje3, .img-engranaje4 {
  position: relative;
  width: 622px;
}

.img-engranaje1 p{
  color: #000;
  
}

.img-engranaje2{
  width: 400px;
  transform: translate(0, 50%);
}

.img-engranaje3{
  width: 399px;
  transform: translate(38%, -1%);
}

.img-engranaje4{
  width: 500px;
  transform: translate(-10%, -5%);
}

.t-engranaje1{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 290px;
}

.t-engranaje2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
}

.t-engranaje3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 190px;
}

.t-engranaje4{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 230px;
}

.azuleq{
  display: none;
}

.textoeq1{
  display: none;
}

.textoeq2{
  display: block;
}

#equipo p{
  font-size: 1.3rem;
color: #000000;
text-align: center;
font-family: 'opens sans', sans-serif;
}


/* Contacto */ 
.inicio {
  height: 100vh; /* Ocupa el 100% de la altura de la pantalla */
  background-size: cover; 
  background-position: center; 
  display: flex; 
  justify-content: center; 
  align-items: center;
  background-image: url('images/encabezado_contacto.jpg');
}

.encabezado-con {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: rgb(255, 255, 255);
}

.encabezado-con h1{
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-size: 4rem;
}

#encabezadocontacto p{
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
font-family: 'Open Sans', sans-serif; /* Fuente */
font-size: 1.5rem;
font-weight: 700;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.651); 
  color: white; 
  opacity: 0; 
  transition: opacity 0.3s ease; 
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay-text {
  text-align: center;
}

.image-container:hover .overlay {
  opacity: 1; 
}

#contactos img{
width: 500px;
height: 250px;
}

#contactos h3 {
  font-size: 1.5rem;
}

#contactos h1{
padding-top: 10px;
text-align: center;
font-family: 'Open Sans', sans-serif; /* Fuente */
font-size: 1.5rem;
font-weight: 700;
}

#contactos p{
text-align: center;
font-family: 'Open Sans', sans-serif; /* Fuente */
font-size: 1.3rem;
}

#contactos a {
  color: black;
  font-size: 1.6rem;
}

#contactos i {
  font-size: 1.5rem;
  padding: 20px;
  margin-left: -10%;
}

.map_container{
text-align: center;
padding-bottom: 20px;
}

/*Privacidad*/

#encabezadopriv{
  padding-top: 30px;
  font-size: 4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

#privacidad{
  margin-top: -50px;
}

#privacidad p{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

#privacidad li{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/*Terminos y Condiciones*/

#encabezadoter{
  padding-top: 30px;
  font-size: 4rem;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
}

#terminos{
  margin-top: -50px;
}

#terminos p{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

#terminos li{
  font-family: 'Open Sans', sans-serif; /* Fuente */
  font-size: 1rem;
}

/* Responsive celular*/

@media screen  and (max-width: 767px) {
#inicio h1 {
  font-size: 2rem;
}
#inicio h2 {
  font-size: 1.5rem;
  max-width: 90%;
}
#inicio p {
  font-size: 1rem;
  white-space: break-spaces;
}
#funSeccion .swiper-slide img {
  width: 100%;
}
.text-container-gray p {
  text-align: justify;

}.text-container-white p {
  text-align: justify;
}
#container-images p {
  margin-top: -15%;
  margin-bottom: 25%;
}
.section-subheading1 {
  margin-bottom: 10%;
  text-align: left;
}

.navbar-brand img {
  margin-left: 0%;
  max-height: 45px; 
}

.btn-primary {
  margin-left: 5%;
  margin-top: -5%;
}

#cuartaSeccion{
  margin-bottom: 0px;
}

#cuartaSeccion .image-container {
  overflow: visible; 
  max-width: 100%; 
  margin-bottom: -35%;
}

#cuartaSeccion .flujo1 {
  width: 75%;  
}

#cuartaSeccion .flujo2 {
  width: 100%;  
}

#cuartaSeccion .flujo3 {
  width: 35%;  
}

.circle{
  width: 70px;
  height: 70px;
}

.image-container{
  display: block;
}

#cuartaSeccion .img-flujo p{
  display: none;
}

#cuartaSeccion .img-flujo .flujopaciente {
  width: 50px;
  height: 50px;
  top: 22%;
  left: 43%; 
  transform: unset;
}

#cuartaSeccion .img-flujo .flujopaciente img{
  width: 40px;
  height: 40px;
}

#cuartaSeccion .img-flujo .flujomod {
  width: 100px;
  height: 100px;
  top: 39%;
  left: 57%;
  transform: unset; 
}

#cuartaSeccion .img-flujo .flujomod img{
  width: 40px;
  height: 40px;
}

#cuartaSeccion .img-flujo .flujopacs {
  width: 100px;
  height: 100px;
  top: 63%;
  left: 52%;
  transform: unset;
}

#cuartaSeccion .img-flujo .flujopacs img{
  width: 30px;
  height: 30px;
}

#cuartaSeccion .img-flujo .flujoint {
  width: 100px;
  height: 100px;
  top: 63%;
  left: 24%;
  transform: unset; 
}

#cuartaSeccion .img-flujo .flujoint img{
  width: 40px;
  height: 40px;
}

#cuartaSeccion .img-flujo .flujores {
  width: 100px;
  height: 100px;
  top: 39%;
  left: 15%;
  transform: unset; 
}

#cuartaSeccion .img-flujo .flujores img{
  width: 30px;
  height: 30px;
}

#sextaSeccion .usuarios1 {
  margin-top: 5%;
}
#tecnologias{
  margin-top: 100px;
}

#productospat h1{
  font-size: 1.8rem;
  margin-top: 5%;
  margin-bottom: 5%;
}
#visualizador h2{
  font-size: 1.6rem; 
}

#visualizador p{
  padding-top: 4px;
  font-size: 1.2rem;
}
#nosotros h1 {
  font-size: 3rem;
}
.linea-azul {
content: "";
display: block;
height: 12px; 
width: 110%; 
background-color: rgba(23, 63, 114, 1);
margin: 35px auto; 
margin-left: -6%;
}
h2 {
  font-size: 1.7rem;
}

#modalities img{
  width:  100%;
  margin-bottom: 35px;
}

.linea-azul2 {
  border: 2px solid rgba(23, 63, 114, 1);
  width: 110%;
  margin: 50 auto 50px auto;
  margin-left: -6%;
}
.linea-azul3 {
  border: 2px solid rgba(23, 63, 114, 1);
  width: 110%; 
  margin: 40px auto; 
  margin-left: -6%;
}
.texto-modificado {
  font-size: 1rem; 
  text-align: justify;
  line-height: 1.5;
}

.imagen-vision-mision {
  width: 100%; 
  height: auto; 
  margin-top: 20px; 
}

.textos-bajo-imagen {
  margin-top: 20px; 
}

.texto-container {
  width: 100%; 
  margin: 0 auto; 
}

.empresa, .vision, .mision {
  font-size: 1rem !important;
  text-align: justify;
  margin: 45px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10%;
}

#nosotros h1 {
  margin-top: -75%;
}

/* Estilos para la sección de valores */
#valores {
  background-color: #ffffff; 
  padding: 10px 0;
  margin-top: -10%;
}
#valores img {
  margin-bottom: -40%;
}

.texto-container {
  padding: 10px; 
  margin-bottom: -20%;
  vertical-align: middle;
  text-align: center;
}
.texto-modificado {
  font-size: 1rem !important;
}
#valores h2 {
  font-size: 1.1rem;
  font-style: normal;
  text-align: center;
  margin-bottom: -5%;
  margin-top: 185px;
}


.overflow-hidden {
  overflow-x: visible;
}

/* Objetivo */
#objetivo {
  padding: 40px;
  width: 100%;
  height: auto;
  margin-top: 49%;
}
#objetivo p {
  font-size: 1rem !important;
  margin-right: -15%;
  margin-top: -38%;
}

#nuestro_equipo p{
  font-size: 1rem;
  
}

.img-engranaje1, .img-engranaje2, .img-engranaje3, .img-engranaje4 {
  position: relative;
  width: 100%;
  transform: unset;
}

.t-engranaje1, .t-engranaje2, .t-engranaje4{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 50%;
}

.textoeq1 {
  display: none;
}

.textoeq2{
  display: block;
}

.azuleq{
  width: 90%;
  display: block;
  margin-left: 5%;
}

#equipo {
  background-color: #dad5d560; 
  padding: 20px;
  margin-top: 10%;
}

#equipo p {
  font-size: 1rem !important; 
  color: #000000; 
  text-align: justify;
}
.encabezado-mod img{
  max-width: 200vh;
  max-height: 100vh;
}

.encabezado-mod h1{
  font-size: 3rem;
}
.card{
  margin-bottom: 30px;
}

#contactos iframe {
  height: 300px;
  width: 100%;
}
#encabezadocontacto p{
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  font-size: 1.5rem;
}
.texto-cont {
  margin-bottom: -10%;
}
#objetivo p {
  font-size: 1.4rem;
  color: #000000;
  text-align: justify;
  font-family: 'Open Sans', sans-serif;
  margin-left: -15%;
}
#objetivo {
  padding: 50px;
}
.linea-azul3 {
  border: 2px solid rgba(23, 63, 114, 1); 
  width: 100%; 
  margin: 20px auto;
}

.footer-section p {
  color: #ffffff;
  margin-top: -5%;
}
#funSeccion .swiper-button-next {
  right: 40%; 
  top: 100%;
  bottom: 0%;
}

#funSeccion .swiper-button-prev {
  left: 40%; 
  right: 15%; 
  top: 100%;
  bottom: 0%;
}
.tecnologias-section h1 {
  font-size: 2rem;
  font-family: 'Oswald', sans-serif;
  color: rgba(23, 63, 114, 1);
}

.image-container1t img {
  margin-top: -10%;
  margin-left: -70%;
  width: 50%;
  height: auto;
}
.image-container2t img {
  margin-top: -43%;
  margin-right: -1%;
  width: 30%;
  height: auto;
}
.image-container3t img {
  margin-top: -55%;
  margin-right: -70%;
  width: 30%;
}
.image-container4t img {
  margin-top: -20%;
  margin-left: -68%;
  width: 20%;
}
.image-container5t img {
  margin-top: -33%;
  width: 25%;
  margin-right: -3%;
}
.image-container6t img {
  margin-top: -65%;
  margin-right: -70%;
  width: 20%;
}
.image-container7t img {
  margin-top: -20%;
  margin-left: -35%;
  width: 20%;
}
.image-container8t img {
  margin-top: -35%;
  margin-right: -35%;
  width: 30%;
}
#nuestroeq h2{
  font-size: 3rem;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  margin-top: -25%;
  font-style: normal;
}
#nuestroeq .linea-azul2 {
  width: 84%;
  margin-left: 7%;
}
#nuestroeq img{
  width: 285px;
  height: 285px;
  padding-bottom: 20px;
  
}
.encabezado-img h1 {
  font-size: 2rem;
}
.encabezado-con h1 {
  font-size: 3rem;
}

.swiper-container-e {
  width: 100%;
  overflow: hidden;
  margin-bottom: -5%;
}

.swiper-slide {
  text-align: center;
}

.swiper-slide img {
  max-width: 100%;
  height: auto;
}
.footer-section i {
  font-size: 1.5rem;
  margin-right: 10px;
  color: #ffffff; 
  }
  .footer-section h4 {
    font-size: 0.7rem;
  }
  .text-container-gray p {
    font-size: 1rem; /* Tamaño de la fuente */
    font-family: 'Open Sans', sans-serif; /* Fuente */
    text-align: center;
    line-height: 1.5;
  }
  .text-container-white {
    font-size: 1rem; /* Tamaño de la fuente */
    font-family: 'Open Sans', sans-serif; /* Fuente */
    line-height: 1.5;
  }
  #container-images p {
    color: rgba(23, 63, 114, 1); 
    text-align: center; /* Centra el texto */
    margin-bottom: 5%;
    margin-top: -10%;
    font-size: 1.5rem;
  }
  #prodSeccion h1 {
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
  }
  #funSeccion .section-heading {
    color: #000000; /* Cambiar color del título */
    font-size: 2rem; /* Cambiar tamaño del título */
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
  }
  #funSeccion p {
    color: #ffffff; /* Cambiar color del texto */
    font-size: 1rem; /* Cambiar tamaño del texto */
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
  }
  #funSeccion .overlay {
    font-size: 1rem;
  }
  #cuartaSeccion .section-heading-custom {
    color: #000000; 
    font-family: 'Oswald', sans-serif; 
    font-size: 2rem; 
    font-weight: 700;
  }
  
  #cuartaSeccion p {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
  }
  #cuartaSeccion {
    text-align: center;
    padding: 0px 0; 
  }

  .section-heading-custom {
    font-size: 2rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    }
    .section-heading-custom-sixth {
      font-size: 2rem;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      }
  .blue-title-sixth6 h1 {
      color: rgba(23, 63, 114, 1); /* Color azul del título */
      font-size: 2rem; /* Tamaño de fuente del título */
      text-align: center; /* Alineación del título */
      font-family: 'Oswald',sans-serif;
      margin-top: 10%;
  }
  .footer-section {
    text-align: center;
  }

#contactos i {
  font-size: 1.3rem;
  padding: 20px;
  margin-left: 0%;
}
#contactos p {
  font-size: 1rem;
}
#contactos h1 {
  font-size: 1.3rem;
}
#encabezadocontacto p {
  font-size: 1.1rem;
  }
}


/* Responsive tablet */

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #inicio h1 {
    font-size: 2rem;
  }
  #inicio h2 {
    font-size: 1.5rem;
    max-width: 90%;
  }
  #inicio p {
    font-size: 1rem;
    white-space: break-spaces;
  }
  #funSeccion .swiper-slide img {
    width: 100%;
  }
  .section-subheading1 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: left;
  }
  
  /* Estilos para el botón */
  .btn-primary {
    margin-top: 5%;
  }
  .text-container-gray p {
    text-align: justify;
  
  }.text-container-white p {
    text-align: justify;
  }

  #cuartaSeccion .flujo1 {
    width: 75%;  
  }
  
  #cuartaSeccion .flujo2 {
    width: 100%;  
  }
  
  #cuartaSeccion .flujo3 {
    width: 35%;  
  }
  
  .circle{
    width: 150px;
    height: 150px;
  }
  
  .image-container{
    display: block;
  }
  
  #cuartaSeccion .img-flujo p{
    display: none;
  }
  
  #cuartaSeccion .img-flujo .flujopaciente {
    width: 50px;
    height: 50px;
    top: 23%;
    left: 47%; 
    transform: unset;
  }
  
  #cuartaSeccion .img-flujo .flujomod {
    width: 100px;
    height: 100px;
    top: 39%;
    left: 65%;
    transform: unset; 
  }
  
  #cuartaSeccion .img-flujo .flujopacs {
    width: 100px;
    height: 100px;
    top: 63%;
    left: 60%;
    transform: unset;
  }

  #cuartaSeccion .img-flujo .flujoint {
    width: 100px;
    height: 100px;
    top: 63%;
    left: 27%;
    transform: unset; 
  }

  #cuartaSeccion .img-flujo .flujores {
    width: 100px;
    height: 100px;
    top: 39%;
    left: 22%;
    transform: unset; 
  }

 
  #ultrasonido {
    
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  #ultrasonido img{
    width: 550px;
    height: 220px;
    margin-bottom: 20px;
  }
  
  #ultrasonido h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
  }
  
  #ultrasonido p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Radiografía Digital*/
  
  #dx{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(23, 63, 114, 1);
    color: #ffffff;
  }
  
  #dx img{
    width: 550px;
    height: 220px;
    margin-bottom: 20px;
  }
  
  #dx h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
  }
  
  #dx p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Electrocardiograma*/
  
  #electro {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  #electro img{
    width: 550px;
    height: 220px;
    margin-bottom: 20px;
  }
  
  #electro h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
  }
  
  #electro p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Resonancia Magnetica*/
  
  #resonancia {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: rgba(23, 63, 114, 1);
    color: #ffffff;
  }
  
  #resonancia img{
    width: 550px;
    height: 220px;
    margin-bottom: 20px;
  }
  
  #resonancia h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
  }
  
  #resonancia p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Mamografía*/
  
  #mamografia {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  
  #mamografia img{
    width: 550px;
    height: 220px;
    margin-bottom: 20px;
  }
  
  #mamografia h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
  }
  
  #mamografia p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Tomografía Computarizada*/
  
  #tomografia {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: rgba(23, 63, 114, 1);
    color: #ffffff;
  }
  
  #tomografia img{
    width: 550px;
    height: 220px;
  }
  
  #tomografia h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
    margin-top: 3%;
  }
  
  #tomografia p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
  }
  
  /*Modalidades - Radiografía Computarizada*/
  
  #cr {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  
  #cr img{
    width: 550px;
    height: 220px;
  }
  
  #cr h5{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 2rem;
    font-weight: bold;
    margin-top: 3%;
  }
  
  #cr p{
    font-family: 'Open Sans', sans-serif; /* Fuente */
    font-size: 1.1rem;
    text-align: justify;
    margin-top: 1%;
  }
  .imagen-vision-mision {
    width: 100%; /* Ajusta el ancho de la imagen según tu preferencia */
    height: auto; /* Ajusta la altura automáticamente para mantener la proporción */
    margin-top: 20px; /* Ajusta el margen superior de la imagen según tu preferencia */
  }
  .texto-modificado {
    font-size: 1rem; 
    text-align: center;
    line-height: 1.5;
  } 
  .textos-bajo-imagen {
    margin-top: 20px; /* Ajusta el margen superior según tu preferencia */
  }
  
  .texto-container {
    width: 100%; /* Ajusta el ancho máximo del contenedor según tu preferencia */
    margin: 0 auto; /* Centra el contenedor horizontalmente */
  }
  
  .empresa, .vision, .mision {
    font-size: 1.1rem !important;
    text-align: justify;
    margin: 45px;
    width: 100%;
    margin: 0 auto;
    margin-top: 6%;
  }
  #valores {
    background-color: #ffffff; /* Cambia el color de fondo según tus preferencias */
    padding: 10px 0; /* Ajusta el relleno según tus necesidades */
  }
  
  .texto-container {
    padding: 20px; /* Ajusta el relleno del contenedor del texto según tus necesidades */
    margin-top: 50%;
    vertical-align: middle;
    margin: 50% 0;
    text-align: left;
  }
  
  #valores h2 {
    margin-top: -5%;
    text-align: center;
    margin-left: -55%;
  }
  
  .texto-lista {
    font-size: 1.1rem; /* Ajusta el tamaño de la fuente del texto según tus necesidades */
    justify-content: center;
    text-align: justify;
  }
  
  /* Añade una clase para ocultar el desbordamiento horizontal en el contenedor */
  .overflow-hidden {
    overflow-x: visible;
  }
  #objetivo p {
    font-size: 1.1rem;
    text-align: justify;
  }

  #nuestro_equipo p{
    font-size: 1rem;
  }

  .img-engranaje1, .img-engranaje2, .img-engranaje3, .img-engranaje4{
    transform: unset;
    width: 100%;
  }

  .t-engranaje1{
    width: 50%;
  }
  .t-engranaje2{
    width: 50%;
  }

  .t-engranaje4{
    width: 50%;
  }

  #equipo {
    background-color: #dad5d560; /* Cambia el color de fondo según tus preferencias */
    padding: 20px; /* Ajusta el relleno según tus preferencias */
    margin-top: -1%;
  }
  
  #equipo p {
    font-size: 1.1rem; /* Ajusta el tamaño de fuente según tus preferencias */
    color: #000000; /* Cambia el color del texto según tus preferencias */
    text-align: justify;
  }
  .texto-cont {
    margin-bottom: -7%;
  }
  .footer-section i {
    font-size: 1.5rem;
    margin-right: 10px;
    color: #ffffff; /* Color blanco para los iconos de redes sociales */
    }
    .footer-section h4 {
      font-size: 0.8rem;
    }
    #contactos i {
      margin-bottom: 2%;
    }
    .footer-section {
      text-align: center;
    }
    #contactos i {
      font-size: 1.3rem;
      padding: 20px;
      margin-left: 0%;
    }
    #contactos img {
      margin-left: 0%;
      overflow: hidden;
    }
    #contactos .overlay {
      margin-left: 0%;
    }
    #contactos .image-container {
      width: 100%;
      margin-left: 23.2%;
    }
    .index-body
{
  overflow-x: hidden;
}

.productos-body
{
  overflow-x: hidden;
}

.modalidades-body
{
  overflow-x: hidden;
}
.nosotros-body
{
  overflow-x: hidden;
}
#nosotros h1 {
  margin-top: -80%;
}
  }