/* Logos para Sometomatic AI - Version simplificada */

/* Favicon grande en header */
.nav-favicon-large {
  width: var(--logo-favicon-large);
  height: var(--logo-favicon-large);
  object-fit: contain;
  transition: all 0.3s ease;
}

.nav-favicon-large:hover {
  transform: scale(1.05);
}

/* Logo del hero */
.hero-logo {
  width: var(--logo-hero-size);
  height: var(--logo-hero-size);
  object-fit: contain;
  transition: all 0.3s ease;
}

.hero-logo:hover {
  transform: scale(1.05);
}

/* Logos en footer */
.footer-logo-icon {
  width: var(--logo-footer-size);
  height: var(--logo-footer-size);
  object-fit: contain;
  filter: brightness(0) invert(1); /* Blanco para fondo oscuro */
}

/* Responsive */
@media (max-width: 768px) {
  .nav-favicon-large {
    width: calc(var(--logo-favicon-large) * 0.8);
    height: calc(var(--logo-favicon-large) * 0.8);
  }
  
  .hero-logo {
    width: calc(var(--logo-hero-size) * 0.8);
    height: calc(var(--logo-hero-size) * 0.8);
  }
}