@media (min-width: 1024px) {
  header {
    /* Menu **************************************** */
    margin: 0 auto;
  }
  .container {
    margin: 0 auto;
  }
  .grid_nav {
    grid-template-columns: 300px 10px 1fr;
    max-width: 1200px;
    margin: 0 auto;
  }
  .nav_menu {
    position: static;
    grid-column: 3 / 4;
    min-width: 700px;
    width: 100%;
    padding-right: 1%;
  }
  .nav_menu ul {
    justify-content: flex-end;
    gap: 10px;
  }
  .nav_menu li a {
    padding: 15px 2px;
  }
  /* Inicio *********************************************/
  .inicio_flex {
    flex-direction: row;
    padding: 120px 50px;
    max-width: 1200px;
    margin: 0 auto;
  }
  .img-inicio {
    width: 500px;
  }
  /* servicios  **************************************** */
  .services_grid {
    margin: 0 auto;
  }

  /* Trabajo  **************************************** */
  .trabajo {
    margin-top: 50px;
  }

  .trabajo_card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .trabajo_body {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-content: flex-end;
    gap: 10px;
    padding: 35px 15px;
  }

  .trabajo_h3 {
    font-family: var(--main-font);
    font-size: 2.5rem;
    font-weight: 500;
  }
  .trabajo_h4 {
    font-family: var(--main-font);
    font-size: 1.5rem;
    font-weight: 500;
  }
  .trabajo_p {
    font-size: 1rem;
  }
  .trabajo_image {
    padding: 35px 15px;
  }
  .trabajo_img {
    height: 100%;
  }
  .SocialMedia {
    justify-content: space-evenly;
    min-width: 100%;
  }

  /* productos  **************************************** */
  .productos_grid {
    margin: 0 auto;
  }

  .width-joker {
    max-width: 1100px;
  }
  /* Interesado  **************************************** */
  .interesado_grid {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
    gap: 0 60px;
  }
  /*  footer  **************************************** */
  .footer_grid {
    max-width: 1200px;
    margin: 0 auto;
  }
}

/* *********************************************** */
/* *********************************************** */
.ajustes_terminos {
  margin: -15px auto;
}
/* *********************************************** */

@media (min-width: 1088px) {
  .nav_menu-inicio {
    display: block;
  }
}

@media (min-width: 1150px) {
  .sidenav {
    display: block;
  }
}
@media (pointer: coarse) {
  .sidenav {
    display: none;
  }
}