/* Fix Images - Hero and Services */

/* Hero Section Image */
section.relative.pt-24 img[alt="Hero background"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Services Section Images - Background Images */
div.absolute.inset-0 img[alt="Control e Iluminación"],
div.absolute.inset-0 img[alt="Audio Distribuido"],
div.absolute.inset-0 img[alt="Control de Accesos y Seguridad"],
div.absolute.inset-0 img[alt="Telefonía IP y Videoconferencia"],
div.absolute.inset-0 img[alt="Video"],
div.absolute.inset-0 img[alt="Cableado Estructurado"],
div.absolute.inset-0 img[alt="Audio Profesional"] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Nosotros Section Image */
img[alt="Equipo Zonit"] {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Paneles Solares Section Image */
img[alt="Paneles Solares Zonit"] {
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Ensure all placeholder images have proper sizing */
img[src*="placeholders"] {
  max-width: 100% !important;
  height: auto !important;
}

/* Specific fixes for service cards */
.group.cursor-pointer img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Large desktop card images */
div.hidden.lg\:block.lg\:col-span-2.lg\:row-span-2 img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* Responsive image adjustments */
@media (max-width: 768px) {
  /* Mobile hero adjustments */
  section.relative.pt-24 img[alt="Hero background"] {
    min-height: 100vh !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  
  /* Mobile service card images */
  .group.cursor-pointer img {
    min-height: 200px !important;
    object-fit: cover !important;
  }
}

@media (min-width: 769px) {
  /* Desktop hero adjustments */
  section.relative.pt-24 img[alt="Hero background"] {
    min-height: 100vh !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  
  /* Desktop service card images */
  .group.cursor-pointer img {
    min-height: 250px !important;
    object-fit: cover !important;
  }
  
  /* Large desktop card specific */
  div.hidden.lg\:block.lg\:col-span-2.lg\:row-span-2 img {
    min-height: 400px !important;
    object-fit: cover !important;
  }
}