@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dancing+Script:400,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Assistant:300,400,600,700&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
  margin-block-start: 0;
  margin-block-end: 0;
}

/*MEDIA QUERYS*/
/*PREFIXES*/
/*COLORES*/
/*IMAGENES*/
/*fondo azul*/
/*fondo azul desktop*/
/*flores portada*/
/*flores portada tablet*/
/*flores portada desktop*/
/*flores alpha*/
/*flores cuando*/
/*pattern lunares*/
/*flores donde*/
/*textura glitter*/
/*flores hashtag*/
/*flores regalo*/
/*flores confirmacion*/
/*IMAGENES CLIENTE*/
/*paralax*/
/*paralax*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*carousel*/
/*FONDOS*/
.bg_color1 {
  background-color: #e6abb8;
}
.bg_color1 h1, .bg_color1 h2, .bg_color1 h3, .bg_color1 h4, .bg_color1 h5, .bg_color1 p {
  color: #6d5869;
}

.bg_color1a {
  background-color: #f8ece9;
}
.bg_color1a h1, .bg_color1a h2, .bg_color1a h3, .bg_color1a h4, .bg_color1a h5, .bg_color1a p {
  color: #6d5869;
}

.bg_color2 {
  background-color: #ffffff;
}
.bg_color2 h1, .bg_color2 h2, .bg_color2 h4, .bg_color2 h5, .bg_color2 p {
  color: #6d5869;
}
.bg_color2 h3 {
  color: #e6abb8;
}

.bg_imagen1 {
  background-color: #6d5869;
  background-image: url(../images/glitter1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen1 {
    background-size: 100%;
  }
}
.bg_imagen1 h1, .bg_imagen1 h2, .bg_imagen1 h3 {
  color: #e6abb8;
}
.bg_imagen1 h4, .bg_imagen1 p {
  color: #6d5869;
}

.bg_imagen2 {
  background-color: none;
  background-image: url(../images/glitter_02.png);
  background-position: center -3vh;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_imagen3alpha {
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.bg_imagen3 {
  background-color: none;
  background-image: url(../images/glitter_04.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
}
@media (min-width: 1200px) {
  .bg_imagen3 {
    background-position: bottom right;
  }
}

.bg_imagen4 {
  background-color: none;
  background-image: url(../images/glitter_07.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
}
@media (min-width: 600px) {
  .bg_imagen4 {
    margin-bottom: 2vh;
  }
}

.bg_imagen5 {
  background-color: none;
  background-image: url(../images/glitter_10.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
}
@media (min-width: 600px) {
  .bg_imagen5 {
    margin-bottom: 2vh;
  }
}

.bg_imagen6 {
  background-color: none;
  background-image: url(../images/glitter_09.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
  position: absolute;
  z-index: 15;
  top: 75vh;
}
@media (min-width: 900px) {
  .bg_imagen6 {
    top: 75vh;
  }
}
@media (min-width: 1200px) {
  .bg_imagen6 {
    background-position: bottom center;
  }
}

.bg_imagen7 {
  background-color: none;
  background-image: url(../images/glitter_11.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
}

.bg_imagen8 {
  background-color: none;
  background-image: url(../images/glitter_12.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: contain;
  width: 80vw;
}

.bg_imagen_cliente1 {
  background-color: none;
  background-image: url(../images/glitter3.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -10vh;
}

.bg_imagen_cliente2 {
  background-color: none;
  background-image: url(../images/glitter6.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_imagen_cliente3 {
  background-color: none;
  background-image: url(../images/glitter7.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen_cliente3 {
    background-image: url(../images/glitter7_tbl.jpg);
  }
}

.bg_imagen_cliente4 {
  background-color: none;
  background-image: url(../images/glitter8.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen_cliente4 {
    background-image: url(../images/glitter8_tbl.jpg);
  }
}

.bg_imagen_cliente5 {
  background-color: none;
  background-image: url(../images/glitter9.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen_cliente5 {
    background-image: url(../images/glitter9_tbl.jpg);
  }
}

.bg_imagen_cliente6 {
  background-color: none;
  background-image: url(../images/glitter10.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen_cliente6 {
    background-image: url(../images/glitter10_tbl.jpg);
  }
}

.bg_imagen_cliente7 {
  background-color: none;
  background-image: url(../images/glitter11.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 600px) {
  .bg_imagen_cliente7 {
    background-image: url(../images/glitter11_tbl.jpg);
  }
}

.bg_pattern1 {
  background-color: none;
  background-image: url(../images/polka.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: repeat;
  background-size: 50%;
}
@media (min-width: 900px) {
  .bg_pattern1 {
    background-size: 30%;
  }
}
@media (min-width: 1200px) {
  .bg_pattern1 {
    background-size: 20%;
  }
}

/*BORDES*/
.bdouble {
  border: double #b1a2ae 4px;
}

/*CONTENEDORES*/
.contenedor100 {
  width: 100%;
  height: 100%;
  background-color: none;
}

.contenedor70 {
  width: 75%;
  height: 70%;
  background-color: none;
}
@media (min-width: 1200px) {
  .contenedor70 {
    width: 70%;
    height: 70%;
    background-color: none;
  }
}

.contenedor60 {
  width: 65%;
  height: 60%;
  background-color: none;
}
@media (min-width: 1200px) {
  .contenedor60 {
    width: 60%;
    height: 60%;
    background-color: none;
  }
}

.contenedor40 {
  width: 40%;
  height: 40%;
  background-color: none;
}

.contenedor15 {
  width: 80vw;
  height: 15vh;
  background-color: none;
}
@media (min-width: 600px) {
  .contenedor15 {
    width: 60vw;
    height: 15vh;
    background-color: none;
  }
}
@media (min-width: 1200px) {
  .contenedor15 {
    width: 30vw;
    height: 12vh;
    background-color: none;
  }
}

.contenedor10 {
  width: 80vw;
  height: 11vh;
  background-color: none;
}
@media (min-width: 600px) {
  .contenedor10 {
    width: 60vw;
    height: 10vh;
    background-color: none;
  }
}
@media (min-width: 1200px) {
  .contenedor10 {
    width: 20vw;
    height: 10vh;
    background-color: none;
  }
}

section#donde div.contenedor10, section#playlist div.contenedor10 {
  margin-top: 1vh;
  margin-bottom: 2vh;
}

.contenedor_carousel {
  width: 75vw;
  height: 75vh;
  background-color: none;
  border: solid 5px;
  border-image-source: url(../images/glitter5.jpg);
  border-image-slice: 1%;
  border-image-repeat: round;
  border-image: url(../images/glitter5.jpg) 1% round;
  -webkit-border-image: url(../images/glitter5.jpg) 1% round;
}
.contenedor_carousel div.bg_imagen_cliente2,
.contenedor_carousel div.bg_imagen_cliente3,
.contenedor_carousel div.bg_imagen_cliente4,
.contenedor_carousel div.bg_imagen_cliente5,
.contenedor_carousel div.bg_imagen_cliente6,
.contenedor_carousel div.bg_imagen_cliente7 {
  height: 75vh;
}
@media (min-width: 1200px) {
  .contenedor_carousel {
    width: 30vw;
  }
}

/*ALTURAS*/
.alt5 {
  width: 100vw;
  height: 5vh;
}
@media (min-width: 1200px) {
  .alt5 {
    width: 35vw;
  }
}

.alt7 {
  width: 100vw;
  height: 7vh;
}
@media (min-width: 1200px) {
  .alt7 {
    width: 35vw;
  }
}

.alt10 {
  width: 100vw;
  height: 10vh;
}
@media (min-width: 1200px) {
  .alt10 {
    width: 35vw;
  }
}

.alt12 {
  width: 100vw;
  height: 12vh;
}
@media (min-width: 1200px) {
  .alt12 {
    width: 35vw;
  }
}

.alt15 {
  width: 100vw;
  height: 15vh;
}
@media (min-width: 1200px) {
  .alt15 {
    width: 35vw;
  }
}

.alt20 {
  width: 100vw;
  height: 20vh;
}
@media (min-width: 1200px) {
  .alt20 {
    width: 35vw;
  }
}

@media (min-width: 1200px) {
  div.bg_imagen6.alt20 {
    width: 35vw;
  }
}

.alt40 {
  width: 100vw;
  height: 40vh;
}
@media (min-width: 1200px) {
  .alt40 {
    width: 35vw;
  }
}

.alt50 {
  width: 100vw;
  height: 50vh;
}
@media (min-width: 1200px) {
  .alt50 {
    width: 35vw;
  }
}

.alt60 {
  width: 100vw;
  height: 60vh;
}
@media (min-width: 1200px) {
  .alt60 {
    width: 35vw;
  }
}

.alt70 {
  width: 100vw;
  height: 70vh;
}
@media (min-width: 1200px) {
  .alt70 {
    width: 35vw;
  }
}

.alt75 {
  width: 100vw;
  height: 75vh;
}
@media (min-width: 1200px) {
  .alt75 {
    width: 35vw;
  }
}

.alt85 {
  width: 100vw;
  height: 85vh;
}
@media (min-width: 1200px) {
  .alt85 {
    width: 35vw;
  }
}

.alt100 {
  width: 100vw;
  height: 100vh;
}
@media (min-width: 1200px) {
  .alt100 {
    width: 35vw;
  }
}

.alt105 {
  width: 100vw;
  height: 105vh;
}
@media (min-width: 1200px) {
  .alt105 {
    width: 35vw;
  }
}

.alt110 {
  width: 100vw;
  height: 110vh;
}
@media (min-width: 1200px) {
  .alt110 {
    width: 35vw;
  }
}

.alt125 {
  width: 100vw;
  height: 125vh;
}
@media (min-width: 1200px) {
  .alt125 {
    width: 35vw;
  }
}

.alt135 {
  width: 100vw;
  height: 135vh;
}
@media (min-width: 1200px) {
  .alt135 {
    width: 35vw;
  }
}

.alt140 {
  width: 100vw;
  height: 140vh;
}
@media (min-width: 1200px) {
  .alt140 {
    width: 35vw;
  }
}

.alt145 {
  width: 100vw;
  height: 145vh;
}
@media (min-width: 1200px) {
  .alt145 {
    width: 35vw;
  }
}

.alt150 {
  width: 100vw;
  height: 150vh;
}
@media (min-width: 1200px) {
  .alt150 {
    width: 35vw;
  }
}

.alt160 {
  width: 100vw;
  height: 160vh;
}
@media (min-width: 1200px) {
  .alt160 {
    width: 35vw;
  }
}

.alt175 {
  width: 100vw;
  height: 175vh;
}
@media (min-width: 1200px) {
  .alt175 {
    width: 35vw;
  }
}

.alt185 {
  width: 100vw;
  height: 185vh;
}
@media (min-width: 1200px) {
  .alt185 {
    width: 35vw;
  }
}

.alt200 {
  width: 100vw;
  height: 200vh;
}
@media (min-width: 1200px) {
  .alt200 {
    width: 35vw;
  }
}

/* POSITION */
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

/*ALINEACIONES*/
.centrado_xy {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.centrado_x {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.centrado_y {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.texto_centrado {
  text-align: center;
}

/* BOX SIZING */
.border_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* HIDDEN */
.hid {
  overflow: hidden;
}

/*FLEX*/
.dflex {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*ver _prefixes.css*/
}

.dflexcol {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*ver _prefixes.css*/
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  /*ver _prefixes.css*/
}

/*TEXT*/
h1, h2, h3 {
  font-family: "Dancing Script", cursive;
  font-weight: 700;
}

h1, h2, #hashtag h3 {
  color: #e6abb8;
}

h4, h5, p {
  font-family: "Assistant", sans-serif;
  font-weight: 400;
}

h1 {
  font-size: 7em;
  margin-bottom: -4vh;
}
@media (max-width: 600px) and (min-height: 700px) {
  h1 {
    font-size: 8em;
  }
}
@media (min-width: 600px) {
  h1 {
    font-size: 11em;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 10em;
  }
}

h2 {
  font-size: 4.5em;
  margin-bottom: -2vh;
}
@media (min-width: 600px) {
  h2 {
    font-size: 9em;
  }
}
@media (min-width: 900px) {
  h2 {
    font-size: 8em;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 8em;
  }
}

h3 {
  font-size: 3em;
  line-height: 1em;
  margin-bottom: 2vh;
}
@media (max-height: 400px) {
  h3 {
    font-size: 3.5em;
  }
}
@media (min-width: 600px) {
  h3 {
    font-size: 4em;
  }
}
@media (min-width: 1200px) {
  h3 {
    font-size: 3em;
    line-height: 1em;
  }
}

section#hashtag h3 {
  padding-bottom: 2vh;
}

h4 {
  font-size: 1.6em;
  line-height: 1.2em;
  margin-bottom: 2vh;
}

h5 {
  font-size: 1.3em;
  line-height: 1.4em;
}
@media (min-width: 600px) {
  h5 {
    font-size: 1.3em;
  }
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.2em;
  }
}

p {
  font-size: 1.05em;
  line-height: 1.4em;
}
@media (max-width: 600px) and (min-height: 700px) {
  p {
    font-size: 1.15em;
  }
}
@media (min-width: 600px) {
  p {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-block-end: 1em;
  }
}
@media (min-width: 1200px) {
  p {
    font-size: 1.2em;
  }
}

/*BOTONES*/
.btn {
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  vertical-align: middle;
  margin-top: 1.8em;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.9em;
  line-height: 1.5em;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn_primario, .btn_secundario {
  border: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}
@media (min-width: 600px) {
  .btn_primario, .btn_secundario {
    margin-top: 2em;
  }
}
@media (min-width: 900px) {
  .btn_primario, .btn_secundario {
    margin-top: 0.8em;
  }
}
@media (min-width: 1200px) {
  .btn_primario, .btn_secundario {
    margin-top: 0.6em;
  }
}

.btn_primario {
  background-color: #e6abb8;
  color: #ffffff;
}

.btn_secundario {
  background-color: #ffffff;
  color: #6d5869;
}

.btn_primario:hover, .btn_primario:focus {
  background-color: #b1a2ae;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

.btn_secundario:hover, .btn_secundario:focus {
  background-color: #e6abb8;
  color: #ffffff;
  border: none;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
}

/*MÁRGENES*/
.mt-7 {
  margin-top: -7vh;
}

.mt2 {
  margin-top: 2vh;
}

.mb2 {
  margin-bottom: 2vh;
}

.mt3 {
  margin-top: 3vh;
}

.mt5 {
  margin-top: 5vh;
}

.mt8 {
  margin-top: 8vh;
}

.mt10 {
  margin-top: 10vh;
}

.mt-10 {
  margin-top: -10vh;
}

.mb10 {
  margin-bottom: 10vh;
}

.mt12 {
  margin-top: 12vh;
}

.mt15 {
  margin-top: 15vh;
}

.mt20 {
  margin-top: 20vh;
}

.mt-20 {
  margin-top: -20vh;
}

.mb20 {
  margin-bottom: 20vh;
}

.mt25 {
  margin-top: 25vh;
}

.mb25 {
  margin-bottom: 25vh;
}

.mt30 {
  margin-top: 30vh;
}

.mt40 {
  margin-top: 40vh;
}

.mt50 {
  margin-top: 50vh;
}

.mt60 {
  margin-top: 60vh;
}

.mt65 {
  margin-top: 63vh;
}

.mt66 {
  margin-top: 66vh;
}

.mt75 {
  margin-top: 75vh;
}

.pb2 {
  padding-bottom: 2vh;
}

.p5 {
  padding: 5vh 5vw;
}

@media (min-width: 1200px) {
  section#playlist .contenedor70.p5 {
    padding: 5vh 3vw;
  }
}

@media (min-width: 1200px) {
  section#donde .contenedor70.p5 {
    padding: 5vh 3vw;
  }
}

.pt5 {
  padding-top: 5vh;
}

.pr5 {
  padding-right: 5vw;
}

.pb5 {
  padding-bottom: 5vh;
}

.pl5 {
  padding-left: 5vw;
}

.pt8 {
  padding-top: 8vw;
}

.pl10 {
  padding-left: 10vw;
}

.pr10 {
  padding-right: 10vw;
}

.pt10 {
  padding-top: 10vh;
}

.pt20 {
  padding-top: 20vh;
}

.pb20 {
  padding-bottom: 20vh;
}

.p30 {
  padding: 30px;
}

.pt50 {
  padding-top: 50vh;
}

/**
 * AddToCalendar Base CSS
 * http://addtocalendar.com
 */
/* Base */
.addtocalendar var {
  display: none;
}

.addtocalendar {
  position: relative;
  display: inline-block;
}

.atcb-link {
  display: block;
  outline: none !important;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1em;
}

.atcb-link:focus ~ ul,
.atcb-link:active ~ ul,
.atcb-list:hover {
  visibility: visible;
}

.atcb-list {
  visibility: hidden;
  position: absolute;
  bottom: 120%;
  left: -12.5vw;
  width: 50vw;
  z-index: 900;
  border: double #e6abb8 4px;
}
@media (min-width: 600px) {
  .atcb-list {
    width: 30vw;
    left: -7.5vw;
  }
}
@media (min-width: 900px) {
  .atcb-list {
    width: 20vw;
    left: -4.5vw;
  }
}
@media (min-width: 1200px) {
  .atcb-list {
    width: 10vw;
    left: -2.5vw;
  }
}

.atcb-list,
.atcb-item {
  list-style: none;
  margin: 0;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
}

.atcb-item {
  float: none;
  text-align: left;
}

.atcb-item-link {
  text-decoration: none;
  outline: none;
  display: block;
  font-size: 1em;
  color: #6d5869;
}

.atcb-item.hover,
.atcb-item:hover {
  position: relative;
  z-index: 900;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  background-color: #e6abb8;
  color: white;
}

/* COVID */
section#covid {
  width: 100vw;
  height: 100vh;
}
@media (min-width: 1200px) {
  section#covid {
    width: 35vw;
  }
}
section#covid .covid_texto {
  width: 75vw;
  height: 75vh;
}
@media (min-width: 600px) {
  section#covid .covid_texto {
    width: 40vh;
  }
}
@media (min-width: 900px) {
  section#covid .covid_texto {
    width: 60vh;
  }
}
section#covid .covid_texto .covid_titulo {
  padding-top: 1vh;
  margin-bottom: 1vh;
  margin-top: 5vh;
}
section#covid .covid_items {
  width: 100%;
  text-align: center;
  margin-top: 6vh;
}
section#covid .covid_items p {
  width: auto;
  min-height: 8vh;
  padding-left: 27%;
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center left;
  text-align: left;
  margin-bottom: 1vh;
}
@media (min-width: 600px) {
  section#covid .covid_items p {
    background-size: 15%;
    padding-left: 20%;
    margin-bottom: 2vh;
  }
}
section#covid .covid_items p#vacuna {
  background-image: url(../images/covid-vacuna.png);
}
section#covid .covid_items p#tapaboca {
  background-image: url(../images/covid-tapaboca.png);
  min-height: 6vh;
}
section#covid .covid_items p#manos {
  background-image: url(../images/covid-manos.png);
}
section#covid .covid_items p#distancia {
  background-image: url(../images/covid-distancia.png);
}
section#covid .covid_items p#vaso {
  background-image: url(../images/covid-vaso.png);
}
section#covid .covid_items p#sintomas {
  background-image: url(../images/covid-sintomas.png);
}

/* CONTADOR */
section#contador {
  width: 100vw;
  height: 100vh;
  background-size: cover;
}
@media (min-width: 1200px) {
  section#contador {
    width: 35vw;
  }
}
section#contador .contador_texto {
  margin-top: 4vh;
}
section#contador .contador_numeros {
  width: 70vw;
  height: 55vh;
  margin-bottom: 3vh;
}
@media (min-width: 1200px) {
  section#contador .contador_numeros {
    width: 20vw;
  }
}
section#contador .contador {
  width: 50vw;
  height: 15vh;
  margin: 1vh 0;
  padding-top: 1.5vh;
  background-color: none;
  font-family: "Raleway", sans-serif;
  font-weight: 600;
  font-size: 1.9em;
  color: #ffffff;
  text-align: center;
  line-height: 0.9em;
  background-color: #e6abb8;
  border-radius: 100px;
  border: double 5px white;
}
@media (min-width: 600px) {
  section#contador .contador {
    font-size: 2.3em;
  }
}
@media (min-width: 1200px) {
  section#contador .contador {
    width: 15vw;
  }
}
section#contador .contador span {
  font-family: "Raleway", sans-serif;
  font-weight: 100;
  font-size: 0.6em;
  color: white;
}
section#contador h2 {
  font-size: 3.2em;
  color: #6d5869;
}
@media (min-width: 600px) {
  section#contador h2 {
    font-size: 4em;
  }
}
section#contador h3 {
  margin-bottom: -2vh;
  margin-left: 3vw;
}
section#contador h4 {
  margin-bottom: 0.5vh;
}

.cognito {
  padding: 0 10px;
  margin-bottom: 8vh;
}

.cognito .c-forms-form h2 {
  line-height: 1.6em !important;
}

.contenedor_tituloform {
  margin-top: 7vh;
}
.contenedor_tituloform h2 {
  font-size: 3.1em !important;
}
.contenedor_tituloform h5 {
  font-size: 1.4em !important;
}

html .cog-form__container {
  padding: 0 3vw !important;
  margin-bottom: 3vh !important;
}

html .cog-wrapper, :root:root:root:root:root .cog-wrapper, html .cog-label, :root:root:root:root:root .cog-label {
  color: #6d5869 !important;
}

html .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-button--primary {
  background-color: #e6abb8 !important;
  border-color: #e6abb8 !important;
  border-radius: 0 !important;
}

html .cog-cognito--styled .cog-button--secondary, :root:root:root:root:root .cog-cognito--styled .cog-button--secondary {
  min-width: 55px;
  background: #ffffff !important;
  border: solid 1px #e6abb8 !important;
  border-radius: 0 !important;
  color: #6d5869 !important;
  font-family: "Open Sans", Helvetica, sans-serif !important;
}

:root:root:root:root .cog-cognito--styled em {
  font-style: italic !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
}

:root:root:root:root:root .cog-cognito--styled h2, :root:root:root:root:root .cog-cognito--styled h4 {
  color: #6d5869 !important;
}

:root:root:root:root:root .cog-cognito--styled h4 {
  font-size: 1em !important;
}

.c-forms-form .c-helptext {
  margin-bottom: 10px;
  padding-top: 0;
}

html .cog-cognito--styled .cog-heading, :root:root:root:root:root .cog-cognito--styled .cog-heading {
  display: none !important;
}

html .cog-label, :root:root:root:root:root .cog-label {
  font-weight: 600;
}

html .cog-input.is-read-only, :root:root:root:root:root .cog-input.is-read-only {
  font-weight: 600;
  font-size: 1.2em;
}

body {
  background-color: #e8e8e8;
}

/* GIRAR DISPOSITIVO */
@media (max-height: 400px) {
  body section {
    display: none !important;
  }
}
@media (min-width: 900px) {
  body section {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  body section {
    display: flex !important;
  }
}

.girardispositivo {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: #f8ece9;
  padding: 50px;
  box-sizing: border-box;
  text-align: center;
  color: #6d5869;
}
@media (min-width: 900px) {
  .girardispositivo {
    display: flex;
  }
}
@media (max-height: 400px) {
  .girardispositivo {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .girardispositivo {
    display: none;
  }
}

/* INTRO */
#intro .intro_botonera .boton_intro {
  min-width: 60vw;
  min-height: 6vh;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 40px;
  margin: 15px;
  position: relative;
  padding-left: 75px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 1200px) {
  #intro .intro_botonera .boton_intro {
    min-width: 20vw;
  }
}
#intro .intro_botonera .boton_intro:hover {
  background-color: #f1dcd7;
}
#intro .intro_botonera .boton_intro:focus, #intro .intro_botonera .boton_intro:visited {
  background-color: #ffffff;
}
#intro .intro_botonera .boton_swipe {
  min-width: 50vw;
  min-height: 11vh;
  color: #6d5869;
  text-align: center;
  padding: 15px;
  margin: 15px;
  position: relative;
  padding-left: 15px;
}
@media (min-width: 600px) {
  #intro .intro_botonera .boton_swipe {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  #intro .intro_botonera .boton_swipe {
    min-width: 20vw;
  }
}
#intro .intro_botonera .music_icon, #intro .intro_botonera .pause_icon, #intro .intro_botonera .fs_icon, #intro .intro_botonera .play_icon {
  background-size: 60px;
  background-position: left center;
  background-repeat: no-repeat;
}
#intro .intro_botonera .music_icon {
  background-image: url(../images/music.svg);
}
#intro .intro_botonera .pause_icon {
  background-image: url(../images/pause.svg);
}
#intro .intro_botonera .fs_icon {
  background-image: url(../images/fit-screen.svg);
}
#intro .intro_botonera .play_icon {
  background-image: url(../images/play.svg);
}
#intro .intro_botonera p {
  color: #6d5869;
}
#intro .intro_botonera .icono_swipe {
  height: 12vh;
  margin-top: 5vh;
  background-image: url(../images/swipe.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
@media (min-width: 600px) {
  #intro .intro_botonera .icono_swipe {
    height: 10vh;
  }
}
@media (min-width: 1200px) {
  #intro .intro_botonera .icono_swipe {
    display: none;
  }
}

#portada .arrow {
  bottom: 15vh;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-image: url(../images/arrow.svg);
  background-size: contain;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
@media (min-width: 600px) {
  #portada .arrow {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 900px) {
  #portada .arrow {
    width: 50px;
    height: 50px;
  }
}

#alpha {
  background-color: rgba(0, 0, 0, 0.1);
}

section#playlist .contenedor70 {
  height: 80%;
}
section#playlist .contenedor70 p {
  padding: 0 2vw;
}

section#regalo div#datosregalo {
  height: 0vh;
  overflow: hidden;
  transition: height 1s;
}
section#regalo .contenedor_regalo {
  width: 65vw;
  height: 70vh;
}
section#regalo .contenedor70 {
  height: 80%;
}

section#logo .logo {
  width: 55vw;
  height: 10vh;
  background: url(../images/logo_az_andoinvitando.svg) center bottom no-repeat;
  background-size: contain;
  margin-top: 10vh;
}
@media (min-width: 600px) {
  section#logo .logo {
    width: 36vw;
  }
}
@media (min-width: 900px) {
  section#logo .logo {
    width: 26vw;
  }
}
@media (min-width: 1200px) {
  section#logo .logo {
    width: 14vw;
  }
}
section#logo .top_icon {
  width: 40px;
  height: 40px;
  background-image: url(../images/top.svg);
  margin-top: 10vh;
}
@media (min-width: 600px) {
  section#logo .top_icon {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 900px) {
  section#logo .top_icon {
    width: 50px;
    height: 50px;
  }
}
section#logo p > a, section#logo p > a:hover {
  color: #6d5869;
  text-decoration: none;
}
section#logo p.pdf_boton > a, section#logo p.pdf_boton > a:hover {
  color: #ffffff;
  text-decoration: none;
}

.contenedor_tituloform {
  margin: 5vh 10vw;
}
.contenedor_tituloform h1 {
  color: #6d5869 !important;
  font-size: 3.8em;
  margin-bottom: -2vh;
}
@media (min-width: 600px) {
  .contenedor_tituloform h1 {
    font-size: 6em;
  }
}
@media (min-width: 900px) {
  .contenedor_tituloform h1 {
    font-size: 5em;
  }
}
.contenedor_tituloform h2 {
  color: #6d5869 !important;
  font-size: 2.4em;
}
@media (min-width: 600px) {
  .contenedor_tituloform h2 {
    font-size: 4em;
  }
}
@media (min-width: 900px) {
  .contenedor_tituloform h2 {
    font-size: 3em;
  }
}
.contenedor_tituloform h5 {
  text-transform: uppercase;
  color: #e6abb8 !important;
  font-size: 1.4em;
  margin-top: 3vh;
}
@media (min-width: 600px) {
  .contenedor_tituloform h5 {
    font-size: 2em;
  }
}
@media (min-width: 900px) {
  .contenedor_tituloform h5 {
    font-size: 1.5em;
  }
}

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