/** Autor: Carlos Morales Ormeño **/
/** Fecha: 18 de octubre de 2023 **/
/** Archivo de Helpers **/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
  /*--Fonts--*/
  --primary-font: "Inter", serif;
  /*--Colors--*/
  --color-black: #000000;
  --color-white: #FFFFFF;
}

h1,
h2,
h4,
h5 {
  font-weight: 500;
}


@media only screen and (max-width: 1000px) {

  h1 {
    font-size: calc(2.375rem + 1.5vw) !important;
  }

  h2 {
    font-size: calc(1.375rem + 1.5vw) !important;
  }

}


a {
  color: var(--color-black);
  text-decoration: none;
  padding: 0px;
  margin: 0px;
}


h3 {
  font-size: 1.5rem;
}

.gradient-font {
  background: -webkit-linear-gradient(left, #fab334, #e52629, #4daaed);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

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

.img-shadow {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .5));
}

.box-shadow {
  box-shadow: 0 0 7px 0px rgb(0 0 0 / 15%), 0 1px 3px rgb(0 0 0 / 15%) !important;
}



@keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes FadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fw-900 {
  font-weight: 900 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fs-60 {
  font-size: 60px !important;
}

.fs-50 {
  font-size: 50px;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.text-height-min {
  line-height: 1 !important;
}

.text-height-0 {
  line-height: 1.2 !important;
}

.text-height-1 {
  line-height: 1.5 !important;
}

.text-height-2 {
  line-height: 2 !important;
}

.text-height-3 {
  line-height: 2.5 !important;
}

.text-height-4 {
  line-height: 3 !important;
}

.text-height-5 {
  line-height: 3.5 !important;
}

.pr-6 {
  padding-right: 6rem;
}

.pr-7 {
  padding-right: 7rem;
}

.pr-8 {
  padding-right: 8rem;
}

.pl-6 {
  padding-left: 6rem;
}

.pl-7 {
  padding-left: 7rem;
}

.pl-8 {
  padding-left: 8rem;
}

.capitalize {
  text-transform: capitalize;
}

.text-justify {
  text-align: justify !important;
}

.text-muted {
  color: #979797 !important;
}

.text-orange {
  color: #FF3131 !important;
}

.text-while {
  color: #fff !important;
}

.text-black {
  color: #000000 !important;
}

.text-gray {
  color: #4d4d4d !important;
}

.text-primary {
  color: #00507D !important;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.cristal {
  -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
  backdrop-filter: saturate(180%) blur(7px) !important;
  background: var(--localnav-background-stuck, rgba(255, 255, 255, 0.9)) !important;
  background-color: rgb(255 255 255 / 45%) !important;
}

.flex {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.header-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.no-wrap {
  white-space: nowrap;
}



/* Text Theme*/

.text-theme-red {
  color: #ED2076 !important;
}

.text-theme-orange {
  color: #FBA52D !important;
}

.text-theme-green {
  color: #2BB34B !important;
}

.text-theme-yellow {
  color: #FFCA31 !important;
}

.text-theme-skyblue {
  color: #41C7F1 !important;
}

.text-theme-purple {
  color: #CB6CE6 !important;
}

.text-theme-purple-lh {
  color: #B2348A !important;
}

.text-theme-violet {
  color: #6c4494 !important;
}

/* Background Theme */

.bg-theme-red {
  background-color: #ED2076 !important;
}

.bg-theme-orange {
  background-color: #FBA52D !important;
}

.bg-theme-green {
  background-color: #2BB34B !important;
}

.bg-theme-yellow {
  background-color: #FFCA31 !important;
  color: #2c2c2c;
}

.bg-theme-skyblue {
  background-color: #41C7F1 !important;
}

.bg-theme-purple {
  background-color: #CB6CE6 !important;
}

.bg-theme-violet {
  background-color: #6c4494 !important;
}

.bg-theme-gray {
  background-color: #e6e7e6 !important;
}

.bg-theme-gradient-red {
  background: rgb(201, 53, 110) !important;
  background: linear-gradient(90deg, rgba(237, 32, 118, 1) 0%, rgba(113, 74, 162, 1) 100%) !important;
}

.bg-theme-gradient-emergency {
  background: rgb(201, 53, 110) !important;
  background: linear-gradient(90deg, rgb(237 32 32) 0%, rgb(153 0 0) 100%) !important;
}

.bg-theme-gradient-green {
  background: rgb(201, 53, 110) !important;
  background: linear-gradient(90deg, rgb(9 191 0) 0%, rgb(9 191 0) 100%) !important;
}

.bg-theme-gradient-skyblue {
  background: rgb(201, 53, 110) !important;
  background: linear-gradient(90deg, #0274eb 0%, #0274eb 100%) !important;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 75%
  }

  50% {
    background-position: 100% 26%
  }

  100% {
    background-position: 0% 75%
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 75%
  }

  50% {
    background-position: 100% 26%
  }

  100% {
    background-position: 0% 75%
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 75%
  }

  50% {
    background-position: 100% 26%
  }

  100% {
    background-position: 0% 75%
  }
}