/* Comercial conserva el ancho fijo original definido en styles.css.
   Esta capa solo impide que contenido excepcional cree scroll global. */
html, body { max-width: 100%; overflow-x: clip; }

/* Ligero aumento de escala horizontal en PC: conserva exactamente el flujo
   compacto, pero evita una silueta excesivamente alargada. */
@media (min-width: 768px) {
  body {
    background-color: #e8e4dc;
    background-image: radial-gradient(
      ellipse at top center,
      color-mix(in srgb, #e8e4dc 82%, var(--bg)) 0%,
      #e8e4dc 66%,
      color-mix(in srgb, #e8e4dc 84%, var(--border)) 100%
    );
    background-attachment: fixed;
  }
  #app:not(.app-login) {
    max-width: 470px;
    box-shadow: 0 0 48px rgba(23,21,15,.07);
  }
}

@media (max-width: 767px) {
  body { background: #e8e4dc; }
  #app:not(.app-login) { box-shadow: none; }
}

@media (max-width: 430px) {
  .resultados-cabecera { align-items: flex-start; flex-direction: column; }
  .com-exportar, .com-exportar-boton { width: 100%; }
  .rev-fila { flex-wrap: wrap; }
  .rev-fila-lbl { flex-basis: 100%; }
  .rev-equipo-cabecera, .rev-equipo-fila {
    grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr);
  }
}