/* ======= Reset básico ======= */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/* ======= Estructura base ======= */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Inter', sans-serif;
  background-color: #f8f9fa;
}

main {
  flex: 1; /* Ocupa el espacio restante para empujar el footer abajo */
}

/* ======= Encabezado ======= */
header {
  background: #1d6fd2;
}

header h1 {
  font-weight: 600;
}

/* ======= Tarjetas de productos ======= */
.card-img-top {
  height: 200px;
  object-fit: cover;
}

/* ======= Sección de llamada a la acción (CTA) ======= */
.cta {
  background: url('img/cta-consumibles.jpg') center center / cover no-repeat;
  position: relative;
}

.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.cta .container {
  position: relative;
  z-index: 2;
}

.cta h2,
.cta p {
  color: white;
}

/* ======= Footer ======= */
footer {
  background-color: #1d1d1d;
}