.sga-espera {
    display: block;
    width: 52px;
    height: 52px;
    animation: sga-espera-giro 0.9s linear infinite;
}

.sga-espera-fondo {
    fill: none;
    stroke: #143633;
    stroke-width: 3.5;
}

.sga-espera-arco {
    fill: none;
    stroke: #14a89b;
    stroke-width: 3.5;
    stroke-linecap: round;
    stroke-dasharray: 38 151;
    transform: rotate(-90deg);
    transform-origin: 26px 26px;
}

@keyframes sga-espera-giro {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .sga-espera { animation-duration: 2.5s; }
}