.siga-accion--cargando { cursor: progress; }

[data-siga-carga-icono] {
    position: relative;
    display: inline-flex;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
}

.siga-accion--ancla { position: relative; }

.siga-accion--superpuesta {
    -webkit-text-fill-color: transparent !important;
    text-shadow: none !important;
}

.siga-accion--superpuesta > :not(.siga-accion__indicador),
.siga-accion__icono--cargando > :not(.siga-accion__indicador) { opacity: 0 !important; }

.siga-accion__indicador {
    position: absolute;
    inset: 0;
    display: block;
    box-sizing: border-box;
    width: 1em;
    height: 1em;
    margin: auto;
    border: 2px solid currentColor;
    border-inline-end-color: transparent;
    border-radius: 50%;
    pointer-events: none;
}

[data-siga-carga-icono] > .siga-accion__indicador { width: 16px; height: 16px; }

input.siga-accion--entrada {
    background-image: var(--siga-accion-imagen) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
}

.siga-acciones__estado {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (prefers-reduced-motion: no-preference) {
    .siga-accion__indicador { animation: siga-accion-giro .65s linear infinite; }
}

@keyframes siga-accion-giro { to { transform: rotate(360deg); } }