@charset "UTF-8";.precarga {
width: 100%;
height: 100vh;
background-color: var(--base-b-00-100);
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 10000;
}
.bloque-color-precarga {
width: 100%;
height: 100vh;
background-color: var(--base-b-00-100);
position: fixed !important;
top: 0 !important;
left: 0 !important;
z-index: 8001;
}
.cont-img-precarga {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.logo-precarga {
width: 150px;
height: 150px;
background-image: url("../../imagenes/globales-oafcds-v7/logos/oa/iso-oa-bn.svg");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
opacity: 0.5;
}
.cont-img-precarga p.txt-instr{
font-family: var(--fuente-creditos);
text-rendering: optimizeLegibility;
font-size: var(--font-size-xxs);
line-height: var(--line-height-xxs);
font-weight: 400;
font-variation-settings: "wght" 700;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
color: var(--bn-100);
margin-top: 2px;
margin-bottom: 0;
}
.cont-img-precarga .grp-frm {
display: -webkit-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
flex-direction: column;
position: relative;
width: 100%;
max-width: 370px;
height: 40px;
margin: 0 auto;
opacity: 0;
}.cont-img-precarga .grp-frm::before {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 100%;
background-color: var(--base-b-00-100);
background:
linear-gradient(90deg,
var(--base-b-00-100) 0%,
var(--base-b-00-100) 35%,
var(--base-b-00-100) 50%,
rgba(0, 0, 0, 0) 100%);
z-index: 5;
}
.cont-img-precarga .grp-frm::after {
content: '';
position: absolute;
top: 0px;
right: 0px;
width: 70px;
height: 100%;
background-color: var(--base-b-00-100);
background:
linear-gradient(-90deg,
var(--base-b-00-100) 0%,
var(--base-b-00-100) 35%,
var(--base-b-00-100) 50%,
rgba(0, 0, 0, 0) 100%);
z-index: 5;
}.cont-img-precarga .grp-frm .frm-precarga {
position: absolute;
width: 100%;
height: 100%;
background-repeat: repeat-x;
background-size: 164px 26px;
margin: 0 auto;
}
.cont-img-precarga .grp-frm .frm-precarga {
animation: barStripe1 4.0s linear infinite;
}
@keyframes barStripe1 {
0% {
background-position: 164px center;
}
100% {
background-position: 0 center;
}
}@media screen and (max-width:851px){
.cont-img-precarga .frm-precarga {
max-width: calc(100% - 20px);
}
}