@font-face {
  font-family: "FKScreamer Slanted";
  src: url("../../assets/fonts/FKScreamerLegacy-Slanted.otf");
  src: url("../../assets/fonts/FKScreamerLegacy-Slanted.ttf");
  src: url("../../assets/fonts/FKScreamerLegacy-Slanted.woff");
  src: url("../../assets/fonts/FKScreamerLegacy-Slanted.woff2");
}
@font-face {
  font-family: "FKScreamer Backslanted";
  src: url("../../assets/fonts/FKScreamerLegacy-Backslanted.otf");
  src: url("../../assets/fonts/FKScreamerLegacy-Backslanted.ttf");
  src: url("../../assets/fonts/FKScreamerLegacy-Backslanted.woff");
  src: url("../../assets/fonts/FKScreamerLegacy-Backslanted.woff2");
}
@font-face {
  font-family: "Inter Regular";
  src: url("../../assets/fonts/Inter-Regular.otf");
  src: url("../../assets/fonts/Inter-Regular.ttf");
  src: url("../../assets/fonts/Inter-Regular.woff");
  src: url("../../assets/fonts/Inter-Regular.woff2");
}
@font-face {
  font-family: "Inter Semibold";
  src: url("../../assets/fonts/Inter-Semibold.otf");
  src: url("../../assets/fonts/Inter-Semibold.ttf");
  src: url("../../assets/fonts/Inter-Semibold.woff");
  src: url("../../assets/fonts/Inter-Semibold.woff2");
}
:root {
  --background-color: $azul;
  --text-color: $rojo;
}

body {
  background-color: var(--background-color);
  margin: 0;
  overflow-x: hidden;
  padding: 0 1.5rem;
}

h1 {
  margin: 0;
}

h2 {
  font-family: "FKScreamer Backslanted";
  color: #1d1d1d;
  font-size: 6.5rem;
  line-height: 90%;
  margin: 0;
  padding-left: 1rem;
}

h3 {
  font-family: "FKScreamer Slanted";
  color: var(--text-color);
  font-size: 5.5rem;
  text-align: center;
  margin: 0;
  line-height: 90%;
  padding-left: 1rem;
}

h4 {
  font-family: "Inter Regular";
  font-size: 16px;
  color: var(--background-color);
  margin: 2rem 0 0 0;
}

p {
  margin: 0;
}

a {
  background: none;
  border: none;
  font-family: "Inter Semibold";
  font-size: 16px;
  color: #1d1d1d;
  text-decoration: none;
  padding: 8px 20px;
}

ul {
  padding: 0;
}

li {
  list-style: none;
  color: #FFFFFF;
  font-family: "Inter Semibold";
  font-size: 16px;
}

.text-center {
  text-align: center;
}

nav {
  width: 100%;
  z-index: 2;
  background-color: #FFFFFF;
  display: flex;
  position: fixed;
  left: 0;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px 8px 0;
  box-sizing: border-box;
}
@media (min-width: 900px) {
  nav #navBar {
    display: flex;
    flex-direction: row;
    gap: 7rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  nav #navBar .activeMenu {
    font-family: "Inter Semibold";
    font-size: 16px;
    color: #FFFFFF;
    background-color: #1d1d1d;
    border-radius: 4px;
    padding: 8px 20px;
  }
  nav #hamburguesa {
    display: none;
  }
}
@media (max-width: 900px) {
  nav #navBar {
    display: none;
  }
  nav #hamburguesa {
    background: none;
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    right: 0;
    padding-right: 20px;
  }
}
nav .menuLateral {
  z-index: 2;
  position: fixed;
  top: 0;
  right: -100%;
  background-color: #FFFFFF;
  width: 19rem;
  height: 100%;
  display: block;
  transition: right 0.3s ease;
}
nav .menuLateral.active {
  right: 0;
}
nav .menuLateral #exitMenu {
  padding-top: 20px;
  padding-right: 20px;
  border: none;
  background: none;
  width: 100%;
  display: flex;
  align-items: right;
  justify-content: right;
}
nav .menuLateral .navLat {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: left;
  margin: 0;
  margin-top: 1rem;
  gap: 20px;
}
nav .menuLateral .navLat #aboutLat,
nav .menuLateral .navLat #editionsLat,
nav .menuLateral .navLat #artistsLat {
  display: flex;
  justify-content: left;
  font-family: "Inter Semibold";
  font-size: 16px;
  border: none;
  background: none;
}

#about {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#about .header {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  padding-top: 6.25rem;
}
@media (max-width: 800px) {
  #about .header {
    flex-direction: column-reverse;
    gap: 2rem;
  }
}
#about .header h1 svg {
  fill: var(--text-color);
  margin: 0;
  width: 100%;
  height: auto;
}
#about .header .img-inclinada {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}
#about .header .img-inclinada:hover {
  filter: grayscale(0%);
}
#about .text-about {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Inter Regular";
  font-size: 20px;
  padding: 4rem 0;
  max-width: 90rem;
}
#about .text-about p {
  width: 70%;
}
@media (max-width: 800px) {
  #about .text-about p {
    width: 100%;
    text-align: left;
  }
}

#ediciones h2 {
  padding-bottom: 2rem;
}

#ediciones {
  padding: 0 15%;
}
@media (max-width: 800px) {
  #ediciones {
    padding: 0 0;
  }
}

.ediciones {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 1rem 2rem;
  width: 100%;
}
.ediciones .ediciones article {
  flex: 1 1 calc(20% - 1rem);
  display: flex;
  flex-direction: column;
}
@media (max-width: 820px) {
  .ediciones .ediciones article {
    flex: 1 1 calc(25% - 1rem);
  }
}
@media (max-width: 680px) {
  .ediciones .ediciones article {
    flex: 1 1 calc(33.333% - 1rem);
  }
}
@media (max-width: 500px) {
  .ediciones .ediciones article {
    flex: 1 1 calc(50% - 1rem);
  }
}
.ediciones .default2019,
.ediciones .default2018,
.ediciones .default2017,
.ediciones .default2016,
.ediciones .default2015,
.ediciones .default2014,
.ediciones .default2013,
.ediciones .default2012,
.ediciones .default2011,
.ediciones .default2010 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  cursor: pointer;
}
.ediciones .default2019:hover h3,
.ediciones .default2018:hover h3,
.ediciones .default2017:hover h3,
.ediciones .default2016:hover h3,
.ediciones .default2015:hover h3,
.ediciones .default2014:hover h3,
.ediciones .default2013:hover h3,
.ediciones .default2012:hover h3,
.ediciones .default2011:hover h3,
.ediciones .default2010:hover h3 {
  color: #1d1d1d;
}
.ediciones .default2019:hover img,
.ediciones .default2018:hover img,
.ediciones .default2017:hover img,
.ediciones .default2016:hover img,
.ediciones .default2015:hover img,
.ediciones .default2014:hover img,
.ediciones .default2013:hover img,
.ediciones .default2012:hover img,
.ediciones .default2011:hover img,
.ediciones .default2010:hover img {
  filter: grayscale(100%);
}
.ediciones .default2019 h3,
.ediciones .default2018 h3,
.ediciones .default2017 h3,
.ediciones .default2016 h3,
.ediciones .default2015 h3,
.ediciones .default2014 h3,
.ediciones .default2013 h3,
.ediciones .default2012 h3,
.ediciones .default2011 h3,
.ediciones .default2010 h3 {
  color: var(--text-color);
  transition: color 0.3s ease-in-out;
}
.ediciones .default2019 h3,
.ediciones .default2018 h3,
.ediciones .default2017 h3,
.ediciones .default2016 h3,
.ediciones .default2015 h3 {
  font-family: "FKScreamer Backslanted";
}
.ediciones .more2019,
.ediciones .more2018,
.ediciones .more2017,
.ediciones .more2016,
.ediciones .more2015,
.ediciones .more2014,
.ediciones .more2013,
.ediciones .more2012,
.ediciones .more2011,
.ediciones .more2010 {
  background-color: #1d1d1d;
  border-radius: 32px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}
.ediciones .more2019 .closeBtn,
.ediciones .more2018 .closeBtn,
.ediciones .more2017 .closeBtn,
.ediciones .more2016 .closeBtn,
.ediciones .more2015 .closeBtn,
.ediciones .more2014 .closeBtn,
.ediciones .more2013 .closeBtn,
.ediciones .more2012 .closeBtn,
.ediciones .more2011 .closeBtn,
.ediciones .more2010 .closeBtn {
  width: 100%;
  background-color: inherit;
  border: none;
  padding: 0;
  position: relative;
}
.ediciones .more2019 .closeBtn .close-icon,
.ediciones .more2018 .closeBtn .close-icon,
.ediciones .more2017 .closeBtn .close-icon,
.ediciones .more2016 .closeBtn .close-icon,
.ediciones .more2015 .closeBtn .close-icon,
.ediciones .more2014 .closeBtn .close-icon,
.ediciones .more2013 .closeBtn .close-icon,
.ediciones .more2012 .closeBtn .close-icon,
.ediciones .more2011 .closeBtn .close-icon,
.ediciones .more2010 .closeBtn .close-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.ediciones .more2019 .closeBtn h3,
.ediciones .more2018 .closeBtn h3,
.ediciones .more2017 .closeBtn h3,
.ediciones .more2016 .closeBtn h3,
.ediciones .more2015 .closeBtn h3,
.ediciones .more2014 .closeBtn h3,
.ediciones .more2013 .closeBtn h3,
.ediciones .more2012 .closeBtn h3,
.ediciones .more2011 .closeBtn h3,
.ediciones .more2010 .closeBtn h3 {
  color: var(--background-color);
}
.ediciones .more2019 .closeBtn .musica, .ediciones .more2019 .closeBtn .jornadasTematicas, .ediciones .more2019 .closeBtn .artesEscenicas,
.ediciones .more2018 .closeBtn .musica,
.ediciones .more2018 .closeBtn .jornadasTematicas,
.ediciones .more2018 .closeBtn .artesEscenicas,
.ediciones .more2017 .closeBtn .musica,
.ediciones .more2017 .closeBtn .jornadasTematicas,
.ediciones .more2017 .closeBtn .artesEscenicas,
.ediciones .more2016 .closeBtn .musica,
.ediciones .more2016 .closeBtn .jornadasTematicas,
.ediciones .more2016 .closeBtn .artesEscenicas,
.ediciones .more2015 .closeBtn .musica,
.ediciones .more2015 .closeBtn .jornadasTematicas,
.ediciones .more2015 .closeBtn .artesEscenicas,
.ediciones .more2014 .closeBtn .musica,
.ediciones .more2014 .closeBtn .jornadasTematicas,
.ediciones .more2014 .closeBtn .artesEscenicas,
.ediciones .more2013 .closeBtn .musica,
.ediciones .more2013 .closeBtn .jornadasTematicas,
.ediciones .more2013 .closeBtn .artesEscenicas,
.ediciones .more2012 .closeBtn .musica,
.ediciones .more2012 .closeBtn .jornadasTematicas,
.ediciones .more2012 .closeBtn .artesEscenicas,
.ediciones .more2011 .closeBtn .musica,
.ediciones .more2011 .closeBtn .jornadasTematicas,
.ediciones .more2011 .closeBtn .artesEscenicas,
.ediciones .more2010 .closeBtn .musica,
.ediciones .more2010 .closeBtn .jornadasTematicas,
.ediciones .more2010 .closeBtn .artesEscenicas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  padding: 0;
  color: #FFFFFF;
}
.ediciones .more2019 .closeBtn .otros,
.ediciones .more2018 .closeBtn .otros,
.ediciones .more2017 .closeBtn .otros,
.ediciones .more2016 .closeBtn .otros,
.ediciones .more2015 .closeBtn .otros,
.ediciones .more2014 .closeBtn .otros,
.ediciones .more2013 .closeBtn .otros,
.ediciones .more2012 .closeBtn .otros,
.ediciones .more2011 .closeBtn .otros,
.ediciones .more2010 .closeBtn .otros {
  font-family: "Inter Semibold";
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
  color: #FFFFFF;
}
.ediciones .more2019 .closeBtn iframe,
.ediciones .more2018 .closeBtn iframe,
.ediciones .more2017 .closeBtn iframe,
.ediciones .more2016 .closeBtn iframe,
.ediciones .more2015 .closeBtn iframe,
.ediciones .more2014 .closeBtn iframe,
.ediciones .more2013 .closeBtn iframe,
.ediciones .more2012 .closeBtn iframe,
.ediciones .more2011 .closeBtn iframe,
.ediciones .more2010 .closeBtn iframe {
  border-radius: 16px;
  margin-top: 2rem;
}
@media (max-width: 720px) {
  .ediciones .more2019 .closeBtn iframe,
  .ediciones .more2018 .closeBtn iframe,
  .ediciones .more2017 .closeBtn iframe,
  .ediciones .more2016 .closeBtn iframe,
  .ediciones .more2015 .closeBtn iframe,
  .ediciones .more2014 .closeBtn iframe,
  .ediciones .more2013 .closeBtn iframe,
  .ediciones .more2012 .closeBtn iframe,
  .ediciones .more2011 .closeBtn iframe,
  .ediciones .more2010 .closeBtn iframe {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1140px) {
  .ediciones .default2019 h3,
  .ediciones .default2018 h3,
  .ediciones .default2017 h3,
  .ediciones .default2016 h3,
  .ediciones .default2011 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2015 h3,
  .ediciones .default2014 h3,
  .ediciones .default2013 h3,
  .ediciones .default2012 h3 {
    font-family: "FKScreamer Backslanted";
  }
}
@media (max-width: 915px) {
  .ediciones .default2019 h3,
  .ediciones .default2018 h3,
  .ediciones .default2017 h3,
  .ediciones .default2013 h3,
  .ediciones .default2012 h3,
  .ediciones .default2011 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2016 h3,
  .ediciones .default2015 h3,
  .ediciones .default2014 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Backslanted";
  }
}
@media (max-width: 800px) {
  .ediciones .default2019 h3,
  .ediciones .default2018 h3,
  .ediciones .default2017 h3,
  .ediciones .default2016 h3,
  .ediciones .default2011 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2015 h3,
  .ediciones .default2014 h3,
  .ediciones .default2013 h3,
  .ediciones .default2012 h3 {
    font-family: "FKScreamer Backslanted";
  }
}
@media (max-width: 654px) {
  .ediciones .default2019 h3,
  .ediciones .default2018 h3,
  .ediciones .default2017 h3,
  .ediciones .default2013 h3,
  .ediciones .default2012 h3,
  .ediciones .default2011 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2016 h3,
  .ediciones .default2015 h3,
  .ediciones .default2014 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Backslanted";
  }
}
@media (max-width: 490px) {
  .ediciones .default2019 h3,
  .ediciones .default2018 h3,
  .ediciones .default2015 h3,
  .ediciones .default2014 h3,
  .ediciones .default2011 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2017 h3,
  .ediciones .default2016 h3,
  .ediciones .default2013 h3,
  .ediciones .default2012 h3 {
    font-family: "FKScreamer Backslanted";
  }
}
@media (max-width: 330px) {
  .ediciones .default2019 h3,
  .ediciones .default2017 h3,
  .ediciones .default2015 h3,
  .ediciones .default2013 h3,
  .ediciones .default2011 h3 {
    font-family: "FKScreamer Slanted";
  }
  .ediciones .default2018 h3,
  .ediciones .default2016 h3,
  .ediciones .default2014 h3,
  .ediciones .default2012 h3,
  .ediciones .default2010 h3 {
    font-family: "FKScreamer Backslanted";
  }
}

#artistas {
  margin: 4rem 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 15%;
}
@media (max-width: 800px) {
  #artistas {
    padding: 0 0;
  }
}
#artistas h2 {
  display: flex;
  justify-content: left;
  width: 100%;
  gap: 1.5rem;
}
@media (max-width: 650px) {
  #artistas h2 {
    flex-direction: column;
    gap: 0;
  }
  #artistas h2 span {
    font-family: "FKScreamer Slanted";
    display: flex;
    justify-content: right;
  }
}
#artistas #lista-artistas {
  width: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem 1rem;
  padding-top: 2rem;
}
@media (max-width: 652px) {
  #artistas #lista-artistas {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#artistas #lista-artistas .grupo-artistas {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  line-height: 80%;
  gap: 1rem 1rem;
}
#artistas #lista-artistas .grupo-artistas:nth-child(odd) {
  justify-content: flex-start;
}
#artistas #lista-artistas .grupo-artistas:nth-child(odd) li {
  font-family: "FKScreamer Backslanted";
}
@media (min-width: 740px) {
  #artistas #lista-artistas .grupo-artistas:nth-child(odd) {
    justify-content: flex-end;
  }
  #artistas #lista-artistas .grupo-artistas:nth-child(odd) li {
    font-family: "FKScreamer Slanted";
  }
}
#artistas #lista-artistas .grupo-artistas:nth-child(even) {
  justify-content: flex-end;
}
#artistas #lista-artistas .grupo-artistas:nth-child(even) li {
  font-family: "FKScreamer Slanted";
}
@media (min-width: 740px) {
  #artistas #lista-artistas .grupo-artistas:nth-child(even) {
    justify-content: flex-start;
  }
  #artistas #lista-artistas .grupo-artistas:nth-child(even) li {
    font-family: "FKScreamer Backslanted";
  }
}
#artistas #lista-artistas li {
  font-family: "FKScreamer Slanted";
  font-size: 3em;
  text-transform: uppercase;
  margin-right: 20px;
  line-height: 80%;
  box-sizing: border-box;
}
#artistas #lista-artistas li:nth-child(odd) {
  color: var(--text-color);
}
#artistas #lista-artistas li:nth-child(even) {
  color: #1d1d1d;
}
@media (max-width: 1230px) {
  #artistas #lista-artistas .hide-first {
    display: none;
  }
}
@media (max-width: 1000px) {
  #artistas #lista-artistas .hide-first,
  #artistas #lista-artistas .hide-second {
    display: none;
  }
}
@media (max-width: 800px) {
  #artistas #lista-artistas .hide-second {
    display: block;
  }
}
@media (max-width: 652px) {
  #artistas #lista-artistas .hide-first, #artistas #lista-artistas .hide-second {
    display: block;
  }
}
#artistas .btn-rounded {
  font-family: "Inter Regular";
  font-size: 16px;
  background-color: var(--text-color);
  color: #FFFFFF;
  border: none;
  border-radius: 50rem;
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  transition: color 0.3s ease-in-out;
}
#artistas .btn-rounded:hover {
  background-color: #1d1d1d;
}
#artistas #all-artists {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  display: none;
}
#artistas #all-artists #all-artists-extended {
  width: 100%;
  display: flex;
  align-content: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 1.5rem;
  border-radius: 32px;
  background-color: #1d1d1d;
  font-family: "Inter Regular";
  font-size: 16px;
}
#artistas #all-artists #all-artists-extended li:nth-child(odd) {
  color: #FFFFFF;
}
#artistas #all-artists #all-artists-extended li:nth-child(even) {
  color: var(--background-color);
}

#footer {
  margin: -1.5rem;
  padding: 2rem 1.5rem;
  background-color: #1d1d1d;
}
#footer .logo-footer {
  width: 100%;
  height: auto;
  fill: var(--background-color);
}
#footer .rrss {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding-top: 2rem;
}
#footer .rrss .facebook,
#footer .rrss .instagram,
#footer .rrss .spotify {
  border-radius: 4rem;
  fill: var(--background-color);
}
#footer .links {
  margin-top: 1rem;
  font-family: "Inter Regular";
  font-size: 12px;
  color: #FFFFFF;
  text-decoration: underline;
}
#footer .links ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0;
}
#footer .links ul li a {
  font-family: "Inter Regular";
  font-size: 12px;
  color: #FFFFFF;
  line-height: 2;
  color: #FFFFFF;
  padding: 0;
}
#footer .copyright {
  font-family: "Inter Regular";
  font-size: 12px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
}
#footer .webCI a {
  text-decoration: none;
  padding-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
#footer .webCI a span {
  font-family: "Inter Regular";
  font-size: 16px;
  color: #FFFFFF;
}

@media (min-width: 800px) {
  #footer {
    display: grid;
    grid-template-columns: 40% 30% 30%;
    gap: 1rem;
  }
  #footer .rrss {
    justify-content: center;
    padding: 0;
    height: 32px;
    gap: 3rem;
  }
  #footer .rrss a {
    padding: 0;
  }
  #footer .links {
    margin: 0;
  }
  #footer .links ul {
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
  }
  #footer .links ul li {
    padding: 0;
    width: fit-content;
  }
  #footer .copyright p {
    text-align: left;
  }
  #footer .webCI {
    display: flex;
    justify-content: center;
  }
  #footer .webCI a {
    justify-content: flex-start;
    padding: 0;
  }
}/*# sourceMappingURL=styles.css.map */