@import url("tokens.css");

html, body {
  margin: 0;
  background: var(--cal);
}

main {
  box-sizing: border-box;
  display: flex;
  min-height: 100vh;
  min-height: 100dvh;
  min-width: max(168px, calc(80vw + 48px));
  padding: var(--respeto-minimo);
}

.placa {
  display: block;
  flex-shrink: 0;
  width: 80vw;
  min-width: var(--placa-minima);
  height: auto;
  aspect-ratio: 380 / 178;
  margin: auto;
}

@media (min-width: 768px) {
  main { min-width: 168px; }
  .placa {
    width: min(var(--placa-escritorio), calc(100vw - 48px));
  }
}