/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.grecaptcha-badge {
    visibility: hidden !important;
}

.woocommerce-notices-wrapper {
	margin-top: 1.5rem;
}

.ocultar-texto {
	display: none;
}

.cmplz-cookiebanner .cmplz-buttons {
	flex-direction: row-reverse;
}

/*----------------CUADRICULA HOME------------------*/
.cuadricula-home h2 {
	display: flex;
	align-items: flex-end;
}

/* contenedor de swatches en fila */
.mi-grid-wrap .colores-disponibles .swatches-row{
  display:flex;
  flex-direction:row;
  gap:.5rem;         /* espacio entre colores */
  flex-wrap:wrap;    /* por si hay muchos */
  align-items:center;
}

/* cada color */
.mi-grid-wrap .colores-disponibles a.swatch{
  display:block;           /* para que respeten ancho/alto */
  height:30px;
  width:30px;
  border-radius:5px;
  border:1px solid rgba(0,0,0,.12);
  box-sizing:border-box;
}

/* color activo (el de la variación actual) */
.mi-grid-wrap .colores-disponibles a.swatch.is-current{
  outline:2px solid rgba(0,0,0,.25);
}


ul.products .product {
	padding: 0.5rem;
}

/*----------FILTROS TIENDA------------*/
.envoltura-filtros {
	overflow-y: scroll;
	height: 70vh;
}

@media screen and (max-width: 768px) {
	.envoltura-filtros {
		height: 26vh;
	}

	/*---------CUADRICULA PRODUCTO-------------*/
	.colores-disponibles {
		display: flex;
		align-items: center;
		gap: 8px;
		margin-top: 10px;
		flex-wrap: wrap;
	}

	.colores-disponibles .texto-inline {
		font-size: 12px;
		color: #666;
		margin-right: 6px;
	}

	.colores-disponibles .swatch {
		width: 24px;
		height: 24px;
		border: 2px solid #ddd;
		border-radius: 4px;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		display: inline-block;
		cursor: default;
	}

	/*---------PLANTILLA PRODUCTO-----------*/
	.w-post-elm.product_gallery {
		overflow: hidden;
		transition: all 0.3s ease-in-out;
	}

	.w-post-elm.product_gallery:hover {
		transform: scale(1.03);
	}

	button.single_add_to_cart_button.button.alt {
		padding: 0.5em 1em;
	}

	td.value.woo-variation-items-wrapper {
		width: fit-content !important;
	}


	.carrusel_galeria_producto .owl-stage-outer {
		border-radius: 1rem !important;
		box-shadow: 0 0 40px -10px rgba(222, 159, 157, 0.30) !important;
	}







	/* Muestra flechas de navegación */
	.woocommerce-product-gallery .flex-direction-nav {
		display: block !important;
	}

	.woocommerce-product-gallery .flex-direction-nav a {
		width: 40px;
		height: 40px;
		background: rgba(0, 0, 0, 0.5);
		color: white;
		font-size: 22px;
		line-height: 40px;
		text-align: center;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 999;
		border-radius: 50%;
	}

	.woocommerce-product-gallery .flex-direction-nav .flex-prev {
		left: 10px;
	}

	.woocommerce-product-gallery .flex-direction-nav .flex-next {
		right: 10px;
	}

	/* Oculta miniaturas debajo del carrusel */
	.woocommerce-product-gallery .flex-control-thumbs {
		display: none !important;
	}

	.gallery-nav-button {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 99;
		width: 40px;
		height: 40px;
		background-color: rgba(0, 0, 0, 0.4);
		border: none;
		border-radius: 50%;
		color: white;
		font-size: 20px;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: background-color 0.3s ease;
		box-shadow: 0 2px 6px rgba(0,0,0,0.2);
	}

	.gallery-nav-button:hover {
		background-color: rgba(0, 0, 0, 0.7);
	}

	.gallery-nav-button.prev {
		left: 20px;
	}

	.gallery-nav-button.next {
		right: 20px;
	}


	/*---------BOTONES FLOTANTES-----------*/
	.botones-flotantes .w-image img{
		transition: all 0.3s ease-in-out;
		transform: scale(1);
	}

	.botones-flotantes .w-image img:hover {
		transform: scale(1.1)!important;
	}

	/*-----------FORMULARIO------------*/
	.grecaptcha-badge{
		display:none !important;
	}

	#responsive-form .form-row.aceptar-politica{
		display: flex;
		flex-direction: row;
		padding: 0.4rem;
	}

	#responsive-form input::placeholder,
	#responsive-form textarea::placeholder,
	#responsive-form select::placeholder {
		color: #000;
		opacity: 1; /* Asegura que no esté desvanecido en algunos navegadores */
	}

	/* Soporte para navegadores antiguos de Microsoft */
	#responsive-form input::-ms-input-placeholder,
	#responsive-form textarea::-ms-input-placeholder,
	#responsive-form select::-ms-input-placeholder {
		color: #000;
	}

	#responsive-form input::-webkit-input-placeholder,
	#responsive-form textarea::-webkit-input-placeholder,
	#responsive-form select::-webkit-input-placeholder {
		color: #000;
	}

	#responsive-form .wpcf7-form-control {
		color: #000;
	}

	#responsive-form .form-row.aceptar-politica label {
		display: flex;
	}

	span.label {
		display: none !important;
	}

	#responsive-form{
		max-width:90%;
		margin:0 auto;
		width:100%;
	}
	.form-row{
		width: 100%;
	}
	.column-half, .column-trescuartos, .column-full{
		float: left;
		position: relative;
		padding: 0.4rem;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.column-uncuarto {
		float: left;
		position: relative;
		padding: 0.4rem;
		width:100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}

	.alinea-elementos-centro {
		display:flex;
		align-items:center;
	}

	.clearfix:after {
		content: "";
		display: table;
		clear: both;
	}

	/*espaciado de aceptar politicas formulario*/
	.wpcf7-form input:not([type="submit"]), .wpcf7-form textarea, .wpcf7-form select{
		margin-top:0rem;
	}

	/**---------------- Media query ----------------**/
	@media only screen and (min-width: 48em) {
		.column-half{
			width: 50%;
		}
	}

	@media only screen and (min-width: 48em) {
		.column-trescuartos{
			width: 75%;
		}
	}

	@media only screen and (min-width: 48em) {
		.column-uncuarto{
			width: 25%;
		}
	}

	@media screen and (max-width: 600px) {
		#responsive-form {
			max-width:100%;
		}
		.alinea-elementos-centro {
			flex-direction: column
		}
	}

	.wpcf7-form input[type="text"],
	.wpcf7-form input[type="email"],
	.wpcf7-form input[type="tel"],
	.wpcf7-form textarea,
	.wpcf7-form select {
		margin-top: 0;
		background-color: tansparent;
		box-shadow: none !important;
	}


	/*------------RESPONSIVE------------------*/
	@media (max-width:768px){
		.seccion-1 .w-vwrapper,
		.seccion-3 .w-vwrapper{
			border: 0 !important;
			transform: none !important;
		}

		.seccion-2 .vc_column-inner {
			padding-left: 0.5rem !important;
			padding-right: -0.5rem !important;
		}

		.seccion-2 .owl-stage-outer {
			overflow: visible !important;
			clip-path: inset(0 -50% 0 0);
		}
		.seccion-2 {
			padding-top: 1rem !important;
			padding-bottom: 1rem !important;
		}
	}

	@media (max-width:768px){
		.colores-disponibles {
			justify-content: center;
		}

		.carrusel_galeria_producto {
			transform: scale(0.8) !important;
		}
	}
	
	form.woocommerce-ordering {
		display: none;
	}
