/* === Mobile-only overrides v4.1 (solo móvil; desktop intacto) === */
@media (max-width: 1024px) {

  /* (1) 10× más espacio entre top band y hero */
  .topband { margin-bottom: 0 !important; }       /* evita sumar doble */
  header.hero { margin-top: 10rem !important; }

  /* (2) Texto 2× en móvil */
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  body { font-size: 200% !important; line-height: 1.5; }
  p, li, a, span, figcaption, small, label { font-size: 1em !important; line-height: 1.45; }

  /* (3) Recuadros de indicadores y números 4× más grandes */
  #proyecto .grid-2 .card:nth-child(2) {
    font-size: 400% !important;   /* texto interno x4 */
    line-height: 1.2;
  }
  #proyecto .grid-2 .card:nth-child(2) h1,
  #proyecto .grid-2 .card:nth-child(2) h2,
  #proyecto .grid-2 .card:nth-child(2) h3,
  #proyecto .grid-2 .card:nth-child(2) strong,
  #proyecto .grid-2 .card:nth-child(2) span {
    font-size: 1em !important;    /* heredan del x4 del contenedor */
    line-height: 1.1;
  }
  #proyecto .grid-2 .card:nth-child(2) .progress,
  #proyecto .grid-2 .card:nth-child(2) .progress > div {
    height: 48px !important;      /* 4× de 12px */
    border-radius: 999px !important;
  }

  /* (4) 10× más espacio entre indicador y footer */
  #proyecto .grid-2 .card:nth-child(2) {
    margin-bottom: 10rem !important;
  }

  /* (5) Logos “Cosecha / Liderazgo / demás” 2× más grandes */
  .values-row figure img {
    transform: scale(2);
    transform-origin: center center;
    display: inline-block;
  }

  /* (6) Escudo 2× más grande SOLO en el HERO (top band se queda igual) */
  header.hero img[alt="Escudo"] {
    transform: scale(2);
    transform-origin: center top;
    will-change: transform;
  }

  /* (7) Nada debajo del footer */
  footer.black-footer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  body > :last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
}