@media (min-width: 992px) {


      #logo-movil {  display: none;
   
}

#logo-escritorio {
   display: block;
}


.ml-6 {
  margin-left: 4.5rem !important; /* 72px aprox. */
}
.mb-6 {
  margin-bottom: 4.5rem !important;
}
.my-6 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}


 body { 
background-image: url("img/fondo2.jpg") ;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;


    }

    
    .navbar-brand { 
      padding-top: 22px;
    }

      .img-logo { 
         height: 164px;

    }

    
     #navbarNav { 
          margin-left: 9rem;

    }

 
     nav { 
         margin-top: -2rem;
    margin-left: 7.5rem;

    }
  }


    /* --- MEDIA QUERY (Para Celulares / Pantallas de hasta 768px) --- */
@media (max-width: 768px) {
  body {
    /* En celulares: 100% de ancho, la altura se ajusta proporcional */
    background-size: 180% auto;
    
    /* Opcional: ajusta la posición arriba para que empiece desde el inicio en el móvil */
    background-position: top center; 
  }

   body { 
background-image: url("img/fondo2.jpg") ;

background-repeat: no-repeat;



    }


#logo-movil {  display: block;
   
}

#logo-escritorio {
   display: none;
}


    .img-fluid {
    max-width: 50%;
    height: auto;
}

  
}