@charset "UTF-8";
/* CSS Document */

.main-anim {	
overflow: hidden;
}
.pin-spacer {
overflow: visible !important;
background-color: var(--bn-100);	
}



/* ----- escena 1 ----- */
/*tipo formación escenario*/
.blq-anim1{
height: 350vh !important;		
}
.grp-anim1-1,
.grp-anim1-2,
.grp-anim1-3,
.grp-anim1-4,
.grp-anim1-5,
.grp-anim1-6,
.grp-anim1-7,
.grp-anim1-8,
.grp-anim1-9,
.grp-anim1-10
{	
width: 100%;
height: 200vh;
opacity: 0.0;	
}

.grp-anim1-4,
.grp-anim1-5
{
top: 40px;
left: -2vw;	
}

.grp-anim1-6
{
top: 2vw;
}


/* ----- escena 2 ----- */
/*tipo formación escenario*/
.blq-anim2{
z-index: 20;		
overflow: visible !important;	
height: 150vh;	
}
.grp-anim2-1,
.grp-anim2-2,
.grp-anim2-3
{	
width: 100%;
height: 100vh;
}

.grp-anim2-1{	
z-index: 2;
}
.grp-anim2-1 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 3 ----- */
/*tipo formación escenario*/
.blq-anim3{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim3-1,
.grp-anim3-2,
.grp-anim3-3,
.grp-anim3-4,
.grp-anim3-5,
.grp-anim3-6,
.grp-anim3-7,
.grp-anim3-8,
.grp-anim3-9
{	
width: 100%;
height: 100vh;
}

.grp-anim3-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim3-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim3-5 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim3-6 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
left: -5vw;	
opacity: 0.0;	
}
.grp-anim3-9 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 4 ----- */
/*tipo formación escenario*/
.blq-anim4{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim4-1,
.grp-anim4-2,
.grp-anim4-3,
.grp-anim4-4
{	
width: 100%;
height: 100vh;
}
.grp-anim4-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim4-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 5 ----- */
/*tipo formación escenario*/
.blq-anim5{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim5-1,
.grp-anim5-2,
.grp-anim5-3,
.grp-anim5-4
{	
width: 100%;
height: 100vh;
}
.grp-anim5-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim5-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 6 ----- */
/*tipo formación escenario*/
.blq-anim6{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim6-1,
.grp-anim6-2,
.grp-anim6-3,
.grp-anim6-4
{	
width: 100%;
height: 100vh;
}
.grp-anim6-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim6-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 7 ----- */
/*tipo formación escenario*/
.blq-anim7{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim7-1,
.grp-anim7-2,
.grp-anim7-3
{	
width: 100%;
height: 100vh;
}
.grp-anim7-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 8 ----- */
/*tipo formación escenario*/
.blq-anim8{
z-index: 20;		
overflow: visible !important;	
height: 150vh;	
}
.grp-anim8-1,
.grp-anim8-2,
.grp-anim8-3,
.grp-anim8-4
{	
width: 100%;
height: 100vh;
}
.grp-anim8-2{
left: -20vw;
}
.grp-anim8-3{
left: -30vw;
}
.grp-anim8-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 9 ----- */
/*tipo formación escenario*/
.blq-anim9{
height: 200vh !important;		
}
.grp-anim9-1,
.grp-anim9-2,
.grp-anim9-3,
.grp-anim9-4,
.grp-anim9-5,
.grp-anim9-6,
.grp-anim9-7,
.grp-anim9-8
{	
width: 100%;
height: 200vh;
}
.grp-anim9-2,
.grp-anim9-3,
.grp-anim9-4,
.grp-anim9-5,
.grp-anim9-6,
.grp-anim9-7,
.grp-anim9-8
{	
width: 100%;
height: 200vh;
opacity: 0.0;	
}

/* ----- escena 10 ----- */
/*tipo formación escenario*/
.blq-anim10{
z-index: 20;		
overflow: visible !important;	
height: 120vh;		
}
.grp-anim10-1,
.grp-anim10-2,
.grp-anim10-3,
.grp-anim10-4,
.grp-anim10-5
{	
width: 100%;
height: 100vh;
}
.grp-anim10-2{
z-index: 2;	
}
.grp-anim10-5 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 11 ----- */
/*tipo formación escenario*/
.blq-anim11{
z-index: 20;		
overflow: visible !important;	
height: 100vh;		
}
.grp-anim11-1,
.grp-anim11-2{
will-change: transform;	
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
transform: scale(0.8);	
transform-origin: center;	
top: 40vh;	
width: 100%;
height: 100vh;	
}


/* ----- escena 12 ----- */
/*tipo formación escenario*/
.blq-anim12{
z-index: 20;		
overflow: visible !important;	
height: 150vh;		
}
.grp-anim12-1,
.grp-anim12-2,
.grp-anim12-3,
.grp-anim12-4{	
will-change: transform;	
-moz-transform: scale(0.7);
-webkit-transform: scale(0.7);
transform: scale(0.7);	
transform-origin: center;
top: 40vh;	
width: 100%;
height: 100vh;	
}

/* ----- escena 13 ----- */
/*tipo formación escenario*/
.blq-anim13{
z-index: 20;		
overflow: visible !important;	
height: 150vh;		
}
.grp-anim13-1,
.grp-anim13-2,
.grp-anim13-3,
.grp-anim13-4
{	
top: 40vh;	
width: 100%;
height: 100vh;
}

/* ----- escena 14 ----- */
/*tipo formación escenario*/
.blq-anim14{
z-index: 20;		
overflow: visible !important;	
height: 120vh;		
}
.grp-anim14-1,
.grp-anim14-2,
.grp-anim14-3,
.grp-anim14-4,
.grp-anim14-5
{	
width: 100%;
height: 100vh;
}
/*.grp-anim14-4{
z-index: 2;	
}*/
.grp-anim14-4 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim14-5 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 15 ----- */
/*tipo formación escenario*/
.blq-anim15{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim15-1,
.grp-anim15-2,
.grp-anim15-3,
.grp-anim15-4,
.grp-anim15-5,
.grp-anim15-6
{	
width: 100%;
height: 100vh;
}

.grp-anim15-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}
.grp-anim15-6 img{
will-change: transform;	
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 16 ----- */
/*tipo formación escenario*/
.blq-anim16{
height: 200vh !important;		
}
.grp-anim16-1,
.grp-anim16-2,
.grp-anim16-3,
.grp-anim16-4,
.grp-anim16-5,
.grp-anim16-6,
.grp-anim16-7,
.grp-anim16-8,
.grp-anim16-9,
.grp-anim16-10,
.grp-anim16-11
{			
width: 100%;
height: 100vh;
}

.grp-anim16-2,
.grp-anim16-3,
.grp-anim16-4,
.grp-anim16-5,
.grp-anim16-6,
.grp-anim16-7,
.grp-anim16-8,
.grp-anim16-9,
.grp-anim16-10,
.grp-anim16-11
{			
opacity: 0;
}

.grp-anim16-10,
.grp-anim16-11{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;		
}

/* ----- escena 17 ----- */
/*tipo formación escenario*/
.blq-anim17{
z-index: 20;		
overflow: visible !important;	
height: 120vh;	
}
.grp-anim17-1,
.grp-anim17-2,
.grp-anim17-3,
.grp-anim17-4
{	
width: 100%;
height: 100vh;
}
.grp-anim17-3 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}

/* ----- escena 18 ----- */
/*tipo formación escenario*/
.blq-anim18{
height: 200vh !important;		
}
.grp-anim18-1,
.grp-anim18-2,
.grp-anim18-3,
.grp-anim18-4,
.grp-anim18-5,
.grp-anim18-6,
.grp-anim18-7,
.grp-anim18-8,
.grp-anim18-9
{			
width: 100%;
height: 100vh;
}

.grp-anim18-2,
.grp-anim18-3,
.grp-anim18-4,
.grp-anim18-5,
.grp-anim18-6,
.grp-anim18-7,
.grp-anim18-8,
.grp-anim18-9
{			
opacity: 0;
}


/* ----- escena 19 ----- */
/*tipo formación escenario*/
.blq-anim19{
z-index: 20;		
overflow: visible !important;	
height: 200vh;	
}
.grp-anim19-1,
.grp-anim19-2,
.grp-anim19-3,
.grp-anim19-4,
.grp-anim19-5,
.grp-anim19-6,
.grp-anim19-7,
.grp-anim19-8
{			
width: 100%;
height: 100vh;
}

.grp-anim19-1 img,
.grp-anim19-2 img,
.grp-anim19-3 img,
.grp-anim19-4 img,
.grp-anim19-5 img,
.grp-anim19-6 img,
.grp-anim19-7 img,
.grp-anim19-8 img{
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
top: 2vh;		
left: -5vw;	
opacity: 0.0;	
}


/* ----- escena 20 ----- */
/*tipo formación escenario*/
.blq-anim20{	
overflow: visible !important;	
height: 120vh;	
}
.grp-anim20-1,
.grp-anim20-2,
.grp-anim20-3,
.grp-anim20-4,
.grp-anim20-5,
.grp-anim20-6
{	
width: 100%;
height: 100vh;
will-change: transform;	
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);	
transform-origin: center;	
}

.grp-anim20-4 img{	
object-fit: cover !important;
}
.grp-anim20-4::before{	
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 50px;
z-index: 2;	
background-image: url(../../../imagenes/generales/cenefas/regular/bn/cenefa-bn-bottom-01-dk.png);
background-position: center bottom;
background-repeat: repeat-x;
background-size: contain;	
}