/* ============================================ */
/* PANTALLA DE CARGA — Loading Screen            */
/* ============================================ */

.loading-screen {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: var(--bg-principal); z-index: var(--z-loading);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}
.loading-screen.ocultar { opacity: 0; visibility: hidden; pointer-events: none; }

.loading-logo { width: 120px; height: 120px; margin-bottom: 30px; animation: flotar 2s ease-in-out infinite; }
.loading-logo img { width: 100%; height: 100%; object-fit: contain; }

.loading-texto { color: var(--color-primario); font-family: var(--fuente-titulo); font-size: 1.3rem; font-weight: 600; margin-bottom: 25px; letter-spacing: 3px; text-transform: uppercase; }

.loading-barra-contenedor { width: 280px; height: 4px; background: rgba(200,164,92,0.15); border-radius: 4px; overflow: hidden; position: relative; }
.loading-barra { height: 100%; width: 0%; background: var(--gradiente-boton); border-radius: 4px; transition: width 0.3s ease; position: relative; }
.loading-barra::after { content: ''; position: absolute; top: 0; right: 0; width: 30px; height: 100%; background: rgba(255,255,255,0.3); filter: blur(3px); }

.loading-porcentaje { color: var(--texto-sutil); font-size: 0.85rem; margin-top: 15px; font-weight: 500; letter-spacing: 1px; }