body{
        font-family: "Inter", sans-serif;
        font-style: normal;
        font-optical-sizing: auto;
        margin:0%;
        padding: 0%;
        background-color:rgb(248, 248, 248);
}

.contenedor{
    width: 90%;
    overflow: hidden;
    margin:auto;
    padding:10px 0;
    align-items: center;
    justify-content: center;
}


.head{
    margin-top: 30px;
    height: 100%;
    display: flex;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    max-width:900px;
}

.head h1{
    font-size:45px;
    font-family: "Inter", sans-serif;
    font-style: normal;
    display: inline-block;
    text-align: center;

}
.head .excelencia{
    color:brown;
}

.head .copy{
    margin-top: 30px;
    max-width: 100%;
    display: inline-block;
    text-align: center;

}

h1,h2 {
    margin: 0;
}

#slide {
    max-width: 80%; /* Ancho de la seccion del contenedor*/

}


.navbar {
    font-family: "Open Sans", sans-serif;
    background-color: #e4e2e295; /* Color gris */
    color: #000; /* Cambio de color del texto */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    box-shadow: 0px 2px 4px rgba(45, 45, 45, 0.2); /* Sombra */
}

.logo img {
    height: 50px;
}

.nav-links a {
    color: #000;
    text-decoration: none;
    margin-right: 20px;
}

.phone-number {
    margin-left: auto;
}

.company-info {
    display: flex;
    align-items: center;
}
.company-name a {
    margin-right: 20px; 
    margin-left: 10px;
    color:brown;
    text-decoration: none;
    font-weight: bold;
}


.display_fotos{
    margin:auto;
    padding:1%;
    align-items: center;
    justify-content: center;

}



.working {
    text-align: center;
    padding-top: 5%;
}

.working img {
    max-width: 400px;
    height: auto;
}

.working p {
    font-size: 2rem;
    margin-top: 20px;
    font-weight: bold;
    color: rgb(4, 4, 123);
}
footer {
    background-color: rgba(175, 175, 175, 0.581);
    color: #4c4949;
    padding: 15px;
    display: flex;
  }
  
  .left-section {
    display: flex;
    flex-direction: column;
    text-justify: center;
    margin-left: 20px;
  }
.left-section span{
    text-decoration: none;
    box-shadow: none;

}
  .c{
    font-weight: bold;
  }
  
  .right-section {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: 20px;
  }

  .icon i{
    color:#4c4949;
    text-decoration: none;
  }
  
 .icon {
    margin-left: 1dvh; 
  }
  
  /* Las tres imagenes con texto */

  .section {
    display: flex;
    height: 70vh; /* Ajusta según la altura deseada */
    margin: 10px auto; /* Márgenes automáticos para centrar la sección */
    padding: 20px; /* Espacio interno para el contenido */
    max-width: 80%; /* Limitar el ancho máximo a 900px */   
}

.titulo_seccion{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.titulo_seccion .titulored{
    font-size:34px;
    color:brown;
    font-family: "Inter", sans-serif;
    font-style: normal;
    display: inline-block;
    text-align: center;
}

.titulo_seccion .copy{
    margin-top: 30px;
    font-size:17px;
    text-align: center;

}
.section .text{
    flex: 1.5;
    display: flex;
    justify-content:center;
    padding: 10px;
   
}
.section .image {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.section .image img {
    max-width: 100%;
    height: auto;
}

.reverse {
    flex-direction: row-reverse;
}

.black{
    color: #000;
}

.quienes{
    height: 10vh;
    display: flex;
    flex-direction: column;
}



 .imageprin {
 
    display: flex;
    align-items: center;
    justify-content: center;
   
}
    
 .imageprin img {

    height: 350px;
}

.copyquienes{

    text-align: left;
    height: 25vh;
    max-width: 70%;
}

/* Media query para dispositivos móviles */
@media screen and (max-width: 768px) {
    .company-info {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
    }

    .company-name {
        display: none;
    }
    .company-name a {
        font-size: 18px;
    }


    .nav-links,
    .phone-number {
        display: none;
    }

    .head h1{
        font-size:28px;
        font-family: "Inter", sans-serif;
        font-style: normal;
    }

    .section {
        flex-direction: column;
        height: auto; /* Permite que la altura se ajuste automáticamente */
    }

    .section .text {
        flex: none; /* Elimina la flexibilidad de los elementos hijos */
        width: 100%; /* Asegura que ocupen el 100% del ancho */
        padding: 5px; /* Ajusta el padding según sea necesario */
      


    }
    .section .image {
        flex: none; /* Elimina la flexibilidad de los elementos hijos */
        width: 100%; /* Asegura que ocupen el 100% del ancho */
        padding: 5px; /* Ajusta el padding según sea necesario */

    }
    .titulo_seccion {
        align-items: flex-start; /* Justifica el título a la derecha en móviles */
        text-align: left; /* Alinea el texto a la derecha en móviles */
    }

    .section .image img {
        max-width: 80%; /* Reduce el tamaño de la imagen en móviles */
        height: auto;
        margin: 0 auto; /* Mantiene la imagen centrada */
    }
 
    .titulo_seccion .titulored{
        font-size: 23px; /* Ajuste el tamaño de la fuente si es necesario */
        text-align: left;

    }

    .titulo_seccion .copy{
        font-size: 14px; /* Ajuste el tamaño de la fuente si es necesario */
        text-align: left;
        margin-top: 10px;

    }

}