@charset "UTF-8";
:root {
  --color-primary-rgb: 122, 59, 93;
  --color-green: #769523;
  --color-brown: #432815;
  --color-secondary-rgb: 0, 195, 200;
  --color-aux-rgb: 193, 75, 117;
  --color-primary: rgb(var(--color-primary-rgb));
  --color-secondary: rgb(var(--color-secondary-rgb));
  --color-aux: rgb(var(--color-aux-rgb));
  --color-success: #23B037;
  --color-fail: #C34975;
  --too-far-background-color: #C34975;
  --color-dominant: #8B4513;
  --color-complementary: #228B22;
  --safe-area-top: env(safe-area-inset-top, 0px);
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
  --safe-area-left: env(safe-area-inset-left, 0px);
  --safe-area-right: env(safe-area-inset-right, 0px);
  --vh: 100vh;
  --mobile-vh: 100vh;
  /* Fallback para navegadores muy antiguos */
  /* Priorizar svh para navegadores que lo soporten pero no dvh */
  /* Priorizar dvh para navegadores modernos - es la mejor opción */
  /* NOTA: Chrome iOS tiene problemas con dvh, se fuerza cálculo manual en JS */
}
@supports (height: 100svh) {
  :root {
    --mobile-vh: 100svh;
  }
}
@supports (height: 100dvh) {
  :root {
    --mobile-vh: 100dvh;
  }
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  /* Safe Area se aplica en componentes específicos, no globalmente */
}

body {
  color: #333;
  background-color: #222 !important;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/*# sourceMappingURL=global.css.map */