/* Desktop default: grid como lo tienes */
.grid-case-study{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

/* Botón mobile oculto por defecto */
.cs-btn-mobile{ display: none; }

/* Imagen */
.cs-equipment-image{
  width: 100%;
  height: auto;
  display: block;
}

/* MOBILE: texto arriba, imagen abajo, botón al final */
@media (max-width: 767px){

  .grid-case-study{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  /* Oculta el botón del lado izquierdo en mobile */
  .cs-btn-desktop{ display: none; }

  /* Muestra el botón debajo de la imagen en mobile */
  .cs-btn-mobile{
    display: inline-block;
    width: 100%;
    margin-top: 14px;
  }

  /* Asegura que el botón se estire bien */
  .cs-btn-mobile .button-primary-inner{
    width: 100%;
  }
}