/* ==========================================================
   BLOQUE: PANTALLA COMPARTIDA DE CARGA
   Los avisos no reemplazan la confirmación del servidor.
========================================================== */

.pantalla-carga[hidden], .aviso-conexion[hidden], .cerrar-pantalla-carga[hidden] { display: none !important; }
.pantalla-carga { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(24, 18, 57, .4); backdrop-filter: blur(3px); }
.tarjeta-pantalla-carga { width: 100%; max-width: 420px; padding: 34px 28px; border-radius: 20px; border: 1px solid #e5e0ff; background: #fff; color: #111827; text-align: center; box-shadow: 0 22px 65px rgba(25, 16, 66, .2); }
.marca-pantalla-carga { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 24px; font-size: 21px; font-weight: 800; }
.marca-pantalla-carga img { width: 35px; height: 35px; }
.marca-pantalla-carga span span { color: #4338e8; }
.indicador-pantalla-carga { width: 47px; height: 47px; margin: 0 auto 22px; border: 4px solid #eae6ff; border-top-color: #4338e8; border-radius: 50%; animation: giro-pantalla-carga .8s linear infinite; }
.tarjeta-pantalla-carga h2 { margin: 0 0 12px; color: #2d2450; font-size: 21px; line-height: 1.4; }
.tarjeta-pantalla-carga p { margin: 0; color: #64748b; font-size: 14px; line-height: 1.7; }
.tarjeta-pantalla-carga .detalle-pantalla-carga { margin-top: 14px; color: #4338e8; font-size: 13px; }
.cerrar-pantalla-carga { margin-top: 22px; padding: 11px 18px; border: 1px solid #d8d0ff; border-radius: 9px; color: #4338e8; background: #f3f1ff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.cerrar-pantalla-carga:focus-visible, .cerrar-aviso-conexion:focus-visible { outline: 3px solid #b7abff; outline-offset: 3px; }
.aviso-conexion { position: fixed; left: 20px; right: 20px; bottom: 20px; z-index: 10001; display: flex; align-items: center; justify-content: space-between; gap: 18px; max-width: 780px; margin: 0 auto; padding: 16px 18px; border: 1px solid #e5ca91; border-radius: 12px; color: #69471a; background: #fffbeb; box-shadow: 0 7px 25px rgba(25, 16, 66, .12); font-size: 14px; line-height: 1.6; }
.cerrar-aviso-conexion { flex: 0 0 auto; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 7px; color: inherit; background: transparent; font-size: 24px; cursor: pointer; }
html.profelink-cargando { cursor: progress; overflow: hidden; }
@keyframes giro-pantalla-carga { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .indicador-pantalla-carga { animation: none; border-top-color: #4338e8; border-right-color: #4338e8; }
}
@media (max-width: 500px) {
    .pantalla-carga { padding: 18px; }
    .tarjeta-pantalla-carga { padding: 28px 22px; }
    .aviso-conexion { left: 12px; right: 12px; bottom: 12px; font-size: 13px; }
}