/* EstadiGol — logotipo. Requiere la familia Archivo Black, que el sitio
   sirve desde /fuentes/ con su propio @font-face (ronda de fuentes propias,
   21-sep). Aqui habia un <link> comentado a Google Fonts: se retira porque
   ensuciaba el grep de regresion sin aportar nada. */

:root{
  --eg-verde:#22e56a;
  --eg-anillo:#2a2a2a;
}

/* Logotipo largo. El tamaño se controla solo con font-size. */
.eg-logo{
  display:inline-flex;
  align-items:center;
  font-family:"Archivo Black","Arial Black",sans-serif;
  font-size:20px;
  letter-spacing:-.035em;
  line-height:1;
  color:#fff;
  text-decoration:none;
  white-space:nowrap;
}
/* El arco ocupa el hueco de la O de GOL */
.eg-logo__arco{
  width:.75em;
  height:.75em;
  margin:0 .04em;
  flex-shrink:0;
  border-radius:50%;
  background:conic-gradient(from 180deg,var(--eg-verde) 0 68%,var(--eg-anillo) 68% 100%);
  -webkit-mask:radial-gradient(circle closest-side,transparent 0 64%,#000 64.5% 100%);
  mask:radial-gradient(circle closest-side,transparent 0 64%,#000 64.5% 100%);
}

/* Versión compacta: E + G verde */
.eg-compacta{
  font-family:"Archivo Black","Arial Black",sans-serif;
  letter-spacing:-.035em;
  line-height:1;
  color:#fff;
  text-decoration:none;
}
.eg-compacta b{font-weight:inherit;color:var(--eg-verde)}

/* Sobre fondo claro */
.eg-logo--claro,.eg-compacta--claro{color:#111}
.eg-logo--claro .eg-logo__arco{--eg-verde:#12a04a;--eg-anillo:#c8c8c2}
.eg-compacta--claro b{color:#12a04a}

/* Por debajo de 14px el arco se cierra: usar .eg-logo--plano (O normal) */
.eg-logo--plano .eg-logo__arco{display:none}
.eg-logo--plano .eg-logo__o-plana{display:inline}
.eg-logo__o-plana{display:none}

/* Símbolo con EG. El anillo va en ::before para que la máscara no recorte
   las letras; el tamaño se controla solo con font-size. */
.eg-simbolo{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  font-size:64px;   /* mínimo 40px con letras; por debajo usar estadigol-simbolo.svg */
  flex-shrink:0;
}
.eg-simbolo::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 180deg,var(--eg-verde) 0 68%,var(--eg-anillo) 68% 100%);
  -webkit-mask:radial-gradient(circle closest-side,transparent 0 64%,#000 64.5% 100%);
  mask:radial-gradient(circle closest-side,transparent 0 64%,#000 64.5% 100%);
}
.eg-simbolo span{
  position:relative;
  font-family:"Archivo Black","Arial Black",sans-serif;
  font-size:.32em;
  letter-spacing:-.04em;
  line-height:1;
  color:#fff;
}
.eg-simbolo b{font-weight:inherit;color:var(--eg-verde)}
.eg-simbolo--claro span{color:#111}
.eg-simbolo--claro{--eg-verde:#12a04a;--eg-anillo:#c8c8c2}