/* SIOTYX — adaptación responsive de las páginas desktop */

/* Rango intermedio: evitar scroll horizontal forzado */
@media (max-width: 1240px) {
  body { min-width: 0 !important; }
  div[style*="min-width: 1200px"] { min-width: 0 !important; }
}

@media (max-width: 860px) {
  body { min-width: 0 !important; }
  div[style*="min-width: 1200px"] { min-width: 0 !important; }

  /* Grillas a una columna */
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="grid-template-columns"] > * { border-right: none !important; }

  /* Espaciados */
  section, header, footer { padding-left: 20px !important; padding-right: 20px !important; }
  section[style*="padding: 110px"], section[style*="padding: 100px"], section[style*="padding: 130px"],
  section[style*="padding: 96px"], section[style*="padding: 90px"] { padding-top: 56px !important; padding-bottom: 56px !important; }
  [style*="gap: 72px"] { gap: 36px !important; }
  [style*="gap: 64px"] { gap: 32px !important; }
  [style*="gap: 48px"] { gap: 28px !important; }

  /* Tipografía */
  h1 { font-size: 36px !important; line-height: 1.12 !important; }
  h2 { font-size: 27px !important; }
  h3 { font-size: 20px !important; }
  blockquote p { font-size: 24px !important; }

  /* Nav: logo + acciones arriba, links en fila scrolleable debajo */
  nav[style*="height: 76px"] { height: auto !important; flex-wrap: wrap; padding: 10px 16px !important; row-gap: 4px; }
  nav[style*="height: 76px"] > div[style*="gap: 40px"],
  nav[style*="height: 76px"] > div[style*="gap: 44px"] {
    order: 3; width: 100%; overflow-x: auto; justify-content: flex-start !important;
    gap: 22px !important; padding: 8px 2px 6px; font-size: 14px !important; white-space: nowrap;
    scrollbar-width: none;
  }

  /* Hero home */
  header[style*="height: 740px"] { height: 600px !important; }
  [style*="left: 48px"] { left: 20px !important; }
  [style*="right: 48px"] { right: 20px !important; }
  header h1[style*="font-size: 64px"] { font-size: 34px !important; }
  header p[style*="font-size: 20px"] { font-size: 16px !important; }

  /* Filas de botones y stats */
  div[style*="display: flex"][style*="gap: 16px"] { flex-wrap: wrap; }
  div[style*="display: flex"][style*="gap: 56px"] { flex-wrap: wrap; gap: 24px !important; }

  /* Imágenes laterales altas */
  div[style*="height: 480px"], div[style*="height: 460px"], div[style*="height: 440px"] { height: 300px !important; }
  div[style*="height: 560px"] { height: 340px !important; }
  div[style*="height: 520px"] { height: 320px !important; }

  /* Switchers / barras de tabs centradas -> scroll horizontal */
  div[style*="justify-content: center"][style*="border-bottom"] {
    justify-content: flex-start !important; overflow-x: auto; scrollbar-width: none;
  }

  /* Footer inferior: apilar */
  footer > div[style*="justify-content: space-between"] { flex-wrap: wrap; gap: 10px; }
}