/* 1) El contenedor del icono debe ser full width y centrado */
.icon-box .icon.company-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 0 14px 0 !important;
  padding: 0 !important;

  /* subirlo más arriba dentro de la tarjeta */
  position: relative;
  top: -50px; /* ajusta: -10, -18, -25 */
}

/* 2) El logo */
.icon-box .icon.company-icon .company-logo {
  width: 120px;  /* ajustar tamaño del logo */
  height: 60px;  /* alto fijo para que todos se vean parejos */
  object-fit: contain;
  display: block;
}

/* EXTRA: Neutraliza estilos del template que limitan el icono */
.icon-box .icon.company-icon {
  background: transparent !important;
  border-radius: 0 !important;

  /* si el template trae height/width fijos tipo 64px, esto los rompe */
  min-width: 0 !important;
  min-height: 0 !important;
}

/* EXTRA: por si el template aplica estilos al <i> dentro de .icon */
.icon-box .icon.company-icon i {
  display: none !important;
}

/* Logo del header (arriba-izquierda) */
.header .logo img {
    max-height: 75px;
    margin-right: 8px;
}
