* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  width: 100%;
  max-width: 100vw;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
button,
div {
  font-family: 'Roboto', sans-serif;
}

.web-inner {
  position: relative;
  height: auto;
  padding: 0 16px;
}

@media (min-width: 1024px) {
  .web-inner {
    width: 100%;
    max-width: 1340px; /* Reducido de 1450px para mejor balance */
    margin: 0 auto;
    padding: 0 24px; /* Añadido padding lateral */
  }
}

.z_drawer {
  z-index: 50 !important;
  position: relative;
}