/* Corrección responsive específica de la composición visual de la home.
   Solo actúa en teléfonos; escritorio y tablet conservan el diseño original. */
@media (max-width: 640px) {
  .hero-board {
    min-height: 540px;
  }

  .hero-board .card-search {
    top: 38px;
    left: 20px;
    right: 20px;
    width: auto;
    height: 150px;
    padding: 20px;
    transform: none;
  }

  .hero-board .badge-one,
  .hero-board .badge-two,
  .hero-board .badge-three {
    top: 210px;
    width: 54px;
    height: 54px;
    transform: none;
  }

  .hero-board .badge-one {
    left: 24px;
    right: auto;
  }

  .hero-board .badge-two {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }

  .hero-board .badge-three {
    display: grid;
    left: auto;
    right: 24px;
  }

  .hero-board .card-code {
    left: 5%;
    bottom: 28px;
    width: 38%;
    height: 145px;
    padding: 16px;
    transform: none;
  }

  .hero-board .card-code span {
    font-size: 30px;
  }

  .hero-board .card-code strong {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.18;
  }

  .hero-board .card-growth {
    right: 5%;
    bottom: 28px;
    width: 50%;
    height: 165px;
    padding: 16px;
    transform: none;
  }

  .hero-board .bars {
    gap: 6px;
    height: 70px;
    margin: 4px 0 10px;
  }

  .hero-board .bars i {
    width: 17px;
  }

  .hero-board .card-growth strong {
    font-size: 15px;
    line-height: 1.15;
  }
}