@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');




@font-face {
  font-family: 'electronica';
  src: url('../fonts/electronica.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'dreams';
  src: url('../fonts/dreams.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.nvLogo{
	width: 220px;
	height: auto;
}

.nvLogoWSW{
	width: 40px;
	height: auto;
}

.nvIcon{
	font-size: 32px;
	color: 	white;
}

.presCont{
	background-size: cover;
	background-image: url('../../img/SMEVintageHorz.jpg')
}

.titlesZF{
	font-family: "Silkscreen", sans-serif;
	/* font-family: "Share Tech Mono", monospace; */
	text-align: center;
	color: white;
}
.titlesZF-dark{
	font-family: "Silkscreen", sans-serif;
	/* font-family: "Share Tech Mono", monospace; */
	text-align: center;
	color: #111632;
}

.titlesZF-dark-alt{
	font-family: 'Exo 2', sans-serif;
	text-align: center;
	color: #111632;
}

.text-zf{
	text-align: justify;
	font-weight: bold;
	font-family: 'Exo 2', sans-serif;
	color: #f4f4f4;
	font-size: 20px;
}

.text-zf-dark{
	text-align: justify;
	font-weight: bold;
	font-family: 'Exo 2', sans-serif;
	color: #111632;
	font-size: 20px;
}

.mexHist{
	background-image: url('../../img/WindowMexico.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.indexTitleText{
	
	font-family: 'dreams', sans-serif;
	font-weight: 700 !important;
	color: white;
	font-size: 14px !important;

}

.indexTitleSubText{
	font-family: 'electronica', sans-serif;
	font-size: 35px !important;
}

.mainIndexTitles{
	background-color: rgba(0, 28, 41, 0.5);
	border-radius: 50px;
}

.parallax{
	min-height: 350px; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
}

.parallax-1{
  background-image: url("../../img/manteinance.png");
}

.parallax-2{
	background-image: url("../../img/videoGames.png");
	background-position: center !important;
}

.ytList{
	width: 100%;
	height: 350px;
}


.word-wrap {
	word-wrap: break-word;       /* Soporte antiguo */
	overflow-wrap: break-word;   /* Soporte moderno */
	word-break: break-all;       /* Fuerza el quiebre de palabras */
	white-space: normal;         /* Permite que el texto se ajuste a varias líneas */
}

.bg-ZFpurple{
	background: #42275a;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #734b6d, #42275a);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #734b6d, #42275a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.card.card-background.card-background-mask-ZF:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-ZF:after {
  background: #0f0c29;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: .60;
}

.card.card-background.card-background-mask-ZFpurple:before {
  background: rgba(0, 0, 0, 0.2);
}

.card.card-background.card-background-mask-ZFpurple:after {
  background: #20002c;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #cbb4d4, #20002c);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #cbb4d4, #20002c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: .60;
}

.zfMenuCollpased{
	display: none;
	font-size: 20px;
	color: white;
}

.zfTxtIcoCollapse{
	display: none;
}

.zfImgContacto{
	width: 100%;
	height: auto;
}



/*Materiales*/
.imgMat{
	border-radius: 25px;
	width: 90%;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}


.imgMat:hover{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(81, 166, 198, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(81, 166, 198, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(81, 166, 198, 0.67);
}

.section-materiales {
background: #2A0A0A;
background: linear-gradient(180deg, rgba(42, 10, 10, 1) 0%, rgba(89, 26, 15, 1) 37%, rgba(115, 20, 3, 1) 74%, rgba(2, 10, 14, 1) 95%);
}

.section-identidades {
	background: linear-gradient(
		to bottom,
		#251D19 0%,
		#1c2538 50%,
		#020a0e 100%
	);
}

.section-libros {
	background: linear-gradient(
		to bottom,
		#051A2A 0%,
		#1c2538 50%,
		#020a0e 100%
	);
}

.section-musica {
	background: linear-gradient(
		to bottom,
		#5a3e2c 0%,
		#5a3e2c 35%,
		#2b1f18 65%,
		#020a0e 100%
	);
}

.section-conf {
	background: linear-gradient(
		to bottom,
		#2B7799 0%,
		#1c2538 50%,
		#020a0e 100%
	);
}

.section-inter {
	background: linear-gradient(
		to bottom,
		#EAA74D 0%,
		#1c2538 50%,
		#020a0e 100%
	);
}

.materialsTitles{
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 30px;
}

.materialsTitlesTxt{
	font-family: "Share Tech Mono", monospace;
	color: whitesmoke;
	
}

.portadaLibro{
	width: 70px;
	height: auto;
	display: block;
	margin: 0 auto 0 auto;
}

.ZFhide{
  display: none;
}

.ZFshow{
	display: block;
}

.ytVideo{
	width: 100%;
	height: 250px;
}

@media only screen and (min-device-width: 1201px){
  .ZFshow{
		display: block;
	}

  .ZFhide{
    display:none
  }

	.text-zf{
		font-size: 20px;
	}
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px){
  .ZFshow{
		display: block;
	}

  .ZFhide{
    display:none
  }
  
	}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px){
  .ZFshow{
		display: block;
	}

  .ZFhide{
    display:none
  }


}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px){

  .ZFshow{
		display: block;
	}

  .ZFhide{
    display:none
  }
}

@media only screen and (min-device-width: 300px) and (max-device-width: 480px){

	.text-zf{
		font-size: 18px;
	}

  .ZFshow{
		display: none;
	}

  .ZFhide{
    display: inline;
  }

  .zfMenuCollpased{
		display: inline-block;
	}

	.zfTxtIcoCollapse{
		display: inline-block;
	}

}



/* =========================
   MEDIA QUERIES
========================= */
@media only screen and (min-device-width: 1401px) {

}


@media only screen and (min-device-width: 1201px) and (max-device-width: 1400px) {

  
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {

}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
  .indexTitleText{	
    font-size: 12px !important;
  }


  


}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px) {

  

  .indexTitleText{	
    font-size: 12px !important;
  }
    

}

@media only screen and (min-device-width: 300px) and (max-device-width: 480px) {
  .indexTitleText{	
    font-size: 8px !important;
  }

  

}