/* ============================================
   FIX v1.3 — Logo cuadrado, hero nítido, cleanup
   Se carga DESPUÉS de fix-v12.css
   ============================================ */

/* LOGO cuadrado en header - altura mayor para que se vea proporcionado */
.site-header__logo img {
  height: 60px !important;
  width: 60px !important;
  max-width: 60px !important;
  object-fit: contain;
  display: block;
}

/* Header con padding vertical ajustado para logo más alto */
.site-header { padding: 12px 0 !important; }
.site-header.is-scrolled { padding: 8px 0 !important; }

/* Trust bar - 4 columnas ahora (sin pruebas hidrostáticas) */
.trust-bar__inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 32px;
}
@media (max-width: 768px) {
  .trust-bar__inner {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px;
  }
}

/* Hero background - forzar object-fit cover para mejor nitidez */
.hero__bg {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Servir hero móvil en pantallas chicas */
@media (max-width: 720px) {
  .hero__bg {
    background-image: url('/assets/img/hero/hero-planta-mobile.webp') !important;
  }
}

/* Overlay más sutil en hero para mejor legibilidad sin oscurecer demasiado */
.hero__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,37,64,0.65) 0%, rgba(10,37,64,0.35) 60%, rgba(10,37,64,0.15) 100%);
  z-index: 1;
}
.hero__inner { position: relative; z-index: 2; }
