:root {
  --morado: #6a0dad;
  --lila: #c8a2c8;
  --dorado: #d4af37;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; background: #fff; color: #333; }
header { display: flex; justify-content: center; padding: 30px 0; background: #fff; border-bottom: 1px solid #ddd; }
.marca { max-height: 520px; width: auto; object-fit: contain; }
.hero { text-align: center; padding: 60px 20px; background: linear-gradient(135deg, var(--morado), var(--lila)); color: white; }
.hero h1 { font-size: 3rem; margin-bottom: 10px; }
.hero p { font-size: 1.2rem; margin-bottom: 20px; }
.whatsapp-button { display: inline-block; padding: 12px 25px; background: var(--dorado); color: #000; font-weight: bold; border-radius: 30px; text-decoration: none; transition: background 0.3s; }
.whatsapp-button:hover { background: #bfa530; }
.catalogo { padding: 60px 20px; text-align: center; }
.catalogo h2 { font-size: 2.5rem; margin-bottom: 40px; color: var(--morado); }

/* Nuevo estilo para subtítulos "Coches", "Aviones" y "Motos" */
.subtitulo-catalogo {
  font-size: 2rem;
  color: var(--morado);
  margin: 40px 0 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.productos { display: flex; justify-content: center; overflow-x: auto; gap: 40px; padding-bottom: 10px; scroll-snap-type: x mandatory; }
.producto { flex: 0 0 auto; scroll-snap-align: start; width: 320px; background: #fff; border-radius: 16px; box-shadow: 0 4px 10px rgba(0,0,0,0.1); padding: 15px; text-align: center; }
.spin360-container { width: 100%; height: auto; margin: 0 auto; }
.spin360-container img { width: 100%; height: auto; display: none; }
.spin360-container img.active { display: block; }
.producto h3 { margin-top: 15px; font-size: 1.2rem; color: var(--morado); }
.redes { padding: 40px 20px; text-align: center; }
.redes h2 { font-size: 2rem; color: var(--morado); margin-bottom: 15px; }
.social-icons a { margin: 0 15px; text-decoration: none; color: var(--morado); font-weight: bold; font-size: 1.1rem; }
footer { text-align: center; padding: 30px; background: #f5f5f5; color: #888; }
.boton-flotante { position: fixed; bottom: 20px; right: 20px; background: #25D366; color: white; font-size: 24px; padding: 15px; border-radius: 50%; text-decoration: none; box-shadow: 0 4px 8px rgba(0,0,0,0.2); z-index: 1000; display: flex; align-items: center; justify-content: center; transition: background 0.3s; }
.boton-flotante:hover { background: #1ebe5d; }

/* Scroll dorado exclusivo para la sección coches */
.productos.coches-scroll::-webkit-scrollbar {
  height: 10px;
}
.productos.coches-scroll::-webkit-scrollbar-track {
  background: #f0e6b8; /* dorado claro */
  border-radius: 10px;
}
.productos.coches-scroll::-webkit-scrollbar-thumb {
  background: var(--dorado); /* dorado principal */
  border-radius: 10px;
  border: 2px solid #f0e6b8; /* borde para contraste */
}

/* Firefox */
.productos.coches-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--dorado) #f0e6b8;
}

/* Scroll lateral para motos */
.productos.motos-scroll {
  scroll-snap-type: x mandatory;
  overflow-x: auto;
  gap: 40px;
  padding-bottom: 10px;
}