/**

 * Venta Simplyfy — logo en landing.

 * logo.png es casi cuadrado: limitar solo con max-height achica demasiado el ancho en desktop.

 */



.main-header .logo-box .logo {

  margin: 0;

  line-height: 0;

}



.main-header .logo-box .logo a {

  display: inline-block;

  line-height: 0;

}



/* Móvil por defecto */

.main-header .logo-box .logo img.landing-logo,

.main-header .logo-box .logo img {

  display: block;

  width: auto;

  height: auto;

  max-width: 120px;

  object-fit: contain;

}



/* Desktop: logo más grande (ancho, sin max-height que lo achique) */

@media only screen and (min-width: 768px) {

  .main-header .logo-box .logo img.landing-logo,

  .main-header .logo-box .logo img {

    max-width: 200px;

  }

}



.sticky-header .logo-box {

  display: flex;

  align-items: center;

}



.sticky-header .logo-box a {

  display: inline-block;

  line-height: 0;

}



/* small-logo.png es horizontal (180×45) */

.sticky-header .logo-box img.landing-logo,

.sticky-header .logo-box img {

  display: block;

  width: auto;

  height: auto;

  max-width: 160px;

  max-height: 44px;

  object-fit: contain;

}



@media only screen and (min-width: 768px) {

  .sticky-header .logo-box img.landing-logo,

  .sticky-header .logo-box img {

    max-width: 180px;

    max-height: 48px;

  }

}



.mobile-menu .nav-logo a {

  display: inline-block;

  line-height: 0;

}



.mobile-menu .nav-logo img.landing-logo,

.mobile-menu .nav-logo img {

  display: block;

  width: auto;

  height: auto;

  max-width: 140px;

  object-fit: contain;

}