html {
  scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px; /* ajusta según la altura de tu header */
}

body {
  overflow-x: hidden;
}

html, body {
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}


.container,
.descarga-flex,
.hero-flex {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .container,
  .section-content,
  .mision-text,
  .vision-text {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 12px;
  }
}

@media (max-width: 768px) {
  .hero-section,
  .descarga-section {
    padding: 0 16px;
    text-align: center;
  }

  .hero-title,
  .hero-subtitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .store-buttons {
    flex-direction: column;
    gap: 12px;
    align-items: center;
  }

  .store-btn {
    height: 56px !important;
    width: auto !important;
  }

  .hero-image {
    text-align: center;
  }

  .hero-image img {
    width: 280px;
    height: auto;
  }
}

@media (max-width: 768px) {
  .descarga-section {
    padding: 0 16px;
    text-align: center;
  }

  .descarga-flex {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .descarga-title,
  .descarga-subtitle {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .descarga-imagen {
    text-align: center;
    margin-top: 24px;
  }

  .descarga-imagen img {
    width: 240px;
    height: auto;
  }

  .descarga-buttons {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .store-btn {
     height: 56px !important;
    width: auto !important;
    object-fit: contain;
  }
}

@media (max-width: 768px) {
  .store-buttons-footer {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .store-btn-footer {
    height: 56px !important;
    width: auto !important;
    object-fit: contain;
  }
}