/*
Theme Name: Gazpachers Child Theme
Theme URI: https://iconmarketing.es
Description: Tema para Gazpachers.
Author: Icon
Author URI: https://iconmarketing.es
Template: Gazpachers
Version: 1.0
*/




/* Juego */
.gz-contenedor-juego{
    display:flex;
    justify-content: space-between;
    align-items: stretch;
    font-family: gtflexa;
    margin-bottom:120px;
}
.gz-contenedor-batidora.shake{
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) infinite;
}

@keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
}




.gz-contenedor-ingredientes{
    flex: 0 0 66%;
}
.gz-contenedor-batidora{
    flex: 0 0 30%;
    background-position: center top;
    background-repeat:no-repeat;
    background-size: contain;
}
.gz-contenedor-ingredientes .gz-titulo{
    color: #E65949;
    font-size:28px;
    line-height:1.2;
    text-transform: uppercase; 
}
.gz-fila-ingredientes{
    display:flex;
    justify-content:flex-start;
    background-repeat:no-repeat;
    padding:0px 30px;
    background-size: contain;
    background-position: 0% 86%;
    flex-wrap:wrap;
	background-image: url(https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/balda.svg),url(https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/balda.svg),url(https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/balda.svg),url(https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/balda.svg),url(https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/balda.svg);
	background-position: 0px 184px, 0 440px, 0 600px, 0 750px, 0 900px;
}
.gz-ingrediente{
    position:relative;
    margin:45px 0px;
    flex:1;
    display:flex;
    flex: 0 0 16%;
    justify-content: center;
    align-items:flex-end;
}
.gz-aureola{
    position:absolute;
    opacity:0;
    transition: all .3s ease-in-out;
}
.gz-aureola.activo{
    opacity:1;
}
.gz-ingrediente a{
    position: relative;
    height:165px;
    display:flex;
    align-items: flex-end;
}
.gz-pepino .gz-aureola{bottom: 0px;}
.gz-harina .gz-aureola{bottom: 0px;}
.gz-azucar .gz-aureola{bottom: 0px;}
.gz-pimiento .gz-aureola{bottom: 0px;}
.gz-tomate .gz-aureola{bottom: 0px;}
.gz-ajo .gz-aureola{bottom: 0px;}
.gz-sal .gz-aureola{bottom: 0px;}

.gz-vinagre a{width:32%; }
.gz-pepino a{width:46%; }
.gz-harina a{width:42%; }
.gz-azucar a{width:40%; }
.gz-pimiento a{width:45%; }
.gz-tomate a{width:55%; }
.gz-aceite-girasol a{width:32%; }
.gz-ajo a{width:40%; }
.gz-aceite-oliva a{width:32%; }
.gz-sal a{width:40%; }
.gz-agua a{width:32%; }
.gz-conservante a{width:42%; }

.gz-ingrediente img{
    width:100%;
}

.gz-contenedor-batidora{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    position:relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.gz-batidora-inner{
    position:relative;
}
.gz-gazpacho{
    position:absolute;
    background:#fff;
    width:61.3%;
    height:0%;
    bottom:46%;
    right:28%;
    transition: all 1s ease-in-out;
}
.gz-gazpacho-solido{
    opacity:0;
    position:absolute;
    bottom:0px;
    transition: all .5s ease-in-out;
}
.gz-gazpacho-solido img{display:block;}
.gz-gazpacho-tomate{width:51%;left:0px;}
.gz-gazpacho-pimiento{width:47%;left:20%;}
.gz-gazpacho-pepino{width:46%;left:40%;}
.gz-gazpacho-ajo{width:13%;right:0px;}

.gz-gazpacho-tomate.activo, .gz-gazpacho-pimiento.activo, .gz-gazpacho-pepino.activo, .gz-gazpacho-ajo.activo{
    opacity:1
}

.gz-contenedor-batidora img{
    position:relative;
}
.gz-boton-jugar{
    position:absolute;
    bottom:13%;
    left: 25%;
    width: 100px;
    height: 100px;
    z-index: 10;
    display:flex;
    align-items:center;
}

#gz-demasiados-ingredientes.fancybox-content,#gz-pocos-ingredientes.fancybox-content{
    background: #FFE456;
}
#pagina-jugar .wpcf7 form.sent .wpcf7-response-output{
    display:none !important;
}
.gz-boton-batir{
    display:none;
}
.gz-ya-has-jugado{
    font-size:54px;width:75%;margin:75px auto 0px;color:#E65949;font-family:gtflexa;text-align:center;text-transform:uppercase
}

.gz-boton-jugar-js.vcex-button.theme-txt-link{
    font-size:24px;
}

@media (max-width: 1280px) {

    .gz-contenedor-ingredientes .gz-titulo{
        font-size:22px;
        
    }
    .gz-contenedor-ingredientes p{
        font-size:18px;
        font-family: booster;
        text-align:center;
        line-height:1;
    }
	.gz-fila-ingredientes{
		background-position: 0px 162px, 0 360px, 0 551px, 0 752px;
	}
    .gz-vinagre a{width:25%; }
    .gz-pepino a{width:58%; }
    .gz-harina a{width:35%; }
    .gz-azucar a{width:31%; }
    .gz-pimiento a{width:45%; }
    .gz-tomate a{width:55%; }
    .gz-aceite-girasol a{width:25%; }
    .gz-ajo a{width:61%; }
    .gz-aceite-oliva a{width:25%; }
    .gz-sal a{width:49%; }
    .gz-agua a{width:25%; }

    .gz-ingrediente{
        margin: 15px 7px;
        flex: 0 0 25%;
    }

    .gz-ya-has-jugado{
        font-size: 30px;
    }
}

@media (max-width: 992px) {

    .gz-contenedor-ingredientes .gz-titulo{
        font-size:20px;
        text-align:center;
    }
    .gz-contenedor-ingredientes p{
        margin-bottom:30px;
    }

    .gz-boton-batir{
        display:block;
        text-align:center;
        margin-top:30px;
    }

    .gz-contenedor-juego{
        display:block;
        background-image: url('https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/base-batidora.svg');
        background-repeat: no-repeat;
        background-position: 100% 97%;
        background-size: contain;
    }
    .gz-fila-ingredientes {
        padding: 0px;
        margin-bottom:60px;
		background-position: 0px 162px, 0 360px, 0 551px, 0 752px;
      }

    .gz-vinagre a{width:24%; }
    .gz-pepino a{width:58%; }
    .gz-harina a{width:35%; }
    .gz-azucar a{width:31%; }
    .gz-pimiento a{width:45%; }
    .gz-tomate a{width:55%; }
    .gz-aceite-girasol a{width:24%; }
    .gz-ajo a{width:61%; }
    .gz-aceite-oliva a{width:24%; }
    .gz-sal a{width:34%; }
    .gz-agua a{width:24%; }

    .gz-ingrediente{
        margin: 15px 7px;
        flex: 0 0 21%;
    }
	
	.gz-contenedor-batidora{
        display:block;
		width:36%;
		margin: 0 auto;
        transform: translateX(15px);
	}
	.gz-boton-jugar {
        display:none;
		bottom: 9%;
		width:60px;
	}
    .gz-boton-jugar-js.vcex-button.theme-txt-link.blanco:hover{
        background: #fff !important;
        color:#E65949 !important;
    }


}
/* responsive */
@media (max-width: 600px) {
    .gz-contenedor-juego{
        display:block;
    }
    .gz-fila-ingredientes {
      padding: 0px;
      margin-bottom:60px;
		background-position: 0px 87px, 0 198px, 0 308px;
	}

    .gz-ingrediente{
        margin: 15px 7px;
        flex: 0 0 20%;
    }

    .gz-ingrediente a{
        height: 80px !important;
    }

    .gz-vinagre a{width:36%; }
    .gz-pepino a{width:66%; }
    .gz-harina a{width:54%; }
    .gz-azucar a{width:51%; }
    .gz-pimiento a{width:77%; }
    .gz-tomate a{width:83%; }
    .gz-aceite-girasol a{width:36%; }
    .gz-ajo a{width:60%; }
    .gz-aceite-oliva a{width:36%; }
    .gz-sal a{width:49%; }
    .gz-agua a{width:36%; }
    .gz-conservante a {width: 59%;}
    

}
@media (max-width: 400px) {
    .gz-ya-has-jugado{
        margin: 20px auto 20px;
        font-size: 22px;
    }

}