/* Agrandar logo del hero (tarjeta de la derecha) */
.hero__card .logo{
  max-width: 420px !important; /* antes: 320px inline */
  width: min(100%, 420px);
  height: auto;
  display: block;
  margin-inline: auto;
}

/* Ajustes de padding para que respire dentro de la tarjeta */
.hero__card .badge{ padding: 12px 8px; }

/* Responsive: un poco más contenido en móviles */
@media (max-width: 768px){
  .hero__card .logo{ max-width: 300px !important; }
}
@media (max-width: 480px){
  .hero__card .logo{ max-width: 260px !important; }
}