:root {
  --font-default: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Poppins", sans-serif;
}
 
.font-rubik{
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight:normal;
  font-style: normal;
}
.font-poppins{
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}


body{
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

/* Paleta de  Colores logo*/
:root {
  --color-green-1: #096948;
  --color-green-2: #0cf3af;
  --color-purple-1: #9a06f7;
  --color-purple-2: #7310b9;
  --color-purple-3: #35055b;
  --color-grey-1: #666467;
  --color-grey-2: #bfbfc0;
  --color-grey-3: #393839;
  --color-black-1: #0d0d0d; 

   /* Tintes purple*/
    --purple-1: #35055b;
    --purple-2 : #3e1460;
    --purple-3 : #482464;
    --purple-4 : #513369;
    --purple-5: #5a426d;
    --purple-6 : #645272;
    --purple-7 : #6d6176;
    --purple-8 : #76707b;


	/* Tintes purple*/
    --purple-1: #35055b;
    --purple-2 : #3e1460;
    --purple-3 : #482464;
    --purple-4 : #513369;
    --purple-5: #5a426d;
    --purple-6 : #645272;
    --purple-7 : #6d6176;
    --purple-8 : #76707b;

	/* Tintes purple*/
    --purple-1: #35055b;
    --purple-2 : #3e1460;
    --purple-3 : #482464;
    --purple-4 : #513369;
    --purple-5: #5a426d;
    --purple-6 : #645272;
    --purple-7 : #6d6176;
    --purple-8 : #76707b;

}   

.tab-button.active {
    background-color: #fff; 
    color: #260046;
  }
 
.bg-vetpurple-50{ 
	--tw-bg-opacity: 1;
	background: #faf5ff; 
} 

.bg-vetpurple-100{ 
	--tw-bg-opacity: 1;
	background: #f3e8ff; 
} 
.bg-vetpurple-200{ 
	--tw-bg-opacity: 1;
	background: #e9d4ff; 
} 
.bg-vetpurple-300{ 
	--tw-bg-opacity: 1;
	background: #d8b3ff; 
} 
.bg-vetpurple-400{ 
	--tw-bg-opacity: 1;
	background: #c082fe; 
} 
.bg-vetpurple-500{ 
	--tw-bg-opacity: 1;
	background: #a853f9; 
} 
.bg-vetpurple-600{ 
	--tw-bg-opacity: 1;
	background: #9330ed; 
} 
.bg-vetpurple-700{ 
	--tw-bg-opacity: 1;
	background: #7e1fd1; 
} 
.bg-vetpurple-800{ 
	--tw-bg-opacity: 1;
	background: #6b1faa; 
} 
.bg-vetpurple-900{ 
	--tw-bg-opacity: 1;
	background: #581a89; 
} 

.bg-vetpurple-950{ 
	--tw-bg-opacity: 1;
	background: #35055b; 
} 
 

.text-vetpurple-100{ 
	--tw-text-opacity: 1;
	color: #f3e8ff; 
} 
.text-vetpurple-200{ 
	--tw-text-opacity: 1;
	color: #e9d4ff; 
} 
.text-vetpurple-300{ 
	--tw-text-opacity: 1;
	color: #d8b3ff; 
} 
.text-vetpurple-400{ 
	--tw-text-opacity: 1; 
	color: #c082fe; 
} 
.text-vetpurple-500{ 
	--tw-text-opacity: 1;
	color: #a853f9; 
} 
.text-vetpurple-600{ 
	--tw-text-opacity: 1;
	color: #9330ed; 
} 
.text-vetpurple-700{ 
	--tw-text-opacity: 1;
	color: #7e1fd1; 
} 
.text-vetpurple-800{ 
	--tw-text-opacity: 1;
	color: #6b1faa; 
} 
.text-vetpurple-900{ 
	--tw-text-opacity: 1;
	color: #581a89; 
} 

.text-vetpurple-950{ 
	--tw-text-opacity: 1;
	color: #35055b; 
} 



.bg-vetgreen-50{ 
	--tw-bg-opacity: 1;
	background: #e9fff7; 
} 

.bg-vetgreen-100{ 
	--tw-bg-opacity: 1;
	background: #c9ffe9; 
} 
.bg-vetgreen-200{ 
	--tw-bg-opacity: 1;
	background: #98ffd8; 
} 
.bg-vetgreen-300{ 
	--tw-bg-opacity: 1;
	background: #55ffc8; 
} 
.bg-vetgreen-400{ 
	--tw-bg-opacity: 1;
	background: #0cf3af; 
} 
.bg-vetgreen-500{ 
	--tw-bg-opacity: 1;
	background: #00db9c; 
} 
.bg-vetgreen-600{ 
	--tw-bg-opacity: 1;
	background: #00b481; 
} 
.bg-vetgreen-700{ 
	--tw-bg-opacity: 1;
	background: #00906b; 
} 
.bg-vetgreen-800{ 
	--tw-bg-opacity: 1;
	background: #007156; 
} 
.bg-vetgreen-900{ 
	--tw-bg-opacity: 1;
	background: #005d49; 
} 

.bg-vetgreen-950{ 
	--tw-bg-opacity: 1;
	background: #00352a; 
} 
 

.text-vetgreen-100{ 
	--tw-text-opacity: 1;
	color: #c9ffe9; 
} 
.text-vetgreen-200{ 
	--tw-text-opacity: 1;
	color: #98ffd8; 
} 
.text-vetgreen-300{ 
	--tw-text-opacity: 1;
	color: #55ffc8; 
} 
.text-vetgreen-400{ 
	--tw-text-opacity: 1; 
	color: #0cf3af; 
} 
.text-vetgreen-500{ 
	--tw-text-opacity: 1;
	color: #00db9c; 
} 
.text-vetgreen-600{ 
	--tw-text-opacity: 1;
	color: #00b481; 
} 
.text-vetgreen-700{ 
	--tw-text-opacity: 1;
	color: #00906b; 
} 
.text-vetgreen-800{ 
	--tw-text-opacity: 1;
	color: #007156; 
} 
.text-vetgreen-900{ 
	--tw-text-opacity: 1;
	color: #005d49; 
} 

.text-vetgreen-950{   
	--tw-text-opacity: 1;
	color: #00352a; 
} 
 
.bg-card-purple-950-gradient{
	background-image: linear-gradient(transparent 0%, rgb(107, 31, 170) 100%);
}

.bg-green-1{
  background: var(--color-green-1);
}
.bg-green-2{
  background: var(--color-green-2);
}
.bg-purple-1{
  background: var(--color-purple-1);
}
.bg-purple-2{
  background: var(--color-purple-2);
}
.bg-purple-3{
  background: var(--color-purple-3);
}
.bg-grey-1{
  background: var(--color-grey-1);
}
.bg-grey-2{
  background: var(--color-grey-2);
}
.bg-black-1{
  background: var(--color-black-1);
}

.text-green-1{
  color: var(--color-green-1);
}
.text-green-2{
  color: var(--color-green-2);
}
.text-purple-1{
  color: var(--color-purple-1);
}
.text-purple-2{
  color: var(--color-purple-2);
}
.text-purple-3{
  color: var(--color-purple-3);
}
.text-grey-1{
  color: var(--color-grey-1);
}
.text-grey-2{
  color: var(--color-grey-2);
}
.text-black-1{
  color: var(--color-black-1);
}
  

/*Start Animations*/
@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}
@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0;
	}
	to {
		top: 0;
		opacity: 1;
	}
}
@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
	50% {
		opacity: 1;
	}
}
/*End Animations*/
/*
-- Start BackGround Animation 
*/
 

.circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.circles li {
	position: absolute;
	display: block; 
	/*width: 20px;
	height: 20px;
	background: #0cf3af;*/
	width: 0px;
	height: 0px; 
    border: 80px solid;
	border-color: transparent transparent transparent #0cf3af; 
	animation: animate 25s linear infinite;
	bottom: -250px;
}

.circles li:nth-child(1) {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}

.circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}

.circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 3s;
}

.circles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}

.circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}

.circles li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 2s;
}

.circles li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 4s;
}

.circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 2s;
	animation-duration: 45s;
}

.circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}

.circles li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}

@keyframes animate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}

	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		/*border-bottom:    50%;*/
	}
}
/*
-- End BackGround Animation 
*/