@font-face {
  font-family: 'Montserrat';
  font-style: bold;
  font-weight: 700;
  line-height: 48px;
  src: url(/fonts/Montserrat-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  src: url(/fonts/Montserrat-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: medium;
  font-weight: 500;
  line-height: 48px;
  src: url(/fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  src: url(/fonts/Montserrat-SemiBold.ttf) format('truetype');
}

._text-secondary-yellow {
  color: #ffde00;
}

._bg-white-10 {
  background-color: #ffffff1a;
}

._bg-secondary-yellow {
  background-color: #ffde00;
}

._bg-secondary-fuschia {
  background-color: #f178b6;
}

._bg-secondary-orange {
  background-color: #c86f5d;
}

._bg-primary-violet {
  background-image: linear-gradient(to top left, #2563eb, #7c3aed); /* blue-600 a violet-600 */
  transition: background-image 0.3s;
}

._bg-primary-violet-2 {
  background-color: #460f75;
}

._bg-primary-violet:hover {
  background-image: linear-gradient(to top left, #7c3aed, #2563eb); /* violet-600 a blue-600 */
}

._text-primary-violet {
  color: #460f75;
}

._text-primary-blue-1 {
  color: #0f002f;
}

._text-primary-blue-2 {
  color: #071a46;
}

._bg-primary-blue-1 {
  background-color: #0f002f;
}

._border-primary-blue-1 {
  border-color: #12263f;
}

._bg-lightgray {
  background-color: #0f002f1a;
}

._bg-primary-blue-3 {
  background-color: #071a46;
}

._bg-primary-blue-4 {
  background-color: #081d4f;
}

._bg-primary-blue-5 {
  background-color: #1d3672;
}

._bg-primary-gray-2 {
  background-color: #7c8e98;
}

._text-primary-gray-2 {
  color: #7c8e98;
}

._bg-primary-blue-2 {
  background-color: #6fb3c6;
}

._bg-primary-blue-2-50 {
  background-color: #6fb3c680;
}

._text-primary-blue-2 {
  color: #6fb3c6;
}

._border-primary-blue-1 {
  border-color: #12263f !important;
}

._border-primary-blue-2 {
  border-color: #6fb3c6;
}

._border-secondary-yellow {
  border-color: #e3b751;
}

._text-primary-blue-1 {
  color: #0f002f;
}

._text-gray-3 {
  color: #72777a;
}

._text-gray-4 {
  color: #7f8d96;
}

._text-gray-5 {
  color: #afafaf;
}

._bg-dark-gray {
  background-color: #384b56;
}

._text-dark-gray {
  color: #384b56;
}

._font-montserrat {
  font-family: 'Montserrat', sans-serif;
}

._border-primary-blue-1 {
  border-color: #0f002f;
}

._border-gray-2 {
  border-color: #bbbbbb;
}

._border-gray-3 {
  border: 1px solid #c4cace;
}

._border-gray-4 {
  border: 1px solid #e8e9e9;
}

._border-b-gray-3 {
  border-bottom: 1px solid #c4cace;
}

._border-b-2-gray-3 {
  border-bottom: 2px solid #c4cace;
}

._border-r-gray-3 {
  border-right: 1px solid #c4cace;
}

._text-secondary-orange {
  color: #c86f5d;
}

._interest--banner {
  background-image: url('/img/auth/banner-rectangles.png'), linear-gradient(#071a46, #6fb3c6);
  text-align: center;
}

._proceso-academico--banner {
  background-color: #fff;
  background-size: auto;
  background-position: 50% 100%;
  text-align: center;
}

._home--banner {
  background-image: url('/img/auth/home-rectangles-banner.png');
  background-color: #f5f1eb;
}

._home--banner__emprendedor {
  background-image: url('/img/auth/home-rectangles-banner-2.png');
  background-color: #071a46;
  background-size: cover;
}

._home--banner__campus {
  background: url('/img/auth/banner-rectangles.png'), linear-gradient(180deg, #0f002f 0%, #460f75 100%);
  background-size: cover;
}

._card__rectangles {
  background-image: url('/img/auth/card-rectangles.png');
  background-repeat: no-repeat;
}

._card__rectangles--small {
  background-image: url('/img/auth/rectangles-small.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

._card__rectangles--large {
  background-image: url('/img/auth/rectangles-gift.png');
  background-repeat: no-repeat;
  background-size: cover;
}

._card__yellow {
  background-image: url('/img/auth/card-rectangles.png');
  background-color: #e3b751;
  background-repeat: no-repeat;
}

._border-b-80::after {
  content: '';
  margin-top: 3px;
  border-bottom: 2px solid white;
  width: 185px;
  display: flex;
}

@media (min-width: 1024px) {
  ._home--banner {
    background-image: url('/img/auth/home-rectangles-banner.png'), url('/img/auth/home-banner-1.png');
    text-align: center;
  }
}

._rounded-checkbox {
  border-radius: 99999px !important;
  border-color: black !important;
}

.-z-1 {
  z-index: -1;
}

.origin-0 {
  transform-origin: 0%;
}

.floating-input:focus ~ .floating-placeholder,
.floating-input:not(:placeholder-shown) ~ .floating-placeholder,
.floating-input:focus ~ .floating-placeholder,
.floating-input:not(:placeholder-shown) ~ .floating-placeholder,
.floating-input:focus ~ .floating-placeholder,
.floating-input:not([value='']):valid ~ .floating-placeholder {
  /* @apply transform; scale-75; -translate-y-6; */
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: -2.5rem;
}

.floating-error {
  /* @apply transform; scale-75; -translate-y-6; */
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  --tw-translate-y: 2.5rem;
}

._bg-clear {
  background-color: #f9fafb;
}

@media (min-width: 1024px) {
  ._bg-rainbow {
    z-index: 1;
  }
}

._bg-rainbow-mobile {
  width: 15px;
  background: linear-gradient(180deg, #6fb3c6 0%, #460f75 25%, #c86f5d 50%, #e3b751 75%, #0f002f 100%);
}

._bg-rainbow {
  margin-top: -17px;
  width: 85%;
  background: linear-gradient(90deg, #6fb3c6 0%, #460f75 25%, #c86f5d 50%, #e3b751 75%, #0f002f 100%);
}

._z-2 {
  z-index: 2;
}

._scroll-button {
  display: none;
  background-color: #c5c5c5;
}

._scroll-button__violet:hover {
  transition: 0.2s all ease-out;
  background-color: #460f75;
}

._scroll-button__yellow:hover {
  transition: 0.2s all ease-out;
  background-color: #e3b751;
}

._scrollable-content:hover > ._scroll-button {
  display: flex;
  transition: 0.2s all ease-out;
}

._card__program--active {
  background-color: #470f75;
  color: white;
}

._card__course--active {
  background-color: #470f75;
  color: white;
}

._program-technical-info {
  background-color: #6fb3c6;
}

._program-technical-info p {
  font-size: 1rem;
  line-height: 1.5rem;
}

._program-technical-info .columns-2 {
  column-count: 2;
}

._program-technical-info h4 {
  padding: 40px 0px 40px 0px;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: bold;
  text-align: center;
}

._program-technical-info ._row {
  gap: 100px;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

._program-technical-info ._bg-dark {
  background-color: #0f002f;
}

._program-technical-info ._px-36 {
  padding-left: 144px;
  padding-right: 144px;
}

._program-technical-info ._pr-36 {
  padding-right: 144px;
}

._program-technical-info ._pb-24 {
  padding-bottom: 96px;
}

._program-technical-info ._pb-16 {
  padding-bottom: 64px;
}

._program-technical-info li {
  list-style: disc;
  margin-bottom: 10px;
}

._program-technical-info ._text-left {
  text-align: left;
}

._program-technical-info ._bg-white {
  background-color: white;
}

._program-technical-info ._text-dark {
  color: #0f002f;
}

._program-technical-info ._my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

._list-disc li {
  list-style: disc;
  padding-bottom: 10px;
}

._course_description {
  font-family: 'Montserrat', sans-serif;
}

._line-separator {
  display: flex;
  flex-direction: row;
}

._line-separator:before,
._line-separator:after {
  content: '';
  flex: 1 1;
  border-bottom: 1px solid #000;
  margin: auto;
}

._h-800 {
  height: 500px;
}

.fill-white {
  fill: white;
}

.accordion-button {
  font-weight: 600;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

._border-primary-violet {
  border-color: #460f75;
}

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

.ml-timeline {
  margin-left: -11px;
}

.hover-yellow {
  &:hover {
    color: #ffde00;
  }
}

.max-w-cta {
  width: 26rem;
}

/* Aplica a navegadores como Chrome y Safari */
.scrollbar::-webkit-scrollbar {
  height: 8px; /* Tamaño de la barra de desplazamiento */
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* Color de la barra de desplazamiento */
  border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7); /* Cambio de color en hover */
}
.iti {
  width: 100% !important;
}

.intl-tel-input {
  width: 100% !important;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type='text'],
.iti--allow-dropdown input[type='tel'],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type='text'],
.iti--separate-dial-code input[type='tel'] {
  padding-left: 92px !important;
}

.hide {
  display: none !important;
}