/* LOGO MEJORADO v2 - BLACKBOXAI - CONTENEDOR MÁS ANCHO */

/* Desktop ≥1024px */
@media (min-width: 1024px) {
  .header {
    padding: 20px 0;
  }
  
  .header-inner {
    padding: 0 !important;
    margin: 0 !important;
    gap: 24px;
    min-height: 100px;
  }
  
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }
  
  .brand-logo {
    width: 180px !important;
    min-width: 180px !important;
    height: 80px !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    flex-shrink: 0;
  }
  
  .brand-logo-icon-shell {
    width: 90px !important;
    height: 90px !important;
    border-radius: 16px !important;
    flex-shrink: 0;
  }
  
  .brand-logo-image {
    width: 95% !important;
    height: 95% !important;
    object-fit: contain !important;
  }
  
  .brand-title {
    font-size: 18px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
}

/* Tablet 768-1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  .brand-logo {
    width: 140px !important;
    height: 70px !important;
    gap: 16px !important;
    padding: 14px 20px !important;
  }
  
  .brand-logo-icon-shell {
    width: 95px !important;
    height: 95px !important;
  }
  
  .brand-title {
    font-size: 20px !important;
  }
}

/* Mobile optimizado */
@media (max-width: 767px) {
  .brand-logo {
    width: 120px !important;
    height: 64px !important;
    gap: 12px !important;
    padding: 12px 18px !important;
  }
  
  .brand-logo-icon-shell {
    width: 80px !important;
    height: 80px !important;
  }
  
  .brand-logo-image {
    width: 92% !important;
  }
  
  .brand-title {
    font-size: 18px !important;
  }
}

/* Asegurar visibilidad imagen */
.brand-logo-image {
  filter: brightness(1.05) contrast(1.1);
  border-radius: 4px;
}