@font-face {
    font-family: 'qatar2022';
    src: url('/assets/Fuentes/Qatar2022/Qatar2022-Medium.otf') format('woff'),
         url('/assets/Fuentes/Qatar2022/Qatar2022Arabic-Medium.otf') format('woff');
         src: url('/assets/Fuentes/octosquares/TT_Octosquares_Regular.ttf') format('truetype');

        font-weight: normal;
    font-style: normal;
}

.body{
border:0;

    
}

/* Estilo base para .logo-mn */
.logo-mn {
    background-image: url('/assets/imagenes/logos-sitio/mn.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; /* Centra la imagen horizontal y verticalmente */
    height: 130px;
    width: 280px;
}


/* Teléfonos Móviles Pequeños (menos de 480px) */
@media (max-width: 480px) {
  .logo-mn {
    height: 50px; /* Altura más pequeña */
    width: 100px; /* Ancho más pequeño */
         display: flex;  
 text-align: center;
 justify-content: center;
  background-size: 100% 100%;
 
  }
}

/* Tabletas y dispositivos medianos (481px a 768px) */
@media (min-width: 481px) and (max-width: 768px) {
  .logo-mn {
   height: 80px; /* Altura más pequeña */
    width: 150px; /* Ancho más pequeño */
     display: flex;  
 text-align: center;
 justify-content: center;
 
  }
 
 

/* Pantallas de escritorio pequeñas y medianas (769px a 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .logo-mn {
    height: 120px; /* Altura estándar */
    width: 290px; /* Ancho estándar */
  }
}

/* Pantallas grandes (1025px a 1920px) */
@media (min-width: 1025px) and (max-width: 1920px) {
  .logo-mn {
     height: 65px; /* Altura para dispositivos de tamaño estándar */
  width: 140px; /* Ancho para dispositivos de tamaño estándar */
  
  }
}

/* Pantallas con gran resolución (más de 1920px) */
@media (min-width: 1921px) {
  .logo-mn {
    height: 200px; /* Altura aún más grande */
    width: 400px; /* Ancho aún más grande */
     border:1px solid red;
  }
}

/* Específico para Amazon Echo 8 (1280 x 800 px) */
@media (min-width: 1280px) and (max-height: 800px) {
  .logo-mn {
    height: 150px; /* Altura ajustada para Echo 8 */
    width: 320px; /* Ancho ajustado para Echo 8 */
  }
}
}