*{
    box-sizing: border-box;
    margin: 0;
    padding:0;
}
/* Asegura que el contenido ocupe el ancho completo de la pantalla */
html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Evita el desbordamiento horizontal */
  }
  .container-fluid {
    padding: 0;
  }
body{
    background-color: #1E1E1E;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    margin: 0;
}

.caja1{
   
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}
.imginicio{
    width: 100%; 
    margin: 0;
}
.caja2{
    background-color: blueviolet;
    height: 87px;
    font-size: medium;
    text-align: center;
    
}
.caja3{
    background-color: blueviolet;
    height: 87px;
    
    font-size: medium;
    text-align: center;
}
.caja4{
    background-color: blueviolet;
    height: 87px;
    font-size: medium;
    text-align: center;
}
.caja5{
    background-color: blueviolet;
    height: 87px;
    font-size: medium;
    text-align: center;
}
.ilustracioninicio{
    height: 573px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ilustracioninicio img{
    height: 450px;
   
}
.bienvenido{
    height: 573px;
}
.bienvenidos img{
    height: 450px;
    margin-top: 10%;
}
.subtitulo{
    color: antiquewhite;
    font-size: 180%;
    font-weight: 600;
    padding-left: 5%;
    margin-top: 1%;

}
p{
    color: aliceblue;
    padding-top: 10%;
}
.software{
    height: 250px;
} 
.software img{
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}
.programas{
    height: 250px;
}
.programas img{
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.pie{
    background-color: #432F72;
    height:50%;
}
.pie img{
    align-items: center;
    justify-content: center;
    margin-top: 1%; 
    padding-left: 6%;
    
}
.pie1{
    background-color: #432F72;
}
.logopie{
    margin-top: 0;
    }
.imagenes{
margin-top: 6%;
    margin-left: 20%;
}
.correo{
    margin-right: 10%;
    width: 10%;
}
.insta{
    margin-right: 10%;
    width: 10%;
}
.gluee{
    margin-right: 10%;
    width: 30%;
}

@media(max-width: 768px){
    .mostrar-menu,
    .esconder-menu{
        display: block;
    }
    .menu{
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #E4D65A;
        right: -100%;
        top: 0%;
        text-align: center;
        padding: 100px 0;
        z-index: 100px;
        transition: 0.8s;
    }
    .menu a{
        display: block;
        padding: 20px;
    }
    .esconder-menu{
        position: absolute;
        top: 40px;
        right: 40px;
    }
    #check:checked ~ .menu{
        right: 0;
    }
    .ilustracioninicio{
        height: 470px;
    }
    .ilustracioninicio img{
        height: 320px;
       
    }
    .bienvenido{
        height: 470px;
    }
    .bienvenidos img{
        height: 320px;
        margin-top: 20px;
    }
    
}

/* AYUDIRRIS IA*/
/* Estilos generales */
.imginicio {
    max-width: 100%;
  }
  
  .alejainicio {
    max-width: 100%;
  }
  
  .bienvenidos {
    max-width: 100%;
  }
  
  /* Para tablets en adelante (por ejemplo, desde 768px en adelante) */
  @media (min-width: 768px) {
    .row.align-items-center {
      display: flex;
      align-items: center;
    }
  
    .col-md-6 {
      flex: 1;
    }
  
    .alejainicio,
    .bienvenidos {
      max-width: 100%;
    }
  }
  
  /* Estilos opcionales adicionales para la vista en tabletas */
  @media (min-width: 992px) {
    .container {
      max-width: 960px;
    }
  }
  

  /* ayudirris ia en software y programas */
  /* Estilos generales */
.container {
    display: flex;
    flex-direction: column;
  }
  
  .box {
    width: 100%;
    margin: 10px 0;
  }
  
  /* Estilos para pantallas de tablet */
  @media (min-width: 768px) {
    .container {
      flex-direction: row;
      justify-content: space-between;
    }
  
    .box {
      width: 48%; /* Ajusta el tamaño según sea necesario */
    }
  }
  
  /* Estilos para imágenes */
  img {
    max-width: 100%;
    height: auto;
  }