/* @import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900
			&family=Anek+Latin:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900
			&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000
			&family=Open+Sans:ital,wght@0,300..800;1,300..800
			&family=Oswald:wght@200..700
			&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900
			&family=Raleway:ital,wght@0,100..900;1,100..900
			&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */




       


/* -- BouStyle 					-- */
/* -- by Bourscheid, Ricardo 	-- */
/* -- 2025 						-- */

/* -------------------------------------------------------------------------------- */
/* ----------------------------------- COMPONENTES -------------------------------- */
/* -------------------------------------------------------------------------------- */

/* --- FONTS --- */
	@font-face {
		    font-family: 'Alegreya';
		    src: url('../fonts/alegreya.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Bebas';
		    src: url('../fonts/bebas.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'CGaramond';
		    src: url('../fonts/cormorantGaramond.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Electrolize';
		    src: url('../fonts/electrolize.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Genos';
		    src: url('../fonts/genos.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Homenaje';
		    src: url('../fonts/homenaje.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Montserrat';
		    src: url('../fonts/montserrat.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'OpenSans';
		    src: url('../fonts/openSans.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Oswald';
		    src: url('../fonts/oswald.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Oxyger';
		    src: url('../fonts/oxyger.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'PlaywriteIndia';
		    src: url('../fonts/playwrite.woff2') format('woff2'),
		    	 url('../fonts/playwrite.TTF') format('TTF');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'PlaywriteChina';
		    src: url('../fonts/playwriteCL.woff2') format('woff2'),
		    	 url('../fonts/playwriteCL.TTF') format('TTF');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Poppins';
		    src: url('../fonts/poppins.woff2') format('woff2'),
		    	 url('../fonts/poppins.TTF') format('TTF');
		    font-weight: normal;
		    font-style: normal;
		}
	
	@font-face {
		    font-family: 'Raleway';
		    src: url('../fonts/raleway.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'Roboto';
		    src: url('../fonts/roboto.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	@font-face {
		    font-family: 'SulphusPoint';
		    src: url('../fonts/sulphurPoint.woff2') format('woff2');
		    font-weight: normal;
		    font-style: normal;
		}
	
	.enqueteCustom {
		font-family: var(--family1);
	}
	
/* --- .FONTS  --- */

/* --- COLLORS ---  */
	.bk-enquete {
		background-image: var(--enqueteImage) !important;
		background-position: var(--enquetePosition) !important;
		background-color: rgba(var(--enqueteBackground), 1) !important;
	    background-size: var(--enqueteSize) !important;
		background-repeat: var(--enqueteRepeat) !important;
		background-attachment: fixed ;
	}

	.bk-enquete.preview {
	    background-attachment: scroll !important ;
	}

	.enqueteCustom .cortxt2 {
	    color: rgba(var(--enqueteCorFont), 1) !important;
	}

	.enqueteCustom .z-button.primeiro {	
		color:rgba(var(--enqueteBtnFonte), 1);
		background: rgba(var(--enqueteBtnBg), 1);
        box-shadow: 0px 8px 16px 0px rgba(var(--enqueteBtnBg), .4);
	}

	.enqueteCustom .z-button.primeiro:hover,
	.z-button.segundo:hover,
    .z-button.terceiro:hover,
    .z-button.segundo.nao:hover,
    .z-button.primeiro.nao:hover {
        background: rgba(var(--preto),1) !important;
        color: rgba(var(--branco), 1) !important;
    }

	.enqueteCustom .z-button.segundo {
        box-shadow: 0px 8px 16px 0px rgba(var(--enqueteBtnBg), .1);
        border-color: rgba(var(--enqueteBtnBg), .7);
        color: rgba(var(--enqueteBtnBg), 1);
        background-color: rgba(var(--enqueteForms), .4);
	}

	.enqueteCustom .z-button.primeiro:hover 	{	color: rgba(var(--branco),1);					}
	
	
	.enqueteCustom .enqueteForm 				{	background: rgba(var(--enqueteForms),.7);
													color: rgba(var(--enqueteFormsContraste),1);		
													border: 1px solid rgba(var(--enqueteFormsContraste),.7);		}
	.enqueteCustom .enqueteForm::placeholder 	{	color: rgba(var(--enqueteFormsContraste),.7);					}
	/*
	.enqueteClaro .enqueteForm 					{	background: rgba(var(--branco),.7);
													color: rgba(var(--preto),1);
													border: 1px solid rgba(var(--preto),.5);		}
	.enqueteClaro .enqueteForm::placeholder		{	color: rgba(var(--preto),.7);					}
	.enqueteTema .enqueteForm 					{	background: rgba(var(--tema),.2);
													color: rgba(var(--branco),1);
													border: 1px solid rgba(var(--branco),.7);		}
	.enqueteTema .enqueteForm::placeholder		{	color: rgba(var(--branco),.7);					}
	*/
	
	.enqueteCustom .ra-color > input[type=checkbox]:checked ~ label:before			 		{
	    color: rgba(var(--enqueteForms), 1);
	    transition: All 0.2s ease;
    }

   .enqueteCustom .ra-color > input[type=checkbox]:not(:checked) ~ label:before			 		{
   	    color: rgba(var(--enqueteFormsContraste), 1);
   	    transition: All 0.2s ease;
   }

   .ra-color > input[type=checkbox]:not(:checked) ~ label:hover:before		{
        color: rgba(var(--enqueteForms), 1); transition: All 0.2s ease;
    }
	/*
	.enqueteEscuro .ra-color > input[type=checkbox]:not(:checked) ~ label:before 			{ color: rgba(var(--tema), 1); 		transition: All 0.2s ease; }
	.enqueteEscuro .ra-color > input[type=checkbox]:not(:checked) ~ label:hover:before		{ color: rgba(var(--preto), 1); 	transition: All 0.2s ease; }
	*/
	.enqueteCustom .bkzero				{
	    background-color: transparent !important;
        text-shadow: 	2px 0px 0px rgba(var(--enqueteForms), 1),
                        -2px 0px 0px rgba(var(--enqueteForms), 1),
                        0px 2px 0px rgba(var(--enqueteForms), 1),
                        0px -2px 0px rgba(var(--enqueteForms), 1);
    }

    .enqueteCustom .topo-rubrica {
        background-color: rgba(var(--enqueteFormsContraste), 0.5);
    }

    .enqueteCustom .containerGrupo {
        background: rgba(var(--enqueteFormsContraste), 0.2);
        border-bottom: 1px dotted rgba(var(--enqueteForms), 0.5);
    }
	/*
	.enqueteClaro .ra-color > input[type=checkbox]:checked ~ label:before			 		{ color: rgba(var(--branco), 1); 	transition: All 0.2s ease; }
	.enqueteClaro .ra-color > input[type=checkbox]:not(:checked) ~ label:before 			{ color: rgba(var(--tema), 1); 		transition: All 0.2s ease; }
	.enqueteClaro .ra-color > input[type=checkbox]:not(:checked) ~ label:hover:before		{ color: rgba(var(--branco), 1); 	transition: All 0.2s ease; }
	.enqueteClaro .bkzero				{	background-color: transparent !important;	
											text-shadow: 	2px 0px 0px rgba(var(--branco), 1), 
															-2px 0px 0px rgba(var(--branco), 1), 
															0px 2px 0px rgba(var(--branco), 1), 
															0px -2px 0px rgba(var(--branco), 1);
										} 
	*/
