/* ====== Reset mínimo SOLO dentro de la página de Novedades ====== */
.novedades-page, 
.novedades-page * { box-sizing: border-box; }

.novedades-page {
  font-family: Arial, sans-serif;        /* no afecta al navbar global */
  background: #f9f9f9;
  color: #111;
  line-height: 1.6;
  margin: 0;
}

/* Importante: no empujar el main; el navbar ya está en flujo (sticky) */
.novedades-page main { margin-top: 0; }
.novedades-page main > *:first-child { margin-top: 0 !important; }

/* Evitar scroll horizontal en esta página (sin tocar global) */
.novedades-page { max-width: 100%; overflow-x: hidden; }

/* Imágenes y enlaces dentro de la página */
.novedades-page img { max-width: 100%; height: auto; display: block; }
.novedades-page a { text-decoration: none; color: inherit; }

/* ====== NOVEDADES (contenido) ====== */
.novedades-page .novedades {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
  text-align: center;
}

.novedades-page .novedades h2 {
  font-size: clamp(24px, 6vw, 30px);
  margin-bottom: 20px;
  color: #000;
}

.novedades-page .novedades h3 {
  font-size: clamp(12px, 4vw, 15px);
  color: #666;
  margin-bottom: 30px;
}

/* ====== BOTÓN DE COMPRA ====== */
.novedades-page .btn-compra {
  background-color: #000;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  font-size: clamp(14px, 2vw, 16px);
  transition: background-color 0.3s ease, transform .15s ease;
}
.novedades-page .btn-compra:hover {
  background-color: #333;
  transform: translateY(-1px);
}

/* =========================
   RESPONSIVE
=========================== */
@media (max-width: 768px) {
  .novedades-page .novedades { padding: 16px 12px; }
  .novedades-page .novedades h2 { font-size: 24px; }
  .novedades-page .novedades h3 { font-size: 14px; }
  .novedades-page .btn-compra { padding: 10px 20px; font-size: 14px; }
}

@media (max-width: 480px) {
  .novedades-page .novedades h2 { font-size: 22px; }
  .novedades-page .novedades h3 { font-size: 12px; }
  .novedades-page .btn-compra { padding: 8px 18px; font-size: 13px; }
}