/* Marca Benthos: fuente del wordmark (Space Grotesk, autohospedada, sin CDN) + estilo del nombre. */
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:500; font-display:swap;
  src:url(lib/fonts/space-grotesk-2.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:500; font-display:swap;
  src:url(lib/fonts/space-grotesk-3.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:700; font-display:swap;
  src:url(lib/fonts/space-grotesk-2.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Space Grotesk'; font-style:normal; font-weight:700; font-display:swap;
  src:url(lib/fonts/space-grotesk-3.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }

/* Wordmark de la marca (nombre en cabecera/login). El logo (isóbatas-B) va aparte vía brand.logo. */
#brand-name { font-family:'Space Grotesk', system-ui, sans-serif; font-weight:700; letter-spacing:-.01em; }

/* App de escritorio (Tauri/WebKitGTK): tema oscuro forzado en selects/inputs/checkbox
   (el control nativo del sistema sale claro/ilegible). Va en brand.css porque lo cargan
   TODAS las páginas (visor, terreno 3D, acerca, legal). html.bv-native lo marca bv-tauri.js. */
html.bv-native select,
html.bv-native input:not([type=checkbox]):not([type=radio]):not([type=range]),
html.bv-native textarea { -webkit-appearance:none; appearance:none; background-color:#0b1020; color:#e7ecf5; }
html.bv-native select { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%239fb2d0' stroke-width='1.6'/></svg>"); background-repeat:no-repeat; background-position:right 8px center; padding-right:26px; }
html.bv-native option { background-color:#0b1020; color:#e7ecf5; }
html.bv-native input[type=checkbox] { -webkit-appearance:none; appearance:none; width:15px; height:15px; border:1.5px solid #647499; border-radius:3px; background:#0b1020; vertical-align:middle; cursor:pointer; position:relative; flex:0 0 auto; }
html.bv-native input[type=checkbox]:checked { background:var(--bv-accent,#5ee0ff); border-color:var(--bv-accent,#5ee0ff); }
html.bv-native input[type=checkbox]:checked::after { content:""; position:absolute; left:4px; top:1px; width:4px; height:8px; border:solid #0b1020; border-width:0 2px 2px 0; transform:rotate(45deg); }