:root{
	--color:#000000;
	--colorW:#FFFFFF;

	--colorA:#FEB100;
	--colorB:#FF6E00;
	--colorC:#F32DE5;
	--colorD:#4C37E8;
	--colorE:#8200F9;
	--colorF:#52FFA9;
	--colorG:#95ECC1;
	--colorH:#C7F1DC;
	--colorI:#39ffe3;
	--colorJ:#ffda85;
	--colorK:#E0E7EB;
	--colorL:#F2F2F2;
	--colorM:rgba(199, 241, 220, 0.70);
	--colorN:#C8CBFF;
	--colorO:#5B61F0;
	--colorP:#F3CFF4;
    --colorQ:#8e8e8e;
    --colorR:#99FF9E;

	--radiusSmall:0.2rem;
	--radius:1rem;
	--radiusBig:2rem;

	--font:"IBM Plex Sans", monospace;
	--fontH:"IBM Plex Mono", monospace;

	--shadow:0px 0.6rem 1rem 0.3rem rgba(0,0,0,0.3);
	--shadowLight:0px 6px 35.3px 0px rgba(0, 0, 0, 0.10);

	--colorTag10:hsl(300, 100%, 100%);
	--colorTag9:hsl(300, 100%, 95%);
	--colorTag8:hsl(300, 100%, 90%);
	--colorTag7:hsl(300, 100%, 85%);
	--colorTag6:hsl(300, 100%, 80%);
	--colorTag5:hsl(300, 100%, 75%);
	--colorTag4:hsl(300, 100%, 70%);
	--colorTag3:hsl(300, 100%, 65%);
	--colorTag2:hsl(300, 100%, 60%);
	--colorTag1:hsl(300, 100%, 55%);
	--colorTag:hsl(300, 100%, 50%);
}

.lua{
	--color: #000000;
    --colorW: #f8f5fb;
    --colorA: #FEB100;
    --colorB: #FF6E00;
    --colorC: #F32DE5;
    --colorD: #4C37E8;
    --colorE: #8200F9;
    --colorF: #00FF58;
    --colorG: #95ECC1;
    --colorH: #C7F1DC;
    --colorI: #39ffe3;
    --colorJ: #ffda85;
    --colorK: #fffae8;
    --colorL: #eeedef;
    --colorP: #F3CFF4;
    --colorQ: #8e8e8e;
}
.dark{ 
	--color: #FFFFFF;
    --colorW: #111111;
    --colorA: #dcc73f;
    --colorB: #FF6E00;
    --colorC: #F32DE5;
    --colorD: #4C37E8;
    --colorE: #8200F9;
    --colorF: #07d54f;
    --colorG: #054122;
    --colorH: #252d29;
    --colorI: #39ffe3;
    --colorJ: #ffda85;
    --colorK: #252525;
    --colorL: #070707;
    --colorP: #F3CFF4;
}

html{ height:100%; display:block; }
body{ margin:0; padding:0; overflow-x:hidden; background-color:var(--colorW); }
p{ line-height:1.4; }
*{ box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
a:link{ text-decoration:none; }
section{ position:relative; top:0; left:0; }
button, input, optgroup, select, textarea{ font-family:inherit; font-size:inherit; line-height:inherit; }
img { vertical-align:middle; border-style:none; }
html, body{ font-size:16px; }
div, span, p, a, ul, li, button, input, select, textarea{ font-family:var(--font); font-weight:400; color:var(--color); }
h1, h2, h3, h4, h5, h6, .mono{ font-family:var(--fontH); color:var(--color); }
h1{ font-size:3rem; letter-spacing:-0.1rem; font-weight:700; margin:0; padding:0; }
h2{ font-size:1,7rem; font-weight:700; margin:0; padding:0; }
h3{ font-size:1.3rem; font-weight:700; margin:0; padding:0; }
h4{ font-size:1.15rem; font-weight:700; margin:0; padding:0; }
h5{ font-size:1rem; margin:0; padding:0; }
h1 a, h2 a, h3 a, h4 a, h5 a{ color:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; text-decoration:none; cursor:pointer; }

p { margin-bottom:5px; }

/* HEADER */
ul, li { margin-bottom:0px; padding:0; list-style:none; }

@media screen and (min-width:768px){
	h1{ font-size:4rem; }
	h2{ font-size:2rem; }
	h3{ font-size:1.5rem; }
	h4{ font-size:1.25rem; }
	h5{ font-size:1rem; }
}
@media (min-width:1200px){
	.container{ max-width:1150px; }
}

.container{ width:94%; }
@media (min-width:768px){
	.container{ width:100%; }
}

.shd{ box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25); }

.btn{ position:relative; margin:0 auto; }
.btn-primary{ background:var(--colorE); color:var(--colorW); border:none; border-radius:3rem; padding:0.9rem 4rem; font-size:1.2rem; line-height:2rem; font-weight:700; margin:0 0 0 -0.4rem; transition:all 0.3s ease; }
.btn-primary:hover{ background:var(--colorC); color:var(--colorW); border:none; }

.btn-cinetica{ color:var(--colorW); font-weight:600; padding:0.375rem 3rem 0.375rem 3rem; background:var(--colorE); border-radius:2rem; transition:all 0.3s ease; }
.btn-cinetica:hover{ padding-right:6rem; background-color:var(--colorC);
	--btn-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 384.81 40' style='enable-background:new 0 0 384.81 40;' xml:space='preserve'%3E%3Cpath d='M312.7,40c8.85,0,16.34-5.76,18.97-13.73c0.68-2.07,2.61-3.46,4.79-3.46h4.59c2.17,0,4.11,1.39,4.79,3.46 C348.47,34.24,355.96,40,364.81,40c11.41,0,20.58-9.55,19.97-21.09C384.22,8.27,375.09-0.19,364.44,0 c-8.7,0.16-16.02,5.88-18.61,13.74c-0.68,2.06-2.62,3.44-4.78,3.44h-4.59c-2.17,0-4.11-1.38-4.78-3.44 C329.09,5.88,321.77,0.16,313.07,0L20,0C8.95,0,0,8.95,0,20s8.95,20,20,20L312.7,40z'/%3E%3C/svg%3E%0A");
	-webkit-mask-image: var(--btn-mask); mask-image: var(--btn-mask); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
	-webkit-mask-size: cover; mask-size: cover; -webkit-mask-position:right center; mask-position:right center; }
.btn-cinetica:hover::after{ content:''; position:absolute; top:0rem; right:0rem; width:3rem; height:100%; background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cpolygon style='fill:%23FFFFFF;' points='27.99,10.07 23.81,10.07 23.81,12.07 26.46,12.07 10.01,28.52 11.42,29.93 27.99,13.37 27.99,16.02 29.99,16.02 29.99,12.07 29.99,10.07 '/%3E%3C/svg%3E%0A") no-repeat right center; }
.btn-big{ border-radius:3rem; padding:0.9rem 4rem; font-size:1.2rem; line-height:2rem; }
.btn-big.btn-cinetica:hover{ padding-right:9rem; }
.btn-big.btn-cinetica:hover::after{ width:4rem; }

.spacer-0-5,.spacer-1,.spacer-1-5,.spacer-2,.spacer-2-5,.spacer-3,.spacer-3-5,.spacer-4,.spacer-5,.spacer-6,.spacer-7,.spacer-8,.spacer-9 { display:block; position:relative; width:100%; margin:0; padding:0; }
.spacer-0-5 { height:0.5rem; }
.spacer-1 { height:1rem; }
.spacer-1-5 { height:1.5rem; }
.spacer-2 { height:2rem; }
.spacer-2-5 { height:2.5rem; }
.spacer-3 { height:3rem; }
.spacer-3-5 { height:3.5rem; }
.spacer-4 { height:4rem; }
.spacer-5 { height:5rem; }
.spacer-6 { height:6rem; }
.spacer-7 { height:7rem; }
.spacer-8 { height:8rem; }
.spacer-9 { height:9rem; }

.home{ position:relative; top:0; left:0; padding:2rem 0 0 0; margin:-2rem 0 0 0; z-index:2; }
.main{ position:relative; display:block; width:100vw; overflow:hidden; padding:0; }
.home .main{ margin-top:-2rem; }

.leaf{ position:absolute; top:0; left:0; width:42rem; height:25rem; background-position:center; background-repeat:no-repeat; background-size:contain; }
.leaf{ -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; mask-size:auto 100%;
	-webkit-mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 416.72 245.9' style='enable-background:new 0 0 416.72 245.9;' xml:space='preserve'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%23000000;' d='M123.38,63.58c26.56-15.5,52.34-26.2,77.4-33.91 c33.36-10.27,64.03-19.82,95.21-24.19c22.8-3.2,45.81-8.49,65.45-0.45c16.05,6.57,37.33,22.2,43.72,47.55%0Ac10.59,42.04,12.9,85.09,9.05,123.58c-1.46,14.56-2.25,31.81-9.51,44.68c-3.41,6.05-11.95,14.31-21.47,16.65%0Ac-19.83,4.88-41.07,5.43-60.35,6.26c-79.63,3.43-157.1,0.08-233.84-7.14c-22.07-2.08-44.03-3.95-65.91-6.19%0Ac-7.54-0.77-18.07-0.46-22.16-12.65c-4.49-13.4,12.7-34.19,20-45.22c18.46-27.86,40.98-54.55,66-80.56%0Ac7.17-7.45,16.07-13.6,24.66-20.56C115.54,68.81,119.46,66.19,123.38,63.58z'/%3E%3C/svg%3E%0A");
	mask-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 416.72 245.9' style='enable-background:new 0 0 416.72 245.9;' xml:space='preserve'%3E%3Cpath style='fill-rule:evenodd;clip-rule:evenodd;fill:%23000000;' d='M123.38,63.58c26.56-15.5,52.34-26.2,77.4-33.91 c33.36-10.27,64.03-19.82,95.21-24.19c22.8-3.2,45.81-8.49,65.45-0.45c16.05,6.57,37.33,22.2,43.72,47.55%0Ac10.59,42.04,12.9,85.09,9.05,123.58c-1.46,14.56-2.25,31.81-9.51,44.68c-3.41,6.05-11.95,14.31-21.47,16.65%0Ac-19.83,4.88-41.07,5.43-60.35,6.26c-79.63,3.43-157.1,0.08-233.84-7.14c-22.07-2.08-44.03-3.95-65.91-6.19%0Ac-7.54-0.77-18.07-0.46-22.16-12.65c-4.49-13.4,12.7-34.19,20-45.22c18.46-27.86,40.98-54.55,66-80.56%0Ac7.17-7.45,16.07-13.6,24.66-20.56C115.54,68.81,119.46,66.19,123.38,63.58z'/%3E%3C/svg%3E%0A"); }

.image{ position:relative; display:block; width:100%; height:10rem; background-color:var(--colorG); overflow:hidden; background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 200 200' style='enable-background:new 0 0 200 200;' xml:space='preserve' preserveAspectRatio='none'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%23000000;stroke-width:0.5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cline class='st0' x1='0' y1='0' x2='200' y2='200' vector-effect='non-scaling-stroke' /%3E%3Cline class='st0' x1='0' y1='200' x2='200' y2='0' vector-effect='non-scaling-stroke' /%3E%3C/svg%3E"); background-size:100% 100%; }
.image.square{ height:1px; padding:100% 0 0 0; }

.job{ padding:2rem 0; }
.job-image{ position:relative; display:block; width:100%; height:30rem; }
.job-title{ font-weight:700; font-size:3rem; color:var(--color); margin:0 0 2rem 0; }
.job-subtitle{ font-weight:500; font-size:2rem; color:var(--color); margin:0 0 1rem 0; }
.job-text{ font-weight:200; font-size:1rem; color:var(--color); }
.job-link{ font-weight:700; font-size:1rem; color:var(--color); }

.icon-pod-cin{ display:inline-block; width:1.8rem; height:1.5rem; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24' viewBox='0 0 28 24' fill='none'%3E%3Cpath d='M11.5 7.5C11.5 11.6421 11.6421 15 7.5 15C3.35786 15 0 11.6421 0 7.5C0 3.35786 3.35786 0 7.5 0C11.6421 0 11.5 3.35786 11.5 7.5Z' fill='%23FFFBFB'/%3E%3Cellipse cx='10.5' cy='13.5' rx='1.5' ry='10.5' fill='%23FFFCFC'/%3E%3Cellipse cx='17.5' cy='13.5' rx='1.5' ry='10.5' fill='%23FFFCFC'/%3E%3Cpath d='M16.0005 7.5C16.0005 3.35786 15.8584 0 20.0005 0C24.1426 0 27.5005 3.35786 27.5005 7.5C27.5005 11.6421 24.1426 15 20.0005 15C15.8584 15 16.0005 11.6421 16.0005 7.5Z' fill='%23FFFBFB'/%3E%3C/svg%3E") no-repeat center; }

.desktop{ display:none; }
.mobile{ display:block; }
@media screen and (min-width:768px){
	.desktop{ display:block; }
	.mobile{ display:none; }
	.main{ padding:11rem 0 0 0; }
}