/* Base visual y variables del modulo actual. */

:root {
  --gr-black: #050505;
  --gr-dark-grey: #111111;
  --gr-card-bg: #151515;
  --gr-text: #ffffff;
  --gr-muted: #888888;
  --gr-border: #222222;
  --gr-accent: #ffffff;
  --font-main: "Inter", sans-serif;
}


*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


html,
body {
  height: 100%;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden; 
  background-color: var(--gr-black);
}

body {
  font-family: var(--font-main);
  color: var(--gr-text);
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.main-wrapper {
  flex: 1 0 auto;
  width: 100%;
  position: relative;
}


.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.25rem; 
}


.fw-black {
  font-weight: 900;
}