@media(max-width:991px){/*  991px                                 */
    header{
      padding:20px;
    }
    header label{
      display: initial;
    }  
    header .navbar{
      position:absolute;
      top:100%;
      left:0;
      right: 0;
      background: #000000cd;
      border-top: 1px solid #4e151500;
      display: none;
      width: 80%; /* Menú ocupa la mitad del ancho de la pantalla */
    max-width: 350px; /* Ancho máximo del menú */
    }
    header .navbar ul li{
      width: 70%;
    }
  
    header .navbar ul li ul{
      position:relative;
      width: 100%;
    }
    header .navbar ul li ul li{
      background: #f07e1a73;  
    }
    header .navbar ul li ul li ul{
      width:100%;
      left: 0;
    }    
  #menu-bar:checked ~ .navbar{
    display:initial;
  }  
  header label {
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    display: flex; 
    align-items: center; 
  }  
  /* Estilos para el párrafo dentro del elemento li */
  header .navbar ul li:nth-child(5) a {
  width: auto; 
  display: inline-block; 
  max-width: 100%; 
  white-space: normal; 
  }
  header label img {
    margin-right: 5px; 
  }  
    .abrir-menu{
      display: block;
    }  
    
    .texto-sistema {
   
      width: 128px; /* Adjust width as needed */
      height: 30px; /* Adjust height as needed */
      padding: 40px; /* Adjust padding as needed */
    }
    
    .texto-Oferta {
      font-size: 14px;
      width: 128px; /* Adjust width as needed */
      height: 30px; /* Adjust height as needed */
      padding: 10px; /* Adjust padding as needed */
    }
    .texto-descripcion {
   
      font-size: 14px;
      text-align: center;
      width: 128px; /* Adjust width as needed */
      height: 30px; /* Adjust height as needed */
      padding: 40px; /* Adjust padding as needed */
    }
    
  }
  .grid-maquinaria {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 columnas por fila */
    gap: 10px; /* Espacio entre las columnas */
    padding: 20px; /* Espacio alrededor del grid */
  }
  
  @media (max-width: 768px) { /* Ajuste para pantallas de tablet */
    .grid-maquinaria {
      grid-template-columns: repeat(2, 1fr); /* 2 columnas por fila */
    }
  }
  
  @media (max-width: 480px) { /* Ajuste para pantallas de celular */
    .grid-maquinaria {
      grid-template-columns: repeat(2, 1fr); /* 2 columnas por fila */
    }
  }
/* Mostrar el logotipo solo en pantallas de celular */
@media (max-width: 767px) {
 
      header .logo {
          max-width: 5rem;
        }
  
    img {
      max-width: 100%; 
      height: auto; 
    }
    .logo-redcel{
        display: inline-block; 
    }
    header .navbar ul li:nth-child(5) {
    display: block;
  } 
  header .navbar ul li:nth-child(6) {
    display: block;
  }    
     .subtitulos{   
      font-size: 17px;      
      max-width: 80%;    

      
    }
    .titulo1 img{
     width: 30%;
      height: 15%;       
    }
    .titulo1 {
      font-size: 18px;
   
    }    
  }  

     @media (max-width:768px){    
    .footer-cont{
      grid-template-columns: repeat(2,1fr);
    }
    header .navbar ul li a {
        font-size: 14px;
        padding: 15px;
    }
    .content {
        width: 70%;
        padding: 15px;
    }
    .btn {
        width: 30%;
        text-align: center;
    }
    .footer-cont {
        flex-direction: column;
        align-items: center;
    }
    .footer-creds {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .legal-creds ul {
        flex-direction: column;
        padding: 0;
    }
    .legal-creds ul li {
        padding-right: 0;
        margin-bottom: 10px;
    }
     }
    @media (max-width:480px){
    .footer-cont{
      grid-template-columns: repeat(1,1fr);
    }
  }  
  @media (max-width:320px){
    .footer-creds{
      flex-flow: column;
    }
  }
/* Media Query para dispositivos móviles */
@media (max-width: 768px) {
    .filaPartesVenta1 {
        width: 100%;
    }
    .columnasPartes1 {
        flex-basis: 100%;
        margin-bottom: 20px;
    }
    .contenedor-imagen-texto {
        max-width: 100%;
    }
    .contenedor-imagen-texto img{
        width: 15px;
        height: 15px;
    }   
  }
@media(max-width:991px){ 
  .content {
        text-align:justify;              
        width: 50%; 
        height: auto; 
        left: 20px; 
        top: 50%;
        transform: translateY(-50%); 
        padding: 20px;                
    }  
           
   
    .grid-container {
      grid-template-columns: repeat(2, 1fr); 
      grid-template-rows: repeat(3, 1fr); 
    }   
    .pasos {
      display: none;
      margin-left: 10px;
      margin-right: 10px;
    }
      .text-naranja{
      padding-bottom: 10px;
       padding-left:40px ;
       padding-top: 0px;
       padding-right: 10px;
       font-size: 20px;
       color:var(--color-starmix);    
        text-align: left;
       font-weight: 500;          
     }
     img .logo {
      vertical-align: middle; 
      margin-right: 10px; 
      max-width: 50px; 
    }
    
  }
  /* Media query para tamaños de pantalla de tablet */
@media only screen and (max-width: 768px) {
  .filaPartesVenta1 {
    flex-wrap: wrap;
  }
  .columnasPartes1 {
    flex-basis: calc(50% - 40px);
  }  
}
/* Media query para tamaños de pantalla de celular */
@media only screen and (max-width: 480px) {
  .columnasPartes1 {
    flex-basis: 100%;
  }
}

/* Ajustes para tablets (pantallas medianas) */
@media (max-width: 768px) {
  .columnasPartes1 {
    flex-basis: calc(50% - 20px);
  }
  .soluciones {
    font-size: 24px; 
  }
  .equipos {
    font-size: 18px; /* Ajusta el tamaño de la fuente para tablets */
  }
}

/* Ajustes para móviles (pantallas pequeñas) */
@media (max-width: 480px) {
  .columnasPartes1 {
    flex-basis: 100%; /* Una columna por fila */
  }

  .soluciones {
    font-size: 20px; /* Ajusta el tamaño de la fuente para móviles */
  }
  .equipos {
    font-size: 16px; /* Ajusta el tamaño de la fuente para móviles */
  }
}
@media (max-width: 768px) {
  .contenedor-imagen-texto img {
    width: 50%; /* Reducir el ancho de la imagen al 50% en pantallas más pequeñas */
    height: 50%;
  }
}

/* Para dispositivos móviles */
@media (max-width: 375px) {
  .image-container {
    background-image: url('image-375.jpg');
  }
}

@media (max-width: 768px) {
  .image-container {
    background-image: url('image-768.jpg');
  }
}

@media (max-width: 1024px) {
  .image-container {
    background-image: url('image-1024.jpg');
  }
}

@media (min-width: 1025px) {
  .image-container {
    background-image: url('image-1920.jpg');
  }
}

 @media (max-width: 767px) {
      .slide img {
        height: auto; /* Restablecer la altura automática */
        max-height: 300px; /* Cambiar este valor según sea necesario */
        width: 100%; /* Ajustar el ancho al 100% */
      }
   
      .slide {
        height: auto; /* Restablecer la altura automática */
        min-height: 500px; /* Cambiar este valor según sea necesario */
      }
      .slide img{
          height: auto; /* Restablecer la altura automática */
          min-height: 500px; /* Cambiar este valor según sea necesario */
          width: auto;
          background-color: rgba(0, 0, 0, 0.8); /* Fondo negro con opacidad del 80% */  
      }
      .content {
             text-align:justify;          
             width: 100%; /* Por ejemplo, puede ser un valor diferente */
            height: 100%; /* Restablecer altura */
            left: 0px; /* Ajustar a una posición diferente */
            top: 50%; /* Ajustar a una posición diferente */
            transform: translateY(-50%); /* Ajustar a una posición diferente */
            padding: 20px; /* Ajustar a un relleno diferente */
            font-family: Montserrat;                      
        }
        .content h2{
          padding-left: 5%;
          padding-top: 20%;
          padding-bottom:9% ;
          padding-right: 5%;
          font-family: Montserrat;
        }
        .content p{
          padding-left: 5%;         
          padding-right: 5%;
          font-family: Montserrat;             
        }
       }
   
    @media (min-width: 768px) and (max-width: 1024px) {
      .slide img {
        height: auto; /* Restablecer la altura automática */
        max-height: 300px; /* Cambiar este valor según sea necesario */
        width: 100%; /* Ajustar el ancho al 100% */
        background-color: rgba(0, 0, 0, 0.8); /* Fondo negro con opacidad del 80% */
      }   
      .slide {
        height: auto; /* Restablecer la altura automática */
        min-height: 500px; /* Cambiar este valor según sea necesario */
      }    
      .content {
        text-align: justify;
        width: 100%; /* Ajustar el ancho al 100% */
        height: auto; /* Restablecer la altura automática */
        left: 0; /* Ajustar a una posición diferente */
        top: 50%; /* Ajustar a una posición diferente */
        transform: translateY(-50%); /* Ajustar a una posición diferente */
        padding: 20px; /* Ajustar a un relleno diferente */
        font-family: Montserrat;
        position: absolute; /* Asegurar que se posicione correctamente */
        background-color: rgba(0, 0, 0, 0.8); /* Fondo negro con opacidad del 80% */
        color: white; /* Asegurar que el texto sea legible */
      }    
      .content h2 {
        padding-left: 5%;
        padding-top: 20%;
        padding-bottom: 9%;
        padding-right: 5%;
        font-family: Montserrat;
      }    
      .content p {
        padding-left: 5%;
        padding-right: 5%;
        font-family: Montserrat;
      }
    }    
    @media (max-width: 767px) {
      .banner-red {
        width: 100%; /* Asegurar que la imagen ocupe el 100% del contenedor */
        height: auto; /* Establecer una altura máxima para la imagen */
      }
    }
@media (min-width: 768px) and (max-width: 1024px) {
  .banner-red {
    width: 100%; /* Asegurar que la imagen ocupe el 100% del contenedor */
    height: auto; /* Establecer una altura máxima para la imagen */
  }
}
@media (max-width: 768px) {
  .filaPartesVenta1 {
    width: 90%; /* Ajustar el ancho al 90% en dispositivos móviles */
  }
  
  .columnasPartes1 {
    flex-basis: calc(50% - 10px); /* Cada columna toma el 50% del ancho en dispositivos móviles */
    margin-right: 10px; /* Espacio entre columnas */
  }
  
  .filaPartesVenta1 .columnasPartes1:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .carrusel-item {
    min-width: 150px; /* Ancho mínimo reducido para dispositivos móviles */
    max-width: 150px; /* Ancho máximo reducido para dispositivos móviles */
    height: 200px; /* Ajustar la altura para dispositivos móviles */
    margin-right: 15px; /* Espacio entre items reducido */
  }
  .carrusel-item img {
    width: 80%; /* Ajustar el ancho de la imagen */
    height: auto; /* Mantener la proporción de la imagen */
  }
  .texto-sistema {
    font-size: 9px; /* Reducir el tamaño de la fuente para móviles */
    padding: 5px; /* Reducir el padding para móviles */
  }

  .texto-descripcion {
    font-size: 10px; /* Reducir el tamaño de la fuente para móviles */
    padding: 4px; /* Reducir el padding para móviles */
  }
  .button-row {
    display: flex;
    justify-content: flex-end; /* Alinea los elementos al extremo derecho */
    margin-right: 30px;  
  }
  .buttons {
    display: flex; /* Para que los botones estén en línea */
    margin-right: 20px; /* Agrega un margen a la derecha */
  } 
  .buttons .btn-PARTES:nth-child(1) {
    display: none; /* Oculta el primer botón en dispositivos móviles */
  }
}

@media (max-width: 991px) {
  .content {
    width: 100%;
    height: 80%;
    left: 0;
    top: 18%;
    transform: none;
    padding: 20px;
  }  
 .preguntas{
  display: none;
 }
}

@media (max-width: 768px) {
  .grid-comentario {
    flex-direction: column; /* Organizar columnas verticalmente */
    margin: 0 20px; /* Ajustar márgenes laterales para móviles */
  }
  .columna-texto, .columna-imagen {
    flex-basis: 100%; /* Cada columna toma el 100% del ancho */
    margin-bottom: 20px; /* Espacio entre las columnas */
  }
  .parrafo-preguntas {
    font-size: 18px; /* Ajustar tamaño de fuente para dispositivos móviles */
    color: #383838;
  }
  .parrafo-subtitulo {
    font-size: 14px; /* Ajustar tamaño de fuente para dispositivos móviles */
  }
}