/* seccion nosotros */
@media (min-width: 576px) {

    .header{
        background-image: url(../img/salaEstudio.jpg);
    }

    .home-title{
      font-size: 30px;
    }
    .container-figure{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        
        
    }   
    
}

@media (max-width:668px) {
    .home-title span{display: block;}
    
}

@media (min-width: 668px) {

    .seccion-apps{
      height: 96vh;
    }
    .contenedor-apps{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        height: 70vh;

    }

    .footer-redes{
        flex-direction: row !important;
        justify-content: space-between !important;
        
    }
 
    
}



@media (min-width: 768px) {
    .header{
        background-image: url(../img/faroNuevo.jpg);
        height: 90vh;
    }

    .seccion-radio{
        padding-top: 0;
    }
    .contenedor-apps{
        text-align: left;

    }
    .contenedor-apps--img{
        text-align: left;
    }

    .container-figure{
        
        grid-template-columns: repeat(3, 1fr);
         
    }

    
    
    
}

/* MOBILE */
@media (max-width: 800px) {
    
    .logo {
      font-size: 25px;
      padding: 0 20px;
      line-height: 60px;
    }
  
    .nav-menu {
      flex-direction: column;
      align-items: center;
      margin: 0;
      background-color: #42267eed;
      position: fixed;
      top: 0;
      width: 100%;
      padding: 20px 0;
      height: 100vh;
      overflow-y: auto;
      left: 100%;
      transition: left 0.3s;
      z-index: 5;
    }
  
    .nav-menu-item {
      line-height: 70px;
    }
  
    .nav-menu-link:hover,
    .nav-menu-link_active {
      background: none;
      color: azure;
      font-size: 24px;
      font-weight: 900;
    }
  
    .nav-toggle {
      display: block;
    }
  
    .nav-menu_visible {
      left: 0;
    }
  
    .nav-toggle:focus:not(:focus-visible) {
      outline: none;
    }


  }



@media (min-width: 990px){
    .menu{
        display: flex;
        justify-content: space-between;
        align-items: center;
        
        
    }


    .boton-header{
        display: block;
    }

    .contenedor-formulario{
        display: flex;     
    }

    .formulario-contenido{
        flex: 1;
    }

    .formulario-input{
        flex: 2;
    }

    .seccion-apps{
      height: 100vh;
    }


}