:root{
	--ccolor-black: #000000;
	--ccolor-blue1: #005386;
	--ccolor-blue2: #009ADA;
	--ccolor-gris1: #323E48;
	--ccolor-gris2: #63656A;
	--ccolor-gris3: #8A8A8D;
	--ccolor-gris4: #DCD9D7;
	--ccolor-morado: #482365;
	--ccolor-rosa: #B6006A;
	--ccolor-naranja1: #EA002A;
	--ccolor-naranja2: #F6B436;
	--ccolor-naranja3: #ED761D;
	--ccolor-amarillo: #FFDF00;
	--ccolor-verde1: #00AF42;
	--ccolor-verde2: #77CA6F;
	--ccolor-rojo: #BF0411;
}
html{ scroll-behavior: smooth; }
body{ font-family: 'Montserrat', sans-serif !important; }
.bg-c-black{
	background-color: var(--ccolor-black);
}
.text-c-blue{ color: var(--ccolor-blue1); }
.text-c-black{ color: var(--ccolor-black); }
.text-c-grayd{ color: var(--ccolor-gris1); }
.text-c-gray{ color: var(--ccolor-gris2); }
.text-c-red{ color: var(--ccolor-rojo); }
.text-c-yellow{ color: var(--ccolor-amarillo); }
.text-c-orange{ color: var(--ccolor-naranja2); }
.text-c-orange2{ color: var(--ccolor-naranja3); }

.bg-c-c01{
	background-image: url('./img/fondo_01.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ffffff;
	background-attachment: fixed;
}
.bg-c-c02{
	background-image: url('./img/fondo_02.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ffffff;
}
.bg-c-c03{
	background-image: url('./img/fondo_03.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ffffff;
	background-attachment: fixed;
}
.bg-c-c04{
	background-image: url('./img/fondo_04.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #ffffff;
}
.bg-c-cn01{
	background-image: url('./img/circulo_naranja.png');
  	background-size: auto;
	background-repeat: no-repeat;
	background-size: 18%;
	background-position: top right;
	background-color: #ffffff;
}
.bg-c-cp01{
	background-image: url('./img/circulo_puntos.png');
  	background-size: auto;
	background-repeat: no-repeat;
	background-size: 18%;
	background-position: top right;
	background-color: #ffffff;
}
.bg-c-mc{
	background-image: url('./img/fondo_circulo_videos-mitad.png');
	background-color: #ffffff;
	background-size: contain;
	background-position: left center;
	background-repeat: no-repeat;
}
.bg-c-vid01{
	background-image: url('./img/fondo-vid01.png');
	background-color: #ffffff;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.bg-c-fondo01{
	background-image: url('./img/_fondo-01.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	background-color: #ffffff;
	background-attachment: fixed;
}
.bg-c-fondo02{
	background-image: url('./img/_fondo-02.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top right;
	background-color: #ffffff;
	background-attachment: fixed;
}
.btn-custom {
  padding: 10px 40px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  font-weight: 600;
  -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%);
  -webkit-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  -moz-transition: all .5s cubic-bezier(.3,.95,.3,.95);
  transition: all .5s cubic-bezier(.3,.95,.3,.95);
  border-radius: 45px;
}
.btn-c-blue{
	background: var(--ccolor-blue1);
	color: white;
	border: 2px solid;
	border-color: var(--ccolor-blue);
}
.btn-c-blue:hover{
	background: transparent;
	color: var(--ccolor-blue1);
	border: 2px solid;
	border-color: var(--ccolor-blue);
}
.box-gray{
	background-color: #F4F4F4;
	padding: 10px 15px;
	border-radius: 15px;
}
.box-gray2{
	background-color: #EDEDED;
	padding: 10px 15px;
	border-radius: 15px;
}

@media (min-width: 767.99px) {
	.bg-c-s01{
		background-image: url('./img/img_01.png');
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
	}
}

@media (max-width: 767.98px) {
	.bg-c-s01{
		background-image: url('./img/circulo_naranja.png');
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
	}
}