/* sonido.css — Sonido multiroom */

.sound-section-grid { padding: 60px 0; }

/* Sub-clase de info-container para sonido */
.sound-info { /* estilo base heredado de info-container en main.css */ }

.sound-grid {
  display: flex;
  flex-direction: column;
  gap: 60px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 1rem;
}

.sound-block {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
  align-items: center;
}

@media (min-width: 768px) {
  .sound-block { grid-template-columns: 1fr 1fr; }
}

.sound-block.reverse     { direction: rtl; }
.sound-block.reverse > * { direction: ltr; }

/* Imagen */
.sound-image { display: flex; justify-content: center; }

.sound-image img {
  width: 100%;
  max-width: 400px;
  height: 260px;
  object-fit: cover;
  border-radius: 24px;
  box-shadow:
    0 14px 28px rgba(12,18,40,.14),
    0 6px 12px rgba(12,18,40,.08);
  border: 1px solid rgba(12,18,40,.05);
  transition: var(--transition);
}

.sound-image img:hover {
  transform: translateY(-6px);
  box-shadow:
    0 24px 40px rgba(12,18,40,.18),
    0 10px 20px rgba(12,18,40,.12);
  border-color: rgba(94,194,255,.25);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .sound-section-grid { padding: 40px 0; }
  .sound-grid { gap: 40px; }
  .sound-block { gap: 24px; }
  .sound-image img { height: 200px; }
}