@media (min-width: 1024px) {

  /* HEADER----------------------- */
  /* ----------------------------- */
  /* ----------------------------- */

  .logo-big {
    display: block;
  }

  .logo {
    width: 150px;
  }

  .logo-min {
    display: none;
  }

  .navbar-container .navbar-menu {
    display: flex;
    position: static;
    flex-direction: row;
    height: auto;
    width: auto;
    padding: 0;
    box-shadow: none;
    backdrop-filter: none;
    align-items: center;
  }

  .navbar-toggle {
    display: none;
  }

  .navbar-container .navbar-menu li a {
    text-decoration: none;
    font-size: 1.3rem;
    padding: 3px 20px;
    color: white;
    transition: color 0.3s;
    position: relative;
  }

  /* efecto de linea y color navbar */
  .navbar li a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 0;
    left: 50%;
    background-color: #343434;
    /* Color naranja */
    transition: all 0.3s ease;
    transform: translateX(-50%);
  }

  .navbar-menu li a:hover::after,
  .navbar-menu li a.active::after {
    width: 70%;
  }

  .navbar-menu li a:hover {
    color: #343434;
  }

  .navbar {
    position: absolute;
    background: transparent;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  }

  .hero-container {
    margin-bottom: 3rem;
  }

  /* banner sencillo */
  .img-ban-max {
    display: flex;
  }

  .img-ban-min {
    display: none;
  }


  /* hero TITULO */
  .hero-titulo {
    position: absolute;
    top: 40%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .hero-titulo h1 {
    color: white;
    /* background: linear-gradient(rgba(0,0,0,0.5)); */
    font-size: 4rem;

  }

  .hero-titulo p {
    color: var(--color-text);
  }

  .img-tecnico {
    display: none;
  }

  /* ------------------------------------------------------------ */
  /* MAIN   ----------------------------------------------------- */
  /* ------------------------------------------------------------ */

  /* MAIN ------------------------------------------------ INDEX */

  /* secion1 */
  .section-1 {
    flex-direction: row;
    margin: 0 20rem;
  }

  .team-foto,
  .team-description {
    padding: 0 2rem;
  }

  /* section2 */

  .section-2 {
    display: flex;
    flex-direction: row;
    justify-content: center;

  }

  .card {
    width: 15rem;
    height: 18rem;
  }

  .card2 {
    width: 310px;
  }


  /* MAIN ------------------------------------------------ CLIENTES */

  /* secion1 */
  .img-clientes {
    flex-direction: row;
    flex-wrap: wrap;
  }


  /* MAIN ------------------------------------------------ SERVICIOS */

  .section-2.ser {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    margin: 2rem 15rem;

  }

  /* Informacion de los servicios */

  .informacion-servicios {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 20rem;
  }

  .informacion-servicios img {
    width: 300px;
    height: auto;
    margin: 2rem;
  }

  .descripcion-servicios {
    display: flex;
    flex-direction: column;
    width: 30rem;
    height: auto;
  }

  .descripcion-servicios .boton-servicios {
    display: flex;
    margin-top: 15%;
  }

  .boton-servicios {
    display: none;
  }

  /* Informacion productos */

  .informacion-servicios.productos {
    margin: 0;
    flex-direction: column;
  }

  .informacion-servicios.productos .descripcion-servicios {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .informacion-servicios.productos .descripcion-servicios .boton-servicios {
    display: none;
  }

  .boton-servicios-contenedor.productos .boton-servicios {
    display: flex;
  }

  .contenedor-img-productos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }





  /* ---------------------------------------------- */
  /* FOOTER ---------------------------------------- */
  /* ---------------------------------------------- */

  .footer-container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: 0 10rem;
    text-align: center;
  }

  .footer-col.sec h3 {
    margin-top: 2.2rem;
    margin-bottom: 1rem;
  }

  .social {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .social a img {
    width: 50px;
    margin: 1rem;

    transition: transform 0.2s ease;
  }

  .social a img:hover {
    transform: scale(1.1);
    cursor: pointer;
  }

  .footer-col.logo {
    align-content: center;
  }


}