@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Syne:wght@400..800&family=Unbounded:wght@200..900&display=swap');
@font-face {
  font-family: 'mayeka_bold';
  src: url('../fonts/mayeka_bold.woff') format('woff');
}

@font-face {
  font-family: 'mayeka_light';
  src: url('../fonts/mayeka_light.woff') format('woff');
}

@font-face {
  font-family: 'mayeka_regular';
  src: url('../fonts/mayeka_regular.woff') format('woff');
}

@font-face {
  font-family: 'mayeka_thin';
  src: url('../fonts/mayeka_thin.woff') format('woff');
}

@font-face {
  font-family: 'adelia';
  src: url('../fonts/adelia.woff') format('woff');
}

@font-face {
  font-family: 'garet-book';
  src: url('../fonts/garet-book.woff') format('woff');
}

@font-face {
  font-family: 'garet-heavy';
  src: url('../fonts/garet-heavy.woff') format('woff');
}

.syne {
  font-family: "Syne", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.space-grotesk {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.unbounded {
  font-family: "Unbounded", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.mayeka_bold { font-family: "mayeka_bold", sans-serif; }
.mayeka_light { font-family: "mayeka_light", sans-serif; }
.mayeka_regular { font-family: "mayeka_regular", sans-serif; }
.mayeka_thin { font-family: "mayeka_thin", sans-serif; }
.adelia { font-family: "adelia", sans-serif; }
.garet-book { font-family: "garet-book", sans-serif; }
.garet-heavy { font-family: "garet-heavy", sans-serif; }

.fwhite { color: #fff!important; }
.fblack { color: #000000!important; }
.forange { color: #f49e12!important; }
.fgreen { color: #3e5c4d!important; }
.fbrown { color: #4c3d1c!important; }
.fbeige { color: #e1c68f!important; }
.folive { color: #809076!important; }

.tnaranja { border: 5px solid #f39e0f; border-radius: 10px; padding: 5px 10px; }

.snaranja { background-color: #f39e0f; color: white!important; font-family: 'garet-heavy'; font-size: 18px; padding: 3px 20px; border-radius: 10px; }
.sgreen { background-color: #3e5c4d; color: white!important; font-family: "mayeka_bold", sans-serif; font-size: 24px; padding: 3px 10px; border-radius: 10px; }
.snaranja2 { border: 2px solid #f39e0f; border-radius: 10px; padding: 5px 10px; color: #3e5c4d!important; font-family: "mayeka_bold", sans-serif; font-size: 24px; }



.cnaranja { background-color:#f49e12!important; padding: 8px 20px; color: white!important; border-radius: 10px; }

.sombra {text-shadow: 2px 2px 2px rgba(0,0,0,1);}

.btn_green { background-color: #3e5c4d; color: white!important; font-family: "mayeka_bold", sans-serif; border-radius: 10px; padding: 5px 15px; }

.bgwhite { background-color: #fff!important; color: black; }
.bgblack { background-color: #000!important; color: white; }
.bgorange { background-color: #f49e12!important; color: white; }
.bggreen { background-color: #3e5c4d!important; color: white; }
.bgbrown { background-color: #4c3d1c!important; color: white; }
.bgbeige { background-color: #e1c68f!important; color: white; }
.bgolive { background-color: #809076!important; color: white; }

.border_r { border-radius: 40px; }

.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }


.fz-10 { font-size: 10px!important; line-height: 19px;}
.fz-12 { font-size: 12px!important; line-height: 19px;}
.fz-14 { font-size: 14px!important; line-height: 19px;}
.fz-16 { font-size: 16px!important; line-height: 21px;}
.fz-18 { font-size: 18px!important; line-height: 23px;}
.fz-20 { font-size: 20px!important; line-height: 25px;}
.fz-22 { font-size: 22px!important; line-height: 27px;}
.fz-24 { font-size: 24px!important; line-height: 29px;}
.fz-26 { font-size: 26px!important; line-height: 31px;}
.fz-28 { font-size: 28px!important; line-height: 33px;}
.fz-30 { font-size: 30px!important; line-height: 35px;}
.fz-32 { font-size: 32px!important; line-height: 37px;}
.fz-34 { font-size: 34px!important; line-height: 39px;}
.fz-36 { font-size: 36px!important;}
.fz-38 { font-size: 38px!important;}
.fz-40 { font-size: 40px!important;}
.fz-42 { font-size: 42px!important;}
.fz-44 { font-size: 44px!important;}
.fz-46 { font-size: 46px!important;}
.fz-48 { font-size: 48px!important;}
.fz-50 { font-size: 50px!important;}
.fz-52 { font-size: 52px!important;}
.fz-54 { font-size: 54px!important;}
.fz-56 { font-size: 56px!important;}
.fz-58 { font-size: 58px!important;}
.fz-60 { font-size: 60px!important;}
.fz-61 { font-size: 61px!important; line-height: 80px;}
.fz-62 { font-size: 62px!important;}
.fz-64 { font-size: 64px!important;}
.fz-66 { font-size: 66px!important;}
.fz-68 { font-size: 68px!important;}
.fz-70 { font-size: 70px!important;}


.lh-8 { line-height: 8px; }
.lh-10 { line-height: 10px; }
.lh-12 { line-height: 12px; }
.lh-14 { line-height: 14px; }
.lh-16 { line-height: 16px; }
.lh-18 { line-height: 18px; }
.lh-20 { line-height: 20px; }
.lh-22 { line-height: 22px; }
.lh-24 { line-height: 24px; }
.lh-26 { line-height: 26px; }
.lh-28 { line-height: 28px; }
.lh-30 { line-height: 30px; }
.lh-32 { line-height: 32px; }
.lh-34 { line-height: 34px; }
.lh-36 { line-height: 36px; }
.lh-38 { line-height: 38px; }
.lh-40 { line-height: 40px; }
.lh-42 { line-height: 42px; }


.bred { border:1px solid red; }