@charset "UTF-8";
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Fuentes
3.0 VARIABLES
4.0 btns
5.0 GENERAL
6.0 COLORES


--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  clear: both; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a, a:hover {
  color: inherit;
  text-decoration: none; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

/*para ocultar texto y que lo lean los lectores de no videntes*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*para eliminar los float*/
header, section, footer, aside {
  clear: both; }

/*imagen al 100% de ancho responsive*/
.image-responsive {
  width: 100%;
  height: auto; }

/*input al 100%*/
input, select {
  display: block;
  width: 100%; }

/*elimina el diseño por defecto en el iphone*/
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 0; }

button {
  border: none;
  background-color: transparent; }

/*--------------------------------------------------------------
2.0 Fuentes
--------------------------------------------------------------*/
@font-face {
  font-family: 'Grange';
  src: url("../../fonts/Grange.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Knockout HTF27-JuniorBantamwt';
  src: url("../../fonts/knockout-htf27-juniorbantamwt.ttf") format("truetype"); }
@font-face {
  font-family: 'Bebas Neue';
  src: url("../fonts/bebasneue-thin.eot");
  src: url("../fonts/bebasneue-thin.woff") format("woff"), url("../fonts/bebasneue-thin.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
/*--------------------------------------------------------------
3.0 variables
--------------------------------------------------------------*/
/*FUENTES*/
/*COLORES*/
/*--------------------------------------------------------------
4.0 btns
--------------------------------------------------------------*/
/*FUENTES*/
/*COLORES*/
.violeta .artista.fresa-kill {
  grid-row-start: 3;
  grid-row-end: 4; }
.violeta .artista.amazonas-crew {
  grid-row-start: 4;
  grid-row-end: 5;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.femme-dargent {
  grid-row-start: 6;
  grid-row-end: 7;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.ibiza-pareo {
  grid-row-start: 8;
  grid-row-end: 9;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.she-devils {
  grid-row-start: 10;
  grid-row-end: 12;
  margin-top: 3%;
  margin-bottom: 3%; }
.violeta .artista.anita-tijoux {
  grid-row-start: 13;
  grid-row-end: 15;
  margin-top: 0%;
  margin-bottom: 5%; }
.violeta .artista.marilina {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 16;
  grid-row-end: 19;
  margin-top: 9%;
  margin-bottom: 4%; }
.violeta .artista.miss-bolivia {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 20;
  grid-row-end: 22;
  margin-top: 0%;
  margin-bottom: 0%; }

.verde .artista.hienas {
  grid-row-start: 5;
  grid-row-end: 6;
  margin-top: 3%;
  margin-bottom: -5%; }
.verde .artista.las-ex {
  grid-row-start: 7;
  grid-row-end: 8;
  margin-top: 3%;
  margin-bottom: -3%; }
.verde .artista.bimbo-custodio {
  grid-row-start: 8;
  grid-row-end: 10;
  margin-top: 4%;
  margin-bottom: -3%; }
.verde .artista.misssil {
  grid-row-start: 12;
  grid-row-end: 13;
  margin-top: -3%;
  margin-bottom: 0.5%; }
.verde .artista.mami {
  grid-row-start: 13;
  grid-row-end: 15;
  margin-top: 1%;
  margin-bottom: 5%; }
.verde .artista.sara-hebe {
  grid-row-start: 15;
  grid-row-end: 17;
  margin-top: 3%;
  margin-bottom: 3%; }
.verde .artista.ms-nina {
  grid-row-start: 19;
  grid-row-end: 20;
  margin-top: -5%;
  margin-bottom: 0%; }
.verde .artista.color {
  grid-row-start: 20;
  grid-row-end: 22;
  margin-top: 1%;
  margin-bottom: 1%; }
.verde .artista.kumbia-queers {
  grid-row-start: 22;
  grid-row-end: 24;
  margin-top: 1%;
  margin-bottom: 4%; }

.sofar .artista.panoramicas {
  grid-row-start: 5;
  grid-row-end: 6;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.piba-berreta {
  grid-row-start: 7;
  grid-row-end: 8;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.agua-florida {
  grid-row-start: 9;
  grid-row-end: 10;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.html {
  grid-row-start: 12;
  grid-row-end: 13;
  margin-top: -3%;
  margin-bottom: 3%; }

.teatro .artista.bimbotiquin {
  grid-row-start: 1;
  grid-row-end: 3;
  margin-top: 1%;
  margin-bottom: 4%; }
.teatro .artista.ofelia-fernandez {
  grid-row-start: 4;
  grid-row-end: 7;
  margin-top: 10%;
  margin-bottom: 5%; }

.sum .artista.autodefensa {
  grid-row-start: 2;
  grid-row-end: 3;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.twerk {
  grid-row-start: 4;
  grid-row-end: 5;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.autodefensa2 {
  grid-row-start: 6;
  grid-row-end: 7;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.twerk2 {
  grid-row-start: 8;
  grid-row-end: 9;
  margin-top: 1%;
  margin-bottom: 1%; }

/*--------------------------------------------------------------
5.0 General
--------------------------------------------------------------*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  background: #262524; }

.wrapper {
  margin: 0 auto;
  padding: 0;
  /* max-width = min-width de mediaqueries para XL screens  */
  max-width: 768px; }

.wrapper h1,
.wrapper h2,
.wrapper h3,
.wrapper h4,
.wrapper h5,
.wrapper h6 {
  margin: 0;
  letter-spacing: 1px; }

.wrapper header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  color: whitesmoke; }
  .wrapper header img {
    margin: 5vw 0;
    width: 70vw;
    max-width: 326px; }
.wrapper main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 4vw 0 0; }
  .wrapper main #customDots {
    width: 100%;
    margin: 0 0 10vw; }
    .wrapper main #customDots .slick-dots {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 100%;
      height: 20vw; }
      .wrapper main #customDots .slick-dots li {
        display: flex;
        justify-content: center;
        width: 20%;
        border-bottom: 5px solid #F4B400; }
        .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(1) {
          border-bottom-color: #566CCB; }
          .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(1) .tab {
            color: #566CCB; }
        .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(2) {
          border-bottom-color: #00934D; }
          .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(2) .tab {
            color: #00934D; }
        .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(3) {
          border-bottom-color: #FE4A64; }
          .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(3) .tab {
            color: #FE4A64; }
        .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(4) {
          border-bottom-color: #72CCBD; }
          .wrapper main #customDots .slick-dots li.slick-active:nth-of-type(4) .tab {
            color: #72CCBD; }
        .wrapper main #customDots .slick-dots li .tab {
          color: #F4B400;
          font-family: 'Lobster', serif;
          font-size: 3.86vw;
          text-align: center;
          min-height: 13vw; }
          .wrapper main #customDots .slick-dots li .tab span {
            display: block;
            font-size: 75%; }
  .wrapper main #horas-grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 11vw;
    justify-items: end;
    width: 19vw; }
    .wrapper main #horas-grid .hour span {
      font-family: "Open Sans", sans-serif;
      font-weight: bold;
      position: relative;
      width: 100%;
      overflow-x: hidden; }
      .wrapper main #horas-grid .hour span.purple {
        color: #566CCB;
        font-size: 2.4vw;
        position: relative;
        top: -2.1vw; }
        .wrapper main #horas-grid .hour span.purple::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 10vw;
          width: 64vw;
          height: 1px;
          border-bottom: 3px dotted #F4B400; }
      .wrapper main #horas-grid .hour span.maize {
        color: #F4B400;
        font-size: 3.86vw;
        position: relative;
        top: -3vw; }
        .wrapper main #horas-grid .hour span.maize::after {
          content: '';
          position: absolute;
          top: 50%;
          left: 14vw;
          width: 70vw;
          border-bottom: 5px dashed #F4B400; }
  .wrapper main #schedule {
    width: 75vw; }
    .wrapper main #schedule .escenario.violeta .artista {
      background: #566CCB; }
    .wrapper main #schedule .escenario.verde .artista {
      background: #00934D; }
    .wrapper main #schedule .escenario.sofar .artista {
      background: #FE4A64; }
    .wrapper main #schedule .escenario.teatro .artista {
      background: #72CCBD; }
      .wrapper main #schedule .escenario.teatro .artista p {
        color: #262524; }
    .wrapper main #schedule .escenario.sum .artista {
      background: #F4B400; }
      .wrapper main #schedule .escenario.sum .artista p {
        color: #262524; }
    .wrapper main #schedule .escenario > .escenario-grid {
      display: grid;
      grid-template-columns: 1fr;
      grid-template-rows: repeat(24, 11vw); }
      .wrapper main #schedule .escenario > .escenario-grid .artista {
        color: white;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        width: 60vw;
        padding: 0 4.8vw;
        z-index: 5; }
        .wrapper main #schedule .escenario > .escenario-grid .artista .nombre p {
          font-family: 'Oswald';
          font-size: 4vw;
          text-transform: uppercase;
          white-space: nowrap; }
        .wrapper main #schedule .escenario > .escenario-grid .artista .horario {
          font-family: 'Open Sans', sans-serif;
          color: white;
          font-size: 3.38vw;
          white-space: nowrap; }
.wrapper footer {
  display: flex;
  justify-content: center;
  align-items: center; }
  .wrapper footer img {
    width: 85%;
    margin: 5vw 0;
    max-width: 326px; }

@media screen and (min-width: 768px) {
  .wrapper header img {
    margin: calc( 768px / 100 * 5) 0;
    width: calc( 768px / 100 * 70); }
  .wrapper main {
    margin: calc( 768px / 100 * 4) 0 0; }
    .wrapper main #customDots {
      margin: 0 0 calc( 768px / 100 * 10); }
      .wrapper main #customDots .slick-dots {
        width: 100%;
        height: calc( 768px / 100 * 20); }
        .wrapper main #customDots .slick-dots li .tab {
          font-size: calc( 768px / 100 * 3.86);
          min-height: calc( 768px / 100 * 13); }
    .wrapper main #horas-grid {
      grid-auto-rows: calc( 768px / 100 * 11);
      width: calc( 768px / 100 * 19); }
      .wrapper main #horas-grid .hour span.purple {
        font-size: calc( 768px / 100 * 2.4);
        top: calc( 768px / 100 * -2.1); }
        .wrapper main #horas-grid .hour span.purple::after {
          left: calc( 768px / 100 * 10);
          width: calc( 768px / 100 * 64); }
      .wrapper main #horas-grid .hour span.maize {
        font-size: calc( 768px / 100 * 3.86);
        top: calc( 768px / 100 * -3); }
        .wrapper main #horas-grid .hour span.maize::after {
          left: calc( 768px / 100 * 14);
          width: calc( 768px / 100 * 70); }
    .wrapper main #schedule {
      width: calc( 768px / 100 * 75); }
      .wrapper main #schedule .escenario > .escenario-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(24, calc( 768px / 100 * 11)); }
        .wrapper main #schedule .escenario > .escenario-grid .artista {
          width: calc( 768px / 100 * 60);
          padding: 0 calc( 768px / 100 * 4.8); }
          .wrapper main #schedule .escenario > .escenario-grid .artista .nombre p {
            font-size: calc( 768px / 100 * 4); }
          .wrapper main #schedule .escenario > .escenario-grid .artista .horario {
            font-size: calc( 768px / 100 * 3.38); }
  .wrapper footer img {
    margin: calc( 768px / 100 * 5) 0; } }
.violeta .artista.fresa-kill {
  grid-row-start: 3;
  grid-row-end: 4; }
.violeta .artista.amazonas-crew {
  grid-row-start: 4;
  grid-row-end: 5;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.femme-dargent {
  grid-row-start: 6;
  grid-row-end: 7;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.ibiza-pareo {
  grid-row-start: 8;
  grid-row-end: 9;
  margin-top: 3%;
  margin-bottom: -3%; }
.violeta .artista.she-devils {
  grid-row-start: 10;
  grid-row-end: 12;
  margin-top: 3%;
  margin-bottom: 3%; }
.violeta .artista.anita-tijoux {
  grid-row-start: 13;
  grid-row-end: 15;
  margin-top: 0%;
  margin-bottom: 5%; }
.violeta .artista.marilina {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 16;
  grid-row-end: 19;
  margin-top: 9%;
  margin-bottom: 4%; }
.violeta .artista.miss-bolivia {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 20;
  grid-row-end: 22;
  margin-top: 0%;
  margin-bottom: 0%; }

.verde .artista.hienas {
  grid-row-start: 5;
  grid-row-end: 6;
  margin-top: 3%;
  margin-bottom: -5%; }
.verde .artista.las-ex {
  grid-row-start: 7;
  grid-row-end: 8;
  margin-top: 3%;
  margin-bottom: -3%; }
.verde .artista.bimbo-custodio {
  grid-row-start: 8;
  grid-row-end: 10;
  margin-top: 4%;
  margin-bottom: -3%; }
.verde .artista.misssil {
  grid-row-start: 12;
  grid-row-end: 13;
  margin-top: -3%;
  margin-bottom: 0.5%; }
.verde .artista.mami {
  grid-row-start: 13;
  grid-row-end: 15;
  margin-top: 1%;
  margin-bottom: 5%; }
.verde .artista.sara-hebe {
  grid-row-start: 15;
  grid-row-end: 17;
  margin-top: 3%;
  margin-bottom: 3%; }
.verde .artista.ms-nina {
  grid-row-start: 19;
  grid-row-end: 20;
  margin-top: -5%;
  margin-bottom: 0%; }
.verde .artista.color {
  grid-row-start: 20;
  grid-row-end: 22;
  margin-top: 1%;
  margin-bottom: 1%; }
.verde .artista.kumbia-queers {
  grid-row-start: 22;
  grid-row-end: 24;
  margin-top: 1%;
  margin-bottom: 4%; }

.sofar .artista.panoramicas {
  grid-row-start: 5;
  grid-row-end: 6;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.piba-berreta {
  grid-row-start: 7;
  grid-row-end: 8;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.agua-florida {
  grid-row-start: 9;
  grid-row-end: 10;
  margin-top: 3%;
  margin-bottom: -3%; }
.sofar .artista.html {
  grid-row-start: 12;
  grid-row-end: 13;
  margin-top: -3%;
  margin-bottom: 3%; }

.teatro .artista.bimbotiquin {
  grid-row-start: 1;
  grid-row-end: 3;
  margin-top: 1%;
  margin-bottom: 4%; }
.teatro .artista.ofelia-fernandez {
  grid-row-start: 4;
  grid-row-end: 7;
  margin-top: 10%;
  margin-bottom: 5%; }

.sum .artista.autodefensa {
  grid-row-start: 2;
  grid-row-end: 3;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.twerk {
  grid-row-start: 4;
  grid-row-end: 5;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.autodefensa2 {
  grid-row-start: 6;
  grid-row-end: 7;
  margin-top: 1%;
  margin-bottom: 1%; }
.sum .artista.twerk2 {
  grid-row-start: 8;
  grid-row-end: 9;
  margin-top: 1%;
  margin-bottom: 1%; }

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