@charset "UTF-8";
@font-face {
  font-family: 'MyriadPro-semi';
  src: url("../fonts/MyriadPro-Semibold.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
  /*src: local('MyriadPro-Semibold;'), url('./MyriadPro-Semibold;.otf') format('otf'), url('./MyriadPro-Semibold.otf') format('truetype');*/
}
@font-face {
  font-family: 'MyriadPro';
  src: url("../fonts/MyriadPro-Bold.ttf") format("truetype");
  font-style: bold;
  font-weight: 800;
  /*src: local('MyriadPro-Semibold;'), url('./MyriadPro-Semibold;.otf') format('otf'), url('./MyriadPro-Semibold.otf') format('truetype');*/
}
@font-face {
  font-family: 'MyriadPro-regular';
  src: url("../fonts/MYRIADPRO-REGULAR.OTF") format("opentype");
  font-style: normal;
  font-weight: 200;
  /*src: local('MyriadPro-Semibold;'), url('./MyriadPro-Semibold;.otf') format('otf'), url('./MyriadPro-Semibold.otf') format('truetype');*/
}
/* line 25, ../sass/index.scss */
* {
  box-sizing: border-box;
  font-family: 'MyriadPro';
}

/* line 30, ../sass/index.scss */
html {
  scroll-behavior: smooth;
}

/* line 34, ../sass/index.scss */
body {
  font-family: "MyriadPro";
  margin: 0;
}

/* line 40, ../sass/index.scss */
input {
  font: inherit;
}

/* line 44, ../sass/index.scss */
h1 {
  font-size: 3.5em;
}

/* line 45, ../sass/index.scss */
h2 {
  font-size: 2.7em;
  font-family: 'MyriadPro';
}

/* line 46, ../sass/index.scss */
h3 {
  font-size: 2em;
}

/* line 47, ../sass/index.scss */
p {
  font-size: 1.25em;
}

/* line 48, ../sass/index.scss */
ul {
  list-style: none;
}

/* line 49, ../sass/index.scss */
li {
  font-size: 1.25em;
}

/* line 51, ../sass/index.scss */
button {
  font-size: 1.25em;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 5px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  color: white;
  background-color: #14378a;
}

/* line 62, ../sass/index.scss */
:root {
  --redEQF: #6b1e40;
  --blueEQF: #1c213a;
  --blackEQF: #211915;
  --whiteEQF: #FEFFFF;
  --text: #190006;
  --transparent: #14378a00;
  --shadow: #1e1e1e93;
  --blue1: #ACBDDF;
  --blue2: #3D5199;
  --blue3: #14378abb;
  --red1: #88191D;
  --red2: #C12B25;
  --red3: #e1a5a5;
  --red4: #AD3B70;
  --green1: #378A14;
  --green2: #378a1460;
  --purple1: #391bb1;
  --purple2: #2c148a42;
  --gray1: #cfcfcf;
  --gray2: #a6b0d296;
  --gray3: #424949;
  --gray4: #ebebeb;
  --gray5: #d6d6d63a;
}

/* line 88, ../sass/index.scss */
button:hover {
  background-color: var(--blueEQF);
}

/* line 93, ../sass/index.scss */
.menu_container {
  max-width: 1400px;
  margin: auto;
}

/* line 99, ../sass/index.scss */
.accentuate_color {
  color: var(--redEQF);
}

/* line 101, ../sass/index.scss */
header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  z-index: 10;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
}

/* line 113, ../sass/index.scss */
header.abajo {
  background: var(--blueEQF);
  padding: 15px 20px;
}

/* line 118, ../sass/index.scss */
header .logo {
  margin: 0;
  padding: 35px 30px;
  font-weight: bold;
  /*color: blueviolet;
  font-size: 1.6em;*/
  width: 15vw;
  height: 15vh;
  background-image: linear-gradient(0deg, transparent, transparent), url("../images/logo-nr.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/* line 137, ../sass/index.scss */
nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 146, ../sass/index.scss */
.menu-icon {
  display: none;
  font-size: 2rem;
  cursor: pointer;
  color: #fff;
}

/* line 153, ../sass/index.scss */
.nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
}

/*header nav{
    list-style: none;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}*/
/* line 169, ../sass/index.scss */
header nav a {
  position: relative;
  font-family: helvetica;
  margin: 0 15px;
  text-decoration: none;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  transition: 0.7s;
}

/* line 180, ../sass/index.scss */
header.abajo .logo,
header.abajo ul li a {
  color: #000;
}

/** SECCION HERO **/
/* line 188, ../sass/index.scss */
#hero {
  background-image: url("../images/fondo-inicio.png");
  width: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  overflow: hidden;
}

/* line 200, ../sass/index.scss */
#hero h1 {
  font-size: 4rem;
}

/* line 204, ../sass/index.scss */
#hero span {
  color: var(--whiteEQF);
  font-size: 2rem;
}

/* line 209, ../sass/index.scss */
#hero svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* line 216, ../sass/index.scss */
.text-hero {
  height: 600px;
  padding-left: 80px;
  color: var(--whiteEQF);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 225, ../sass/index.scss */
.contador-container {
  display: flex;
  gap: 10px;
}

/* line 230, ../sass/index.scss */
.contador {
  color: var(--gray1);
  border: 2px solid var(--gray2);
  border-radius: 6%;
  text-align: center;
  box-shadow: 8px 11px 20px var(--shadow);
  width: 100px;
  height: 90px;
  padding-top: 10px;
}

/* line 241, ../sass/index.scss */
.contador p {
  margin-bottom: 0;
}

/* line 245, ../sass/index.scss */
.wave {
  height: 150px;
  overflow: hidden;
}

/* line 250, ../sass/index.scss */
.wave svg {
  height: 35%;
  width: 100%;
}

/** FIN SECCION HERO **/
/*****************************HERE BEGINS EVENTS IMAGES CAROUSEL*/
/* line 258, ../sass/index.scss */
.container-carousel {
  position: relative;
  width: 400px;
  height: 280px;
  background-color: var(--blueEQF);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.66);
  border-radius: 15px;
  overflow: hidden;
  margin-top: 5%;
}

/* line 269, ../sass/index.scss */
.carruseles {
  width: 1000%;
  height: 100%;
  display: flex;
}

/* line 276, ../sass/index.scss */
.slider-section {
  width: calc(100% / 10);
  height: 100%;
}

/* line 281, ../sass/index.scss */
.slider-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}

/* line 288, ../sass/index.scss */
.btn-left,
.btn-right {
  display: flex;
  position: absolute;
  top: 50%;
  font-size: 1.5rem;
  background-color: transparent;
  border-radius: 50%;
  padding: 5px;
  font-weight: 600;
  cursor: pointer;
  color: var(--redEQF);
  transform: translate(0, -50%);
  transition: .5s ease;
  user-select: none;
}

/* line 305, ../sass/index.scss */
.btn-left:hover,
.btn-right:hover {
  background-color: #333333d4;
  color: #fff;
}

/* line 311, ../sass/index.scss */
.btn-left {
  left: 10px;
}

/* line 315, ../sass/index.scss */
.btn-right {
  right: 10px;
}

/*****************HERE ENDS EVENTS IMAGE CAROUSEL*/
/******************HERE BEGINS TABS STYLE***************************/
/* line 321, ../sass/index.scss */
.tabs_container {
  max-width: 1000px;
  width: 100%;
  padding: 40px 50px 40px 40px;
  background: #fff;
  margin: 0px 30px 0px 0px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* line 330, ../sass/index.scss */
.tabs_container .topic {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 30px;
}

/* line 335, ../sass/index.scss */
.tabs_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 340, ../sass/index.scss */
.tabs_content .list {
  display: flex;
  flex-direction: column;
  width: 20%;
  margin-right: 50px;
  position: relative;
}

/* line 348, ../sass/index.scss */
.tabs_content .list label {
  height: 90px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 50px;
  cursor: pointer;
  padding-left: 12px;
  transition: all 0.5s ease;
  color: #333;
  z-index: 1;
}

/* line 359, ../sass/index.scss */
#home:checked ~ .list label.home,
#blog:checked ~ .list label.blog,
#help:checked ~ .list label.help,
#code:checked ~ .list label.code,
#about:checked ~ .list label.about {
  color: #fff;
}

/* line 366, ../sass/index.scss */
.tabs_content .list label:hover {
  color: var(--redEQF);
}

/* line 369, ../sass/index.scss */
.tabs_content .slider {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1rem;
  height: 50px;
  width: 100%;
  border-radius: 10px;
  background: var(--redEQF);
  transition: all 0.4s ease;
}

/* line 380, ../sass/index.scss */
#home:checked ~ .list .slider {
  top: 0;
}

/* line 383, ../sass/index.scss */
#blog:checked ~ .list .slider {
  top: 33%;
}

/* line 386, ../sass/index.scss */
#help:checked ~ .list .slider {
  top: 66%;
}

/* line 389, ../sass/index.scss */
#code:checked ~ .list .slider {
  top: 180px;
}

/* line 392, ../sass/index.scss */
#about:checked ~ .list .slider {
  top: 240px;
}

/* line 395, ../sass/index.scss */
.tabs_content .text-content {
  width: 80%;
  height: 100%;
}

/* line 399, ../sass/index.scss */
.tabs_content .text {
  display: none;
}

/* line 402, ../sass/index.scss */
.tabs_content .text .title {
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: 500;
}

/* line 407, ../sass/index.scss */
.tabs_content .text p {
  text-align: justify;
  font-size: 1rem;
  font-weight: 100;
  font-family: 'MyriadPro-regular';
}

/* line 413, ../sass/index.scss */
.tabs_content .text-content .home {
  display: block;
}

/* line 416, ../sass/index.scss */
#home:checked ~ .text-content .home,
#blog:checked ~ .text-content .blog,
#help:checked ~ .text-content .help,
#code:checked ~ .text-content .code,
#about:checked ~ .text-content .about {
  display: block;
}

/* line 423, ../sass/index.scss */
#blog:checked ~ .text-content .home,
#help:checked ~ .text-content .home,
#code:checked ~ .text-content .home,
#about:checked ~ .text-content .home {
  display: none;
}

/* line 429, ../sass/index.scss */
.tabs_content input {
  display: none;
}

/**********************HERE ENDS TABS STYLE***********************/
/*Here begin logos carousel*/
/* line 435, ../sass/index.scss */
.lab-tittle {
  display: inline;
  align-items: center;
  text-align: center;
}

/* line 441, ../sass/index.scss */
.lab-tittle h2 {
  margin-bottom: 7%;
  font-size: 2.5rem;
  color: var(--redEQF);
}

@keyframes slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/* line 456, ../sass/index.scss */
.logos {
  overflow: hidden;
  padding: 60px 0;
  background: white;
  white-space: nowrap;
  position: relative;
  margin-top: 0;
}

/* line 465, ../sass/index.scss */
.logos:before,
.logos:after {
  position: absolute;
  top: 0;
  width: 250px;
  height: 100%;
  content: "";
  z-index: 1;
}

/* line 475, ../sass/index.scss */
.logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

/* line 480, ../sass/index.scss */
.logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

/* line 485, ../sass/index.scss */
.logos:hover .logos-slide {
  animation-play-state: paused;
}

/* line 489, ../sass/index.scss */
.logos-slide {
  display: inline-block;
  animation: 35s slide infinite linear;
}

/* line 494, ../sass/index.scss */
.logos-slide img {
  height: 150px;
  margin: 0 40px;
}

/*Here ends logos carousel*/
/******Here begin activities section***********/
/*
.activities_container {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    background-color: transparent;
    margin-top: 5%;
    padding: 20px; /* Ajusta el padding según sea necesario *
}

.activities_text_left, .activities_text_right {
    width: 50%;
    padding: 20px;
    color: white;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 600px; /* Esto asegura que ambos divs tengan la misma altura *
}

.activities_text_left {
    background-color: var(--redEQF);
    text-align: center; /* Centra el texto *
    font-family: 'MyriadPro-semi'!important;
    font-size: 2.5rem;
}

.activities_text_right {
    background-color: var(--blueEQF);
    text-align: justify; /* Justifica el texto *
    font-size: 0.7rem;
    font-family: 'MyriadPro-regular';
    font-weight: 100;
}

ul {
    list-style-type: circle;
    padding: 0;
}

ul li {
    margin-bottom: 10px;
}*/
/* line 551, ../sass/index.scss */
.activities_container {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  background-color: transparent;
  margin-top: 5%;
  padding: 20px;
}

/* line 563, ../sass/index.scss */
.activities_text_left, .activities_text_right {
  width: 50%;
  padding: 20px;
  color: white;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 400px;
  /* Esto asegura que ambos divs tengan la misma altura */
}

/* line 575, ../sass/index.scss */
.activities_text_left {
  background-color: var(--redEQF);
  text-align: center;
  /* Centra el texto */
  font-family: "MyriadPro-regular" !important;
  font-size: 2.1rem;
}

/* line 582, ../sass/index.scss */
.activities_text_right {
  background-color: var(--blueEQF);
  text-align: justify;
  /* Justifica el texto */
}

/* line 587, ../sass/index.scss */
.activities_text_right p {
  margin-bottom: 20px;
  /* Espacio entre el párrafo y la lista */
  font-size: 1rem;
  font-weight: 100;
  font-family: "MyriadPro-regular" !important;
}

/* line 594, ../sass/index.scss */
.activities_text_right ul {
  list-style-type: circle;
  margin-left: 15px;
  padding: 0;
  width: 100%;
  text-align: left;
  /* Alinea la lista a la izquierda */
}

/* line 603, ../sass/index.scss */
.activities_text_right ul li {
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 100;
  font-family: "MyriadPro-regular" !important;
}

/********Here ends activities section*********/
/*Here start countdown animation*/
@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}
/*Here ends countdown animation*/
/* line 634, ../sass/index.scss */
.countdown span {
  display: block;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
}

/* line 644, ../sass/index.scss */
.location_container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  flex: 1;
  margin-right: 10px;
  margin-top: 8%;
}

/* line 655, ../sass/index.scss */
.location_container h3 {
  color: var(--blueEQF);
  font-size: 2.1rem;
  font-family: "MyriadPro-semi" !important;
}

/* line 661, ../sass/index.scss */
.location_container h2 {
  color: var(--redEQF) !important;
  margin-top: 1%;
  font-size: 2rem;
  font-family: 'MyriadPro';
}

/* line 668, ../sass/index.scss */
.location_container li {
  color: var(--blueEQF) !important;
  margin-top: 1%;
  font-size: 1.3rem;
  font-family: 'MyriadPro-regular';
}

/* line 675, ../sass/index.scss */
.iframe {
  margin-bottom: 8%;
}

/* line 680, ../sass/index.scss */
#register h2 {
  font-size: 9vw;
}

/* line 684, ../sass/index.scss */
#register button {
  font-size: 5vw;
}

/* line 688, ../sass/index.scss */
#register .register_container {
  display: flex;
  justify-content: space-evenly;
  margin: 5% 0;
}

/* line 694, ../sass/index.scss */
#register .img-container {
  background-image: url("../images/imagen-registro.png");
  background-size: cover;
  background-position: center center;
  height: 500px;
  width: 700px;
  margin-top: 7%;
}

/* line 703, ../sass/index.scss */
.form {
  margin: 3% 9% 0 auto;
  padding: 3rem 1.5rem;
  background-color: #fff;
  width: 500px;
  border-radius: 12px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/* line 713, ../sass/index.scss */
.form_title {
  font-size: 2rem !important;
  color: var(--blueEQF);
  margin-top: -10px;
}

/* line 719, ../sass/index.scss */
.form_subtitle {
  margin-top: .7rem;
  color: var(--redEQF);
  font-family: 'MyriadPro-semi';
}

/* line 725, ../sass/index.scss */
.form_inputs {
  margin: 2rem 0 1.5rem;
  display: grid;
  gap: 1.5rem;
  color: #071636;
  font-size: 1rem;
}

/* line 734, ../sass/index.scss */
.form_label {
  width: 100%;
  display: grid;
  grid-template-areas: "input";
}

/* line 741, ../sass/index.scss */
.form_input {
  grid-area: input;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #d7d0d0;
  padding: .7rem 1.5rem;
}

/* line 751, ../sass/index.scss */
.form_text {
  grid-area: input;
  z-index: 1;
  width: max-content;
  height: 100%;
  margin-left: 1rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  font-family: 'MyriadPro-regular';
  transform-origin: left center;
  transition: transform .3s;
}

/* line 769, ../sass/index.scss */
.form_input:focus + .form_text,
.form_input:not(:placeholder-shown) + .form_text {
  background-color: #fff;
  transform: translateY(-50%) scale(0.7);
}

/* line 775, ../sass/index.scss */
.submit_button {
  padding-top: 10px;
  margin: 0 auto !important;
  align-items: center !important;
}

/* line 781, ../sass/index.scss */
.form_submit {
  display: inline-block;
  border-radius: 11px;
  padding: 0.7rem 5rem;
  color: #fff;
  border: none;
  background-color: var(--redEQF);
  font-size: 1.2rem;
}

/* line 791, ../sass/index.scss */
#client_info {
  color: var(--blueEQF) !important;
  text-decoration: none;
}

/* line 796, ../sass/index.scss */
.tooltip {
  text-decoration: none;
  position: relative;
}

/* line 800, ../sass/index.scss */
.tooltip span {
  display: none;
}

/* line 803, ../sass/index.scss */
.tooltip:hover span {
  display: block;
  position: fixed;
  overflow: hidden;
  z-index: 1;
}

/* line 811, ../sass/index.scss */
.form_submit:hover {
  background-color: var(--redEQF);
  color: #fff;
  cursor: pointer;
}

/* line 817, ../sass/index.scss */
.hidden {
  display: none;
}

/* line 821, ../sass/index.scss */
.error {
  color: red;
  display: none;
}

/*CSS only for form select fields*/
/* line 827, ../sass/index.scss */
.label-before, .field select:valid + label::before, .field select:focus + label::before {
  line-height: 20px;
  font-size: 12px;
  top: -10px;
  background: #fff;
  padding: 0 6px;
  left: 9px;
}

/* line 836, ../sass/index.scss */
.select_container {
  width: 100%;
}

/* line 841, ../sass/index.scss */
.field {
  position: relative;
  margin-bottom: 15px;
}

/* line 847, ../sass/index.scss */
.field label::before {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 15px;
  line-height: 40px;
  font-size: 1rem;
  color: #071636;
  transition: 300ms all;
  font-family: 'MyriadPro-regular';
}

/* line 859, ../sass/index.scss */
.field select {
  width: 100%;
  line-height: 40px;
  padding: .2rem .5rem;
  box-sizing: border-box;
  font-size: 14px;
  color: #222;
  border: 1px solid #d7d0d0;
  border-radius: 10px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="#777" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>') no-repeat right 10px center;
  background-size: 10px;
}

/* line 876, ../sass/index.scss */
.field select:focus {
  outline: 1;
  border-color: blue;
  border-radius: 15px;
}

/* line 882, ../sass/index.scss */
.field select:valid + label::before {
  content: attr(data-title);
}

/* line 886, ../sass/index.scss */
.field select:focus + label::before {
  color: #071636;
  font-family: 'MyriadPro-regular';
}

/*Here ends style only for selects animation*/
/* line 893, ../sass/index.scss */
footer {
  width: 100%;
  padding: 50px 0px 0px 0px;
  background-image: url("../images/fondo-footer.png");
  background-size: cover;
  background-color: var(--blueEQF);
  -webkit-mask-image: url("../images/background-footer.svg");
  mask-image: url("../images/background-footer.svg");
  -webkit-mask-size: cover;
  mask-size: cover;
  padding-top: 8%;
}

/* line 907, ../sass/index.scss */
.container__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 90vw;
  margin: auto;
  margin-top: 5%;
}

/* line 916, ../sass/index.scss */
.box__footer {
  display: flex;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 80px;
}

/* line 923, ../sass/index.scss */
.footer_logo {
  width: 100vw;
  align-items: center;
}

/* line 929, ../sass/index.scss */
.footer_logo img {
  width: 420px;
  margin: -5% 0 1% 35%;
  align-items: center;
}

/* line 935, ../sass/index.scss */
.box__footer .terms {
  max-width: 300px;
  margin-top: 0;
  font-weight: 500;
  color: #fff;
  font-size: 1rem;
}

/* line 943, ../sass/index.scss */
.box__footer h2 {
  margin-top: 26%;
  margin-bottom: 30px;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
}

/* line 951, ../sass/index.scss */
.box__footer .follow_title {
  margin-top: 32%;
  margin-bottom: 30px;
  color: #fff;
  font-weight: 700;
  font-size: 2rem;
}

/* line 959, ../sass/index.scss */
.box__footer .privacity_text {
  margin-top: 25%;
  color: #fff;
  font-weight: 100;
  font-size: 1rem;
  background: var(--blueEQF);
  border: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
}

/* line 971, ../sass/index.scss */
.box__footer a {
  color: #fff;
  font-weight: 100;
  text-decoration: none;
  font-family: 'MyriadPro-semi';
}

/* line 979, ../sass/index.scss */
.contact__footer {
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

/* line 986, ../sass/index.scss */
.box__footer a:hover {
  opacity: 0.8;
}

/* line 990, ../sass/index.scss */
.box__footer a .fab {
  font-size: 1.5rem;
  color: #fff;
  padding: 7px 10px 7px 0;
}

/* line 996, ../sass/index.scss */
.icon {
  color: #fff;
}

/* line 999, ../sass/index.scss */
.box__copyright {
  max-width: 100vw;
  margin: auto;
  text-align: center;
  padding: 0px 0px 20px 40px;
  background-color: var(--blueEQF);
}

/* line 1007, ../sass/index.scss */
.box__copyright p {
  margin-top: 30px;
  color: #fff;
  font-size: 1rem;
  font-weight: 100;
  font-family: 'MyriadPro-regular';
}

/* line 1015, ../sass/index.scss */
.box__copyright hr {
  border: none;
  height: 1px;
  background: radial-gradient(#ffffff 10%, #3f4a83 30%, #1c213a 60%);
  width: 70vw;
  margin: 0 auto;
}

/* line 1026, ../sass/index.scss */
#index h1 {
  font-size: 5em;
}

/* line 1030, ../sass/index.scss */
#who_are .who_are_container {
  display: flex !important;
  justify-content: space-between !important;
}

/* line 1035, ../sass/index.scss */
#who_are .texto {
  width: 80%;
  max-width: 750px;
  text-align: initial;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 1045, ../sass/index.scss */
#who_are h2 {
  margin-top: 5%;
  color: #14378a;
}

/* line 1050, ../sass/index.scss */
#who_are .img-container {
  /*background-image: url('../images/servicios-farmacia-2.png');
  background-size: cover;
  background-position: center center;*/
  height: 300px;
  width: 500px;
  margin-top: 9%;
}

/* line 1059, ../sass/index.scss */
#nuestros-programas .programas {
  display: flex;
  justify-content: center;
}

/* line 1064, ../sass/index.scss */
#nuestros-programas p {
  display: block;
  margin-bottom: 30px;
}

/* line 1069, ../sass/index.scss */
#nuestros-programas h2 {
  font-size: 4em;
}

/* line 1073, ../sass/index.scss */
#nuestros-programas h3 {
  margin-top: 0;
}

/* line 1077, ../sass/index.scss */
#nuestros-programas .carta {
  padding: 50px;
  background-size: 100% 150px;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-color: #323232;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}

/* line 1086, ../sass/index.scss */
.carta:first-child {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/front-end-cropped.jpg");
}

/* line 1096, ../sass/index.scss */
.carta:nth-child(2) {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/full-stack-cropped.jpg");
}

/* line 1105, ../sass/index.scss */
.carta:nth-child(3) {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("assets/images/python-cropped.jpg");
}

/* Media Queries for Responsive Design */
@media (max-width: 1024px) {
  /**Section hero 1024*/
  /* line 1121, ../sass/index.scss */
  #hero {
    height: 600px;
  }

  /* line 1124, ../sass/index.scss */
  #hero h1 {
    font-size: 3rem;
  }

  /* line 1127, ../sass/index.scss */
  #hero span {
    font-size: 1.5rem;
  }

  /* line 1130, ../sass/index.scss */
  .text-hero {
    height: 500px;
    padding-left: 50px;
  }

  /* line 1134, ../sass/index.scss */
  .contador {
    width: 80px;
    height: 70px;
  }

  /*Section hero end 1024*/
  /*Section tabs with carousel 1024*/
  /* Ajusta el contenedor principal */
  /* line 1142, ../sass/index.scss */
  .who_are_container {
    flex-direction: column;
  }

  /* Coloca el carrusel encima de las tabs */
  /* line 1147, ../sass/index.scss */
  .img-container {
    margin-bottom: 20px;
  }

  /* line 1151, ../sass/index.scss */
  .tabs_container {
    padding: 30px 20px;
  }

  /* line 1155, ../sass/index.scss */
  .tabs_content {
    flex-direction: column;
  }

  /* line 1159, ../sass/index.scss */
  .tabs_content .list {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-right: 0;
  }

  /* line 1166, ../sass/index.scss */
  .tabs_content .list label {
    flex: 1;
    height: auto;
    padding: 10px;
    font-size: 1rem;
    line-height: normal;
    text-align: center;
  }

  /* line 1175, ../sass/index.scss */
  .tabs_content .slider {
    height: 5px;
    width: calc(100% / 3);
    /* Ajusta según la cantidad de tabs */
    top: auto;
    bottom: 0;
  }

  /* line 1182, ../sass/index.scss */
  .tabs_content .text-content {
    width: 100%;
    height: auto;
  }

  /* line 1187, ../sass/index.scss */
  .tabs_content .text p {
    font-size: 1rem;
  }

  /*Section tabs with carousel  end 1024*/
  /*Section image with form begin 1024*/
  /* line 1193, ../sass/index.scss */
  #register .register_container {
    flex-direction: column;
    align-items: center;
  }

  /* line 1198, ../sass/index.scss */
  #register .img-container {
    width: 90%;
    height: auto;
    margin: 2% 0;
  }

  /* line 1204, ../sass/index.scss */
  .form {
    width: 90%;
    margin: 0;
    padding: 2rem 1rem;
  }

  /* line 1210, ../sass/index.scss */
  .form_title {
    font-size: 1.5rem !important;
  }

  /* line 1214, ../sass/index.scss */
  .form_subtitle {
    font-size: 1rem;
  }

  /*Section image with form end 1024*/
    /*Section footer begin 1024/
    .container__footer {
        flex-direction: column;
        align-items: center;
    }

    .footer_logo img {
        width: 50%;
        margin-left: 30%;
    }

    .box__footer {
        align-items: center;
        padding-bottom: 50px;
        width: 100%;
    }

    .box__footer .terms,
    .box__footer .privacity_text {
        text-align: center;
    }

    .box__copyright hr {
        width: 80%;
    }
    /*Section footer end 1024*/
}
@media (max-width: 768px) {
  /*Section header 768*/
  /* line 1249, ../sass/index.scss */
  body {
    padding-top: 100px;
    /* Ajusta este valor según la altura de tu header */
  }

  /* line 1253, ../sass/index.scss */
  header {
    background: var(--blueEQF);
  }

  /* line 1257, ../sass/index.scss */
  .menu-icon {
    display: block;
  }

  /* line 1260, ../sass/index.scss */
  .nav-links {
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: var(--blueEQF);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
  }

  /* line 1270, ../sass/index.scss */
  .nav-links a {
    padding: 10px;
    text-align: center;
    margin: 0;
    color: #fff;
  }

  /* line 1276, ../sass/index.scss */
  .nav-links.show {
    display: flex;
  }

  /*Section header 768*/
  /*Section logos carousel begin 768*/
  /* line 1282, ../sass/index.scss */
  .lab-tittle h2 {
    font-size: 2rem;
  }

  /* line 1286, ../sass/index.scss */
  .logos-slide img {
    height: 100px;
    margin: 0 20px;
  }

  /*Section logos carousel end 768*/
  /**Section hero 768*/
  /* line 1294, ../sass/index.scss */
  #hero {
    height: 500px;
  }

  /* line 1297, ../sass/index.scss */
  #hero h1 {
    font-size: 2.5rem;
  }

  /* line 1300, ../sass/index.scss */
  #hero span {
    font-size: 1.2rem;
  }

  /* line 1303, ../sass/index.scss */
  .text-hero {
    height: 400px;
    padding-left: 30px;
  }

  /* line 1307, ../sass/index.scss */
  .contador {
    width: 70px;
    height: 60px;
  }

  /**Section hero 768*/
  /*Section tabs with carousel 768*/
  /* line 1314, ../sass/index.scss */
  .who_are_container {
    display: flex;
    flex-direction: column;
  }

  /* line 1319, ../sass/index.scss */
  .container-carousel {
    height: 200px;
    margin-top: 10%;
  }

  /* line 1324, ../sass/index.scss */
  .tabs_container {
    padding: 20px 10px;
    margin: 10px;
  }

  /* line 1329, ../sass/index.scss */
  .tabs_content {
    flex-direction: column;
  }

  /* line 1333, ../sass/index.scss */
  .tabs_content .list {
    width: 100%;
    margin: 0;
  }

  /* line 1338, ../sass/index.scss */
  .tabs_content .slider {
    height: 30px;
  }

  /* line 1342, ../sass/index.scss */
  .btn-left,
  .btn-right {
    font-size: 1.2rem;
    padding: 5px;
  }

  /* line 1348, ../sass/index.scss */
  .tabs_content .text-content {
    width: 100%;
  }

  /* line 1352, ../sass/index.scss */
  .img-container {
    order: -1;
    /* Mueve el carrusel arriba */
  }

  /*Section tabs with carousel  end 768*/
  /*Section activities begin 768*/
  /* line 1358, ../sass/index.scss */
  .activities_text_left, .activities_text_right {
    width: 100%;
    text-align: center;
    /* Centra el texto en pantallas pequeñas */
  }

  /*Section activities end 768*/
  /*Section image with form begin 768*/
  /* line 1365, ../sass/index.scss */
  #register .img-container {
    width: 100%;
  }

  /* line 1369, ../sass/index.scss */
  .form {
    width: 100%;
  }

  /*Section image with form end 768*/
  /*Section footer begin 768*/
  /* line 1375, ../sass/index.scss */
  .footer_logo img {
    width: 60%;
    margin: 0 auto;
  }

  /* line 1380, ../sass/index.scss */
  .box__footer {
    align-items: center;
    padding-top: 20px;
    padding-bottom: 40px;
    width: 100%;
  }

  /* line 1387, ../sass/index.scss */
  .box__footer .terms,
  .box__footer .privacity_text {
    text-align: center;
  }

  /* line 1392, ../sass/index.scss */
  .box__footer a .fab {
    font-size: 1.2rem;
  }

  /* line 1396, ../sass/index.scss */
  .box__copyright p {
    font-size: 0.8rem;
  }

  /* line 1400, ../sass/index.scss */
  .box__copyright hr {
    width: 90%;
  }

  /*Section footer end 768*/
}
@media (max-width: 480px) {
  /*Section header 480*/
  /* line 1408, ../sass/index.scss */
  header .logo {
    width: 75%;
  }

  /* line 1411, ../sass/index.scss */
  .menu-icon {
    display: block;
  }

  /* line 1414, ../sass/index.scss */
  .nav-links {
    display: none;
    flex-direction: column;
    width: 100%;
    background-color: var(--blueEQF);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
  }

  /* line 1424, ../sass/index.scss */
  .nav-links a {
    padding: 5px;
    text-align: center;
    margin: 0;
    color: #fff;
    font-size: 0.8rem;
  }

  /* line 1431, ../sass/index.scss */
  .nav-links.show {
    display: flex;
  }

  /*Section header 480*/
  /*Section logos carousel begin 480*/
  /* line 1437, ../sass/index.scss */
  .lab-tittle h2 {
    font-size: 1.5rem;
    z-index: 10;
  }

  /* line 1442, ../sass/index.scss */
  .logos {
    padding: 40px 0;
  }

  /* line 1446, ../sass/index.scss */
  .logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  }

  /* line 1451, ../sass/index.scss */
  .logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  }

  /* line 1456, ../sass/index.scss */
  .logos-slide img {
    height: 90px;
    margin: 0 10px;
  }

  /*Section logos carousel end 480*/
  /**Section hero 480*/
  /* line 1463, ../sass/index.scss */
  #hero {
    height: 400px;
  }

  /* line 1466, ../sass/index.scss */
  #hero h1 {
    font-size: 2rem;
  }

  /* line 1469, ../sass/index.scss */
  #hero span {
    font-size: 1rem;
  }

  /* line 1472, ../sass/index.scss */
  .text-hero {
    height: 300px;
    padding-left: 20px;
  }

  /* line 1476, ../sass/index.scss */
  .contador {
    width: 60px;
    height: 50px;
    font-size: 0.5rem;
    margin-bottom: 15%;
  }

  /**Section hero 480*/
  /*Section tabs with carousel 480*/
  /* Ajusta el contenedor principal */
  /* line 1486, ../sass/index.scss */
  .who_are_container {
    flex-direction: column;
  }

  /* Coloca el carrusel encima de las tabs */
  /* line 1491, ../sass/index.scss */
  .img-container {
    margin-bottom: 20px;
  }

  /* line 1495, ../sass/index.scss */
  #home:checked ~ .list label.home,
  #blog:checked ~ .list label.blog,
  #help:checked ~ .list label.help {
    color: #333;
  }

  /* line 1503, ../sass/index.scss */
  .tabs_container {
    padding: 20px 10px;
  }

  /* line 1507, ../sass/index.scss */
  .tabs_content {
    flex-direction: column;
  }

  /* line 1511, ../sass/index.scss */
  .tabs_content .list {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-right: 0;
    margin-bottom: 10%;
  }

  /* line 1519, ../sass/index.scss */
  .tabs_content .list label {
    flex: 1;
    height: auto;
    padding: 5px;
    font-size: 0.9rem;
    line-height: normal;
    text-align: center;
  }

  /* line 1528, ../sass/index.scss */
  .tabs_content .slider {
    height: 5px;
    width: calc(100% / 3);
    /* Ajusta según la cantidad de tabs */
    top: auto;
    bottom: 0;
  }

  /* line 1535, ../sass/index.scss */
  .tabs_content .text-content {
    width: 100%;
    height: auto;
  }

  /* line 1540, ../sass/index.scss */
  .tabs_content .text p {
    font-size: 0.9rem;
  }

  /* line 1544, ../sass/index.scss */
  .tabs_content .slider {
    background: transparent;
  }

  /*Section tabs with carousel  end 480*/
  /*Section activities begin 480*/
  /* line 1551, ../sass/index.scss */
  .activities_container {
    flex-direction: column;
    /* Apila los divs */
  }

  /* line 1555, ../sass/index.scss */
  .activities_text_left, .activities_text_right {
    width: 100%;
    text-align: center;
  }

  /* line 1560, ../sass/index.scss */
  .activities_text_right {
    padding-top: 15%;
  }

  /* line 1564, ../sass/index.scss */
  .activities_text_right p {
    font-size: 0.9rem;
  }

  /*Section activities end 480*/
  /*Section image with form begin 480*/
  /* line 1571, ../sass/index.scss */
  #register .register_container {
    flex-direction: column;
    align-items: center;
  }

  /* line 1576, ../sass/index.scss */
  #register .img-container {
    width: 100%;
    height: auto;
    margin: 2% 0;
  }

  /* line 1582, ../sass/index.scss */
  .form {
    width: 100%;
    margin: 0;
    padding: 1rem;
  }

  /* line 1588, ../sass/index.scss */
  .form_title {
    font-size: 1.2rem !important;
  }

  /* line 1592, ../sass/index.scss */
  .form_subtitle {
    font-size: 0.9rem;
  }

  /* line 1596, ../sass/index.scss */
  .form_inputs {
    gap: 1rem;
  }

  /* line 1600, ../sass/index.scss */
  .form_input {
    padding: 0.5rem 1rem;
  }

  /* line 1604, ../sass/index.scss */
  .form_submit {
    padding: 0.5rem 3rem;
    font-size: 1rem;
  }

  /*Section image with form end 480*/
  /*Section footer begin 480*/
  /* line 1611, ../sass/index.scss */
  .footer_logo img {
    width: 85%;
    margin: 0 auto;
  }

  /* line 1616, ../sass/index.scss */
  .box__footer {
    align-items: center;
    padding-top: 10px;
    padding-bottom: 30px;
    width: 100%;
    text-align: center;
  }

  /* line 1624, ../sass/index.scss */
  .box__footer .terms,
  .box__footer .privacity_text {
    text-align: center;
    margin: 0 auto;
    /* Asegura que el texto esté centrado */
    padding: 0 10%;
    /* Ajusta el padding para evitar el margen negativo */
  }

  /* line 1631, ../sass/index.scss */
  .box__footer a {
    font-size: 1.2rem;
    display: block;
    /* Asegura que cada enlace ocupe el 100% del ancho del contenedor */
    margin: 10px 0;
    /* Agrega un margen para separar los enlaces */
  }

  /* line 1637, ../sass/index.scss */
  .box__footer a .fab {
    font-size: 1rem;
  }

  /* line 1641, ../sass/index.scss */
  .box__copyright p {
    font-size: 0.7rem;
  }

  /* line 1645, ../sass/index.scss */
  .box__copyright hr {
    width: 95%;
  }

  /*Section footer end 480*/
}