@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


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

div, section, article{
  overflow: hidden;
}



a{
    text-decoration: none;
}

p, h1, h2, h3, h4, h5, h6 {
  margin:0;
}


/* Importação de fontes */

@font-face {
  font-family: "Harry";
  src: url("/estilo/recursos/fonts/harry/Harry_Squeezed.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Bauhaus";
  src: url("/estilo/recursos/fonts/bauhaus/BauhausRegular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}


/* Criação de variáveis */

:root{

--cor-rosa: #E6759B;
--cor-laranja: #F3A527;
--cor-laranja-escuro: #E36A35;
--cor-creme: #FFEBD3;
--cor-azul:#284D6C;
--cor-verde:#3A8491;
--cor-verde-militar:#A4AB75; 
--cor-roxo: #86659A;

--font-titulo: 'Montserrat', "Arial Narrow Bold", sans-serif;
--font-body: "Bauhaus", "Trebuchet MS", "Lucida Grande", "Segoe UI", sans-serif;
--font-paragrafo: "Segoe UI", Arial, sans-serif;


}

html { scroll-behavior: smooth; }


/* ================================
   SCROLLBAR (Chrome/Edge/Safari)
   Estilo “menu lateral”
   ================================ */

:root{
  /* Ajuste com suas vars */
  --scroll-track: rgba(0, 0, 0, 0.853);            /* trilho escuro */
  --scroll-thumb: var(--cor-azul);  /* puxador laranja */
  --scroll-thumb-hover: var(--cor-laranja);   /* hover */
  --scroll-border: rgba(255,255,255,.1);     /* contorno suave */
}

/* largura */
::-webkit-scrollbar{
  width: 12px;
  height: 12px;
}

/* trilho */
::-webkit-scrollbar-track{
  background: var(--scroll-track);
  border-left: 1px solid rgba(255,255,255,.06);
}

/* “puxador” */
::-webkit-scrollbar-thumb{
  background: linear-gradient(
    180deg,
    var(--scroll-thumb),
    rgba(0,0,0,.25)
  );
  border-radius: 999px;
  border: 3px solid transparent;           /* cria “padding” */
  background-clip: content-box;
  box-shadow: inset 0 0 0 1px var(--scroll-border);
}

/* hover */
::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(
    180deg,
    var(--scroll-thumb-hover),
    rgba(0,0,0,.25)
  );
  background-clip: content-box;
}

/* cantinho (quando tem barra horizontal + vertical) */
::-webkit-scrollbar-corner{
  background: var(--scroll-track);
}


/* ================================
   Firefox
   ================================ */
*{
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}