body{
	background: #FFFFFF;
	background: linear-gradient(0deg,rgba(190, 190, 190, 1) 0%, rgba(246, 246, 246, 1) 30%, rgba(255, 255, 255, 1) 70%, rgba(190, 190, 190, 1) 100%);	
}

.has-text-blue{
	color: #26AEF3;
}
.has-text-gray{
	color: #6B7D99;
}
.has-text-black{
	color: #000000;
}

.is-blue{
	background-color: #26AEF3;
	color: white;
	transition-duration: 0.4s;
}
.is-blue:hover {
	background-color: white;
	color: #26AEF3;
	border: 1px solid #26AEF3;
}
.is-blue:focus {
	background-color: white;
	color: #26AEF3;
	border: 1px solid #26AEF3;
}
.is-blue-inverted{
	border: none;
	color: #26AEF3;
	background-color: white;
}
.is-blue-inverted:hover {
	background-color: #26AEF3;
	color: white;
}
.is-blue-inverted:focus {
	background-color: #26AEF3;
	color: white;
}

.is-gray{
	background-color: #6B7D99;
	color: white;
	transition-duration: 0.4s;
}
.is-gray:hover {
	background-color: white;
	color: #6B7D99;
	border: 1px solid #6B7D99;
}
.is-gray:focus {
	background-color: white;
	color: #6B7D99;
	border: 1px solid #6B7D99;
}
.is-gray-inverted{
	border: none;
	color: #6B7D99;
	background-color: white;
}
.is-gray-inverted:hover {
	background-color: #6B7D99;
	color: white;
}
.is-gray-inverted:focus {
	background-color: #6B7D99;
	color: white;
}

.is-black{
	background-color: #26AEF3;
	color: white;
	transition-duration: 0.4s;
}
.is-black:hover {
	background-color: white;
	color: #000000;
	border: 1px solid #000000;
}
.is-black:focus {
	background-color: white;
	color: #000000;
	border: 1px solid #000000;
}
.is-black-inverted{
	border: none;
	color: #000000;
	background-color: white;
}
.is-black-inverted:hover {
	background-color: #000000;
	color: white;
}
.is-black-inverted:focus {
	background-color: #000000;
	color: white;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #CCCCCC;
  border-top: none;
}
/*estilo slide*/
.slider {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.slider-contenedor{
	width: calc(100% * 5);/*5 = cantidad de imagenes del slide*/
	height: 100%;
	display: flex;
	animation: slide 35s infinite ease-in-out;
}
.slider-section {
	width: calc(100% / 5);
	height: 100%;
	text-align: center; 
}
.slider-section img {
	height: 100%;
	object-fit: contain;
	border-radius: 15px;
}

@keyframes slide {/*5 bloques = cantidad de imagenes del slide*/
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	20% {margin-left: -100%;}
	40% {margin-left: -100%;}
	
	40% {margin-left: -200%;}
	60% {margin-left: -200%;}
	
	60% {margin-left: -300%;}
	80% {margin-left: -300%;}

	80% {margin-left: -400%;}
	100% {margin-left: -400%;}
}

/*Sticky navbar*/
#navstick {
	position: sticky;
	top: 0px;
	z-index: 100;
	background: transparent;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(10px);
}