body {
  font-family: "Fredoka One", sans-serif;
  color: #646464;
  background-color: #e04781;
  text-align: left;
  overflow-x: hidden;
}
.fa-solid{
  color: #e04781;
}
@media (max-width: 575.98px) {
  body { font-size: .8rem; line-height: .8rem; } }

a, button { outline: none; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.rojo { color: #fd0000; }

.sociales-header { bottom: 1rem; }
@media (max-width: 575.98px) {
  .sociales-header { left: 5%; right: 0; margin: 0 auto; text-align: center; } }
.sociales a { color: #fd0000; background-color: #fff; border: 1px solid #fff; font-size: 2rem; border-radius: 2rem; padding: 0.5rem 0.4rem; width: 4rem; display: block; text-align: center; opacity: 1; }
@media (max-width: 575.98px) {
  .sociales a { font-size: 1rem; width: 2rem; } }
.sociales a:hover { background-color: transparent; border-color: #000000; opacity: .8; color: #000000;}

#navbar-gral { background-color: #e04781; }
#navbar-gral .logo { height: 24px; }
@media (max-width: 575.98px) {
  #navbar-gral .logo { height: 25px; } }
@media (min-width: 768px) {
  #navbar-gral .nav-item:not(:first-child) .nav-link { border-left: 1px solid rgb(0, 0, 0); } }
#navbar-gral .nav-item .nav-link { font-family: "Roboto", sans-serif; color: #000000; padding-right: 1rem; padding-left: 1rem; }
#navbar-gral .nav-item .nav-link:hover { color: #000; }
#navbar-gral .nav-item .nav-link.btn {
  font-family:'Roboto', sans-serif;
  background-color: #efeff0;
  border-radius: 2rem;
  border: 1px solid #c20606;
  margin: 4px}
#navbar-gral .nav-item .nav-link.btn:hover { color: #e04781; background-color: #261018; }

a .img-fluid { -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.text-justify { text-align: justify !important; }

.barra {
  padding: 2rem 0;
}
.barra img { width: 50%; }
@media (max-width: 575.98px) { 
  .barra img { width: 78%; } }

.btn-amarillo {
  background-image: url("../img/bg-btn.png");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 0.5rem 2rem;
  font-weight: 700;
}

.btn-big { font-size: 1.5rem; line-height: 1; padding: 1rem 2rem; }
.img-fluid-game-night {
  max-width: 75%;
  height: auto;
}
section { position: relative; z-index: 3; background-repeat: no-repeat; background-position: top center; background-size: cover; }
section .btn-normal { line-height: 1; padding: 1rem 3.5rem; font-size: 1.5rem; }
section#header-video {
  background-image: url("../img/000-Fondo1.png");
  background-size: 100% 100%;
}
section#header {
  background-image: url("../img/001-Hojas.png");
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  section#header {padding: 0rem 0 2rem; }
}
section#header .container { z-index: 2; }
section#header .logo-img { width: 12%; margin-top: 3rem; }
@media (max-width: 575.98px) {
  section#header .logo-img { width: 25%; margin-top: 1rem; margin-top: 1rem; margin-bottom: 2rem; pointer-events: none; } }
section#header .img-caja { height: 70%; z-index: 1; }
@media (max-width: 575.98px) { 
  section#header .img-caja { height: 48%; } }
section#header .img-caja-left { left: 0; }
section#header .img-caja-right { right: 0; }
section#video {color: #ffffff;}
section#video .title { margin: 2.5rem auto 1rem; }

section#descubre img:hover {
  color: #fff;
  background-color: #e04781;
  border-radius: 2rem;
  border: 1px solid #e04781;
}
section#mecanica{
  background-color: #4a3084;
  padding-top: 1rem;
  /*
  background-image: url("../img/008-Fondo.png"), url("../img/009-Base-Juego.png");
  background-position: top center, bottom center;
  background-size: 100% 70%;
  */
  background-image: url("../img/008-Fondo-meme.png");
  background-size: 100% 100%;
}
section#mecanica-meme{
  padding: 0rem 0;
  background-image: url("../img/009-Base-Juego.png");
  background-size: contain;
  background-position: bottom;
  bottom: 0%;
  background-position: left 0% bottom 0%;;
  background-position-y: bottom;
  background-size: 100% 20%;
}
section#mecanica .vectorial{
  height:80;
}
/*
#mecanica img { height: 100%;}
*/
section#mecanica .cartas { padding: 4rem 0; }
section#mecanica .btn-normal { margin: 4rem auto 2rem; }
section#mecanica .form { position: relative; padding: 2.5rem 2rem; width: 40%; margin-top: 3rem; margin-bottom: 4rem; border-radius: 20px; background: -webkit-gradient(linear, left top, left bottom, from(#ffd800), to(gold)); background: linear-gradient(180deg, #ffd800 0%, gold 100%); background-clip: padding-box; border: solid 0.5rem transparent; }
@media (max-width: 575.98px) { 
  section#mecanica .form { width: 100%; } }
section#mecanica .form:after { content: ''; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; margin: -0.5rem; border-radius: inherit; background: -webkit-gradient(linear, left top, left bottom, from(gold), to(#fd0000)); background: linear-gradient(180deg, gold 0%, #fd0000 100%); position: absolute; }
section#mecanica .form .txt { margin-bottom: 2rem; }
section#mecanica .form .form-floating { font-size: 1.25rem; }
section#mecanica .form #dropzone .btn-amarillo { font-size: 1.25rem; background-size: contain; pointer-events: none; }
@media (max-width: 575.98px) {
  section#mecanica .form #dropzone .btn-amarillo { padding: 1rem 2rem; } }
section#mecanica .form #dropzone .dz-success-mark, section#mecanica .form #dropzone .dz-error-mark { width: 50%; display: none; }
section#mecanica .form #dropzone .dz-remove { display: block; }
@media (max-width: 575.98px) { 
  section#mecanica .porc { margin-top: 0.1rem; }
section#mecanica .cartas { margin-bottom: 2rem; margin-top: -4rem; } }

  section#premios{
  background-color: #4a3084;
  padding-top: 1rem; 
  background-image: url("../img/008-Fondo-premios.png");
 }
section#premios .cajas .w33 { width: 33%; }
section#premios .leyenda { display: block; }
section#premios .img100w img { width: 75%; }
@media (max-width: 575.98px) { 
  section#premios .img100w img { width: 98%; } }
section#premios .cajas { margin-bottom: 3rem; }
section#gran-premio .rojo { margin-top: 2rem; }
section#gran-premio .btn-big { padding: 2rem 3rem; }
@media (max-width: 575.98px) { 
  section#gran-premio .btn-big { padding: 2rem 2rem; font-size: 1rem; } }
@media (max-width: 575.98px) { 
  section#gran-premio .mesa { margin-top: 2rem; } }


section#prod{
  padding-top: 1rem; 
  background-image: url("../img/015-prod.png");
}


#telestrations {
  background-image: url(../img/016-fondo-dixit.png);
  background-size: 100% 100%;
  color: #000;
  padding-top: 3rem;
  padding-bottom: 3.5rem; }
#telestrations .row {
    z-index: 2; }

#telestrations .datos {
    width: 70%;
    margin-top: 1.5rem; }

#telestrations .bg-amarillo {
    right: 0;
    top: 39%;
    width: 55%; }
    @media (max-width: 575.98px) {
      #telestrations .bg-amarillo {
        left: 0;
        top: auto;
        width: 100%;
        bottom: 11%; } }
  @media (max-width: 575.98px) {
    #telestrations .caja, #telestrations .logo {
      max-width: 80% !important; } }


.amarillo {
  color: #ffff00;
}
.games {
  padding-top: 3rem;
  padding-bottom: 3rem;
  width: 73%;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 575.98px) {
    .games {
      width: 100%;
      padding-bottom: 1rem; } }
.games .cont {
    font-size: 1.2rem;
    line-height: 1.4rem;
    width: 70%; }
@media (max-width: 575.98px) {
  .games .cont {width: 100%; }
}
.games .title {font-size: 2rem; }
@media (max-width: 575.98px) {
  .games .title {font-size: 1rem; } 
}
  @media (max-width: 575.98px) {
    .games .caja {
    width: 80%; } }
.games .desc {
    font-family: "Fredoka One", sans-serif;
    margin-top: 1.6rem;
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #ffff00;
    background-image: url(../img/017-marco-datos.png);
    padding: 2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%; }
.games .desc i {
      font-size: 1.5rem; }
.games .desc [class^="icon-"]:before, .games .desc [class*=" icon-"]:before {
      margin: 0; }
.games .desc .list-inline-item:not(:last-child) {
      margin-right: 0.2rem; }

.title{
  font-family:'Black Han Sans', sans-serif;
  font-weight: 900;
  padding-top: 1rem;
}
section#foo {
  position: relative;
  background-image: url("../img/033-fondo-footer.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
section#foo-header {
  background-image: url("../img/034-hojas-footer.png");
  padding-bottom: 6rem;
}

#footer{
  background-color: #e04781;
  font-family: "Roboto", sans-serif;
}
.title-footer{
  font-weight: 900;
  padding-top: 1rem;
}
#footer .img-logo{
  width: 70%;
}
/*# sourceMappingURL=custom.css.map */