/*
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:*/
.wpcf7-spinner{
	display:none!important;
}
.rc-anchor {
	display:none!important;
}
.grecaptcha-badge{
	display:none !important;
}
.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row-reverse;
}

.desbug{
	color:white;
}

.w-nav-list {
	border-radius: 0px 0px 10px 10px;
}

/*oculta error campos pers producto*/
.error.notice.th_extra_product_options_for_woocommerce-admin-notice {
    display: none !important;
}

/*Botón rotación de flecha*/
.button-arrow .fal.fa-arrow-right, .button-arrow .fal.fa-long-arrow-right {
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
}

.button-arrow:hover .fal.fa-arrow-right, .button-arrow:hover .fal.fa-long-arrow-right {
  transform: rotate(0deg);
}

/*letras*/
.curs {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-style: italic;
}

.curscolor {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-style: italic;
	color:#D17D98;
}

.cursoscura {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  font-style: italic;
	color:#1D0D12;
}

/*efecto marquesina*/
.fa-asterisk:before {
	margin-bottom:1rem!important;
  	margin-right: 3rem!important;
	margin-left: 3rem!important;
	font-size: 30px!important;
}

.marquee {
  position: relative;
  width: 200%;
	height:2.5rem;
	overflow-x:hidden;
	
}
.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 30s linear infinite;
	z-index:30;
}

.track a{
	color:white!important;
	
}

/*
.track2 {
  position: absolute;
  padding-top:1rem;
  top:-1rem;
  white-space: nowrap;
  will-change: transform;
  animation: marquee2 30s linear infinite;
}

@keyframes marquee2 {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}
*/
@keyframes marquee {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}


/*post insta*/

.sbi_item.sbi_type_carousel, .sbi_item.sbi_type_video, .sbi_type_image {
	border: 1px solid #8C3752;
	border-radius: 10px;
	transition: border-color 0.3s ease;
}

.sbi_item.sbi_type_carousel:hover, .sbi_item.sbi_type_video:hover, .sbi_type_image:hover {
	border-color: #D17D98!important;
	scale: 0.95;
}

/*WOOCOMMERCE*/

/*card producto*/
/* La tarjeta completa se convierte en columna flexible de altura completa */
.w-grid-item .w-grid-item-h,
.w-grid-item .usg_vwrapper_1 {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start !important; /* anula el valign_middle que centraba el conjunto */
}

/* La imagen crece o se encoge para ocupar todo el espacio sobrante */
.w-grid-item .usg_image_1 {
	flex: 1 1 auto;
	height: auto !important;
	aspect-ratio: unset !important;
	min-height: 0; /* evita que flexbox la deje más alta de la cuenta en algunos navegadores */
}
.w-grid-item .usg_image_1 .w-image-h,
.w-grid-item .usg_image_1 img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* recorta la imagen para rellenar el hueco sin deformarla */
	display: block;
}

/* El bloque de info (categoría+título+precio+botón) mantiene siempre su altura natural, ni más ni menos */
.w-grid-item .usg_vwrapper_2 {
	flex: 0 0 auto;
}

/*pag producto*/
.woocommerce-product-gallery img, .zoomImg{
	border-radius:20px!important;
}

/*campos producto personalizado*/
@media (min-width: 768px) {
	/* Convierte la tabla en una cuadrícula de 2 columnas */
	#infoproducto .extra-options,
	#infoproducto .extra-options tbody {
		display: block;
	}
	#infoproducto .extra-options tbody {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0 24px;
		align-items: start;
	}

	/* Cada fila (label + campo) pasa a ser UNA celda de la rejilla */
	#infoproducto .extra-options tbody tr {
		display: block;
		margin-bottom: 1rem;
	}

	/* Dentro de la fila, la etiqueta sigue quedando encima del campo */
	#infoproducto .extra-options tbody tr td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	/* Si el número total de campos es IMPAR, el último ocupa las 2 columnas.
	   Si es PAR, esta regla no llega a aplicarse (por eso no hace falta un "else"). */
	#infoproducto .extra-options tbody tr:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}
}

#infoproducto .thwepo-extra-options td {
	padding: 0.5rem 0rem; /* mejora campos personalizados */
	
}

#infoproducto textarea {
	height:55px; /* mejora campos personalizados */
}

.textareagrande textarea {
	height:100px!important;
}

label.label-tag {
	padding: 0.5rem;
    background: var(--color-content-primary);
    color: white;
    border-radius: 10px 10px 0px 0px;
}

/*pestañas descripcion*/
.w-tabs.style_default>.w-tabs-list {
	background: var(--color-content-bg);
}
.w-tabs.style_default>.w-tabs-list .w-tabs-item.active {
    background: var(--color-content-primary);
    color: var(--color-content-bg-grad);
    border-color: var(--color-content-border);
	border-radius: 10px;
}

.w-tabs.style_default>.w-tabs-list .w-tabs-item {
    border-color: var(--color-content-primary);
    border-radius: 10px;
}

/*hover carrito*/
.w-cart-content{
	background:white;
	border-radius: 0px 0px 10px 10px;
}
.woocommerce ul.product_list_widget li img,
table.wc-block-cart-items .wc-block-cart-item__image img,
.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
	border-radius: 10px;
}
/*boton finalizar compra*/

.wc-block-cart__submit-container {
	background: var(--color-content-primary);
	border: 1px solid white;
	border-radius: 50px;
	color: white;
	transition: background-color 0.25s ease;
}

.wc-block-cart__submit-container:hover {
	background: var(--color-content-border);
}

.wc-block-cart__submit-container > a,
.wc-block-cart__submit-container > a:hover {
	color: white;
}