/*CSS web RT */
*{padding: 0;margin: 0;}
/*Estilos*/
/*Azul logo: #001435 */
/* Rojo: #FF1744 */
/*Azul clarito: #00adef*/
/*Azul clarito 2: #31b4ff*/
/*Naranja: #ff8000*/

/* prueba mas oscura: #000c21*/
body{
	overflow-x: hidden;
	position: relative;
	background-color: #00030b;
	/*casi negro: #00030b*/
	/*mas azul: #000c26*/
}
a,p,span,h1,h2,h3,h4,h5{
	font-family: Roboto;
}
a.osw, p.osw, span.osw, h1.osw, h2.osw, h3.osw, h4.osw, h5.osw{
	font-family: oswald;
}

.blanco{color: #ffffff;}
.rojo{color: #FF1744;}
.azul{color: #000c26;}
.azulclaro{color: #00adef;}
.azulclaro2{color: #31b4ff;}
.naranja{color: #ff8000;}

.grande{font-size: 60px;}
.pequeno{font-size: 13px; color: grey;}
p{
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	color: #ffffff;
}
h1{
	font-size: 60px; 
	text-align: center;
	padding: 10px;
}
		h1.osw{
			/*white-space: nowrap;*/
		    font-size: 70px;
		    line-height: 64px;
		    font-weight: 600;
		    letter-spacing: 2px;
		    padding: 25px;
		}

h2{
	font-size: 36px;
	text-align: center;
	font-weight: 300;
	    line-height: 40px;
}
		h2.osw{
		    /*white-space: nowrap;*/
		    font-size: 28px;
		    line-height: 36px;
		    font-weight: 400;
		    letter-spacing: 5px;
		}
		h2.left{
			font-family: oswald;
   			font-size: 28px;
    		font-weight: 400;
    		letter-spacing: 1px;
}

a.osw, p.osw, span.osw, h1.osw, h2.osw, h3.osw, h4.osw, h5.osw {
    font-family: oswald;
}
h2 {
    font-size: 36px;
    text-align: center;
    font-weight: 300;
    line-height: 40px;
}
h3{
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    padding: 0 0 20px;
}
		h3.osw{
			font-size: 62px;
    		font-weight: 500;
    		line-height: 0;
    		padding: 0 0 20px;
		}
h5{
	font-size: 17px;
	text-align: center;
	font-weight: 300;
}
			h5.osw{
				font-size: 43px;
    			font-weight: 500;
    			line-height: 40px;
    			padding: 0 0 20px;
			}
a{
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}
			a.osw{
				letter-spacing: 1px;
				font-weight: 500
			}
h4{
	text-align: left;
	font-size: 36px;
}
			h4.osw{
				text-align: right;
    			font-size: 36px;
			}

.negrita{font-weight: 500;}

a.nav2{
	font-size: 18px;
    font-weight: 500;
    font-family: oswald;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
}
a.destacado{
	font-size: 20px;
    font-weight: 500;
    font-family: oswald;
    color: #00adef;
    letter-spacing: 0.5px;
}
a.nav2:hover{
	color: #00adef;
}

/*____________________________Navegador______________________________*/
.navegador{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
		position: absolute;
		z-index: 2;
}
.navegador img, .navegador2 img{
	width: 200px;
}
.enlacesnav{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: column;
}
.logoinicio{
	display: flex;
	justify-content: center;
	align-items: center;
		z-index: 3;
		height: 200px;
		width: 200px;
    	padding: 0 0 20px 0;
}
.logoinicio img{
	width: 100%;
}


/*______________________________Seccion 0____________________________*/
.seccion0{
	display: flex;
	justify-content: center;
	align-items: center;
		background-image: url('img/gg2.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	width: 100%;
	height: 100vh;
	position: relative;
	/*box-shadow: 0px 10px 59px 0px rgba(11, 82, 90, 0.19);*/
	/*box-shadow: 0px 10px 60px 0px rgba(55, 173, 169, 0.19);*/
}
.absoluto{
	position: absolute;
	display: flex;
	justify-content: flex-end;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.imagen0{
	display: flex;
	justify-content: flex-end;
		opacity: 0;
}
.imagen0 img{
	height: 100%;
}
.opacidad{
	background-color: #000918;
	opacity: 0.50;
}
.opacidad2{
	opacity: 0.70;
	background-color: #000918;
}
.texto0{
	position: absolute;
}
.cuadro{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: 40px 0;
}
.fila, .fila00{
	display: flex;
	justify-content: center;
	margin: 10px 0;
}

	/*______2024_____*/
		.padreiconos2024{
			width: 130px;
			padding: 0 20px 0 20px;
		}
		.padreiconos2024 img{
			width: 100%;
		}
		.abajo{
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 87vh;
			
		}
		.abajo2{
			max-width: 1120px;
		}	


/*____________________________Sección 1____________________________*/
.seccion1, .seccion2{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: auto;
	max-width: 1120px;
}
.titulo, .tituloder{
	display: flex;	
	margin-top: 80px;
	border-bottom: 1px solid #a6a6a6;
}
.titulo{
	justify-content: flex-start;
}
.tituloder{
	justify-content: flex-end;
	/*flex-direction: column;*/
	align-items: flex-end;
	margin-bottom: -10px;
}
.titulo2{
	display: flex;	
	margin-top: 70px;
}
.video, .video2{
	display: flex;
	justify-content: space-between;
	margin: auto;
	width: 100%;
	position: relative;
}
.padrevideo{
	position: relative;
	width: 49%;
	overflow: hidden;
	/*transform: scale(1.02);*/
}
	.degradado{
		background-color: black;
		position: absolute;
		width: 100%;
		height: 99.5%;
		top: 0;
		left: 0;
		opacity: 0.5;
	}
.padrevideo iframe, .padrevideo1 iframe, .padrevideo2 iframe, .padrevideo3 iframe{
	width: 100%;
	transition: 0.4s;
}
.col, .col1{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}
.col1{
	width: 39%;
	position: relative;
}
.padrevideo1{
	position: relative;
	width: 59%;
	overflow: hidden;
}
.padrevideo2{
	position: absolute;
	top: 19.5px;
	width: 100%;
	overflow: hidden;
}
.padrevideo3{
	position: absolute;
	bottom: 19.5px;
	width: 100%;
	overflow: hidden;
}
.iconos{
	display: flex;
	justify-content: flex-start;
}
.descripcion{
	display: flex;
	justify-content: space-between;
	height: 60px;
}
.padreiconos{
	padding: 0 0 0 20px;
	width: 45px;
}
.paddingtop{
	padding-top: 40px;
}
.paddingtop20{
	padding-top: 20px;
}

.paddingbottom20{
	padding-bottom: 20px;
}

/*____________________________Sección 2____________________________*/

.slider{
	background-image: url(img/kamisama2.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	height: 40vh;
	width: 100%;
	margin: 40px 0 40px 0;
}
.galeria{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.galeria2024{
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}
.padre23{
	width: 23.5%;
	position: relative;
	overflow: hidden;
}
.padre100{
	position: relative;
	overflow: hidden;
}
.padre100 img, .padre23 img, .padreiconos img, .padrelinea img, .padre2024 img{
	width: 100%;
}
.video2 .padre100:first-child{
	margin: 0 10px 0 0;
}
.video2 .padre100:last-child{
	margin: 0 0 0 10px;
}
		.padreimg{
			overflow: hidden;
			position: relative;
			width: 100%;
		}
		.padreimg img{
			width: 100%;
			height: 100%;
			transition: 0.4s;
		}
		.padreimg:hover img{
			transform: scale(1.1);
		}
		.degradado2{
			transition: all 1000ms ease 0s;
			background-color: #e4e6e8;
			opacity: 0;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
		}
		.padreimg:hover .degradado2{
			opacity: 0.9;
		}
		h2.titulo3{
			font-size: 23px;
    		line-height: 23px;
   			letter-spacing: 4px;
    		font-weight: 400;
    		padding-bottom: 8px;
		}
		.borde{
			box-shadow: 0px 10px 59px 0px rgba(11, 82, 90, 0.19);
		}

/*________________________Seccion de prueba Graf_______________________*/
.seccion3{
	margin: auto;
	max-width: 1120px;
	height: 700px;
	position: relative;
}
.dgrafico{
	position: relative;
	height: 100%;
	width: 100%;
}
.padrehelado, .padrehelado2{
	width: 73%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.padrehelado img, .padremundo img, .padregreninja img, .padrehelado2 img{
	width: 100%;
	height: 100%;
}
.padremundo{
	width: 40%;
	position: absolute;
	top: 36px;
	right: 0;	
}
.padremundo img{
	transition: 0.4s;
}
.padregreninja{
	position: absolute;
	width: 26%;
	bottom: -35px;
	right: 0;
	z-index: -1;
}
.padretitulo{
	position: absolute;
	top: 127px;
    left: 242px;
}
.padrehelado2:hover{
	opacity: 1;
}
.padrehelado2{
	z-index: 3;
	opacity: 0;
	transition: 0.4s;
}
.padrehelado2 img{
	box-shadow: 0px 10px 59px 0px rgba(0, 141, 157, 0.31);
}
.padremundo img:hover{
	box-shadow: 0px 10px 59px 0px rgba(57, 38, 0, 0.55);
}
/*________________________Hovers y botones__________________________*/

.boton2, .boton{
	display: inline-block;
    font-weight: 400;
    padding: 10px 30px;
    border-radius: 25px;
    transition: 0.3s;
}
.boton{
	border: 2px solid #00adef;
	margin: 0 8px;
	background-color: #0000004d;
}
.boton2{
	background-color: #00adef;
	font-weight: 500;
}
.boton:hover{
	background-color: #00adef;
}
/*.boton:hover a{font-weight: 500;}*/
.boton2:hover{
	background-color: #ffffff;
	color: #00adef;
}
.boton3{
	display: inline-block;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 3px;
    transition: 0.2s;
    background-color: #00000091;
    color: #ffffff;
}
.curriculum{
	position: relative;
	height: 100%;
	padding-top: 50px;
}
.boton3:hover{
	background-color: #e4e4e491;
}
.botonera{
	margin-bottom: 30px;
}

/*______________LINEA AZUL INFERIOR____________*/

.lineasabor span, .lineasabor1 span, .lineasabor2 span{
	position: absolute;
	width: 0;
	left: 50%;
	background-color: #00adef;
	height: 3px;
	transition: 0.5s;
	z-index: 5;
}
.lineasabor span{
	bottom: 0;
}
.lineasabor1 span{
	bottom: 24px;
}
.lineasabor2 span{
	bottom: 7px;
}
.padreimg:hover .lineasabor span, .padre23:hover .lineasabor span{
	opacity: 1;
	width: 100%;
	left: 0;
}
.padrehelado2:hover .lineasabor span, .padremundo:hover .lineasabor span, .padrevideo:hover .lineasabor1 span {
	opacity: 1;
	width: 100%;
	left: 0;
}
/*Para los de MARINE que tienen padding*/
.padremarine:hover .lineasabor2 span{
	opacity: 1;
	width: 98.1%;
	left: 0;
}



/*____________________________AFTER_________________________*/

.padre23:after, .padre100:after{	
    content: "";
    left: 0;
    position: absolute;
    transition: 0.4s;
    width: 100%;
    z-index: 0;
    height: 100%;
	top: 0;
}
.padre23:after{
	opacity: 0.5;
	background-image: -webkit-linear-gradient( -90deg, #18303f00 0%, #000000db 66%);

}
.padre100:after{
	box-shadow: 0px 10px 59px 0px rgba(11, 82, 90, 0.19);
}


/*El jquery de las fotos*/
.padre23.mostrar:after{
	z-index: -2;
}


.padre23:hover:after, .padrevideo:hover:after, .padre100:hover:after{
	opacity: 0;
}
.padre23:hover img{
	transform: scale(1.1);
}
.padre100:hover img{
	transform: scale(1.05);
}

.padre23 img, .padre100 img{
	transition: 0.5s;
	height: 100%;
}


/*_____________________________Animacion 3D______________________*/
.animacion3{
	background-color: #ebecf0;
	position: relative;
}
.seccion4, .seccion5{
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	margin: auto;
	max-width: 1120px;
}
.animacion4{margin-left: 250px;}
.seccion5, .seccion3, .seccion1, .seccion2{
	padding: 0 40px;
}
/*____________Animacion 2D_____________*/
.navegador3{
	position: fixed;
	width: 250px;
	height: 100vh;
	/*background-image: url(img/animacionlateral.jpg);*/
}
.navegador3 img{width: 100%;}
.interior3{
	position: absolute;
    z-index: 3;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    top: 0;
}
.padrevideo:hover iframe, .padrevideo1:hover iframe, .padrevideo2:hover iframe, .padrevideo3:hover iframe{
	transform: scale(1.02);
}
.pruebadbz{
	background-color: #ebecf0;
	display: flex;
	justify-content: center;
	height: 600px;
}
.izquierda, .derecha{
	width: 500px;
	height: 500px;
	margin-top: 45px;
	box-shadow: 0px 10px 59px 0px rgba(11, 82, 90, 0.19);
	overflow: hidden;
}
.derecha iframe{
	width: 100%;
	transition: 0.5s;
	margin-top: -70px;
}
.izquierda{
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.derecha iframe:hover{
	transform: scale(1.02);
}
.cuadrado3{
	padding: 60px;
	position: relative;
}
.cuadrado3 p{
	margin-bottom: 20px;
	font-size: 15px;
}
	.iconos3{
		display: flex;
		justify-content: center;
	}
	.padreiconos3{
		width: 40px;
		padding: 0 15px;
	}
	.padreiconos3 img{
		width: 100%;
	}
.descripcion3{
	display: flex;
	justify-content: center;
	margin: 20px;
}
.interior3 img{
	width: 200px;
}

/*_________________________GRAFICO______________________________*/
.grafico, .grafico00, .grafico2021{
	display: flex;
	justify-content: center;
	width: 100%;
}
.grafico00, .grafico2021{
	flex-direction: column;
	align-items: center;
}
.grafico img, .grafico00 img, .grafico2021 img{
	width: 90%;
	padding-top: 15px;
}
.pokemon{
	background-image: url(img/pokemonfondobynopacidad31.png);
	
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	/*ponerselo al lado de animacion4*/
}
.padretitulo3{
	display: flex;
	justify-content: flex-end;
}
.titulo4{
	display: flex;
    margin-top: 130px;
    justify-content: flex-end;
    max-width: 1055px;
    margin-right: 5.7%;
}

/*___________________________Entidad corporativa_________________*/
.texto6, .texto7{
	display: flex;
	justify-content: flex-start;
}
.texto6 p, .texto7 p{
	text-align: left;
}
.texto7{
	/*padding: 0 50px;*/
	width: 90%;
	margin: auto;
	flex-direction: column;
}
.max2{
	margin: auto;
	width: 100%;
}
.marine0{
	
}
.marine4fotos{
	display: flex;
	justify-content: center;
	padding: 20px 0;
	width: 90%;
	overflow: hidden;
	margin: auto;
}
.appmarine{
	display: flex;
	justify-content: center;
	margin: auto;
	width: 100%;
	flex-direction: column;
	margin-top: 20px;
	margin-bottom: 10px;
}
.padremarine{
	padding: 10px 0;
	position: relative;
}
.padder10{padding-right: 10px;}
.padizq10{padding-left: 10px;}

.padremarine img{
	width: 100%;
	height: 100%;
}

/*___________________________PIRATE MASTER_____________________*/
.padrepromo{
	display: flex;
	justify-content: center;
	width: 75%;
	margin: auto;
}
.padrepromo iframe{	width: 100%;}
.paddingbottom20{	padding-bottom: 20px;}
.paddingbottom10{	padding-bottom: 10px;}

/*_____________________________CONTACTO____________________________*/
.animacion4-b{}
.zindex1{z-index: 1;}
.seccion5-b{
	/*margin: 0 250px;*/
	margin: auto;
}
.titulo2-b{
	display: flex;
	justify-content: center;
	margin-top: 70px;
}
.fondocontacto{
	background-image: url('img/gg3.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		height: 100vh;
}

.contacto1{
	display: flex;
    justify-content: center;   
}
.contacto2{
	background: #00000042;
	max-width: 470px;
	margin: auto;
	padding: 30px 50px 30px 30px;
	margin-top: 30px;
	border-radius: 5px;
	width: 100%;
}
.cuadradocontacto{
	background: rgba(0, 0, 0, 0.4);
	border: none;
	outline: none;
	border-bottom: 3px solid #00adef;
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	font-family: roboto;
}
.botoncontacto{
	width: 104.4%;
	font-family: roboto;
	outline: none;
	background: #00adef;
	font-size: 16px;
	border: none;
	color: #ffffff;
	padding: 15px 0;
	cursor: pointer;
	border-radius: 4px;
}
.botoncontacto:hover{
	background-color: #31b4ff;
}
/*___________________Video 1 minuto________________________*/
.fondominuto{
	background-image: url('img/gg3.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
		height: 100vh;
}
.margin80{
	margin-top: 80px;
}
/*_________________________________SOBRE MI________________________*/
.fondoyo{
	background-image: url('img/yoflechas1.jpg');
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100vh;
}
.fondonegro{
	background-color: #00000080;
	/*border-radius: 4px;*/
}
.navegador6{
	width: 250px;
    	position: absolute;
   		height: 100vh;
    		/*height: 60vh;
    		top: 10px;
    		left: 10px;
    		border-radius: 15px;
    		position: fixed;*/
}
.titulo6{
	display: flex;
	justify-content: center;
	align-items: center;
}
.animacion6{
	height: 100vh;
    display: flex;
    justify-content: center;
}
.titulo6 h2{
	font-size: 80px;
}
.textoyo{
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin: auto;
	max-width: 600px;
	padding: 10px 50px;
}
.textoyo h2{
	margin: 20px 0;
}
.textoyo p{
	text-align: left;
	margin: 20px 0 40px 0;
	line-height: 1.5em;
	color: #bebebe;
}
.aficiones{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	background-color: #ebecf0;


}
.textoaficion p{
	text-align: left;
	color: #000c26;
	font-size: 15px;
	line-height: 1.5em;
}
.textoaficion{
	padding: 30px 20px 20px 20px;
	width: 32%;
	display: flex;
	justify-content: center;
	/*flex-direction: column;*/
}
.max{
	max-width: 1280px;
	padding: 0 20px;
}




/*_________________________Footer demo___________________________*/
.footer1{
	/*background-color: #d6d6d6;*/

	display: flex;
	justify-content: center; 
	flex-direction: column;
	align-items: center;
	padding: 35px;
		background-image: url('img/gg1.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
}
.redes{
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin: auto;	
}
.sociales{
	width: 40px;
	margin-top: 18px;
	padding: 0 5px;
	position: relative;
}
.sociales img{
	width: 100%;
}
.sociales img:nth-child(1){
	opacity: 0;
	transition: 0.2s;
	position: absolute;
	width: 40px;
}
.sociales img:nth-child(1):hover{
	opacity: 1;	
}
.footer1 p{
	font-size: 15px;
	color: grey;
	letter-spacing: 0.8;
}
.boxfoot a{
	padding: 12px 8px;
}
.boxfoot a:hover{
	color: #31b4ff;
}
.footermargin{
	margin-top: 120px;
}
.footer3{
	padding-left: 250px;
}

/*____________NONE____________*/
.dbzmedia{display: none;}
.grafico00 img:nth-of-type(7){display: none;}
.col3{display: none;}
.seccion1 .galeria .padre100{display: none;}
.navresp{display: none;}


			.papi{display: flex;flex-direction: column;}
			.item1, .item2, .item3{
				width: 26px;
   				height: 3px;
    			border-radius: 25px;
    			margin: 3px;
			}
			.item1{
				transform-origin: left;
				transition: 0.6s;
				background-color: #ffffff;
			}
			.item2{
				background-color: #ffffff;
				transition: 0.2s;
			}
			.item3{
				transform-origin: left;
				transition: 0.6s;
				background-color: #ffffff;
			}
			.papi.anime .item1{
				transform: rotate(45deg);
			}
			.papi.anime .item2{
				opacity: 0;
			}
			.papi.anime .item3{
				transform: rotate(-45deg);
			}
			.burger{
				display: flex;
				justify-content: flex-end;
				align-items: center;
				width: 50%;
			}

.desplegable{
				top: -100vh;
				background-color: #00030b ;
				/*#1a2e3b*/
				height: 100vh;
				width: 100%;
				position: fixed;
				transition: 0.6s;
				display: flex;
				justify-content: center;
				flex-direction: column;
				align-items: center;
				z-index: 11;
				
}
.desplegable.mostrar{
				top: 0;
}
.enlacesdesplegable{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.enlacesdesplegable a.destacado{
	padding-bottom: 10px;
	font-size: 23px;
}
.enlacesdesplegable a{
	padding-bottom: 10px;
	font-size: 21px;
}
.marginbottom20{margin-bottom: 20px;}
.lol2{display: none;}
/*_____________________________MEDIA Q__________________________*/
@media(max-width: 1550px){.abajo{display: none;}}
@media(max-width: 603px){
	.abajo{
		display: none;
	}

	.video .padrevideo:nth-of-type(1){z-index: 8;}
	.video .padrevideo:nth-of-type(2){z-index: 7;}
	.video .padrevideo:nth-of-type(3){z-index: 5;}
	.video .padrevideo:nth-of-type(4){z-index: 4;}
	.video .padrevideo.lol6{z-index: 6;}
	.video .padrevideo.lol5{z-index: 5;}
	.video .padrevideo.lol4{z-index: 4;}
	.padrevideo1{z-index: 8;}
	.col3 .padrevideo:nth-of-type(1){z-index: 8;}
	.col3 .padrevideo:nth-of-type(2){z-index: 7;}
	.descripcion, .botonera, .descripcion3{z-index: 10;}
	.dbzmedia .padrevideo{z-index: 12;}

	.video.zindex9{z-index: 9;}
	.video.zindex10{z-index: 10;}
	.video.zindex11{z-index: 11;}
		.enlacesnav.margin80 a{
			border-radius: 3px;
			font-size: 15px;
			font-weight: 400;
			padding: 8px 25px;
		}


	.seccion0{
		height: 840px;
		background-attachment: initial;
	}
	.titulo h5{font-size: 35px;}
	.tituloder h5{font-size: 35px;}
	.titulo2 h5{
		font-size: 36px;
		text-align: left;
		line-height: 47px;
	}
	.grande{font-size: 50px;}
	.boton3{background-color: #00adef8c;}
	.slider{display: none;}

			.lol{display: none;}
			.lol2{display: flex;
				flex-direction: column;
				align-items: center;}
	.curriculum{height: initial;}
	.navresp{
		display: block;
		position: absolute;
		height: 90px;
		width: 100%;
		top: 0;
		background-color: #00000080;
		z-index: 14;
	}
	.padrenavresp{
		display: flex;
		justify-content: space-between;
		height: 100%;
		width: 90%;
		margin: auto;
	}
	a.logoresp{
		height: 100%;
		width: 30%;
	}
	a.logoresp img{
		width: 100%;
		height: 100%;
	}
		.navegador{
			display: none;
		}
		.texto0{
			position: relative;
			z-index: 5;
		}
		/*Poner uno nuevo, de hamburguesa y eso*/
		.texto0 h1{
			font-size: 45px;
			padding: 12px 39px;
			line-height: 48px;
    		font-weight: 500;
    		letter-spacing: 2px;
		}
		.texto0 h2{font-size: 21px;}
		.texto0 h5{
			padding: 12px 25px 17px 25px;
			font-size: 16px;
		}
		.fila00{
			flex-direction: column;
			margin: 0;
		}
		.seccion0{background-position: -665px center;}
		.fila00 a{font-weight: 400;}
		a.boton{
			margin: 4px 30px;
			padding: 5px;
			font-size: 15px;
		}
		.cuadro .cuadro .fila00 a.boton{border-radius: 3px;}
		.cuadro{
			margin: 0px 17px;
    		top: 90px;
    		height: 90%;
		}
		.cuadro .cuadro{
			padding: 0px 0px;
			margin: 4px 0px;
			top: 0;
			height: 100%;
			justify-content: flex-start;
		}

		.tituloder{margin-top: 50px;}
		/*Esta puesto ahora a la izquierda*/
		.tituloder h5{text-align: left; line-height: 45px;}
		.padreiconos{width: 34px;}

		.video2{flex-direction: column;}
		.padrevideo1{
			width: 100%;
			margin: -100px 0;
		}
		.col1{display: none;}
		.col3{display: block;}
		.col3 .padrevideo{
			margin: -25px 0 -20px 0;
		}
		.descripcion{margin-top: 15px;}

		.titulo h5{text-align: left; line-height: 45px;}
		.slider{
			height: 37vh;
			background-position: -860px -247px;
			background-size: auto;
    		background-attachment: initial;
		}
		.seccion1 .galeria{
			flex-direction: column;
			/*margin-top: 10px;*/
		}
		.seccion1 .galeria .padre100{
			display: block;
			margin-top: 5px;
		}
		.seccion1 .galeria .padre23{display: none;}
		.seccion1{padding: 0 20px;}
		.seccion2{margin-top: -30px; padding: 0 20px;}
		.seccion3{padding: 0 20px;}

		.dgrafico{
			display: flex;
			flex-direction: column;
		}
		.dgrafico .padrehelado{
			position: relative;
			width: 100%;
			margin-top: 30px;
			margin-bottom: 15px;
		}
		.dgrafico .padrehelado2{display: none;}
		.dgrafico .padremundo{
			position: initial;
			width: 100%;
		}
		.dgrafico .padregreninja{
			bottom: inherit;
			top: -10px;
			width: 30%;
		}
		.dgrafico .padretitulo{
			position: relative;
			top: initial;
			left: initial;
			margin-top: 60px;
		}
		.dgrafico .padrehelado{position: relative;}
		.seccion3{height: initial;}

		.footermargin{margin-top: 25px;}

		/*_______________Animacion 3D____________*/
		.navegador3{display: none;}
		.animacion4{margin-left: 0;}
		.footer3{padding-left: 0;}
		.footer1{padding: 20px;}
		.sociales{width: 50px;}
		.video{flex-direction: column;}
		.padrevideo{
			width: 100%;
			margin: -60px 0;
		}
		.botonera{z-index: 5;}
		
		/*_________________Animacion 2D____________*/
		.pruebadbz{
			flex-direction: column;
    		align-items: center;
    		height: 300px;
    		position: relative;
    		margin-top: 20px;
		}
		.izquierda{
			width: 100%;
			margin-top: 0;
		}
		.cuadrado3{padding: 30px;}
		h2.left {
   			font-size: 22px;
   			line-height: 28px;
    	}
    	.derecha{display: none;}
    	.dbzmedia{
    		display: block;
    		margin: -40px 0;
    	}
    	.titulo2 h5{line-height: 47px;}

    	/*__________________Modelado_______________*/
    	.col .fila{
    		flex-direction: column;
    		margin: 0;
    	}
    	.paddingbottom10{padding-bottom: 20px;}
    	.padreimg .degradado2, .padreimg .absoluto{display: none;}
    	.lineasabor{display: none;}
    	.padreimg img{
    		transform: scale(1.03);
    		margin-bottom: 15px;
    	}
    	.col .borde{box-shadow: none;}
    	.fila.borde:nth-of-type(4){display: none;}

    	/*__________________Grafico__________________
    	.grafico00 img:nth-of-type(1){display: none;}
    	.grafico00 img:nth-of-type(2){display: none;}
    	.grafico00 img:nth-of-type(3){display: none;}
    	.grafico00 img:nth-of-type(4){display: none;}
    	.grafico00 img:nth-of-type(5){display: none;}
    	.grafico00 img:nth-of-type(6){display: none;}
    	.grafico00 img:nth-of-type(7){display: block;}
    	*/
    	h3.osw {
    		font-size: 45px;
    		padding: 0 0 12px 0;
    	}
    	.seccion5 h2.osw{
    		font-size: 22px;
			line-height: 28px;
		    letter-spacing: 3px;
		    padding: 5px 0 10px 0;
    	}
    	.seccion5 h4.osw{font-size: 28px;}
    	.grafico00 img {width: 100%;height: 100%;}
    	.padretitulo3{margin-bottom: 20px;}


    	/*________________MARINE_____________________*/
    	.marine0 .grafico img{width: 100%;}
    	.marine0 .marine4fotos{width: 100%;}
    	.marine0 .appmarine{width: 100%;}
    	    .marine4fotos{flex-direction: column; padding: 0;}

    	.appmarine .fila{
    		display: block;
    		margin: 0;
    	}
    	.padder10, .padizq10{padding: 0;}
    	.padremarine{padding: 6px 0;}

    	/*______________PIRATE_______________________*/
    	.padrepromo{
    		width: 100%;
    		margin: -66px 0;
    	}
    	/*.marine0 .paddingbottom20{padding-bottom: 0;}*/
    	.marine0 .paddingbottom10{padding-bottom: 5px;}
    	.appmarine{margin-top: 0;}
    	.textoaficion{
    		width: 100%;
    		padding: 20px 0;
    	}
    	.texto7{width: 96%;}

    	/*_______________SOBRE MI_______________________*/
    	.fila.max{
    		flex-direction: column;
    		align-items: flex-start;
    		padding: 15px 35px;
    	}
    	.fila.max .textoaficion{justify-content: flex-start;}
    	.navegador6{display: none;}
    	.titulo6.lol2 h2{
    		font-size: 43px;
    		line-height: 59px;
    	}

    	/*___________________CONTACTO___________________*/
    	.fondocontacto{
    		height: initial;
    	}

    	.seccion5{padding: 40px 20px 0 20px;}
    	.seccion5.b {padding: 40px 20px 0 20px;}
    	.titulo2-b{margin-top: 75px; }

	.padrevideo{margin: -50px 0; }

	.textoyo{padding: 10px 40px;}

	.navresp.gr{
		background-image: url(img/verticalgrafico.jpg);
		background-size: cover;
	}
	.navresp.audiovisual{
		background-image: url(img/verticalaudiovisual.jpg);
		background-size: cover;
	}
	.navresp.a3{
		background-image: url(img/verticala3.jpg);
		background-size: cover;
	}
	.navresp.a2{
		background-image: url(img/verticala21.jpg);
		background-size: cover;
	}
	.navresp.mod{
		background-image: url(img/verticalbombillas.jpg);
		background-size: cover;
	}
	.navresp.enti{
		background-image: url(img/verticaleventos.jpg);
		background-size: cover;
	}
	.navresp.ing{
		background-image: url(img/verticaling.jpg);
		background-size: cover;
	}
		.animacion4.pokemon{
			background-repeat: repeat-y;
    		background-size: auto;
   			background-attachment: inherit;
   			background-image: url(img/pkresponsive.png);
		}
		.sociales img:nth-child(1) {
    		width: 50px;
		}
}


/*________MediaQ para videos_______*/

@media(max-width: 420px){
	.padrevideo {margin: -70px 0;}
	h3.osw {font-size: 40px;}
	.padrepromo{margin: -94px 0;}
	.padrevideo1{
			width: 100%;
			margin: -140px 0 -115px 0;
		}
	.col3 .padrevideo {
    		margin: -60px 0 -30px 0;
    	}
    	.padrepromo{
    		width: 100%;
    		margin: -88px 0;
    	}.video2 .padrevideo1{
			margin: -120px 0 -110px 0;
		}
		.seccion0{background-position: -712px center;}

}
@media(max-width: 375px){
	.padrevideo {margin: -80px 0;}
	.dbzmedia{margin: -70px 0;}
	.padrevideo1{
			width: 100%;
			margin: -160px 0 -123px 0;
		}
	.col3 .padrevideo{
		margin: -85px 0 -45px 0;
	}
	.seccion5{padding: 40px 20px 0 20px;}
	.video2 .padrevideo1{
		margin: -133px 0 -112px 0;
	}
	.seccion0{background-position: -728px center;}

}

/*___________________MEDIA ALTO________________*/
@media(max-height: 600px){
	/*.seccion0 {
   			 background-position: -480px center;
	}*/
}




/*______GRAFICO 2024_______*/
.carteles2024{
	display: flex;

}