body {
  background-size: cover !important;
  background-attachment: scroll !important;
}
header {
  justify-content: center !important;
}

@media (max-width: 768px) {
  header {
    justify-content: center; /* logo centrado */
  }
  header img {
    max-width: 70%;   /* el logo ocupa como mucho el 70% del ancho disponible */
    height: auto;     /* mantiene proporción */
    display: block;   /* evita espacios extra */
  }
}







/* ===== CARRUSEL ===== */
.carousel {
  overflow: hidden;
  max-width: auto;
  border-radius: 12px;
  position: relative;
}

.carousel-track {
  display: flex;
  gap: 20px;
  animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
  0%   { transform: translateX(4); }
  100% { transform: translateX(-50%); } /* ajusta según cantidad de cards */
}

.carousel .card {
  min-width: 300px;
  flex: 0 0 auto;
}

/* ===== CONTACTO MÁS CHICO ===== */
#contacto form {
  max-width: 500px;   /* más angosto */
  margin: auto;
  font-size: 14px;    /* letra un poco más chica */
}
#contacto h3 {
  font-size: 20px;
}