/* ===== AJUSTE DEFINITIVO LOGOS (COACH EDITION 😎) ===== */

/* Contenedores de logo (ARRIBA y ABAJO iguales) */
.logo, .brand, .navbar-brand, .brand-logo,
.header-logo, .site-logo, .logo-wrapper, .logo-container,
footer .logo, footer .brand, footer .navbar-brand {
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;

  /* 🔹 3cm a la izquierda (alineación pro) */
  margin-left: -3cm !important;
}

/* Imagen del logo */
.logo img,
.brand img,
.navbar-brand img,
.brand-logo img,
.header-logo img,
.site-logo img,
img.logo,
img[alt*="logo" i] {
  height: 60px !important;        /* 🔹 tamaño grande */
  max-height: 60px !important;
  width: auto !important;

  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  display: block !important;
}

/* Elimina cualquier círculo o pseudo-elemento */
.logo::before, .logo::after,
.brand::before, .brand::after,
.navbar-brand::before, .navbar-brand::after {
  content: none !important;
  background: transparent !important;
}

/* Ajuste móvil (proporcional, sin romper layout) */
@media (max-width: 768px) {
  .logo img,
  .brand img,
  .navbar-brand img {
    height: 52px !important;
    max-height: 52px !important;
    margin-left: -1.8cm !important;
  }
}