/* Generated by Font Squirrel (https://www.fontsquirrel.com) on October 26, 2016 */

@font-face {
    font-family: 'sofiaregular';
    src: url('fonts/sofia-regular-webfont.eot');
    src: url('fonts/sofia-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sofia-regular-webfont.woff2') format('woff2'),
         url('fonts/sofia-regular-webfont.woff') format('woff'),
         url('fonts/sofia-regular-webfont.ttf') format('truetype'),
         url('fonts/sofia-regular-webfont.svg#sofiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.eot');
    src: url('fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff'),
         url('fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}


 /* Icons Font */
 
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?hrsix4');
  src:  url('fonts/icomoon.eot?hrsix4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?hrsix4') format('truetype'),
    url('fonts/icomoon.woff?hrsix4') format('woff'),
    url('fonts/icomoon.svg?hrsix4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gusto-full:before {
  content: "\e91b";
}
.icon-vista-full:before {
  content: "\e91c";
}
.icon-tacto-full:before {
  content: "\e91d";
}
.icon-olfato-full:before {
  content: "\e91e";
}
.icon-oido-full:before {
  content: "\e91f";
}
.icon-arrow-full:before {
  content: "\e920";
}
.icon-menu:before {
  content: "\e900";
}
.icon-back:before {
  content: "\e901";
}
.icon-oido:before {
  content: "\e902";
}
.icon-olfato:before {
  content: "\e903";
}
.icon-tacto:before {
  content: "\e904";
}
.icon-vista:before {
  content: "\e905";
}
.icon-gusto:before {
  content: "\e906";
}
.icon-cerrar-sesion:before {
  content: "\e907";
}
.icon-borrar:before {
  content: "\e908";
}
.icon-acerca-de:before {
  content: "\e909";
}
.icon-ajustes:before {
  content: "\e90a";
}
.icon-como-llegar:before {
  content: "\e90b";
}
.icon-entradas:before {
  content: "\e90c";
}
.icon-favoritos:before {
  content: "\e90d";
}
.icon-editar-perfil:before {
  content: "\e90e";
}
.icon-home:before {
  content: "\e90f";
}
.icon-editar:before {
  content: "\e910";
}
.icon-like:before {
  content: "\e911";
}
.icon-amigos:before {
  content: "\e912";
}
.icon-crear:before {
  content: "\e913";
}
.icon-clima:before {
  content: "\e914";
}
.icon-ubicacion:before {
  content: "\e915";
}
.icon-location:before {
  content: "\e916";
}
.icon-calendar:before {
  content: "\e917";
}
.icon-favoritos-full:before {
  content: "\e918";
}
.icon-menu-full:before {
  content: "\e919";
}
.icon-back-full:before {
  content: "\e91a";
}






 /* Estilo App */
 
* {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    font-size: 100%;
    font-family: 'source_sans_proregular', sans-serif;
    background-color: #fff;
}

.background-splash {
    background-color: #b90242;
    text-align: center;
}

.fondo {
    background-color: #ededed;
}

h1.titulo {
    color: #9e0643;
    font-family: 'sofiaregular', cursive;
    font-size: 3rem;
}

h3.texto-comprar {
    padding: 0 1rem;
    font-family: 'ralewaysemibold', sans-serif !important;
    font-size: 0.8rem;
    color: #000;
}

#encabezado-principal {
    width: 100%;
    display: flex;
    margin: 1rem auto;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.encabezado {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
    color: #fff;
}

header.encabezado.secundario {
    margin: 1rem auto;
}

.encabezado.secundario {
    color: #fff;
    text-align: center;
}

.encabezado.comun {
    background-color: #9e0643;
}

.encabezado.gusto {
    background-color: #394f69;
}

.encabezado.oido {
    background-color: #539ce2;
}

.encabezado.entradas {
    background-color: #539ce2;
}

.encabezado.menu {
    background-color: #2c3c50;
}

p.texto-presentacion {
    color: #9e0643;
    text-align: center;
    margin: 0rem auto 2rem;
    font-size: 1.1rem;
}

img.logo {
    display: block;
    margin: 1.8rem auto;
    width: 80%;
}

footer {
    margin: 1rem 0px;
}

.buttons-bottom {
    display: flex;
    margin: auto;
    justify-content: center;
}

.button {
    padding: 0.8rem 1rem;
    border-radius: 4px;
    min-width: 45%;
    margin: 0 0.4rem 0 0;
    background-color: #9e0643;
    border-color: #9e0643;
    color: #fff;
    font-family: 'ralewaysemibold', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.button.reservar {
    padding: 0.8rem 3.3rem;
}

.button.inicio {
    padding: 0.8rem 1rem;
    border-radius: 4px;
    min-width: 45%;
    margin: 0 0.4rem 0 0;
    background-color: #9e0643;
    border-color: #9e0643;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

.button.registrarse {
    background-color: #710430;
    border-color: #710430;
}

.button.inicio {
    display: block;
    justify-content: center;
    margin: auto;
    
    }

.button.comprar {
    background-color: #9e0643;
    border-color: #9e0643;
}

p.terms {
    margin: 1rem;
    color: #9e0643;
    text-align: center;
    font-size: 0.96rem;
}

p.privacidad {
    color: #000000;
    font-size: 0.85rem;
}

a.terms {
    color: #9e0643;
    font-family: 'source_sans_probold', sans-serif;
}


a {
    color: #9e0643;
    font-family: 'source_sans_probold', sans-serif;
}

a:hover {
    color: #710430;
}

.icono-volver {
    background-image: url("../img/volver.png");
}

.login-img {
    width: 80%;
    display: block;
    margin: 1.8rem auto;
}

h1 {
    font-family: 'sofiaregular', cursive;
}

form.registrarse {
    margin-top: 1rem;
    
}

input:not([type="comprar"]) {
    display: block;
    margin: auto;
    border: 2px solid #539ce2;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 90%;
        
}

input:not([type="submit"]) {
    display: block;
    margin: auto;
    border: 2px solid #9e0643;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1rem;
    background-color: white;
    min-width: 90%;
}

textarea {
    display: block;
    margin: auto;
    border: 2px solid #9e0643;
    padding: 0.6rem;
    border-radius: 4px;
    font-size: 1.1rem;
    background-color: white;
    min-width: 90%;
    font-family: 'source_sans_proregular', sans-serif;
}

a.recupero-password {
    margin: 1rem auto;
    display: flex;
    justify-content: center;
    color: #9e0643;
}

.row:first-child {
    border-top: 0.1rem solid #fff;
}

.row.cuadrado {
    color: #ffffff;
}

.col-50 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    width: 50%;
    text-align: center;
    padding: 1.4rem 0;
    border-bottom: 0.1rem solid #fff;
}

.col-50:first-child {
    border-right: 0.1rem solid #fff;
}

.home-menu {
    background-color: #6763ab;
}

.home-gusto {
    background-color: #2c3c50;
}

.home-oido {
    background-color: #539ce2;
}

.home-olfato {
    background-color: #69a54f;
}

.home-tacto {
    background-color: #e09524;
}

.home-vista {
    background-color: #d03543;
}

.texto-menu {
    display: block;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-size: 1.2rem;
    color: #fff;
    padding: 0.8rem 0 0 0;
    cursor: pointer;
    font-family: 'ralewaylight', sans-serif;
    
    }


.texto-menu:hover {
    color: #ddd;
}

img.icono-menu {
    width: 50%;
}

.img-usuario {
    margin: auto;
    display: block;
    width: 32%;
}

#contenido-fondo {
    padding: 1rem 0;
    min-height: 580px;
}


.card {
    margin: 1.2rem 1.2rem -1.2rem;
    padding: 0.9rem 0;
    border-bottom: 0.1rem solid #bfbfbf;
    cursor: pointer;
}

.card:last-child {
    margin-bottom: 3rem;
}

img.img-evento {
    float: left;
    border-radius: 50%;
    width: 26%;
}

.informacion-evento {
    margin-left: 6.2rem;
}

h3 {
    color: #539ce2;
    text-transform: uppercase;
    font-family: 'ralewaysemibold', sans-serif;
    line-height: 1.8rem;
}

p {
    line-height: 1.4rem;
}

.bottom-tabs {
    display: flex;
    width: 100%;
    background-color: #efefef;
    border-top: 2px solid #9e0643;
    /* flex-flow: row wrap; */
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    padding: 0.3rem 1rem 0 0;
}

p.text-tabs {
    color: #8e8e8e;
    font-family: 'ralewaysemibold', sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem;
}

img.icon-tabs {
    display: block;
    margin: 0 auto 8%;
    height: 55%;
}

i {
    font-size: 1.6rem;
}

i.icon-back-full {
    float: left;
    position: absolute;
    left: 0.1rem;
    top: 20px;
    font-size: 42px;
}

i.icon-menu-full {
    position: absolute;
    float: right;
    top: 10px;
    right: 0.1rem;
    font-size: 60px;
}

i.icon-calendar {
    float: left;
    font-size: 2.8rem;
    color: #539ce2;
    padding-right: 0.3rem;
    margin: -13px;
}

i.icon-location {
    float: left;
    font-size: 45px;
    color: #539ce2;
    padding-right: 0.3rem;
    margin: -13px;
}

.img-presentacion {
    width: 100%;
    margin-top: -1rem;
    margin-bottom: -0.4rem;
}

.informacion-evento.detalle {
    margin-left: 0rem;
}

.card-detalles {
    margin: 1rem 1.2rem;
}

h4.titulo {
    color: #539ce2;
    font-family: 'ralewaysemibold', sans-serif;
    text-transform: uppercase;
}

img.grabacion {
    display: block;
    margin: auto;
    width: 100%;
    padding: 6rem 0;
}

.pausa {
    display: block;
    margin: auto;
}

#contenido-menu {
    background-color: #6763ab;
    padding: 1rem 0;
    min-height: 546px;
}

i.float-menu {
    float: left;
    color: #bf3978;
    padding-right: 0.4rem;
}

h3.menu {
    text-transform: capitalize;
    color: #fff;
    font-family: 'ralewaylight', sans-serif;
}

i.float-right {
    float: right;
    margin-top: -2rem;
    font-size: 40px;
    color: #ffffff;
}

i.float-right.toggle {
    margin-top: -2.5rem;
}

input.search-gusto {
    border: 2px solid #394f69;
}

input.search-oido {
    border: 2px solid #539ce2;
}

.festival-evento p, .lugar-evento p {
    margin:20px 15px 20px;
}

.festival-evento h4, .lugar-evento h4 {
    color:#539ce2;
    font-family: 'ralewaysemibold', sans-serif;
    margin: 10px 5px 5px
}

.titulo-evento {
    margin: 10px 5px 5px;
    float: left;
    clear: right;
}

.ubicacion-evento { 
    float: right;
    color: #539ce2;
}

.fondo-portada { 
    display: flex; 
    margin: 0px 0px 0px;
    display: block;
    width: 100%;
}

.button.entradas {
    margin-left: 1.1rem;
}

.button.como.llegar {
    display: block;
    justify-content: center;
    margin: auto;
    background-color: #710430;
    border-color: #710430;
    text-align: center;
}

img.estrellas {
    display: inline-flex;
    width: 7%;
}

main#contenido {
    margin: 0.6rem 0.8rem;
}

.new-buttons {
    margin: 0 0 6rem;
}

.texto-destacado {
    font-family: 'source_sans_probold', sans-serif;
}

.titulo-destacado {
    font-family: 'ralewaysemibold', sans-serif;
}

.padding {
    padding: 1rem 1.2rem;
}

.entradas input {
    border: 2px solid #539ce2;
}

.float-left {
    float: left;
    color: #fff;
    font-size: 68px;
    margin: -22px -8px 0;
}

.flex-container {
	display: flex; 
	display: -webkit-flex; 
    flex-wrap: wrap;
    background-color: #f3f3f3;
    padding: 0 1rem;
}

.flex-container-header {
	display: flex; 
	display: -webkit-flex; 
    flex-wrap: wrap;
    background-color: #539ce2;
    padding: 1rem;
}

.flex-item {
    flex: 1;
    -webkit-flex: 1;
    min-width: 35%;
    padding: 0.6rem 0;
    border-bottom: 1px solid #919294;
}

.flex-container-footer {
	display: flex; 
	display: -webkit-flex; 
    flex-wrap: wrap;
    background-color: #ffffff;
    padding: 1rem;
}

.flex-item.width-50 {
    min-width: 50%;
}

.flex-item.width-15 {
    min-width: 15%;
}

.flex-container-header .flex-item {
    font-family: 'source_sans_probold', sans-serif;
    padding: 0;
    border: none;
}

.flex-container-footer .flex-item {
    font-family: 'source_sans_probold', sans-serif;
    padding: 0;
    border: none;
}

.color-oido {
    color: #539ce2;
}

img.tarjeta {
    width: 100%;
}

.button-rounded {
    position: fixed;
    width: 40px;
    height: 40px;
    bottom: 12%;
    background-color: #a21a16;
    border-radius: 50%;
    left: 45%;
    border: 1px solid;
}

h3.gusto {
    color: #394f69;
}

i.icon-calendar.gusto {
    color: #394f69;
}

i.icon-location.gusto {
    color: #394f69;
}

img.estrellas.gusto {
    color: #394f69;
}

i.tabs-icon {
    font-size: 32px;
    color: #929292;
}

i.tabs-icon.icon-gusto-full.selected {
    color: #394f69;
}

p.text-tabs.gusto {
    color: #394f69;
}

i.tabs-icon.icon-oido-full.selected {
    color: #539ce2;
}

p.text-tabs.oido {
    color: #539ce2;
}

.tab {
    cursor: pointer;
}

h4.compra-exitosa {
    color: #539ce2;
    font-family: 'ralewaysemibold', sans-serif;
    text-align: center;
    padding: 0 5rem;
}

img.qr {
    display: block;
    width: 50%;
    margin: auto;
    padding-top: 1rem;
}

span.destacado {
    font-family: 'source_sans_probold', sans-serif;
    color: #539ce2;
}

p.small-text {
    font-size: 0.8rem;
    text-align: center;
    padding: 1rem 1rem 0;
}

p.small-text.left {
    text-align: left;
    padding: 1rem 0;
}

img.mapa {
    width: 100%;
}

.button-fixed {
    position: fixed;
    bottom: 84px;
    width: 100%;
}

.zoom {
    position: fixed;
    top: 6rem;
    left: 1rem;
}

.menos {
    background-color: #9e0643;
    padding: 0.2rem 0.6rem;
    border: 2px solid #ffffff;
    font-family: 'source_sans_probold', sans-serif;
    color: #ffffff;
    border-radius: 6px;
    text-align: center;
}

.mas {
    background-color: #710430;
    padding: 0.2rem 0.6rem;
    border: 2px solid #ffffff;
    font-family: 'source_sans_probold', sans-serif;
    color: #ffffff;
    border-radius: 6px;
    text-align: center;
}

i.icon-indicaciones {
    float: left !important;
    color: #539ce2 !important;
    font-size: 42px !important;
    margin-top: -10px !important;
    position: inherit !important;
    margin-left: -0.4rem !important;
    margin-right: -0.2rem !important;
}

.dot {
    width: 10px;
    height: 10px;
    background-color: #539ce2;
    float: left;
    margin: 0.4rem 0.6rem;
    border-radius: 50%;
}

.dot.llegada {
    background-color: #9e0643;
}

.card.first {
    margin-top: 0;
}

p.indicaciones {
    font-family: 'source_sans_probold', sans-serif;
}

i.puntuacion {
    font-size: 1rem;
}

#fondos-menu {
    background-color: #88083b;
}

.encabezado-perfil {
    background-color: #ffffff;
    padding: 1rem;
}

.contenido-perfil {
    display: flex;
}

img.img-perfil {
    width: 30%;
    float: left;
    margin-right: 1rem;
}

.item-perfil {
    width: 21%;
    display: inline-block;
    text-align: center;
    font-family: 'source_sans_probold', sans-serif;
    color: #5b5b5f;
    font-size: 0.95rem;
}

span.numero-perfil {
    display: block;
    font-size: 1.6rem;
}

h3.perfil {
    color: #9e0643;
    text-transform: capitalize;
}

.contenedor-flex {
    display: flex;
    background-color: #6763ab;
}

.botones-perfil {
    width: 50%;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    padding-bottom: 1.14rem;
}

i.icono-perfil {
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-size: 5rem;
}

.favoritos {
    color: #ffffff;
}

i.icon-calendar.favoritos {
    color: #ffffff;
}

i.icon-location.favoritos {
    color: #ffffff;
}

img.img-favoritos {
    width: 10%;
    float: left;
}

input.search-fixed {
    position: absolute;
    top: 6rem;
    left: 1.2rem;
}

section.card:first-child {
    margin-top: 0rem;
}

.tabs-top {
    display: flex;
    padding: 0 1.2rem;
}

.button-tabs {
    display: inline-flex;
}

.button-tab-selected {
    background-color: #9e0643;
    border-radius: 6px 0px 0px 6px;
    padding: 0.4rem 2.5rem;
    color: #fff;
    font-family: 'ralewaysemibold', sans-serif;
}

.button-tab {
    background-color: #ffffff;
    border-radius: 0px 6px 6px 0px;
    padding: 0.4rem 2.5rem;
    color: #9e0643;
    font-family: 'ralewaysemibold', sans-serif;
    border: 2px solid #9e0643;
}

.col-50.img-entradas {
    border: none;
    padding: 0;
    margin-bottom: -8px;
}

.col-50.img-entradas:first-child {
    border: none;
}

.listado-entradas {
    border: none;
}

.row.cuadrado.entradas:first-child {
    border: none;
}

img.cuadrado-evento {
    width: 100%;
}

.entrada-compra {
    color: #ffffff;
}

span.destacado.entrada-compra {
    color: #efefef;
}

.microfono-fijo {
    position: fixed;
    bottom: 2.6rem;
    right: 0.2rem;
}
