/* ===================================================
   STORY SECTION - RESPONSIVE
   =================================================== */

@media (max-width: 1000px) {
  .story-content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .story-image {
    position: static;
    order: -1;
    max-width: 400px;
    margin: 0 auto 40px;
  }
}

@media (max-width: 600px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .story-block {
    padding: 30px 24px;
  }

  .historia-foto-frame {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
  }

  .historia-info {
    margin-top: 24px;
  }

  .historia-info h3 {
    font-size: 22px;
  }
}