@charset "UTF-8";.precarga {
width: 100%;
height: 100vh;
background-color: var(--ng-100);
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10000;
}
.bloque-color-precarga {
width: 100%;
height: 100vh;
background-color: var(--ng-100);
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 8001;
}
.contenedor-imagen-precarga {
width: 100%;
max-width: 700px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
opacity: 1;
}.contenedor-imagen-precarga::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 100%;
background-color: var(--ng-100);
background: linear-gradient(90deg, var(--ng-100) 0%, var(--ng-70) 35%, var(--ng-50) 50%, rgba(0, 0, 0, 0) 100%);
z-index: 5;
}
.contenedor-imagen-precarga::after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 80px;
height: 100%;
background-color: var(--ng-100);
background: linear-gradient(-90deg, var(--ng-100) 0%, var(--ng-70) 35%, var(--ng-50) 50%, rgba(0, 0, 0, 0) 100%);
z-index: 5;
}.contenedor-imagen-precarga p.txt-instr{
font-family: var(--fuente-principal);
font-size: var(--font-size-xs) !important;
line-height: var(--line-height-xs) !important;
font-weight: 400 !important;
font-variation-settings: "wght" 600 !important;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--bn-100);
margin-top: 20px;
margin-bottom: 0px;
}.contenedor-precarga {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.banda {
position: absolute;
height: 100%;
display: flex;
gap: 2px;
white-space: nowrap;
animation: mover 70s linear infinite;
}
.elemento {
width: 120px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.imagen-a {
background-image: url("../../imagenes/precarga/precarga-01.png");
}
.imagen-b {
background-image: url("../../imagenes/precarga/precarga-02.png");
}
.imagen-c {
background-image: url("../../imagenes/precarga/precarga-03.png");
}
.imagen-d {
background-image: url("../../imagenes/precarga/precarga-04.png");
}
.imagen-e {
background-image: url("../../imagenes/precarga/precarga-05.png");
}
.imagen-f {
background-image: url("../../imagenes/precarga/precarga-06.png");
}@keyframes mover {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}
.banda-clone {
display: flex;
gap: 10px;
}