/* La G oficial permanece fija; su punto coral orbita con una estela sutil. */
#marcaCircle .gp-media-loader {
  position:absolute; z-index:3; top:50%; left:50%;
  transform:translate(-50%,-50%); width:124px; padding:12px 14px;
  box-sizing:border-box; border:1px solid rgba(241,240,240,.12);
  border-radius:18px; background:rgba(9,18,28,.84); color:#F1F0F0;
  box-shadow:0 8px 28px rgba(0,0,0,.12); pointer-events:none; text-align:center;
}
#marcaCircle .gp-media-loader[hidden] { display:none!important; }
#marcaCircle .gp-media-loader__symbol { position:relative; display:block; width:96px; height:96px; }
#marcaCircle .gp-media-loader__mark {
  position:absolute; width:64px; height:57px; top:50%; left:50%;
  transform:translate(calc(-50% + 3.5px),-50%); background:#F1F0F0;
  -webkit-mask:url('../assets/images/isotipo-galopante.png') center/contain no-repeat;
  mask:url('../assets/images/isotipo-galopante.png') center/contain no-repeat;
  /* Separar sólo el punto del archivo original, sin redibujar la letra. */
  clip-path:polygon(0 0,100% 0,100% 78%,81.6% 78%,81.6% 100%,0 100%);
}
#marcaCircle .gp-media-loader__orbit {
  position:absolute; inset:0; display:block; animation:gp-point-orbit 1.8s linear infinite;
}
#marcaCircle .gp-media-loader__trail {
  position:absolute; inset:0; display:block;
  background:conic-gradient(from 0deg,transparent 0deg 280deg,rgba(235,69,93,0) 280deg,rgba(235,69,93,.06) 305deg,rgba(235,69,93,.4) 350deg,rgba(235,69,93,.65) 359deg,transparent 360deg);
  -webkit-mask:radial-gradient(circle,transparent 41px,#000 42px 44px,transparent 45px);
  mask:radial-gradient(circle,transparent 41px,#000 42px 44px,transparent 45px);
}
#marcaCircle .gp-media-loader__dot {
  position:absolute; top:0; left:44px; width:8px; height:8px;
  display:block; border-radius:50%; background:#EB455D;
  box-shadow:0 0 8px rgba(235,69,93,.24);
}
#marcaCircle .gp-media-loader__label {
  display:block; margin-top:4px; font-family:Montserrat,Arial,sans-serif;
  font-size:10px; font-weight:500; line-height:1.3; letter-spacing:.04em;
}
@keyframes gp-point-orbit { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  #marcaCircle .gp-media-loader__orbit { animation:none; transform:rotate(135deg); }
  #marcaCircle .gp-media-loader__trail { display:none; }
}
