@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
  font-family: 'Oswald', sans-serif;
}

.navbar {
    background-color: #2a4359;
  }

  
.nav-link {
  color: #e5e5e5;
  }


.primer-titulo{color: #FFF;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 10rem;}

.segundo-titulo{color: #fff;
        top: 20%; /* Ajusta la distancia desde arriba */
        left: 50%; /* Ajusta la distancia desde la izquierda */
        z-index: 2; /* Asegúrate de que el título esté encima de la imagen */
        font-size: 2.5rem;
        font-weight: bold;
        margin-bottom: 5rem;}


.about{
    background-color:#2a4359; /* Color de fondo oscuro */
    color: #fff;    
}
.aboutus{font-size: 4em;} /* Ajusta el tamaño de la fuente */  

.carousel-control-prev-icon{
    display: none; 
  }

.carousel-control-next-icon{
    display: none; 
  }

.letra3{
    color: #e5e5e5;
    margin-top: 2rem;
    }

.ourmission{
    color: #e5e5e5;
    margin-top: 2rem;
    }

.ourplan{
        color: #e5e5e5;
        margin-top: 2rem;
        }

.ourvision{
            color: #e5e5e5;
            margin-top: 2rem;
            }        
.uno{
    color: #e5e5e5;
    margin-top: 2rem;
    }

.boton-cobre{  
    background-color: #DF926C; 
  }
    
.button-hero {  /* o el selector que uses para el botón */
    font-size: 20px; 
  }

.btn-custom {
        background-color: #DF926C; /* Color naranja para los botones */
        color: #fff;
    }

.carousel-caption {
    padding-top: 20px; 
  }

.imagen-diagonal{
    width: 50%;
    height: 50%;
    background-color: #f2f4f1;
  }



.imagen-operational-readiness{
    width: 15rem;
    height: 15rem;
    margin-left: 5rem;
  }



.imagen-sap{
    width: 30rem;
    height: 20rem;
    margin-top: 2rem;
    align-items: center;
  }

.foto-sap{
    width: 23rem;
    height: 20rem;
  }
.boton-prefooter{
    color: #fff;
  }

.titulo-innovation {color: #2a4359;}   

.PRD{text-align: left;}

.letra-rad{text-align: left;}

.carousel-peqe{
    padding-top: 5rem;
}


.services {
    background-color: #f3f6ef; /* Color de fondo claro */
}


.texto-servicios {
    padding: 30px;
}

h2 {
    font-weight: bold;}

.maintenance {
    background-color:#2a4359;; /* Color de fondo oscuro */
    color: #f8f9fa; /* Color de texto claro */
}

.titulo-maintencance
{
    color: #f8f9fa;
    margin-left: 5rem;
}

.p-maintenance{
     margin-left: 5rem;
}
.container {
    padding: 50px 0; /* Ajusta el padding vertical según sea necesario */
}


.imagen-maintenance-strategies{
    width: 10rem;
    height: 10rem;
}

.imagen-arriba {
    margin: 0 auto; /* Centra la imagen horizontalmente */
  }

.imagen-diagonal {
    width: 30rem;
    height: 30rem;
    background-color: #f2f4f1; /* Color gris claro */
    padding-left: 10rem;
}


.texto-strategies {
    margin-left: 3rem;
}

.services-summary-images {
    align-items: center;
}

h2 {
    font-weight: bold;
    color: #DF926C; /* Color naranja para el título */
}

.services {
    background-color: #f8f9fa; /* Color de fondo   
claro */
}

.container-services {
    padding: 50px 0; 
}

.imagen-diagonal-services {
    width: 150px; 
    height: 100px; 
    background-color: #ced4da;
    position: relative;
    overflow: hidden;
    margin: 10px; /* Espacio entre las imágenes */
}

.research-and-development{
    padding: 30px;
}


.columna-i {
    padding: 30px;
}

.parrafo-or{
    margin-right: 5rem;
}
.contacto {background-color:#2a4359;} /* Color de fondo oscuro */

.letra-services {
    font-weight: bold;
    margin-bottom: 30px;
}

.btn-warning {
    background-color: #DF926C; /* Color amarillo del botón */
    border-color: #DF926C; /* Color del borde del botón */
    padding: 10px 20px;   /* Ajusta el padding del botón a tu gusto */
    font-weight: bold;    /* Texto en negrita */
}
  
.btn-warning:hover {
    background-color: #e0a800; /* Color amarillo más oscuro al pasar el mouse */
    border-color: #e0a800;
}

.contacto {
    font-family: 'Oswald';
}

.camioncito{
    width: 10rem; 
    height: 10rem;
}

.ERP{
    width: 10rem; 
    height: 10rem;
}

.RYD{
    width: 10rem; 
    height: 10rem;
}

.linkedin{
    width: 3rem; 
    height: 3rem;
}

.footer{
    background-color: #e5e5e5;
  }


.contact-1 {
    background-color: #ced4da;}

.Jorge{
        color: #2a4359;;
        margin-top: 2rem;
        }