/* Barra do grupo: liga as três marcas (Zethic, Jéssica Gessoli e Pode Curtir) no topo de todas as páginas.
   Autossuficiente: funciona com qualquer folha de estilo da página, inclusive nas marcas com identidade própria. */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/public-sans-latin-500-normal.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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
nav.grupo{display:block;margin:0;gap:0}
.grupo{background:#02041A;border-bottom:1px solid rgba(167,178,209,.18);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:500;font-size:.8rem;line-height:1;letter-spacing:.01em;position:relative;z-index:11}
.grupo-in{max-width:72rem;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;gap:1.5rem;height:2.25rem;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.grupo-in::-webkit-scrollbar{display:none}
.grupo a{display:inline-flex;align-items:center;gap:.45rem;color:#A7B2D1;text-decoration:none;padding:.35rem 0;position:relative}
.grupo a::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--g-cor,#A7B2D1);flex:none}
.grupo a:hover{color:#FFFFFF}
.grupo a:focus-visible{outline:2px solid #00E5FF;outline-offset:2px;border-radius:2px}
.grupo .g-z{--g-cor:#00E5FF}
.grupo .g-j{--g-cor:#D9B76E}
.grupo .g-p{--g-cor:#D4124A}
.grupo .g-q{margin-left:auto}
.grupo .g-q::before{content:none}
.grupo a.atual{color:#FFFFFF}
.grupo a.atual::after{content:"";position:absolute;left:0;right:0;bottom:-.42rem;height:2px;background:var(--g-cor)}
@media (max-width:30rem){.grupo-in{gap:1.1rem}.grupo .g-q{margin-left:.4rem}}
@media (max-width:30rem){.grupo .g-q{display:none}}