.rojo { color: #E65949!important; }
.amarillo { color: #FFE456!important; }

.gtflexa { font-family: "gtflexa"!important; }
.booster { font-family: "booster"!important; }

.sec-0-80 { padding-bottom: 80px; }
.sec-80 { padding-top: 80px; padding-bottom: 80px; }
.sec-100 { padding-top: 100px; padding-bottom: 100px; }
.sec-160-0 { padding-top: 160px; }
.sec-0-200 { padding-bottom: 200px; }

.page-id-2 #site-header { position: absolute; width: 100%; top: 0; padding-top: 30px; z-index: 999; }
#site-header { position: relative; width: 100%; top: 0; padding-top: 30px; }

.sec-inicio { position: relative; }
.sec-inicio .botella .vc_column-inner {  }

/* tipos */
.tip-121-114 { font-size: 112px; line-height: 106px; }
.tip-90-80 { font-size: 90px; line-height: 95px; }
.tip-70-70 { font-size: 70px; line-height: 70px; }
.tip-60-60 { font-size: 60px; line-height: 60px; }
.tip-35-45 { font-size: 35px; line-height: 45px; }
.tip-50-60 { font-size: 50px; line-height: 60px; }

/**/

.boton .theme-button-inner { line-height: 30px!important; text-align: center!important; }

.recuadro-1 h2 { font-size: 50px; line-height: 55px; color: #E65949; }

.vcex-button.theme-txt-link { overflow: hidden; transition: all 0.5s ease; position: relative; font-family: "gtflexa"; background: #FFE456; border-radius: 10px; display: inline-flex; text-transform: uppercase; height: 100px; align-items: center; padding: 30px 15px; font-size: 30px; line-height: 40px; }
.vcex-button.theme-txt-link:hover { text-decoration: none; background: transparent; color: #FFE456; }
.vcex-button.theme-txt-link::before { content:""; z-index: -1; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: #E65949; transition: all 0.5s ease; border-radius: 10px; } 
.vcex-button.theme-txt-link:hover::before { height: 100%; }

.vcex-button.theme-txt-link.blanco { background: #fff; color: #E65949; padding-left: 30px; padding-right: 30px; }
.vcex-button.theme-txt-link.blanco:hover { background: transparent; color: #fff; }
.vcex-button.theme-txt-link.blanco::before { background: #E65949; transition: all 0.5s ease; }

.vcex-button.theme-txt-link.sin-formato { font-family: "booster"; font-weight: bold; background: transparent; color: #E65949; padding-left: 0px; padding-right: 0px; }
.vcex-button.theme-txt-link.sin-formato:hover { background: transparent; color: #fff; }
.vcex-button.theme-txt-link.sin-formato::before { display:  none; }

.cupon { width: 300px; margin: auto; }

#media_image-2 { text-align: right; }
#media_image-2 img { max-width: 414px!important; }

.widget-lateral { position: relative; }
.label-milagros { position: absolute; bottom: -115px; z-index: 999; }

/**/
.tomate1 { position: absolute; top: 15%; right: -10%; width: 100px; }
.tomate2 { position: absolute; top: 34%; left: 2%; width: 129px; }
.nube { position: absolute; top: 38%; right: 13%; width: 290px; z-index: 1; }
.pimiento { position: absolute; top: 53%; right: -14%; width: 132px; }
.tomate3 { display: none; /*position: absolute; top: 48%; left: -53%; width: 175px;*/ }
.nube1 { position: absolute; top: 70%; left: -4%; width: 230px; z-index: 1; }
.tomate4 { position: absolute; top: 80%; right: -18%; width: 100px; }
.ajo { position: absolute; top: 87%; left: -5%; width: 125px; }

.flechita {
	animation-name: flechita;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0; }

@keyframes flechita {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-20px); }
	100% { transform: translateY(0); }
}

.flotando {  
    animation-name: flotando;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0;
}

@keyframes flotando {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(15px, 0px); }
    to   { transform: translate(0, 0px); }    
}

.flotandoo {  
    animation-name: flotandoo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0;
}

@keyframes flotandoo {
    from { transform: translate(0,  0px); }
    55%  { transform: translate(20px, 0px); }
    to   { transform: translate(0, 0px); }    
}

.flotandooo {  
    animation-name: flotandooo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0;
}

@keyframes flotandooo {
    from { transform: translate(0,  0px); }
    45%  { transform: translate(10px, 0px); }
    to   { transform: translate(0, 0px); }    
}

.flotandoooo {  
    animation-name: flotandoooo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0;
    margin-top: 0;
}

@keyframes flotandoooo {
    from { transform: translate(0,  0px); }
    85%  { transform: translate(15px, 0px); }
    to   { transform: translate(0, 0px); }    
}


/* formulario */
.formulario select { padding: 20px 30px; border-radius: 5px; font-size: 35px; border-color: #ffffff; color: #e65949; width: 100%; font-size: "booster"; }
.wpcf7-form select,
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form .wpex-select-wrap { margin-top: 0; }
.formulario .col { float: left; margin-bottom: 15px; }
.formulario .col1 { width: 100%; }
.formulario .col2 { width: 49%; margin-right: 2%; }
.formulario .last { margin-right: 0; }
.formulario .fecha-nacimiento input { width: 100%; }
.formulario .centrado { text-align: center; }

.formulario button { margin-top: 30px; color: #fff; overflow: hidden; transition: all 0.5s ease; position: relative; font-family: "gtflexa"; background: #E65949; border-radius: 10px; display: inline-flex; text-transform: uppercase; height: 90px; align-items: center; padding: 10px 90px; font-size: 30px; line-height: 30px; }
.formulario button:hover { text-decoration: none; background: transparent; color: #E65949; }
.formulario button::before { content:""; z-index: -1; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 0px; background: #fff; transition: all 0.5s ease; border-radius: 10px; } 
.formulario button:hover::before { height: 100%; }

.wpcf7 form .wpcf7-response-output { display: none!important; }

.quieres-ganar { position: relative; }
.quieres-ganar .nube-pimiento { position: absolute; top: 37%; left: -24%; width: 510px; z-index: -1; }
.pasos123 { position: relative; }
.pasos123 .tomates { position: absolute; bottom: 0%; right: -22%; width: 197px; z-index: -1; }

#registro { position: relative; }
#registro .tomates3 { position: absolute; bottom: -20%; left: -5%; width: 235px; z-index: -1; }

#pagina-jugar { position: relative; }
#pagina-jugar .nube3 { position: absolute; top: 0; left: -5%; width: 330px; z-index: -1; }
#pagina-jugar .nube4 { position: absolute; bottom: -6%; right: -19%; width: 330px; z-index: -1; }
.icon-down { width: 60px; margin-top: 70px; margin-left: auto; margin-right: auto; }


#copyright { position: relative; padding-top: 50px; padding-bottom: 50px; }
.page-id-63 #copyright::before { position: absolute; background: url('https://gazpacher.santateresagourmet.com/wp-content/uploads/2021/05/milagros.svg') no-repeat; width: 520px; height: 146px; content: ""; display: block; top: -113px; left: 50%; margin-left: -260px; }


/* RESPONSIVE */
@media(min-height: 1080px ) {
	.widget-lateral #media_image-2 { top: 40%!important; }
	.nube { top: 50%; }
}
@media(min-height: 1190px ) {
	.widget-lateral #media_image-2 { top: 45%!important; }
}


@media(max-width: 1300px) {
	.tip-121-114 { font-size: 70px; line-height: 75px; }
	.tip-50-60 { font-size: 30px; line-height: 38px; }
	.tip-35-45 { font-size: 30px; line-height: 35px; }
	.tip-70-70 { font-size: 58px; line-height: 60px; }
	.quieres-ganar .nube-pimiento { top: -150%; left: -29%; }
	.tomate2 { top: 22%; left: -16%; }
	.tomate3 { top: 60%; left: -35%; display: none; }
	.pasos123 .tomates { right: -42%; }

	.ajo { top: 90%; left: -30%; }
	.tip-35-45 p br { display: none; }
	.pasos123 .vcex-icon-box-heading { font-size: 30px!important; line-height: 36px!important; }
	#media_image-2 { margin-bottom: 0!important; }
}

@media(max-width: 1220px) {
	.quieres-ganar .nube-pimiento { top: -106%; left: -36%; }
}

@media(max-width: 1199px) {
	.tip-70-70 { font-size: 40px; line-height: 40px; }
	#pagina-jugar .nube3 { top: -12%; left: -13%; }
	.tomate1 { right: -7%; width: 70px; }
	.tomate2 { top: 32%; width: 100px; }
	.nube { top: 36%; width: 230px; }
	.tomate3 { top: 44%; left: -40%; width: 115px; display: none; }
	.pimiento { width: 85px; }
	.nube1 { width: 180px; }
	.ajo { width: 80px; }
	.vcex-button.theme-txt-link { height: 85px!important; }
	p br { display: none; }
	.quieres-ganar .nube-pimiento { display: none; }
}


@media(max-width: 1024px) {
	
}

@media(max-width: 991px) {
	#media_image-2.wpex-mb-30 { margin-bottom: 0!important; }
	#registro .tomates3 { bottom: -17%; left: -12%; width: 210px; }
}

@media(max-width: 860px) {
	.tomate2 { top: 37%; left: -44%; }
}

@media(max-width: 768px) {
	.sec-160-0 { padding-top: 40px; }
	.tip-121-114,
	.tip-90-80 { font-size: 60px; line-height: 65px; }
	.tip-35-45 { font-size: 28px; line-height: 30px; }
	.quieres-ganar .nube-pimiento { top: -67%; left: -34%; width: 440px; }
	.tip-50-60 span br,
	.quieres-ganar .nube-pimiento { display: none; }
	.pasos123.sec-80 { padding-top: 40px; padding-bottom: 40px; }
	.formulario select { padding: 13px 20px; border-radius: 5px; font-size: 20px; margin-top: 3px; }
	.site-content input[type="text"],
	.site-content input[type="email"],
	.site-content input[type="tel"],
	.site-content input[type="date"] { padding: 5px 20px!important; font-size: 24px!important; }
	.formulario button { height: 75px; padding: 10px 50px; font-size: 20px; }
	.wpex-w-100 { height: 60px!important; }
	#media_image-2 { text-align: center!important; }
	.widget-lateral { display: none!important; }
	.tomate1 { right: 10%; }
	.tomate4 { display: none; }
	.pimiento { top: 60%; }
	.tomate2 { top: 37%; left: 10%; }
	.boton .theme-button-inner { font-size: 20px; line-height: 20px!important; text-align: center!important; }
	#copyright { font-size: 16px; padding-top: 15px; padding-bottom: 15px; }
	.page-id-63 #copyright::before { width: 404px; height: 112px; top: -96px; margin-left: -204px; background-size: contain; }
	.formulario .col2 { width: 100%; margin-right: 0; }
}

@media(max-width: 600px) {
	.wpex-w-100 { height: 45px!important; }
	.sec-80 { padding-top: 40px; padding-bottom: 40px; }
	.pasos123 .tomates { bottom: -28%; right: -31%; }
	.tomate2 { left: 3%; }
	.tip-121-114,
	.tip-90-80 { font-size: 35px; line-height: 35px; }
	.tip-70-70 { font-size: 28px; line-height: 34px; }
	.tip-35-45 { font-size: 23px; line-height: 26px; }
	.tip-40-40 { font-size: 28px; line-height: 34px; }
	.label-milagros { bottom: -70px; }
	.nube { display: none; }
	.pimiento { right: 5%; }
	.boton .theme-button-inner { font-size: 15px; line-height: 20px!important; text-align: center!important; }
	.vcex-button.theme-txt-link { height: 50px!important; }
	#pagina-jugar .nube3 { top: -2%; left: -70%; }
	#pagina-jugar .nube4 { bottom: -4%; right: -37%; width: 265px; }
	#registro .tomates3 { bottom: -8%; left: -24%; width: 155px; }
	.page-id-63 #copyright::before { width: 335px; height: 93px; top: -79px; margin-left: -170px; background-size: contain; }
	.sec-0-200 { padding-bottom: 120px; }
	.tip-35-45 span br { display: none; }
	.page-id-48 .sec-80 { padding-top: 20px; padding-bottom: 40px; }
	.pasos123 .vcex-icon-box-heading { font-size: 23px!important; line-height: 30px!important; }
	.pasos123 .vcex-icon-box-symbol img { width: 30px; }
}







@supports (-webkit-touch-callout: none) {
	.formulario select { height: 51px; background: #fff!important; }
}