@import url("./globals.css");
@import url("./Header.css");
@import url("./Hero.css");
@import url("./About.css");
@import url("./Services.css");
@import url("./Certifications.css");
@import url("./Products.css");
@import url("./Clients.css");
@import url("./Testimonials.css");
@import url("./FAQ.css");
@import url("./Contact.css");
@import url("./Location.css");
@import url("./Footer.css");
@import url("./VideoLoadingOverlay.css");
@import url("./MetalParticles.css");
@import url("./IndustrialBackground.css");
@import url("./ScrollEffects.css");
@import url("./ScrollToTop.css");
@import url("./WhatsAppFloat.css");
@import url("./ServiceBanner.css");
@import url("./ServiceLayout.css");
@import url("./ServiceGallery.css");
@import url("./ServiceCTA.css");
@import url("./ProductBanner.css");
@import url("./ProductLayout.css");
@import url("./ProductSpecs.css");
@import url("./ProductFeatures.css");

body {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

img {
  max-width: 100%;
}

.service-banner-image,
.product-banner-image,
.gallery-image,
.modal-image {
  width: 100%;
  height: 100%;
}

.service-banner-image,
.product-banner-image,
.gallery-image {
  object-fit: cover;
}

.modal-image {
  object-fit: contain;
}

.gallery-modal[hidden],
.notification[hidden] {
  display: none;
}

.hero .hero-title,
.hero .hero-description,
.hero .hero-buttons {
  opacity: 1;
  transform: translateY(0);
}

.hero .animate-child {
  opacity: 1;
  transform: translateY(0);
}

.service-card-btn,
.product-card-btn,
.factory-dot,
.dot,
.gallery-item {
  -webkit-tap-highlight-color: transparent;
}

/* Keep inner page layout styles from overriding the home cards. */
.services .service-card .service-content {
  position: relative;
  z-index: 2;
  padding: 2rem;
  height: 100%;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.services .service-card .service-description {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 1.5rem;
  line-height: 1.6;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.services .service-card .service-description p {
  margin-bottom: 0;
}

.services .service-card .service-title {
  color: #fff;
}

.services .service-card {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.services .service-card.serralheria-bg {
  background-image: url("../images/servicos_serralheria.jpg");
}

.services .service-card.caldeiraria-bg {
  background-image: url("../images/servicos_calderaria.jpg");
}

.services .service-card.usinagem-bg {
  background-image: url("../images/servicos_usinagem.jpg");
}

.services .service-card.manutencao-bg {
  background-image: url("../images/servicos_manutencao_industrial.jpg");
}

.services .service-card.reforma-bg {
  background-image: url("../images/servicos_reforma_e_melhorias.jpg");
}

.services .service-card.metalizacao-bg {
  background-image: url("../images/servicos_fabricacao_dispositivos_metalizacao.jpg");
}

.products .product-category .product-content {
  position: relative;
  z-index: 2;
  padding: 2rem;
  height: 100%;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}