/* FORMULARIO ASISTENTE DE COMPRA */
body {
	--checked: #FB6400;
	--checked-fade: #FB640033;
}

body.page-id-114,
h1.lista-espera
{
	/*background: silver;*/
	font-family: 'Avenir';
}

.page-id-114 .wp-block-image {
	background: linear-gradient(
		180deg,
		rgb(0 0 0 / 30%),
		transparent
	);
}

.page-id-114.one-container #page.container {
	background-color: transparent;
}

.gfield.instrucciones p {
	margin-bottom: 1em;
	font-size: 0.8em;
	color: rgba(119, 119, 119,0.85);
}

.gfield.instrucciones p strong {
	font-weight: bold;
	font-size: 1.2em;
	color: black;
}

.google-reviews {
	display: none;
}

	.google-reviews .wpac {
		position: sticky !important;
		top: 0 !important;
		bottom: 20px !important;
	}

	.google-reviews .wp-google-list {
		background-color: white !important;
		border-radius: 4px !important;
		padding: 3em !important;
		max-width: 400px !important;
		margin-left: auto !important;
	}

	.google-reviews .wp-gr .wp-google-wr {
		/*Botón de "Review us on Google"more*/
		display: none;
	}

.page-id-114 .como-funciona {
	margin-top: 2em;
	text-align: center;
	padding: 2em;
}

	.page-id-114 .como-funciona * {
		width: 100%;
		box-sizing: border-box;
	}


@media (max-width: 880px) {
	.google-reviews {
		order: 2;
		margin-top: 1em !important;
	}

	.google-reviews .wp-google-list {
		max-width: 400px !important;
	}
}

.page-id-114 .gform_wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

	.page-id-114 .gform_wrapper .gfield_label {
		color: black;
	}

	.page-id-114 .gform_wrapper .gfield .ginput_container input {
		margin-top: 0;
		padding-left: 0.5em !important;
	}

		.page-id-114 .gform_wrapper .gfield .ginput_container input:focus:not([type="radio"],[type="checkbox"]) {
			border: solid 1px #bb7d00;
			box-shadow: 0 0 0 2px #f7b500;
		}

		.page-id-114 .gform_wrapper .gform_page.codigo_postal input {
			width: 80%;
			margin: 0;
			text-align: center;
		}

			.page-id-114 .gform_wrapper .gform_page .campo-cp .ginput_container {
				margin-top: 1em;
			}

			.page-id-114 .gform_wrapper .gform_page.codigo_postal input.button {
				margin-bottom: 2em;
			}

	.page-id-114 .gform_wrapper .gfield_required {
		display: none;
	}
	
	.page-id-114 .gform_wrapper .gf_page_steps {
		background-color: white;
		border: none;
		text-align: center;
	}

	/*Líneas grises de separación*/
	.page-id-114 .gform_wrapper ul.gform_fields .gfield.campo-cantidad,
	.page-id-114 .gform_wrapper ul.gform_fields .gfield.campo-frecuencia
	{
		border-top: 16px solid #f2f2f7;
		padding-top: 24px;
	}

	.page-id-114 .gform_wrapper .gf_inline {
		display: inline-block !important;
		width: 48% !important;
		margin-top: 16px;
	}

		.page-id-114 .gform_wrapper .gfield.productos_extras {
			margin-top: 1em;
		}

		.page-id-114 .gform_wrapper .gfield.gf_inline label {
			font-size: 14px;
		}

		.page-id-114 .gform_wrapper .campo-pan {
			/*margin-right: 4%;*/
		}

			.page-id-114 .gform_wrapper .campo-pan input[disabled] + label img {
				filter: grayscale(100%);

			}

			.page-id-114 .gform_wrapper .campo-pan input[disabled] + label > * {
				opacity: 0.3;
			}

			.page-id-114 .gform_wrapper .campo-pan input[disabled] + label::after {
				content: "Hogaza de Pan: disponible próximamente";
			    position: absolute;
			    top: 26%;
			    left: 0;
			    color: #bb7d00;
			    padding: 1em 5em;
			}			

		.page-id-114 .gform_wrapper .gf_inline li {
			width: 100%;
			overflow: visible;
			margin-bottom: 8px;
		}

	.page-id-114 .gform_wrapper .gform_body .gform_page,
	.como-funciona
	{
		position: relative;
		margin: 5em auto 0;
		margin-top: 0px;

		max-width: 400px;
		background-color: white;
		border-radius: 4px;
		text-align: center;
		-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1); 
		box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.1);
		padding: 1em;		
	}

		/*Página del fornulario cuando tiene las reviews a la izquierda*/
		.page-id-114 .gform_wrapper .gform_body #gform_page_6_4,
		.page-id-114 .gform_wrapper .gform_body #gform_page_18_3 {
/*			margin-left: 0;*/
		}

		.page-id-114 .gform_wrapper .gform_body .gform_page.codigo_postal,
		.page-id-114 .gform_wrapper .gform_body #gform_page_6_3,
		.como-funciona
		{
			max-width: 412px;
		}

			.page-id-114 .gform_wrapper .gform_body #gform_page_18_3,
			.page-id-114 .gform_wrapper .gform_body #gform_page_6_3
			{
/*				margin: 0;*/
			}

			.page-id-114 .gform_wrapper .precio-dinamico {
				background-color: #f2f2f7;
				color: rgba(0,0,0,0.85);
				position: -webkit-sticky; /* Safari */
				position: sticky;
				margin-bottom: 0.5em;
				bottom: 80px; /* Distancia desde el botón */
				display: none;
				overflow: visible;
				padding: 0.2em;
				z-index: 99;
				border-radius: 4px;
				font-size: 16px;
				font-family: 'Avenir';
				-webkit-text-wrap: balance;
				text-wrap: balance;
				text-wrap-mode: balance;
				max-width: 100%;
				box-sizing: border-box;
				will-change: transform; /* Optimización para el sticky */
			}

				.page-id-114 .gform_wrapper .precio-dinamico .precio {
					color: #2B6CB0;
				}

			.page-id-114 .gform_wrapper ul.gform_fields li.gfield {
				padding: 0;
			}

			.page-id-114 .gform_wrapper .top_label li ul.gfield_radio,
			.page-id-114 .gform_wrapper .top_label li ul.gfield_checkbox
			{
				width: 100%;
				overflow: visible;
			}
			
			.page-id-114 .gform_wrapper input[type=radio],
			.page-id-114 .gform_wrapper .gform_page.ver_productos input[type=checkbox]
			{
				position: absolute;
				top: 0;
				left:0;

				width: 100% !important;
				height: 100%;

				cursor: pointer;
				visibility: hidden;
			}

				.page-id-114 .gform_wrapper .gfield input:checked+label
				{
					border-color: var(--checked);
					border-width: 2px;
					color: black;
					font-weight: normal;
				}

					.page-id-114 .gform_wrapper .gfield input:checked + label .secundario {
						font-weight: normal;
					}

				.page-id-114 .gform_wrapper .gfield_radio input:checked+label {
					border-color: var(--checked);
				}

				/*Etiqueta de texto del campo*/
				.page-id-114 .gform_wrapper .gfield_label,
				.page-id-114 .gform_wrapper .gfield.productos_extras > label
				{
					font-size: 20px;
					font-family: 'Avenir';
					text-align: left;
					display: block;
				}

					/*Etiqueta del campo Código Postal*/
					.page-id-114 .gform_wrapper .campo-cp label {
						text-align: center;
						margin-bottom: 1em;
						font-family: 'Avenir';
					}

					/*Página del fornulario cuando tiene las reviews a la izquierda*/
					.page-id-114 .gform_wrapper .gform_page.ver_productos {
						margin-left: 0;
					}

					/*Encabezados*/
					.page-id-114 .gform_wrapper .gform_page.ver_productos .gfield_label {
					}

				.page-id-114 .gform_wrapper .gfield_radio img,
				.page-id-114 .gform_wrapper .gfield_checkbox img {
					height: 60px;
					width: 60px;
					object-fit: contain;
					margin-right: 0.5em;
				}

				.page-id-114 .gform_wrapper .campo-cantidad .gfield_radio img {
					margin-right: 1em;
				}

				.page-id-114 .gform_wrapper .gfield_checkbox img {
					display: block;
					margin: 0 auto;
					margin-bottom: 1.5em;
					width: 48px;
				}

					.page-id-114 .gform_wrapper .gfield .gfield_checkbox img {
						height: 120px;
						width: auto;
					}	

			.page-id-114 .gform_wrapper .gfield_radio label,
			.page-id-114 .gform_wrapper .gfield_checkbox label
			{
				padding: 1em 0.5em;
				max-width: 100%;
				align-items: center;
				position: relative;
				
				width: 100%;
				margin: 0;

				border: 1px solid #d7d7d7;
				border-radius: 4px;
				font-size: 18px;
				color: #535353;
			}

				.page-id-114 .gform_wrapper .gfield_checkbox label {
					padding-top: 2em;
				}

				.page-id-114 .gform_wrapper .gfield_radio label {
					height: 80px;
				}

				.page-id-114 .gform_wrapper .gfield label .secundario,
				.page-id-114 .gform_wrapper .gfield .gfield_description
				{
					padding-right: 0;
					color: rgba(119, 119, 119,0.85);
					font-weight: normal;
					font-size: 14px;
					font-family: 'Avenir';
				}

				@media screen and (max-width: 416px){
					.page-id-114 .gform_wrapper .gfield_radio label .nombre,
					.page-id-114 .gform_wrapper .gfield_checkbox label .nombre
					{
						height: 3em;
					}
				}

				@media screen and (max-width: 339px){
					.page-id-114 .gform_wrapper .gfield_radio label .secundario,
					.page-id-114 .gform_wrapper .gfield_checkbox label .secundario
					{
						height: 3em;
					}
				}

				/*Efecto hover sobre las opciones*/
				@media only screen and (hover: hover) and (min-width: 460px) {
					.page-id-114 .gform_wrapper .gfield_radio input:hover + label,
					.page-id-114 .gform_wrapper .gfield_checkbox input:hover + label
					{
						border-color: #444444;
						box-sizing: border-box;
					}

					.page-id-114 .gform_wrapper .gfield input:hover:checked + label {
						/*border-color: #d49b00;*/
					}

					.page-id-114 .gform_wrapper .gfield_checkbox input:hover:checked + label {
					}
				}

				/*Recolocar columna de Google Reviews junto con el formulario en página 2*/
				@media screen and (max-width: 880px){

					.page-id-114 .gform_wrapper .gform_page.ver_productos {
						margin-left: auto;
					}

					.google-reviews .wp-google-list {
						margin-right: auto !important;
					}

					.page-id-114 .wp-block-columns {
						flex-wrap: wrap;
					}

					.page-id-114 .wp-block-column:not(:only-child) {
						flex-basis: 100% !important;
						flex-grow: 0;
						margin-left: 0;
					}

				}

			/*Información de frecuencia*/
			.page-id-114 .gform_wrapper .gfield.informacion-frecuencia
			{
				color: grey;
				text-transform: lowercase;
				font-size: 0.8em;
			}

			.page-id-114 .gform_wrapper .campo-frecuencia li {
				display: none;
			}

			/*  */
			.page-id-114 .gform_wrapper .gfield_radio label {
				display: flex;
			}

				.page-id-114 .gform_wrapper .gfield_radio label .descripcion {
					text-align: left;
					line-height: 1.2em;
					padding-top: 10px;
				}

				.page-id-114 .gform_wrapper ul.gfield_radio label .precio {
					margin-left: auto;
					font-size: 16px;
				}

					.page-id-114 .gform_wrapper .campo-frecuencia ul.gfield_radio label .precio {
						position: absolute;
						right: 0.5em;
					}

				.page-id-114 .gform_wrapper .gfield_checkbox label .descripcion {
					font-size: 0.7em;
					padding: 0 10%;
					margin-top: 0.3em;
					color: var(--contrast-2);
				}

					.page-id-114 .gform_wrapper .gfield_checkbox label .added-label {
						display: none;
						background-color: var(--checked-fade);
						color: var(--checked);
						font-size: 0.7em;
						position: absolute;
						top: 10px;
						right: 10px;
						padding: 0.1em 0.5em;
						padding-left: 1.5em;
						border-radius: 5px;
						font-weight: bold;
						background-image: url("images/check-naranja.png");
						background-repeat: no-repeat;
						background-size: 12px;
						background-position: 3px center;
					}

					.page-id-114 .gform_wrapper .gfield_checkbox input:checked + label .added-label {
						display:block;
					}

				.page-id-114 .gform_wrapper label .secundario
				{
					margin-left: auto;
					padding-right: 0.5em;;
				}

					.page-id-114 .gform_wrapper .inline label .secundario
					{
						padding-right: 0;
						/*position: absolute;
		    			bottom: -2em;*/
		    			width: 100%;
					}

					.page-id-114 .gform_wrapper label .gfield_radio .descripcion
					{
						font-size: 0.7em;
						padding-left: 10%;
						padding-right: 10%;
					}

					/* Texto secundario para campos de tipo Checkbox (Productos Extra) */
					.page-id-114 .gform_wrapper .gfield_checkbox label .secundario {
						background-color: #F6F6F6;
						display: inline-block;
						margin-top: 1em;
						border-radius: 5px;
						padding: 0.3em 1em;
					}

			.page-id-114 .gform_wrapper .gfield_radio input, 
			.page-id-114 .gform_wrapper .gfield_checkbox input {
				appearance: none;
				-webkit-appearance: none;
				margin:0;
			}

			.page-id-114 .gform_wrapper .top_label .gfield.gf_street_number
			{
				width: 20% !important;
				margin-right: 5%;
			}

			.page-id-114 .gform_wrapper .top_label .gfield.direccion_notas
			{
				width: 75% !important;
			}

			.page-id-114 .gform_wrapper .gf_inline {
				float: none;
				display: inline-block;
				margin-top: 0;
			}

			.page-id-114 .gform_wrapper .campo-direccion {
				margin-top: 40px;
			}

			.page-id-114 .gform_wrapper .gfield.consentimiento {
				display: flex;
				flex-direction: column;
			}

				.page-id-114 .gform_wrapper .gfield.consentimiento label {
					text-align: center;
				}

				.page-id-114 .gform_wrapper .gfield_consent_label {
					color: rgba(119, 119, 119,0.85);
					font-size: 14px;
				}

				.page-id-114 .gform_wrapper .gfield.consentimiento {
					overflow: hidden;
					padding-right: 8px;
					order: 3;
				}

				.page-id-114 .gform_wrapper .ginput_container_consent {
					text-align: left;
					order: 2;
				}

		#field_6_28 .ginput_container {
			/*Parece que este campo ya no está en el formulario*/
			display: none;
		}

		.page-id-114 .gform_wrapper .gform_page_footer {
			border:none;
			margin: 0;
			bottom: 1em;
		}

			.page-id-114 .gform_wrapper .gform_page.ver_productos .gform_page_footer {
				margin-top: 0;
				position: sticky;
				position: -webkit-sticky;

/*				display: block;
			    position: fixed;
			    left: 0;
			    padding: 1em;
			    background: white;
			    bottom: 0;
			    border-top: 1px solid var(--checked);*/
			}

			.page-id-114 .gform_wrapper .gform_page_footer .button.gform_previous_button {
				display: none;
			}

			.page-id-114 .gform_wrapper .gform_page_footer .button {
				width: 100%;
				margin-bottom: 0;

				border-radius: 4px;
				line-height: 1.5em;
				font-size: 18px;
				text-transform: none;

				font-family: 'Avenir';
			}

			.page-id-114 .gform_wrapper .gform_page.ver_productos .gform_page_footer .gform_next_button {
				opacity: 0.3;
			}

		.page-id-114 .gform_wrapper .validation_error {
			background-color: white;
		}

/*Labels como placeholders*/
/*.gform_body ul {
    list-style: none;
}

input[type='text'],
input[type='email'],
textarea {
    width: 220px;
    padding: 10px 10px 12px 60px;
    font-size: 12px;
    color: #555;
    border: 1px solid black;
    background-color: #fff;
}

.gfield {
    position: relative;
    margin: 25px 5px 0 0;
}

.gfield input {
    transition: .1s all linear;
}

.gfield label {
    position: absolute;
    top: 13px;
    left: 15px;
    font-size: 12px;
    color: #aaa;
    transition: .1s all linear;
    cursor: text;
}

.gfield.active input {
    // padding-left: 15px;
}

.gfield.active label {
    top: -18px;
}*/