body{
  background: linear-gradient(to right, rgb(128, 26, 0), rgb(128, 128, 0));

  margin:0;
  padding: 0;
  font-size: 19px;

  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif,
  sans-serif;


}

.general {
margin-left: 100px;
margin-right: 100px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
}
.grid-item {

  padding: 20px;
  text-align: center;
}


.grid-container-servicios1 {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
    grid-template-columns: 1fr 2fr;
}


.grid-container-servicios2 {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
    grid-template-columns: 1fr 1fr 1fr;
}



.grid-container-contacto1 {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
    grid-template-columns: 3fr;

  
}

.grid-container-contacto2 {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
    grid-template-columns: 1fr 1fr;
}


.img-logo{
  position: fixed;
  width: 100px;
  left: 10px; /* Ajusta el valor según sea necesario */
  top: -15px;
}

/* personalizacion */
.menu{
  text-align: right;
  width: 98%;
  position: fixed;
  top: 0;
  z-index: 9999;
  margin-top: 13px;
  word-spacing: 10px; 
  font-size: 20px;
 }

 .menu-botones{
  background-color: rgba(192, 192, 192, 0.899);
  border-radius: 10px;
  border:solid 0px;
  padding: 8px;
  text-decoration: none!important;
 }

  /* Efecto de navegacion */
  html{
    scroll-behavior: smooth;
  }

.seccionInicio {

  background-image: url('../img/imagen\ de\ inicio.svg');

  

  min-height: 100%;
  min-width: 100%;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;


  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;


}

.nosotros{
  text-align: center; /* Centra el texto horizontalmente */
    top: 480%; /* Coloca el texto en el centro vertical */
    left: 50%; /* Coloca el texto en el centro horizontal */
    transform: translate(-50%, -50%); /* Centra el texto correctamente */
    position: absolute;
    color: aliceblue;
    font-weight: bold; /* Hace que el texto esté en negrita */
    font-size: 30px; /* Tamaño del texto */
    width: 90%; /* Anchura del cuadro de texto */
}