/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 26 2026 | 15:43:44 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.sg-popup-builder-content{
	cursor: pointer;
}

#sgpb-popup-dialog-main-div{
	border-radius: 20px!important;
}

.popup-container-promocao-2, .popup-container-promocao-3{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999999;
		background-color: rgba(0, 0, 0, .4);
		opacity: 0;
		-webkit-pointer-events: none;
		-moz-pointer-events: none;
		-ms-pointer-events: none;
		-o-pointer-events: none;
		pointer-events: none;
	}

	.popup-container-promocao-2.active, .popup-container-promocao-3.active{
		opacity: 1!important;
		-webkit-pointer-events: auto!important;
		-moz-pointer-events: auto!important;
		-ms-pointer-events: auto!important;
		-o-pointer-events: auto!important;
		pointer-events: auto!important;
	}

	.row-container-promocao-2, .row-container-promocao-3{
		margin: 0px 20px;
	}

	.row-container-promocao-2, .row-container-promocao-3{
		position: relative;
		width: 100%;
		max-width: 400px;
		background: #fff;
		padding: 30px;
		border-radius: 15px;
		margin: 0px 20px;
	}

	.close-container-promocao-2, .close-container-promocao-3{
		position: absolute;
		right: -20px;
		top: -20px;
		z-index: 999;
		height: 50px;
		width: 50px;
	}

	.close-container-promocao-2 img, .close-container-promocao-3 img{
		background-color: #fff;
		border-radius: 50%;
		cursor: pointer;
		border: 2px solid #fff;
	}
	
	.popup-container-promocao{
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 999999;
		background-color: rgba(0, 0, 0, .4);
		opacity: 0;
		-webkit-pointer-events: none;
		-moz-pointer-events: none;
		-ms-pointer-events: none;
		-o-pointer-events: none;
		pointer-events: none;
	}

	.popup-container-promocao.active{
		opacity: 1!important;
		-webkit-pointer-events: auto!important;
		-moz-pointer-events: auto!important;
		-ms-pointer-events: auto!important;
		-o-pointer-events: auto!important;
		pointer-events: auto!important;
	}

	.popup-row-promocao{
		position: relative;
		width: 100%;
		max-width: 650px;
		background: #fff;
		border-radius: 15px;
	}

	.close-popup-promocao{
		position: absolute;
		right: -20px;
		top: -20px;
		z-index: 999;
		height: 50px;
		width: 50px;
	}

	.close-popup-promocao img{
		background-color: #fff;
		border-radius: 50%;
		cursor: pointer;
		border: 2px solid #fff;
	}

	.popup-img-promocao{
		width: 100%;
		height: auto;
		cursor: pointer;
	}

	.frm-whatsapp-row {
		position: relative;
		width: 100%;
		max-width: 400px;
		background: #fff;
		padding: 30px;
		border-radius: 15px;
	}
	
	.wpcf7-response-output{
		display: none!important;
	}

	.popup-container-promocao-3 input{
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
		border-radius: 8px;
		border: 1px solid #000;
		padding: 0px 15px;
		font-size: 15px;
		color: #000;
	}

	.popup-container-promocao-3 .w-100, .popup-container-promocao-2 .w-100{
		width: 100%;
		margin-bottom: 20px;
	}

	.popup-container-promocao-3 h4, .popup-container-promocao-2 h4{
		font-size: 18px;
		color: #000;
	}

	.popup-container-promocao-3 button{
		background: #2e2e2e!important;
		color: #fff!important;
		padding: 10px 20px;
		border-radius: 8px;
		border: none;
		float: right;
	}

	.popup-container-promocao-3 input::-webkit-input-placeholder {
		color: #000;
		font-size: 14px;
	}

	.popup-container-promocao-3 input:-ms-input-placeholder {
		color: #000;
		font-size: 14px;
	}

	.popup-container-promocao-3 input::placeholder {
		color: #000;
		font-size: 14px;
	}

.whatsapp-container{position:fixed;bottom:30px;right:30px;z-index:99999;cursor:pointer}
	.wpcf7-response-output{display:none!important}
	.container-frm-utm{width:100%;max-width:343px;height:auto;position:fixed;right:40px;bottom:100px;z-index:99999;background:#FFFFFF;opacity:0;pointer-events:none;transition:all .25s ease-in-out;box-shadow:3px 3px 15px rgba(0,0,0,.15);border-radius:5px}
	.container-frm-utm.active{opacity:1;pointer-events:auto!important}
	.row-frm-utm-1{width:100%;padding:15px 20px;background:#25d366;border-radius:5px 5px 0 0;position:relative}
	.row-frm-utm-1 ul{list-style:none;padding:0 0 0 40px;margin:0}
	.row-frm-utm-1 ul:before{content:"";background:url("https://madeleste.com.br/wp-content/uploads/2026/05/icone-1.png") no-repeat center/contain;width:35px;height:34px;position:absolute;top:14px;left:20px;display:block}
	.row-frm-utm-1 h4{font-size:16px;font-weight:600;line-height:1;color:#fff;margin:0 0 5px}
	.row-frm-utm-1 p{font-size:12px;font-weight:300;line-height:1.3;color:#fff;max-width:30ch;margin:0}
	.row-frm-utm-2{padding:20px 20px 0}
	.row-frm-utm-2 input,.row-frm-utm-2 select,.row-frm-utm-2 textarea{width:100%;font-size:12px;background:#f5f7f9;border:0;border-left:2px solid #25d366;border-radius:3px;margin-bottom:5px;color:#43474e;outline:none;transition:all .1s ease-in-out}
	.row-frm-utm-2 input{height:40px;padding:0 15px}
	.row-frm-utm-2 select{height:40px;padding:0 15px;color:#989b9f}
	.row-frm-utm-2 textarea{padding:15px;resize:none}
	.row-frm-utm-2 input::placeholder,.row-frm-utm-2 textarea::placeholder{color:#989b9f}
	.row-frm-utm-2 select option{color:#43474e}
	.row-frm-utm-2 button,.row-frm-utm-2 [type=submit]{width:100%;height:40px;line-height:1;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;text-align:center;border:0;border-radius:3px;background:#25d366;color:#fff;cursor:pointer;transition:all .5s}
	.row-frm-utm-2 button:hover,.row-frm-utm-2 [type=submit]:hover{opacity:.8}
	.row-frm-utm-3{padding:0 20px 10px}
	.row-frm-utm-3 p{font-family:"Open Sans",sans-serif;font-size:10.5px;font-weight:300;line-height:1.4;margin-top:6px;color:#000}
	@media(max-width:768px){
	.container-frm-utm{bottom:90px;right:30px}
	.whatsapp-container{right:30px;bottom:30px}
	.whatsapp-container img{width:60px;height:60px}
	}