.text{
	text-shadow: 1px 1px 1px hsl(0deg 0% 20%), 0px 0px 10px hsl(0deg 0% 70%);
}

nav{
	margin-bottom: -80px !important;
    /*background-color: hsl(0deg 0% 0% / 30%) !important;
    box-shadow: 0px 2px 7px hsl(0deg 0% 30%) !important;
    background-image: url(/assets/img/003.png) !important;*/
    background: linear-gradient(180deg, white, transparent) !important;
}

.no-text{
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -ms-user-select:none !important;
}

/*Scrolls*/
/* Tamaño del scroll */
.scrpe::-webkit-scrollbar {
  width: 4px;
}

  /* Estilos barra (thumb) de scroll */
.scrpe::-webkit-scrollbar-thumb {
  background: hsl(0,0%,80%);
  border-radius: 0px;
}

.scrpe::-webkit-scrollbar-thumb:active {
  background-color: #999999;
}

.scrpe::-webkit-scrollbar-thumb:hover {
  background: hsl(210deg,87%,53%);
  box-shadow: 0 0 2px 1px hsl(210deg,87%,53%);
}

  /* Estilos track de scroll */
.scrpe::-webkit-scrollbar-track {
  background: hsl(0,0%,100%);
  border-radius: 0px;
}

.scrpe::-webkit-scrollbar-track:hover, 
.scrpe::-webkit-scrollbar-track:active {
  background: hsl(210deg,87%,83%);
}



.separador{
	min-height: 70px;
    /* background-color: antiquewhite; */
    /*background-image: url(/assets/img/003.png);*/
    margin-top: -70px;
    /*box-shadow: 0px 4px 8px hsl(0deg 0% 26%);*/
    background: linear-gradient(0deg, white, transparent);
}

.main-text{
	font-size: clamp(16px,16vw,100px);
}

/*Article nota*/
article.nota > div{
	max-width: 400px;
	height: 398px;
	display: inline-block;
	width: 100%;
}
article.nota > div > div > h3{
	text-align: left;
    padding: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    text-transform: none;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 10px;
}
article.nota > div > div > p{
	text-align: left;
    padding: 5px;
    text-overflow: ellipsis;
    width: 100%;
    max-height: 80px;
    text-transform: none;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-top: 5px;
}
article.nota > div > div:nth-child(1){
	background-image: url(/assets/img/004.jpg);
}
article.nota > div > div:nth-child(2){
	width: 100%;
}
article.nota > div > div:nth-child(3){
	width: 100%;
	padding: 5px;
	text-align: right;
    box-sizing: border-box;
}

body, html{
	background-image: repeating-linear-gradient(0deg, rgba(219, 219, 219,0.2) 0px, rgba(219, 219, 219,0.2) 1px,transparent 1px, transparent 21px),repeating-linear-gradient(90deg, rgba(219, 219, 219,0.2) 0px, rgba(219, 219, 219,0.2) 1px,transparent 1px, transparent 21px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}

@media (prefers-color-scheme: dark) {
	body, html{
		background-color: hsl(0deg,0%,30%);
		background-image: linear-gradient(45deg, rgb(33,33,33) 0%,transparent 73%),repeating-linear-gradient(90deg, rgba(127, 127, 127,0.1) 0px, rgba(127, 127, 127,0.1) 1px,transparent 1px, transparent 17px),repeating-linear-gradient(0deg, rgba(127, 127, 127,0.1) 0px, rgba(127, 127, 127,0.1) 1px,transparent 1px, transparent 17px),linear-gradient(0deg, rgb(33,33,33),rgb(33,33,33));
	}
	.card{
		background-color: hsl(0deg,0%,20%);
	}
	.separador{
		background: linear-gradient(0deg, hsl(0deg,0%,13%), transparent);
	}
	button{
		color: beige !important;
	}
	article.nota > div > div > h3{
		color: beige !important;
	}
}