/* ---------------------------------------------------------------- Símbolo animado (carregando)
   O anel gira no eixo vertical, com um leve passar e voltar; o triângulo interno pulsa em verde.
   Mesmo ciclo do app iOS: 1,8 s, com 80% em movimento e uma pausa no formato padrão. O giro do anel é
   desenhado por simbolo.js (tubo em 3D com espessura constante); aqui ficam só o layout e o pulso. */
.carregando-pagina { display: grid; place-items: center; min-height: 50vh; }
.abertura-web { min-height: calc(100vh - 140px); }
.simbolo-carregando {
  --t: 56px; position: relative; width: var(--t); aspect-ratio: 1529.42 / 1405.08;
  color: var(--text); flex: none;
}
.simbolo-carregando svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.simbolo-carregando path { fill: none; stroke: currentColor; stroke-width: 82; stroke-linecap: round; stroke-linejoin: round; }
.simbolo-carregando .sc-miolo { transform-origin: 50.7% 53%; animation: sc-pulsa 1.8s infinite; }
.simbolo-carregando .sc-miolo path { animation: sc-brilho 1.8s infinite; }
@keyframes sc-pulsa {
  0%, 80%, 100% { transform: scale(1); filter: none; }
  40% { transform: scale(1.08); filter: drop-shadow(0 0 calc(var(--t) * .12) rgba(96, 196, 96, .9)); }
}
@keyframes sc-brilho {
  0%, 80%, 100% { fill: rgba(96, 196, 96, 0); stroke: currentColor; }
  40% { fill: rgba(96, 196, 96, .85); stroke: #60C460; }
}