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

/*00 LANDING*/

.landing00{
background-color: #000000; /*#02021A;*/
cursor: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232104de;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15,.3a73.41,73.41,0,0,1,2.61,11.92,121.48,121.48,0,0,1,9-8.28l4.09,5.77a103.58,103.58,0,0,1-10.26,6.52,75.78,75.78,0,0,1,10.24,6.26l-4.11,5.58c-5.58-4.68-8.59-7.32-9-7.93-.93,4.61-1.8,8.5-2.64,11.68L8.13,29.57c2.13-5.78,3.7-9.45,4.68-11A118.21,118.21,0,0,1,.89,19.5V12.68c2.92,0,11.32,1.11,11.82,1.11A99.28,99.28,0,0,1,8.16,2.53Z'/%3E%3C/svg%3E"), 16 16, auto !important;
/*fallback si no funciona el svg*/
cursor: url("../imagenes/cursorlanding.png"), auto !important;
}

.titulolanding{
font-family: cy, sans-serif; 
font-weight: 700; 
font-style: normal; 	
color: #F2B426;	
font-size: 15vw;
z-index: -2000000 !important;			
}

.subtitulolanding{
font-family: 'Space Mono', monospace;
font-weight: 400;
font-style: normal;
color: #FFFFFF;	
font-size: 3vw;	
z-index: -2000000 !important;		
}

/*botón amarillo con letra mono morada*/
.btn{
font-family: 'Space Mono', monospace !important;
font-weight: 400!important;
font-style: normal!important;
font-size: 2vw;

color: #5109FF !important;
background-color: #F4B526 !important;	
border-color: #F4B526 !important;
}

.btn-warning:hover {
cursor: url("../imagenes/cursorlanding.png"), default !important;
}

.botonlanding{
position: relative;
}

.lineascover00{
position:absolute;
text-align: center;
height: 100%;
width: 100%;
z-index: -10 !important;	
}


/*===============================*/
/*********************************/
/*===============================*/

/*01 INTRO*/

.intro01{
background-image: url("../imagenes/fondolineasopacas.png");
position: absolute;
height: 100vh;
width: 100%;
cursor: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232104de;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15,.3a73.41,73.41,0,0,1,2.61,11.92,121.48,121.48,0,0,1,9-8.28l4.09,5.77a103.58,103.58,0,0,1-10.26,6.52,75.78,75.78,0,0,1,10.24,6.26l-4.11,5.58c-5.58-4.68-8.59-7.32-9-7.93-.93,4.61-1.8,8.5-2.64,11.68L8.13,29.57c2.13-5.78,3.7-9.45,4.68-11A118.21,118.21,0,0,1,.89,19.5V12.68c2.92,0,11.32,1.11,11.82,1.11A99.28,99.28,0,0,1,8.16,2.53Z'/%3E%3C/svg%3E"), 16 16, auto !important;
/*fallback si no funciona el svg*/
cursor: url("../imagenes/cursorlanding.png"), auto !important;	
}

.titulopixelamarillo{
font-family: unibody-8-new, sans-serif; 
font-weight: 400; 
font-style: italic; 
color: #EAAE24;
font-size: 	8vw;
}

.textopixelblanco{
font-family: lores-12, sans-serif; 
font-weight: 400; 
font-style: normal; 
color: #F6F6F6;
font-size: 	2vw;	
}

.titulosansamarillo{
font-family: 'Space Mono', monospace;
font-weight: 700; 
font-style: italic; 	
color: #F2B426;	
font-size: 9vw;	
}

.textosansblanco{
font-family: 'Space Mono', monospace;	
font-weight: 400; 
font-style: normal; 
color: #F6F6F6;
font-size: 	2vw;	
}

.textoinfiniblanco{
font-family: 'Infini', sans-serif;
font-style: normal; 	
color: #F6F6F6;
font-size: 	2vw;	
}

.botonesopcion01{
width: 300px;
}

.transparente{
opacity: 0.6;
}


/*===============================*/
/*********************************/
/*===============================*/

/*02 RECOMENDACIONES*/

.amarillo02{
background-color: #F0B226;
cursor: url("data:image/svg+xml,%3Csvg id='Capa_1' data-name='Capa 1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%232104de;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M15,.3a73.41,73.41,0,0,1,2.61,11.92,121.48,121.48,0,0,1,9-8.28l4.09,5.77a103.58,103.58,0,0,1-10.26,6.52,75.78,75.78,0,0,1,10.24,6.26l-4.11,5.58c-5.58-4.68-8.59-7.32-9-7.93-.93,4.61-1.8,8.5-2.64,11.68L8.13,29.57c2.13-5.78,3.7-9.45,4.68-11A118.21,118.21,0,0,1,.89,19.5V12.68c2.92,0,11.32,1.11,11.82,1.11A99.28,99.28,0,0,1,8.16,2.53Z'/%3E%3C/svg%3E"), 16 16, auto !important;
/*fallback si no funciona el svg*/
cursor: url("../imagenes/cursorlanding.png"), auto !important;		
}

.imagensettings{
width: 100vw;
position: absolute;	
padding: 0;
margin: 0;	
}

.a:hover {
cursor: url("../imagenes/cursorlanding.png"), default !important;
}

 .custom-cursor-wrapper { pointer-events: none; } 

/*===============================*/
/*********************************/
/*===============================*/

/*03 PUERTA*/
.puertacerrada{
width: 100vw;
height: 100vh;	
}

.body03{
background-color: #F0B226;
background-image: url("../imagenes/noodles.jpg");
background-size: 100vw;
background-repeat: no-repeat;	
}

/*CLASES SVG'S*/
	.st0{opacity:0.1;fill:#FFFFFF;}
	.st1{opacity:0;fill:#FF0000;}
	.st2{opacity:0;fill:#00FF00;}
	.st3{fill:none;}
	.st4{fill:#FFFFFF;}
	.st5{font-family: 'Infini';}
	.st6{font-size:102px;}
	.st7{font-size:72px;}
	.st8{font-size:82px;}
	.st9{font-family:'Infini';}
	.st10{font-size:50px;}

/*===============================*/
/*********************************/
/*===============================*/

/*04 INSTRUCCIONES*/


/*===============================*/
/*********************************/
/*===============================*/

/*05 MAPA*/
.bodymap05{
background-color: #F0B226;	
}

/*Línea morada*/
.st00{fill:none;stroke:#5109FF;stroke-width:55;stroke-miterlimit:10;}

/*Glifos amarillos*/
.st11{fill:#F1B227;}

/*===============================*/
/*********************************/
/*===============================*/


/*09 EXPERIENCIA CUADRÍCULA*/

.bodyexp09{
background-color: #F0B226;		
}


/*===============================*/
/*********************************/
/*===============================*/


/*test animación*/
.circle{
height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: red;
}

.square{
height: 50px;
	width: 50px;
	background-color: blue;
}

.letra{
color: #FFD100;	
}

.crecedor{
	
}



.container, .container2 {
    width: 400px;
}

.squares {
    width: 60px;
    height: 60px;
    margin: 10px;
    background-color: deepskyblue;
    display: inline-block;
}