/**
 * Theme Name:     Encuesta
 * Author:         BIT
 * Template:       hello-biz
 * Text Domain:	   encuesta
 * Description:    Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{font-family: "Inter", sans-serif; font-size: 25px; line-height: 27px;  font-optical-sizing: auto; font-weight: normal; font-style: normal;}
header.site-header, footer.site-footer, .repeater-field-header-title{display: none;}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{background: transparent;}
.repeater-field-header-acctions{width: 100% !important;}
a.repeater-field-button-add:before { content: "+"; font-size: 140%; font-weight: 700; background: #000; border-radius: 30px; width: 30px; display: inline-block; height: 30px; text-align: center; margin-right: 10px;}
a, button{transition: 0.5s all;}

#headerPrincipal{background: url(images/header-encuesta.jpg) center center/cover no-repeat;}

#informacionEncuesta{background: url(images/bg-rojo.jpg) center center/cover no-repeat;}
#informacionEncuesta p{color: #ffffff;}
#informacionEncuesta p strong{color: #ffeb00;}

.contentform{width: 100%; max-width: 1140px; margin:0px auto;}
.contentform p {margin: 0;}

.parte01{background: url(images/bg-parte01.jpg) center center/cover no-repeat; padding: 50px 0px;}
.parte01Txt{background: url(images/bg-parte01Txt.png) center center/contain no-repeat; padding: 50px 20px 50px 130px;  color: #fff; margin-bottom: 55px;  margin-top: 45px;}
.parte01 label { display: inline-block; line-height: 1; vertical-align: middle; float: left; width: 20%; font-weight: 800;}
.parte01 .wpcf7-form-control-wrap { position: relative; width: 80%; display: inline-block; margin-bottom: 5px;}
.parte01 .contentform p{display: flex; flex-wrap: wrap; align-items: center;}
.parte01 img{margin: 0px auto; display: block;}

.parte02{background: url(images/bg-parte02.jpg) center center/cover no-repeat; padding: 50px 0px;}
.parte02 img{margin: 0px auto; display: block;}
.parte02 .wpcf7-form-control-wrap{margin: 10px 0px;}
.parte02 label{background: url(images/03.png) left center/contain no-repeat; max-width: 830px; margin: 25px auto; padding: 25px 0px 25px 125px; display: block; min-height: 100px;}
.parte02 label:first-of-type{background: url(images/02.png) left center/contain no-repeat; max-width: 830px; margin: 25px auto; padding: 25px 0px 25px 125px; display: block;}
.parte02 label:last-of-type{background: url(images/04.png) left center/contain no-repeat; max-width: 830px; margin: 25px auto; padding: 25px 0px 25px 125px; display: block;}
.parte02 label em{font-size: 80%; font-style: normal;}

.parte03{background: url(images/bg-parte03.jpg) center center/cover no-repeat; padding: 50px 0px;}
.parte03 img{margin: 0px auto; display: block;}
.parte03 label{background: url(images/bg-parte03Txt.png) center center/contain no-repeat; padding: 50px 20px 50px 140px;  color: #fff; margin-bottom: 55px;  margin-top: 45px; max-width: 1060px; width: 100%;}
.parte03 label em{font-size: 80%; font-style: normal;}

.parte04{background: url(images/bg-parte04.jpg) center center/cover no-repeat; padding: 50px 0px;}
.parte04 img{margin: 0px auto; display: block;}
.parte04 > .contentform > p > label:first-of-type{background: url(images/bg-parte04Txt.png) center center/contain no-repeat; padding: 60px 20px 50px 130px;  color: #fff; margin-bottom: 55px;  margin-top: 45px; max-width: 1060px; width: 100%; color: #dc1f1f;}
.parte04 .repeater-field-item{color: #ffffff;}
.parte04 .wpcf7-text{border-color: #ffffff; color: #ffffff;}
.parte04 label{padding-left: 25px;}

.parte05{background: url(images/bg-parte05.jpg) center center/cover no-repeat; padding: 50px 0px;}
.parte05 img{margin: 0px auto; display: block;}
.parte05 > .contentform > p > span:first-of-type{background: url(images/bg-parte05Txt.png) left center/contain no-repeat; max-width: 830px; margin: 25px auto; padding: 45px 0px 25px 145px; display: block; min-height: 140px;  color: #fff;  width: 100%;}
.parte05 > .contentform > p > span:first-of-type strong{font-weight: normal; color: #ffed00; }
.parte05 label { display: inline-block; line-height: 1; vertical-align: middle; float: left; width: 25%; font-weight: 800;}
.parte05 .wpcf7-form-control-wrap { position: relative; width: 75%; display: inline-block; margin-bottom: 5px;}

.wpcf7-spinner{display: block; margin: 0px auto;}
.wpcf7-response-output{background: yellow;}
.wpcf7-submit[type=submit]{margin: 50px auto 0; display: block; background: #dc1f1f; border-radius: 55px; font-size: 40px; padding: 10px 80px; color: #ffed00; font-weight: 600;}
.wpcf7-submit[type=submit]:hover{color: #dc1f1f; background: #ffed00;}
.wpcf7-submit[type=submit]:focus{color: #dc1f1f; background: #ffed00;}

.wpcf7 form.sent .wpcf7-response-output{margin: 0px; text-align: center; background: url(images/bg-respuesta.jpg) center center/cover no-repeat; border:none; font-size: 35px; font-weight: 600; text-align: center; padding: 50px 20%;}
.wpcf7 form.sent .wpcf7-response-output:before{content: ""; width: 600px; height: 380px; background: url(images/txt-gracias.png) center center/contain no-repeat; display: block; margin: 0px auto 15px;}

@media (max-width: 767px) {
	body{font-size: 16px; line-height: 19px;}
	#informacionEncuesta img {max-width: 70%;}
	.parte01 img, .parte02 img, .parte03 img, .parte04 img, .parte05 img{max-width: 70% !important;}
	.parte01, .parte02, .parte03, .parte04, .parte05{padding: 30px 0px;}
	.parte01Txt{font-size: 14px;padding: 20px 10px 20px 50px; background: url(images/bg-parte01Txt-movil.png) center center/contain no-repeat; margin-bottom: 15px; margin-top: 15px; margin-left: 10px; margin-right: 10px;}
	.parte01 label{width: 100%;}
	.parte01 .wpcf7-form-control-wrap{width: 100%;}
	.parte02 label:first-of-type{max-width: 90%; margin: 10px auto; padding: 5px 0px 5px 65px; background-size: auto 50px;}
  	.parte02 label{max-width: 90%; min-height: 50px; padding: 5px 0px 5px 65px; margin: 10px auto; background-size: auto 50px;}
 	.parte02 label:last-of-type{max-width: 90%; margin: 10px auto; padding: 5px 0px 5px 65px; background-size: auto 50px;}
 	.parte02 input{width: 90% !important; display: block; margin: 0px auto !important;}
 	.parte03 label{background: url(images/bg-parte03Txt-movil.png) center center/contain no-repeat;margin-bottom: 15px; margin-top: 15px; margin-left: 10px; margin-right: 10px;font-size: 14px;padding: 30px 10px 30px 50px;   width: 95%;}
 	.parte03 label em{font-size: 100%;}
 	.parte03 input{width: 90% !important; display: block; margin: 0px auto !important;}
 	.parte04 > .contentform > p > label:first-of-type{background: url(images/bg-parte04Txt-movil.png) center center/contain no-repeat; padding: 40px 10px 30px 48px; margin-bottom: 15px; margin-top: 15px;letter-spacing: -0.02em; width: 98%; font-size: 14px;}
 	.wpcf7 input[type="file"]{width: 100%; text-align: center; margin-bottom: 15px;}
 	.parte04 label {  padding-left: 0;}
 	.parte05 > .contentform > p > span:first-of-type{background: url(images/bg-parte05Txt-movil.png) left center/contain no-repeat;margin-bottom: 15px; margin-top: 15px; margin-left: 10px; margin-right: 10px;font-size: 14px;padding: 40px 10px 10px 50px;   width: 95%;}
 	.parte05 label{float: none;  width: 95%;display: block;margin: 0 auto;}
 	.parte05 .wpcf7-form-control-wrap{margin: 0 auto;  float: none;width: 95%;  display: block;}
 	.wpcf7-submit[type="submit"]{margin: 30px auto 0;font-size: 20px;}
 	.wpcf7 form.sent .wpcf7-response-output:before {max-width: 600px; height: 110px;}
 	.wpcf7 form.sent .wpcf7-response-output{line-height: 25px; padding: 50px 10%; font-size: 20px;}
}