/* ==========================================================================
   Embaixadores ARGATECH — estilos compartilhados (landing, painel, instalador)
   ========================================================================== */

/* Fonte Poppins hospedada no próprio projeto (assets/fonts) — sem conexão com o Google (LGPD e velocidade).
   Subconjunto latino: cobre todos os acentos do português. Licença: SIL Open Font License 1.1. */
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 300; font-display: swap; src: url("../fonts/poppins-300.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: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/poppins-400.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: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/poppins-500.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: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/poppins-600.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: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/poppins-700.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: "Poppins"; font-style: normal; font-weight: 800; font-display: swap; src: url("../fonts/poppins-800.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; }

/* Ícones (arquivo único assets/img/icons.svg, usados com <use>) */
.icon { flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }

/* Grafismo — três listras de mesma largura a 30°, ancoradas a uma borda (manual, p. 14) */
.stripes { position: absolute; pointer-events: none; aspect-ratio: 600 / 346; height: auto; z-index: 0; }
.stripes rect { fill: currentColor; }
.stripes--yellow { color: #FFC72C; }
.stripes--black { color: #101010; }
.stripes--br { right: 0; bottom: 0; }

/* --------------------------------------------------------------------------
   Barra de rolagem transparente (sobreposta) — ver assets/js/scrollbar.js
   -------------------------------------------------------------------------- */
html.has-oscroll { scrollbar-width: none; }
html.has-oscroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
html.is-oscroll-drag, html.is-oscroll-drag * { user-select: none; cursor: grabbing !important; }
.oscroll { position: fixed; top: 0; right: 0; bottom: 0; z-index: 9999; width: 14px; opacity: 0; transition: opacity .3s ease; }
.oscroll:hover, .oscroll.is-active { opacity: 1; }
.oscroll__thumb { position: absolute; top: 0; right: 3px; width: 6px; border-radius: 6px; background: rgba(120, 120, 120, .55); box-shadow: 0 0 0 1px rgba(255, 255, 255, .25); transition: width .2s ease, background-color .2s ease; cursor: grab; }
.oscroll:hover .oscroll__thumb, .oscroll.is-drag .oscroll__thumb { width: 8px; background: #FFC72C; box-shadow: none; }
/* Rolagens internas (menus, painéis): finas e sem fundo */
* { scrollbar-width: thin; scrollbar-color: rgba(120, 120, 120, .45) transparent; }
html.has-oscroll { scrollbar-width: none; }
