.bev-section-tag {
    display: inline-block;
    background-color: var(--bg-body);
    color: var(--text-primary);
    border-radius: 20px;
    font-size: 3rem;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    font-weight: 100;
    padding: 5px 20px;
}
.bev-divider {
  height: 4px;
  width: 60px;
  background-color: var(--pr-gray-900);
  border-radius: 2px;
}

.bev-etiqueta {
    position: absolute;
    top: 30px;
    left: 25px;
    font-size: large;
    font-weight: 600;
    padding: 5px 12px;
    z-index: 3;
    text-transform: uppercase;
}

.bev-etiqueta-nuevo {
  background: var(--pr-gray-900);
  color: var(--pr-white);
}

.bev-etiqueta-destacado {
  background: var(--pr-gray-400);
  color: var(--pr-gray-900);
}

.bev-etiqueta-preventa {
  background: var(--pr-gray-1200);
  color: var(--pr-white);
}

/* Botones */
.bev-btn-gold {
  background-color: var(--pr-gray-900);
  color: var(--pr-white);
  border: none;
  padding: 0.75rem 1.75rem;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background 0.3s, color 0.3s;
}

.bev-btn-gold:hover {
  background: var(--pr-gray-400);
  color: var(--pr-gray-900);
}

.bev-btn-outline {
  background: transparent;
  border: 1px solid var(--pr-gray-900);
  color: var(--pr-gray-900);
  font-size: 0.82rem;
  padding: 0.45rem 1rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.bev-btn-outline:hover {
  background: var(--pr-gray-900);
  color: var(--pr-white);
}

.bev-container {
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 1.5rem;
    background-color: var(--bg-body);
}

.bev-toast-container {
    position: fixed;
    bottom: 31rem;
    right: 113rem;
    z-index: 9975;
    display: flex
;
    flex-direction: column;
    gap: -13.25rem;
    background-color: var(--pr-etiqueta-nuevo);
    color: var(--pr-white);
    font-size: x-large;
    font-weight: 800;
}
.text-muted {
    color: var(--text-primary);
    font-size: large;
}
@media (max-width: 767px) {
  /* font-size: 3rem fijo + padding lateral 20px es candidato directo a overflow horizontal en el bev-container, sobre todo en tags largos. */
  .bev-section-tag {
    font-size: clamp(1.3rem, 6vw, 2rem);
    padding: 4px 14px;
  }

  /* Offsets fijos (top:30px, left:25px) consumen proporcionalmente mucho más espacio en cards angostas de mobile. Se reducen sin tocar desktop. */
  .bev-etiqueta {
    top: 16px;
    left: 14px;
    font-size: 0.85rem;
    padding: 4px 10px;
  }

  /* Área táctil: btn-outline con padding 0.45rem vertical + font 0.82rem queda por debajo de 44px. Se sube el padding solo en mobile. */
  .bev-btn-outline {
    padding: 0.65rem 1.1rem;
    font-size: 0.85rem;
  }

  .bev-btn-gold {
    padding: 0.8rem 1.5rem;
  }

  .bev-container {
    padding: 0 1rem;
  }
}