@import url("https://necolas.github.io/normalize.css/latest/normalize.css");
@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&display=swap");
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}

html {
  font-size: 16px;
  font-family: 'Syne', sans-serif;
  padding: 0;
  margin: 0;
  color: #1D1D1D;
  background: #FFFFFF;
  background-color: #FFFFFF;
  letter-spacing: .03rem;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

a.button {
  display: inline-block;
  margin: 1.2rem 0;
  padding: 1rem 3rem;
  background: #EDEDED;
  border-radius: 1rem;
  font-weight: 505;
}

a.button.transparent {
  background: none;
}

a.button.black {
  background: #1D1D1D;
  color: #FFFFFF;
}

a.button.red {
  background: #F8DEE8;
  color: #CD135C;
}

img {
  border: none !important;
}

h1, h2, h3, h4, h5, p, span {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 4rem;
}

h1.title {
  display: block;
}

h1.title.centered {
  text-align: center;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 1.8rem;
}

h4 {
  font-size: 1.3rem;
}

h5, a {
  font-size: 1rem;
}

h1, h2, h3 {
  font-weight: 600;
}

h3.bold, h4.bold, h5.bold {
  font-weight: bold;
}

p, h4, h5 {
  font-weight: 400;
  text-align: justify;
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrapper nav, .wrapper section, .wrapper footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrapper nav .container, .wrapper section .container, .wrapper footer .container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.wrapper nav .container.flex, .wrapper section .container.flex, .wrapper footer .container.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0 1.6rem;
  max-width: 52rem;
}

.wrapper nav .container.flex.centered, .wrapper section .container.flex.centered, .wrapper footer .container.flex.centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper nav .container.flex.space-between, .wrapper section .container.flex.space-between, .wrapper footer .container.flex.space-between {
  -webkit-box-align: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.wrapper nav .container.team .member, .wrapper section .container.team .member, .wrapper footer .container.team .member {
  margin: 1.5rem;
  max-width: 13rem;
  width: 100%;
}

.wrapper nav .container.team .member .img, .wrapper section .container.team .member .img, .wrapper footer .container.team .member .img {
  width: 12rem;
  height: 12rem;
  margin: 0 auto 0.5rem auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.wrapper nav .container.team .member .info, .wrapper section .container.team .member .info, .wrapper footer .container.team .member .info {
  text-align: center;
}

.wrapper nav .container.team .member .info .name, .wrapper section .container.team .member .info .name, .wrapper footer .container.team .member .info .name {
  margin-bottom: .4rem;
}

.wrapper nav .container .card, .wrapper section .container .card, .wrapper footer .container .card {
  padding: 2.6rem;
  width: 48%;
  background: #EDEDED;
  border-radius: 1.2rem;
  margin-bottom: 2rem;
}

.wrapper nav .container .card.centered, .wrapper section .container .card.centered, .wrapper footer .container .card.centered {
  text-align: center;
}

.wrapper nav .container .card.orange, .wrapper section .container .card.orange, .wrapper footer .container .card.orange {
  background: #FCE6E1;
  color: #E64C26;
}

.wrapper nav .container .card.orange .button, .wrapper nav .container .card.orange .button:hover, .wrapper section .container .card.orange .button, .wrapper section .container .card.orange .button:hover, .wrapper footer .container .card.orange .button, .wrapper footer .container .card.orange .button:hover {
  background: #E64C26 !important;
  color: #FFFFFF !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wrapper nav .container .card h5, .wrapper section .container .card h5, .wrapper footer .container .card h5 {
  margin: 2rem 0;
}

.wrapper nav .container .card .button, .wrapper section .container .card .button, .wrapper footer .container .card .button {
  margin: 0;
  -webkit-box-shadow: inset 0 0 0 0.12rem #1D1D1D;
          box-shadow: inset 0 0 0 0.12rem #1D1D1D;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.wrapper nav .container .card .button:not(.soon):hover, .wrapper section .container .card .button:not(.soon):hover, .wrapper footer .container .card .button:not(.soon):hover {
  background: #1D1D1D;
  color: #FFFFFF;
}

.wrapper nav .container .card .button.soon, .wrapper section .container .card .button.soon, .wrapper footer .container .card .button.soon {
  opacity: .3;
  cursor: default;
}

.wrapper nav .container .event, .wrapper section .container .event, .wrapper footer .container .event {
  position: relative;
  display: block;
  width: 100%;
  max-width: 36rem;
  margin-top: 4rem;
  padding-top: 1.2rem;
}

.wrapper nav .container .event[event]::before, .wrapper section .container .event[event]::before, .wrapper footer .container .event[event]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2rem;
  width: .2rem;
  height: 100%;
  z-index: 1;
}

.wrapper nav .container .event[event].mainEvent, .wrapper section .container .event[event].mainEvent, .wrapper footer .container .event[event].mainEvent {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].mainEvent::after, .wrapper section .container .event[event].mainEvent::after, .wrapper footer .container .event[event].mainEvent::after {
  content: "EVENTO PRINCIPAL";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].monday, .wrapper section .container .event[event].monday, .wrapper footer .container .event[event].monday {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].monday::after, .wrapper section .container .event[event].monday::after, .wrapper footer .container .event[event].monday::after {
  content: "LUNES 02";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].tuesday, .wrapper section .container .event[event].tuesday, .wrapper footer .container .event[event].tuesday {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].tuesday::after, .wrapper section .container .event[event].tuesday::after, .wrapper footer .container .event[event].tuesday::after {
  content: "MARTES 03";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].wednesday, .wrapper section .container .event[event].wednesday, .wrapper footer .container .event[event].wednesday {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].wednesday::after, .wrapper section .container .event[event].wednesday::after, .wrapper footer .container .event[event].wednesday::after {
  content: "MIERCOLES 04";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].thursday, .wrapper section .container .event[event].thursday, .wrapper footer .container .event[event].thursday {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].thursday::after, .wrapper section .container .event[event].thursday::after, .wrapper footer .container .event[event].thursday::after {
  content: "JUEVES 05";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event][event="fest"]::before, .wrapper section .container .event[event][event="fest"]::before, .wrapper footer .container .event[event][event="fest"]::before {
  background-image: url("../img/gradient-v.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.wrapper nav .container .event[event][event="fest"] .button.live, .wrapper section .container .event[event][event="fest"] .button.live, .wrapper footer .container .event[event][event="fest"] .button.live {
  position: relative;
  background: #1D1D1D;
  background-image: url("../img/gradient.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1D1D1D;
  white-space: nowrap;
}

.wrapper nav .container .event[event][event="fest"] .button.live::before, .wrapper section .container .event[event][event="fest"] .button.live::before, .wrapper footer .container .event[event][event="fest"] .button.live::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/gradient.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: inherit;
  z-index: -1;
  opacity: .1;
}

.wrapper nav .container .event[event][event="music"]::before, .wrapper section .container .event[event][event="music"]::before, .wrapper footer .container .event[event][event="music"]::before {
  background: #793A8E;
}

.wrapper nav .container .event[event][event="music"]::after, .wrapper section .container .event[event][event="music"]::after, .wrapper footer .container .event[event][event="music"]::after {
  background: #ECE3EF;
  color: #793A8E;
}

.wrapper nav .container .event[event][event="fest"]::after, .wrapper section .container .event[event][event="fest"]::after, .wrapper footer .container .event[event][event="fest"]::after {
  background: url("../img/gradient.png");
  color: #FFFFFF;
}

.wrapper nav .container .event[event][event="music"] .button.live, .wrapper section .container .event[event][event="music"] .button.live, .wrapper footer .container .event[event][event="music"] .button.live {
  background: #ECE3EF;
  color: #793A8E;
}

.wrapper nav .container .event[event][event="games"]::before, .wrapper section .container .event[event][event="games"]::before, .wrapper footer .container .event[event][event="games"]::before {
  background: #CD135C;
}

.wrapper nav .container .event[event][event="games"]::after, .wrapper section .container .event[event][event="games"]::after, .wrapper footer .container .event[event][event="games"]::after {
  background: #F8DEE8;
  color: #CD135C;
}

.wrapper nav .container .event[event][event="games"] .button.live, .wrapper section .container .event[event][event="games"] .button.live, .wrapper footer .container .event[event][event="games"] .button.live {
  background: #F8DEE8;
  color: #CD135C;
}

.wrapper nav .container .event[event][event="art"]::before, .wrapper section .container .event[event][event="art"]::before, .wrapper footer .container .event[event][event="art"]::before {
  background: #E64C26;
}

.wrapper nav .container .event[event][event="art"]::after, .wrapper section .container .event[event][event="art"]::after, .wrapper footer .container .event[event][event="art"]::after {
  background: #FCE6E1;
  color: #E64C26;
}

.wrapper nav .container .event[event][event="art"] .button.live, .wrapper section .container .event[event][event="art"] .button.live, .wrapper footer .container .event[event][event="art"] .button.live {
  background: #FCE6E1;
  color: #E64C26;
}

.wrapper nav .container .event[event][event="journalism"]::before, .wrapper section .container .event[event][event="journalism"]::before, .wrapper footer .container .event[event][event="journalism"]::before {
  background: #F8B423;
}

.wrapper nav .container .event[event][event="journalism"]::after, .wrapper section .container .event[event][event="journalism"]::after, .wrapper footer .container .event[event][event="journalism"]::after {
  background: #FEF5E0;
  color: #F8B423;
}

.wrapper nav .container .event[event][event="journalism"] .button.live, .wrapper section .container .event[event][event="journalism"] .button.live, .wrapper footer .container .event[event][event="journalism"] .button.live {
  background: #FEF5E0;
  color: #F8B423;
}

.wrapper nav .container .event h5, .wrapper section .container .event h5, .wrapper footer .container .event h5 {
  padding-bottom: 0.6rem;
}

.wrapper nav .container .event .speakers, .wrapper section .container .event .speakers, .wrapper footer .container .event .speakers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.8rem 0 1.6rem 0;
}

.wrapper nav .container .event .speakers .images, .wrapper section .container .event .speakers .images, .wrapper footer .container .event .speakers .images {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.wrapper nav .container .event .speakers .images .img, .wrapper section .container .event .speakers .images .img, .wrapper footer .container .event .speakers .images .img {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 100%;
  background: #EDEDED;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-shadow: 0 0 0 0.3rem #FFFFFF;
          box-shadow: 0 0 0 0.3rem #FFFFFF;
}

.wrapper nav .container .event .speakers .names, .wrapper section .container .event .speakers .names, .wrapper footer .container .event .speakers .names {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 1rem;
}

.wrapper nav .container .event .speakers .names h5, .wrapper section .container .event .speakers .names h5, .wrapper footer .container .event .speakers .names h5 {
  padding: 0;
}

.wrapper nav.centered, .wrapper section.centered, .wrapper footer.centered {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.wrapper nav h2.section-title, .wrapper section h2.section-title, .wrapper footer h2.section-title {
  margin-bottom: 1rem;
  padding: 0 1.6rem;
}

.wrapper nav.sponsors a, .wrapper nav.hosts a, .wrapper section.sponsors a, .wrapper section.hosts a, .wrapper footer.sponsors a, .wrapper footer.hosts a {
  position: relative;
  display: inline-block;
  margin: 1.6rem;
}

.wrapper nav.sponsors a img, .wrapper nav.hosts a img, .wrapper section.sponsors a img, .wrapper section.hosts a img, .wrapper footer.sponsors a img, .wrapper footer.hosts a img {
  max-height: 3.6rem;
}

.wrapper section:not(.landing), .wrapper section:not(.footer) {
  padding: 6rem 0;
}

.wrapper section.topics {
  padding-top: 1rem;
}

.wrapper nav {
  position: absolute;
  top: 2.4rem;
  left: 6rem;
  width: calc(100vw - 12rem);
  height: 2.4rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.wrapper nav .logo {
  height: 2.4rem;
}

.wrapper nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wrapper nav ul:hover li {
  opacity: .6;
}

.wrapper nav ul li {
  display: inline-block;
  padding: 0 1.3rem;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  font-weight: 505;
}

.wrapper nav ul li:hover {
  opacity: 1;
}

.wrapper nav .menu {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 6rem;
  display: none;
}

.wrapper nav .menu:active ~ ul, .wrapper nav .menu:hover ~ ul {
  left: 0vw;
}

.wrapper nav .menu:active::before, .wrapper nav .menu:hover::before {
  top: 50%;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.wrapper nav .menu:active::after, .wrapper nav .menu:hover::after {
  bottom: 50%;
  -webkit-transform: rotateZ(-45deg);
          transform: rotateZ(-45deg);
}

.wrapper nav .menu::before, .wrapper nav .menu::after {
  content: "";
  position: absolute;
  width: 3rem;
  height: .12rem;
  background: #1D1D1D;
  right: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.wrapper nav .menu::before {
  top: 34%;
}

.wrapper nav .menu::after {
  bottom: 34%;
}

.wrapper .landing {
  min-height: 100vh;
}

.wrapper .landing h1 {
  margin: 6rem 0 2rem 0;
}

.wrapper .landing h1.title {
  background-image: url("../img/gradient.png");
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #1D1D1D;
  -webkit-animation: move 10s linear infinite;
          animation: move 10s linear infinite;
}

.wrapper .landing h1.title::before, .wrapper .landing h1.title::after {
  position: absolute;
  content: '';
}

.wrapper .landing h1.title::before {
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wrapper .landing h1.title::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  content: none;
}

.wrapper .landing h1.title .subtitle::before {
  content: attr(data-subtitle);
}

.wrapper .landing .button {
  padding: 1.2rem 3.6rem;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0 0 0 0.16rem #1D1D1D;
          box-shadow: inset 0 0 0 0.16rem #1D1D1D;
  font-weight: 505;
}

.wrapper .topics .container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.wrapper .topics .container div {
  width: 48%;
  padding: 2.4rem;
  margin-bottom: 12rem;
  background: #EDEDED;
  border-radius: 1rem;
  padding-top: 8rem;
  position: relative;
}

.wrapper .topics .container div::before {
  content: "";
  position: absolute;
  width: 12rem;
  height: 18rem;
  bottom: calc(100% - 4.5rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.wrapper .topics .container div h3 {
  margin-bottom: 1.3rem;
}

.wrapper .topics .container div h5 {
  mix-blend-mode: luminosity;
  opacity: .8;
}

.wrapper .topics .container div.music {
  background: #ECE3EF;
  margin-top: 4rem;
  margin-bottom: 0;
}

.wrapper .topics .container div.music h3 {
  color: #793A8E;
}

.wrapper .topics .container div.music::before {
  background-image: url("../img/icons/language.png");
}

.wrapper .topics .container div.games {
  background: #F8DEE8;
}

.wrapper .topics .container div.games h3 {
  color: #CD135C;
}

.wrapper .topics .container div.games::before {
  background-image: url("../img/icons/sports.png");
}

.wrapper .topics .container div.art {
  background: #FCE6E1;
  margin-bottom: 0;
  margin-top: -4rem;
}

.wrapper .topics .container div.art h3 {
  color: #E64C26;
}

.wrapper .topics .container div.art::before {
  background-image: url("../img/icons/workshop.png");
}

.wrapper .topics .container div.journalism {
  background: #FEF5E0;
  margin-top: 8rem;
}

.wrapper .topics .container div.journalism h3 {
  color: #F8B423;
}

.wrapper .topics .container div.journalism::before {
  background-image: url("../img/icons/design.png");
}

.wrapper .articles a.article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4rem;
}

.wrapper .articles a.article:last-child {
  margin-bottom: 0rem;
}

.wrapper .articles a.article img {
  width: 22rem;
  max-width: 100%;
  margin-right: 2rem;
  border-radius: .25rem;
}

.wrapper .articles a.article .body h5.source {
  margin-bottom: .5rem;
}

.wrapper .articles a.article .body h4 {
  margin-bottom: 1rem;
}

.wrapper .footer {
  background: #EDEDED;
  padding: 4rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.wrapper .footer h5 {
  display: block;
  text-align: center;
}

.wrapper .footer::after {
  position: relative;
  width: 100%;
  height: 2.4rem;
  background-image: url("../logos/inf.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.wrapper .footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 2.4rem;
}

.wrapper .footer .container h4 {
  margin-bottom: 0.6rem;
}

.wrapper .footer .container.social a {
  margin-left: 1.2rem;
}

.wrapper .footer .container.social a img {
  height: 1.2rem;
}

.wrapper .footer .container.social a:first-child {
  margin-left: 0;
}

.wrapper .footer .container div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 3.6rem;
}

.wrapper .footer .container div:first-child {
  margin-left: 0;
}

.wrapper .footer .container div a {
  margin-top: .6rem;
}

.container.team .member .img {
  width: 10rem !important;
  height: 10rem !important;
  border-radius: 5rem !important;
}

.container.team .member h5{
  text-align: center;
}

@media only screen and (max-width: 900px) {
  h1 {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.8rem;
  }
  h2.section-title {
    text-align: center;
  }
  .nav {
    left: 2.4rem !important;
    width: calc(100vw - 4.8rem) !important;
  }
  .nav ul {
    position: fixed;
    top: 4.8rem;
    left: 100vw;
    display: block;
    width: 100vw;
    height: 100vh !important;
    padding: 3rem 0 !important;
    background: #FFFFFF;
    z-index: 999;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
  }
  .nav ul::before {
    content: "";
    position: absolute;
    top: -4.8rem;
    right: 1.6rem;
    width: 8rem;
    height: 4.8rem;
  }
  .nav ul li {
    display: block !important;
    text-align: center;
    margin: 3rem 0 !important;
    font-size: 1.3rem;
  }
  .nav .menu {
    display: block !important;
  }
  .sponsors a, .hosts a {
    margin: 1rem !important;
  }
  .landing {
    min-height: 30vh !important;
  }
  .container .card {
    width: 100% !important;
  }
  .container .card a.button.small {
    padding: 1rem 2.4rem !important;
  }
  .container .event::before {
    left: -1.2rem !important;
  }
  .container.team .member {
    margin: 1rem !important;
    max-width: 10rem !important;
    width: 100% !important;
  }
  .container.team .member .img {
    width: 10rem !important;
    height: 10rem !important;
	border-radius: 5rem !important;
  }
  .container .event a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .topics {
    padding-top: 0 !important;
  }
  .topics .container div {
    padding: 1.8rem !important;
    padding-top: 8rem !important;
    width: 100% !important;
    margin-top: 12rem !important;
    margin-bottom: 0 !important;
  }
  .topics .container div h3 {
    font-size: 1.3rem;
  }
  .topics .container div h5 {
    font-size: 1rem;
  }
  .topics .container div.games {
    margin-top: 6rem !important;
  }
  .articles a.article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 8rem;
  }
  .articles a.article img {
    width: 100% !important;
    max-width: 36rem !important;
    margin-bottom: 1.2rem !important;
    margin-right: 0 !important;
  }
  .footer .sitemap {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .footer .sitemap div {
    margin-left: 0 !important;
    margin-bottom: 2.4rem;
  }
  .footer .sitemap div:last-child {
    margin-bottom: 0;
  }
  .footer h5 {
    margin: 0 2rem;
  }
	
  .video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
  .video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
}

/* 2023 */
/* 2023 Events */

.wrapper nav .container .event[event][event="newGames"]::before,
.wrapper section .container .event[event][event="newGames"]::before,
.wrapper footer .container .event[event][event="newGames"]::before {
  background: #264653;
}

.wrapper nav .container .event[event][event="newGames"]::after,
.wrapper section .container .event[event][event="newGames"]::after,
.wrapper footer .container .event[event][event="newGames"]::after {
  background: #26465331;
  color: #264653;
}

.wrapper nav .container .event[event][event="newGames"] .button.live,
.wrapper section .container .event[event][event="newGames"] .button.live,
.wrapper footer .container .event[event][event="newGames"] .button.live {
  background: #26465331;
  color: #264653;
}

.wrapper .topics .container div.newGames {
  background: #26465331;
}

.wrapper .topics .container div.newGames h3 {
  color: #264653;
}

.wrapper .topics .container div.newGames::before {
  background-image: url("../img/icons/2023-juegos.png");
}




.wrapper nav .container .event[event][event="newMuseos"]::before,
.wrapper section .container .event[event][event="newMuseos"]::before,
.wrapper footer .container .event[event][event="newMuseos"]::before {
  background: #2a9d8f;
}

.wrapper nav .container .event[event][event="newMuseos"]::after,
.wrapper section .container .event[event][event="newMuseos"]::after,
.wrapper footer .container .event[event][event="newMuseos"]::after {
  background: #2a9d9027;
  color: #2a9d8f;
}

.wrapper nav .container .event[event][event="newMuseos"] .button.live,
.wrapper section .container .event[event][event="newMuseos"] .button.live,
.wrapper footer .container .event[event][event="newMuseos"] .button.live {
  background: #2a9d9027;
  color: #2a9d8f;
}

.wrapper .topics .container div.newMuseos {
  background: #2a9d9027;
  margin-top: 8rem;
}

.wrapper .topics .container div.newMuseos h3 {
  color: #2a9d8f;
}

.wrapper .topics .container div.newMuseos::before {
  background-image: url("../img/icons/2023-museos.png");
}




.wrapper nav .container .event[event][event="newRobotica"]::before,
.wrapper section .container .event[event][event="newRobotica"]::before,
.wrapper footer .container .event[event][event="newRobotica"]::before {
  background: #e9c46a;
}

.wrapper nav .container .event[event][event="newRobotica"]::after,
.wrapper section .container .event[event][event="newRobotica"]::after,
.wrapper footer .container .event[event][event="newRobotica"]::after {
  background: #e9c56a2c;
  color: #e9c46a;
}

.wrapper nav .container .event[event][event="newRobotica"] .button.live,
.wrapper section .container .event[event][event="newRobotica"] .button.live,
.wrapper footer .container .event[event][event="newRobotica"] .button.live {
  background: #e9c56a2c;
  color: #e9c46a;
}

.wrapper .topics .container div.newRobotica {
  background: #e9c56a2c;
  margin-bottom: 0;
  margin-top: -4rem;
}

.wrapper .topics .container div.newRobotica h3 {
  color: #e9c46a;
}

.wrapper .topics .container div.newRobotica::before {
  background-image: url("../img/icons/ai-brain_2025.png");
}




.wrapper nav .container .event[event][event="newSalud"]::before,
.wrapper section .container .event[event][event="newSalud"]::before,
.wrapper footer .container .event[event][event="newSalud"]::before {
  background: #f4a261;
}

.wrapper nav .container .event[event][event="newSalud"]::after,
.wrapper section .container .event[event][event="newSalud"]::after,
.wrapper footer .container .event[event][event="newSalud"]::after {
  background: #f4a3613a;
  color: #f4a261;
}

.wrapper nav .container .event[event][event="newSalud"] .button.live,
.wrapper section .container .event[event][event="newSalud"] .button.live,
.wrapper footer .container .event[event][event="newSalud"] .button.live {
  background: #f4a3613a;
  color: #f4a261;
}

.wrapper .topics .container div.newSalud {
  background: #f4a3613a;
  margin-top: 4rem;
  margin-bottom: 0;
}

.wrapper .topics .container div.newSalud h3 {
  color: #f4a261;
}

.wrapper .topics .container div.newSalud::before {
  background-image: url("../img/icons/workshop.png");
}





.wrapper nav .container .event[event][event="newCine"]::before,
.wrapper section .container .event[event][event="newCine"]::before,
.wrapper footer .container .event[event][event="newCine"]::before {
  background: #e76f51;
}

.wrapper nav .container .event[event][event="newCine"]::after,
.wrapper section .container .event[event][event="newCine"]::after,
.wrapper footer .container .event[event][event="newCine"]::after {
  background: #e76f5154;
  color: #e76f51;
}

.wrapper nav .container .event[event][event="newCine"] .button.live,
.wrapper section .container .event[event][event="newCine"] .button.live,
.wrapper footer .container .event[event][event="newCine"] .button.live {
  background: #e76f5154;
  color: #e76f51;
}

.wrapper .topics .container div.newCine {
  background: #e76f5154;
  margin-top: 6rem;
}

.wrapper .topics .container div.newCine h3 {
  color: #e76f51;
}

.wrapper .topics .container div.newCine::before {
  background-image: url("../img/icons/2024-ciberseguridad.png");
}

/* Días 2023 */
.wrapper nav .container .event[event].newPrevia, .wrapper section .container .event[event].newPrevia, .wrapper footer .container .event[event].newPrevia {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newPrevia::after, .wrapper section .container .event[event].newPrevia::after, .wrapper footer .container .event[event].newLunes::after {
  content: "VIERNES 10";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].newLunes, .wrapper section .container .event[event].newLunes, .wrapper footer .container .event[event].newLunes {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newLunes::after, .wrapper section .container .event[event].newLunes::after, .wrapper footer .container .event[event].newLunes::after {
  content: "LUNES 13";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].newMartes, .wrapper section .container .event[event].newMartes, .wrapper footer .container .event[event].newMartes {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newMartes::after, .wrapper section .container .event[event].newMartes::after, .wrapper footer .container .event[event].newLunes::after {
  content: "MARTES 14";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].newMiercoles, .wrapper section .container .event[event].newMiercoles, .wrapper footer .container .event[event].newMiercoles {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newMiercoles::after, .wrapper section .container .event[event].newMiercoles::after, .wrapper footer .container .event[event].newLunes::after {
  content: "MIÉRCOLES 15";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].newJueves, .wrapper section .container .event[event].newJueves, .wrapper footer .container .event[event].newJueves {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newJueves::after, .wrapper section .container .event[event].newJueves::after, .wrapper footer .container .event[event].newLunes::after {
  content: "JUEVES 16";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].newViernes, .wrapper section .container .event[event].newViernes, .wrapper footer .container .event[event].newViernes {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].newViernes::after, .wrapper section .container .event[event].newViernes::after, .wrapper footer .container .event[event].newLunes::after {
  content: "VIERNES 17";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

/* Dias 2024 */
.wrapper nav .container .event[event].twentyThreeFirst, .wrapper section .container .event[event].twentyThreeFirst, .wrapper footer .container .event[event].twentyThreeFirst {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].twentyThreeFirst::after, .wrapper section .container .event[event].twentyThreeFirst::after, .wrapper footer .container .event[event].twentyThreeFirst::after {
  content: "JUEVES 6";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].twentyThreeSecond, .wrapper section .container .event[event].twentyThreeSecond, .wrapper footer .container .event[event].twentyThreeSecond {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].twentyThreeSecond::after, .wrapper section .container .event[event].twentyThreeSecond::after, .wrapper footer .container .event[event].twentyThreeSecond::after {
  content: "JUEVES 13";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].twentyThreeThird, .wrapper section .container .event[event].twentyThreeThird, .wrapper footer .container .event[event].twentyThreeThird {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].twentyThreeThird::after, .wrapper section .container .event[event].twentyThreeThird::after, .wrapper footer .container .event[event].twentyThreeThird::after {
  content: "JUEVES 20";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

.wrapper nav .container .event[event].twentyThreeFourth, .wrapper section .container .event[event].twentyThreeFourth, .wrapper footer .container .event[event].twentyThreeFourth {
  padding-top: 6rem;
}

.wrapper nav .container .event[event].twentyThreeFourth::after, .wrapper section .container .event[event].twentyThreeFourth::after, .wrapper footer .container .event[event].twentyThreeFourth::after {
  content: "JUEVES 27";
  font-weight: 700;
  position: absolute;
  top: 0;
  left: -2rem;
  padding: 1rem 2rem;
}

/** 2024 **/

.wrapper nav .container .event[event][event="ciber"]::before,
.wrapper section .container .event[event][event="ciber"]::before,
.wrapper footer .container .event[event][event="ciber"]::before {
  background: #67b643;
}

.wrapper nav .container .event[event][event="ciber"]::after,
.wrapper section .container .event[event][event="ciber"]::after,
.wrapper footer .container .event[event][event="ciber"]::after {
  background: #67b643;
  color: #466e33;
}

.wrapper nav .container .event[event][event="ciber"] .button.live,
.wrapper section .container .event[event][event="ciber"] .button.live,
.wrapper footer .container .event[event][event="ciber"] .button.live {
  background: #67b643;
  color: #466e33;
}

.wrapper .topics .container div.ciber {
  background: #67b643;
}

.wrapper .topics .container div.ciber h3 {
  color: #466e33;
}


.wrapper .topics .container div.ciber::before {
  background-image: url("../img/icons/2024-ciberseguridad.png");
}


.wrapper nav .container .event[event][event="fiction"]::before,
.wrapper section .container .event[event][event="fiction"]::before,
.wrapper footer .container .event[event][event="fiction"]::before {
  background: #cc6ea5;
}

.wrapper nav .container .event[event][event="fiction"]::after,
.wrapper section .container .event[event][event="fiction"]::after,
.wrapper footer .container .event[event][event="fiction"]::after {
  background: #cc6ea5;
  color: #9d2a6d;
}

.wrapper nav .container .event[event][event="fiction"] .button.live,
.wrapper section .container .event[event][event="fiction"] .button.live,
.wrapper footer .container .event[event][event="fiction"] .button.live {
  background: #cc6ea5;
  color: #9d2a6d;
}

.wrapper .topics .container div.fiction {
  background: #cc6ea5;
  margin-top: 2rem;
}

.wrapper .topics .container div.fiction h3 {
  color: #9d2a6d;
}

.wrapper .topics .container div.fiction::before {
  background-image: url("../img/icons/2024-ficcion.png");
}


.description{
  padding: 1rem;
  text-align: justify;
  display: none;
}

.biodata{
  text-align: justify;
  display: none;
}

.mas-info-desc{
  padding: 1rem;
  color: #CD135C;
  font-weight: bold;
}

.mas-info-bio{
  padding: 1rem;
  color: #CD135C;
  font-weight: bold;
}

/*# sourceMappingURL=styles.css.map */