/* ==========================================================
   Capricciosa — base partilhada (site público + gestão)
   ========================================================== */

@font-face{font-family:"Oswald";font-weight:500;font-style:normal;font-display:swap;
  src:url("../assets/fonts/oswald-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Oswald";font-weight:600;font-style:normal;font-display:swap;
  src:url("../assets/fonts/oswald-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"Oswald";font-weight:700;font-style:normal;font-display:swap;
  src:url("../assets/fonts/oswald-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-weight:400;font-style:normal;font-display:swap;
  src:url("../assets/fonts/figtree-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-weight:500;font-style:normal;font-display:swap;
  src:url("../assets/fonts/figtree-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Figtree";font-weight:700;font-style:normal;font-display:swap;
  src:url("../assets/fonts/figtree-latin-700-normal.woff2") format("woff2")}

:root{
  --vermelho:#A50016;
  --vermelho-vivo:#C4162A;
  --vinho:#5E000E;
  --ambar:#F5A623;
  --ambar-claro:#FFC24D;
  --tinta:#1E1030;
  --suave:#5F5668;
  --fundo:#FBF7F5;
  --papel:#FFFFFF;
  --linha:#EADFDB;
  --ok:#1F7A45;
  --erro:#B3261E;

  --raio-s:10px;
  --raio-m:16px;
  --raio-l:28px;

  --f-titulo:"Oswald","Arial Narrow","Helvetica Neue",Impact,sans-serif;
  --f-texto:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  --topo-h:60px;
  --chips-h:60px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-texto);font-size:1rem;line-height:1.5;color:var(--tinta);
  background:var(--fundo);-webkit-font-smoothing:antialiased}
img,video,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
[hidden]{display:none!important}

:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;border-radius:4px}
.escuro :focus-visible{outline-color:var(--ambar)}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sem-scroll{overflow:hidden}

.icone{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;
  padding:0 22px;border-radius:999px;border:2px solid transparent;font-weight:700;
  font-size:1rem;line-height:1;text-decoration:none;text-align:center;
  transition:background-color .15s,color .15s,border-color .15s,transform .1s}
.btn:active{transform:scale(.98)}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.btn--primario{background:var(--vermelho);color:#fff}
.btn--primario:hover{background:var(--vermelho-vivo)}
.btn--ambar{background:var(--ambar);color:var(--tinta)}
.btn--ambar:hover{background:var(--ambar-claro)}
.btn--contorno{border-color:rgba(255,255,255,.85);color:#fff;background:transparent}
.btn--contorno:hover{background:rgba(255,255,255,.14)}
.btn--linha{border-color:var(--vermelho);color:var(--vermelho);background:#fff}
.btn--linha:hover{background:var(--vermelho);color:#fff}
.btn--perigo{background:var(--erro);color:#fff}
.btn--pequeno{min-height:42px;padding:0 16px;font-size:.95rem}
.btn--bloco{width:100%}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important}
}