.btn-loader {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#A43A43;
  color:white;
  border:none;
  border-radius:6px;
  padding:12px 22px;
  font-size:16px;
  cursor:pointer;
}
.btn-loader:disabled {
  background:#bbb;
  cursor:not-allowed;
}
.spinner {
  border: 3px solid rgba(255,255,255,0.3);
  border-top: 3px solid #fff;
  border-radius: 50%;
  width: 18px; height: 18px;
  margin-left: 10px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}


/* ===== LOADER PREMIUM CE CONSULTING — CÍRCULO ÚNICO ===== */

.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.65) 0%,      /* centro más cubierto */
        rgba(255, 255, 255, 0.35) 30%,     /* transición */
        rgba(255, 255, 255, 0.15) 80%     /* bordes casi limpios */
    );
    backdrop-filter: blur(1px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Contenedor del spinner + texto */
.loader-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Círculo único */
.spinner {
    width: 48px;              /* tamaño pequeño */
    height: 48px;
    border: 8px solid rgba(0, 74, 135, 0.20);   /* azul CE Consulting suavizado */
    border-top-color: #004A87;                 /* azul corporativo */
    border-radius: 50%;
    animation: spinSlow 1.4s linear infinite;  /* giro más lento y estable */
}

/* Giro limpio sobre su propio centro */
@keyframes spinSlow {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}