/**
 * Cronovisor — tamaños unificados de logotipo (PNG 1000×300, ratio ~10:3)
 * Dorado: fondos oscuros · Oscuro: fondos claros (kit, entrega)
 */
.logo-cv {
  width: auto;
  object-fit: contain;
  vertical-align: middle;
}

/* Barra fija / nav (landing) — móvil primero */
img.logo-cv--nav {
  display: block;
  height: 52px;
  width: auto;
  max-width: min(78vw, 240px);
  opacity: 0.95;
}
@media (min-width: 721px) {
  img.logo-cv--nav {
    height: 54px;
    max-width: 230px;
  }
}

/* Pie de página (landing, gold) */
img.logo-cv--footer {
  display: block;
  margin: 0 auto 12px;
  height: 50px;
  max-width: min(78vw, 210px);
  opacity: 0.9;
}
@media (min-width: 721px) {
  img.logo-cv--footer {
    height: 62px;
    max-width: 240px;
  }
}

/* Portal invitados — header del evento (gold) */
img.logo-cv--header {
  height: 56px;
  max-width: min(88vw, 220px);
  opacity: 0.95;
}
@media (min-width: 721px) {
  img.logo-cv--header {
    height: 72px;
    max-width: 280px;
  }
}

/* Modal bienvenida (gold) */
img.logo-cv--welcome {
  height: 52px;
  max-width: min(88vw, 200px);
  margin: 0 auto;
  opacity: 0.9;
}
@media (min-width: 721px) {
  img.logo-cv--welcome {
    height: 64px;
    max-width: 240px;
  }
}

/* Estados vacíos / galería llena (gold) */
img.logo-cv--compact {
  height: 44px;
  max-width: min(80vw, 180px);
  opacity: 0.85;
}
@media (min-width: 721px) {
  img.logo-cv--compact {
    height: 52px;
    max-width: 200px;
  }
}

img.logo-cv--state {
  height: 48px;
  max-width: min(85vw, 200px);
  margin-bottom: 8px;
  opacity: 0.85;
}
@media (min-width: 721px) {
  img.logo-cv--state {
    height: 56px;
    max-width: 220px;
  }
}

/* HUD: pantalla, live, muro (gold) */
img.logo-cv--hud {
  height: 44px;
  max-width: min(55vw, 168px);
  opacity: 0.88;
}
@media (min-width: 721px) {
  img.logo-cv--hud {
    height: 56px;
    max-width: 220px;
  }
}

/* Pantalla en espera (gold, centrado) */
img.logo-cv--hero-screen {
  height: 72px;
  max-width: min(88vw, 320px);
  opacity: 0.95;
}
@media (min-width: 721px) {
  img.logo-cv--hero-screen {
    height: 88px;
    max-width: 400px;
  }
}

/* Fondos claros — logo oscuro (kit, entrega) */
img.logo-cv--light-nav {
  display: inline-block;
  height: 44px;
  max-width: min(72vw, 200px);
  opacity: 0.92;
}
@media (min-width: 721px) {
  img.logo-cv--light-nav {
    height: 52px;
    max-width: 220px;
  }
}

img.logo-cv--light-footer {
  display: block;
  margin: 0 auto 8px;
  height: 48px;
  max-width: min(78vw, 200px);
  opacity: 0.88;
}
@media (min-width: 721px) {
  img.logo-cv--light-footer {
    height: 56px;
    max-width: 220px;
  }
}

/* Admin (gold) */
img.logo-cv--sidebar {
  display: block;
  height: 52px;
  max-width: 100%;
  opacity: 0.95;
}
img.logo-cv--login {
  display: block;
  margin: 0 auto;
  height: 64px;
  max-width: min(100%, 240px);
  opacity: 0.95;
}
img.logo-cv--staff {
  display: block;
  margin: 0 auto;
  height: 56px;
  max-width: min(90vw, 240px);
  opacity: 0.95;
}
img.logo-cv--page {
  height: 56px;
  max-width: min(70vw, 220px);
  opacity: 0.9;
}
@media (min-width: 721px) {
  img.logo-cv--page {
    height: 64px;
    max-width: 240px;
  }
}

/* Bloque embebido (tona.com.mx) */
img.logo-cv--embed {
  display: block;
  height: 48px;
  max-width: min(90vw, 200px);
  margin-bottom: 20px;
}
@media (min-width: 721px) {
  img.logo-cv--embed {
    height: 56px;
    max-width: 240px;
  }
}