/* ============================================================
   REFERIDO — Vista de activación por regalo
============================================================ */

#v-referido.active {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
}

#v-referido .card-scene,
#v-referido .gift-banner,
#v-referido .panel {
  width: 100%;
  max-width: 420px;
}

@media (min-width: 1024px) {
  #v-referido.active {
    padding: 48px 24px;
    max-width: 560px;
    margin: 0 auto;
  }
}