/* --- RESET --- */
html, body {
  margin: 0;
  padding: 0;
  background: #fff;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;
}

/* --- CONTENEDOR PRINCIPAL --- */
.contenedor {
  width: 100%;          /* ancho completo hasta max-width */
  max-width: 1366px;    /* tamaño base */
  margin: 0 auto;       /* centrado horizontal */
  padding: 0;
  position: relative;
  font-size: 16px;
  box-sizing: border-box;
}

/* --- ESCALA PROPORCIONAL PARA PANTALLAS MÁS PEQUEÑAS --- */
@media (max-width: 1365px) { .contenedor { width: 95%; } }
@media (max-width: 1280px) { .contenedor { width: 92%; } }
@media (max-width: 1200px) { .contenedor { width: 88%; } }
@media (max-width: 1024px) { .contenedor { width: 82%; } }
@media (max-width: 768px)  { .contenedor { width: 95%; } }

/* --- MISC --- */
.contenedor * {
  box-sizing: border-box;
}