/*
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:*/

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

.grecaptcha-badge {
    visibility: hidden;
}

/*menú hamburguesa*/
.main-menu .menu-item {
    font-weight: 600;
}
.dropdown-menu,
.menu-fixed {
    position: relative;
    padding-bottom: 0.8rem;
    border-bottom: 2px solid #E6E6E6;
    cursor: pointer;
    margin-bottom: 0.8rem !important;
	font-size: 0.8rem !important;
}

.menu-contact {
	padding-top: 0.8rem;
	border-top: 2px solid #E6E6E6;
}

.dropdown-menu::after {
    content: url(https://inox.solbyte.dev/wp-content/uploads/2025/08/icon-arrow.png);
    font-size: 0.8rem;
    position: absolute;
    top: 0;
    right: 0;
}

.dropdown-menu {
    pointer-events: auto !important; 
}

.dropdown-menu a {
	pointer-events: none;
}

.dropdown-menu .sub-menu a {
	pointer-events: auto;
}

.dropdown-menu.abierto::after {
    content: url(https://inox.solbyte.dev/wp-content/uploads/2025/08/icon-arrow.png);
	transform: rotate(180deg);
	font-size: 0.8rem;
}

.dropdown-menu .sub-menu {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.dropdown-menu.abierto .sub-menu {
    height: auto;
    opacity: 1;
    padding-top: 0.5rem;
}


/*Cabecera*/
.search-header input[type="text"] {
    border-radius: 2rem;
    font-size: 0.8rem !important;
}

.w-text.ush_text_1.nowrap.no_text.icon_atleft {
    margin-left: 0;
}

/*HOME*/
.section-header {
    margin-top: 8.5rem !important;
}

.section-header .l-section-h.i-cf {
	padding-top: 0 !important;
}

.icon-grey .w-iconbox-icon {
	height: 2em !important;
    width: 2em !important;
}

.icon-white .w-iconbox-icon {
	height: 2em !important;
    width: 2em !important;
	margin-right: 0 !important;
}

/*Título con barra a la izquierda*/
.title-deco {
    padding-left: 2rem !important;
    position: relative;
}

.title-deco::before {
    content: '';
    border: solid 5px var(--color-content-primary);
	border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
}

.title-deco2 {
    padding-left: 1.2rem !important;
    position: relative;
}

.title-deco2::before {
	content: '';
    border: solid 3px #f0f0f0;
	border-radius: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
}


/*Cuadrícula productos*/
.wrapper-price span.woocommerce-Price-amount.amount {
    display: block;
}
.price del {
    font-size: 0.85rem;
}

.price ins {
    color: #FF3333 !important;
    font-weight: 700;
	font-size: 1.2rem;
}

ins {
	font-weight: 700 !important;
}

.discount {
	font-size: 0.8rem;
	color: #FF3333;
}

.price-iva {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price-iva .woocommerce-Price-amount {
    color: #000 !important;
	font-size: 0.8rem;
}

.price-iva .price-text {
	opacity: .5 !important;
	font-size: 0.8rem;
}

.category-products {
	display: none;
}

/*Carrusel productos oferta*/
.add-cart-offer a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #000;
    transition: all .3s ease-in-out;
}
.add-cart-offer:hover a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: var(--color-content-secondary);
}

/* Posiciona los controles encima del carrusel y alineados a la izquierda */
.carousel-offer .owl-carousel .owl-nav,
.carousel-products2 .owl-carousel .owl-nav {
    position: absolute;
    top: -7.5rem;
    left: 0;
    width: 25% !important;
    padding: 0.5rem 2rem; /* Más espacio alrededor */
}

/* Estilo para botones generados por CSS (::before) */
.carousel-offer .owl-carousel .owl-prev,
.carousel-offer .owl-carousel .owl-next {
    border: none;
    cursor: pointer;
}

.carousel-offer .owl-carousel.navstyle_circle .owl-nav button {
    height: auto;
    width: auto;
    border-radius: 0%;
    text-shadow: none;
}

/* Estilo para botones generados por CSS (::after) */
.carousel-offer .owl-next:after {
    content: 'siguiente ≫';
    font-size: 1rem;
	color: var(--color-content-primary);
	font-family: 'Urbanist';
	transition: all .3s ease-in-out !important;
}

.carousel-offer .owl-prev:after {
    content: '≪ anterior';
    font-size: 1rem;
	color: #919191;
	font-family: 'Urbanist';
	transition: all .3s ease-in-out !important;
}

/* Botones y paginación mantienen orden horizontal */
.carousel-offer .owl-carousel .owl-prev {
    order: 1;
}

.carousel-offer .owl-carousel .owl-pagination-number {
    order: 2;
    display: flex !important;
    justify-content: center !important;
	color: #e8e8e8;
	position: relative;	
	pointer-events: none;
}

.carousel-offer .owl-pagination-number::before {
    content: '';
    background: var(--color-content-primary);
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
}

.carousel-offer .owl-carousel .owl-next{
    order: 3;
}

/*hover botones siguiente y anterior*/
.no-touch .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button:hover {
	background: none !important;
}

.carousel-offer .owl-prev:hover::after,
.carousel-offer .owl-next:hover::after {
	color: #4abcc6 !important;
}

/*Carrusel productos maquinaria*/
/* Posiciona los controles encima del carrusel y alineados a la izquierda */
.carousel-products1 .owl-carousel .owl-nav {
    position: absolute;
    top: -7.5rem;;
    left: auto;
    right: 0;
    width: 25% !important;
    padding: 0.5rem 2rem;
}

/* Estilo para botones generados por CSS (::before) */
.carousel-products1 .owl-carousel .owl-prev,
.carousel-products1 .owl-carousel .owl-next,
.carousel-products2 .owl-carousel .owl-prev,
.carousel-products2 .owl-carousel .owl-next,{
    border: none;
    cursor: pointer;
}

.carousel-products1 .owl-carousel.navstyle_circle .owl-nav button,
.carousel-products2 .owl-carousel.navstyle_circle .owl-nav button {
    height: auto;
    width: auto;
    border-radius: 0%;
    text-shadow: none;
}

/* Estilo para botones generados por CSS (::after) */
.carousel-products1 .owl-next:after,
.carousel-products2 .owl-next:after{
    content: 'siguiente ≫';
    font-size: 1rem;
	color: var(--color-content-text);
	font-family: 'Urbanist';
	transition: all .3s ease-in-out !important;
}

.carousel-products1 .owl-prev:after,
.carousel-products2 .owl-prev:after {
    content: '≪ anterior';
    font-size: 1rem;
	color: #656565;
	font-family: 'Urbanist';
	transition: all .3s ease-in-out !important;
}

/* Botones y paginación mantienen orden horizontal */
.carousel-products1 .owl-carousel .owl-prev,
.carousel-products2 .owl-carousel .owl-prev{
    order: 1;
}

.carousel-products1 .owl-carousel .owl-pagination-number,
.carousel-products2 .owl-carousel .owl-pagination-number {
    order: 2;
    display: flex !important;
    justify-content: center !important;
	color: #e8e8e8;
	position: relative;	
	pointer-events: none;
}

.carousel-products1 .owl-pagination-number::before,
.carousel-products2 .owl-pagination-number::before {
    content: '';
    background: var(--color-content-text);
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    border-radius: 50%;
}

.carousel-products1 .owl-carousel .owl-next,
.carousel-products2 .owl-carousel .owl-next {
    order: 3;
}

/*hover botones siguiente y anterior*/
.no-touch .owl-carousel.navpos_inside.navstyle_circle>.owl-nav button:hover {
	background: none !important;
}

.carousel-products1 .owl-prev:hover::after,
.carousel-products1 .owl-next:hover::after,
.carousel-products2 .owl-prev:hover::after,
.carousel-products2 .owl-next:hover::after {
	color: #4abcc6 !important;
}

/*Iconos de soluciones HOME*/
.row-solutions {
		padding-bottom: 1rem !important;
	}

/*SERVICIOS*/
.wrapper-services .title-wrapper-services {
	opacity: 1;
	transition: all .3s ease-in-out;
}
.wrapper-services .title-wrapper-services,
.wrapper-services .text-wrapper-services {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wrapper-services .text-wrapper-services {
	opacity: 0;
	transition: all .3s ease-in-out;
}

.wrapper-services:hover .title-wrapper-services {
	opacity: 0;
}

.wrapper-services:hover .text-wrapper-services {
	opacity: 1;
}

.wrapper-services .img-wrapper-services img {
	transition: all .3s ease-in-out;
}

.wrapper-services:hover .img-wrapper-services img {
	filter: brightness(60%);
}

.deco-left {
    width: 100% !important;
    height: 100% !important;
    max-height: 1024px !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
	z-index: 0;
}

/*PREGUNTAS FRECUENTES*/
.faqs .w-tabs-section-header {
		padding: 1rem 0rem !important;
}
.faqs .w-tabs-section-title {
    font-weight: 600 !important;
    color: black !important;

}

.faqs .w-tabs-section::after {
    content: '';
    border: 1px solid #cfc7d6 !important;
	border-radius: 0.5rem;
	display: block;
    width: 100%;
    max-width: 200px;
}

.faqs .w-tabs-section-content {
	max-width: 820px;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
    background: none !important;
}

.faqs .w-tabs-sections.icon_chevron>div>.w-tabs-section-header .w-tabs-section-control:before {
    left: 0.24em;
}

.faqs .w-tabs-section-control {
    height: 0.5em;
    width:  0.5em;
}


/*Proyectos*/
.carousel-projects .owl-carousel .owl-stage-outer {
    overflow: visible;
}

/*Partners*/
.carousel-partners .owl-carousel:not(.autoheight) .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*FORM*/
.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.label {
	display: none;
}

.privacy-policy {
	font-size: 0.7rem;
}

.text-contact {
    margin-bottom: .4rem;
}

button.btn-submit.button-style {
    width: 200px;
    background: black !important;
	transition: all .3s ease-in-out !important;
}

button.btn-submit.button-style:hover {
	background: var(--color-content-secondary) !important;
}

.deco-blue {
	position: absolute;
	left: 12rem;
	bottom: 0;
	width: 100%;
	z-index: 0;
}

.wpcf7-not-valid-tip {
    font-size: 0.8rem;
}

button.button-presupuesto {
	width: 100%;
}

/*Footer*/
.button-footer {
	width: 220px;
	padding: 0.8em !important;
}

/*PLANTILLA PRODUCTOS*/
.img-product {
    border-radius: 15px !important;
    overflow: hidden;
}

.woocommerce-product-gallery li img {
    border-radius: 20px;
}

/*Precio woocomerce*/
.price.offer del {
    font-size: 0.8rem;
}

.price.offer ins {
	display: none;
	}

.price.red del {
    display: none;
}

.price.red ins{
    color: #FF3333 !important;
    font-weight: 700;
    font-size: 2rem;
}

.products-discount .discount {
    font-size: 1.5rem;
    color: #FF3333;
}

.price-iva.product-template {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}


/*Productos relacionados*/
.price.price-related {
	display: flex;
	flex-direction: column;
}
.price.price-related ins {
	font-size: 1rem !important;
}

.price.price-related del {
    font-size: 0.75rem !important;
}

/*Tabs*/
.tabs-product .w-tabs-list-h {
    gap: 1rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #C9C9C9;
}

.tabs-product .w-tabs-item {
    border: 2px solid var(--color-content-primary);
    border-radius: 2rem !important;
    display: flex;
    width: 18%;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
}

.tabs-product .w-tabs-item:hover {
    background: var(--color-content-primary) !important;
    color: white !important;
}

.tabs-product .w-tabs-item.active {
    background: var(--color-content-primary) !important;
    color: white !important;
} 

/*PLANTILLA CATEGORÍAS DE PRODUCTO*/
.section-header.category .l-section-img {
    filter: brightness(0.7);
}

.img-category img {
	filter: brightness(0.7);
}
/*PLANTILLA CLIMATIZACIÓN*/
.carousel-partners .owl-carousel:not(.autoheight) .owl-stage {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-partners .owl-carousel .owl-stage-outer {
	overflow: visible;
}

/*WOOCOMMERCE*/
/*login registrar*/
.woocommerce-form-login, .woocommerce-form-register, .woocommerce-form-coupon, .woocommerce .track_order, .woocommerce .lost_reset_password {
    padding: min(3rem, 10%);
    margin: 1.5rem auto;
    box-shadow: none;
    border-radius: 35px;
    background: #F0F0F0 !important;
	height: 465px;
}

/*Carrito*/
.wc-block-cart__submit-container,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    background: var(--color-content-primary);
    border-radius: 2rem;
	transition: all .3s ease-in-out;
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    color: #fff;
	transition: all .3s ease-in-out;
}

.wc-block-cart__submit-container:hover,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:hover {
	background: var(--color-content-secondary);
}

a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus,
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:focus {
	box-shadow: none;
}
/******************************************************
smaller than 1445px
*******************************************************/
@media only screen and (max-width: 1445px) {
	.payment .vc_column_container {
		width: 50% !important;
		margin-bottom: 2rem !important;
	}
}

/******************************************************
smaller than 1431px
*******************************************************/
@media only screen and (max-width: 1431px) {
    .price.red ins {
        font-size: 1.5rem;
    }
    .products-discount .discount {
        font-size: 1.2rem;
    }
	.payment .vc_column_container {
		width: 50% !important;
	}
}

/************************************************************************************
smaller than 1280px
*************************************************************************************/
@media only screen and (max-width: 1280px) {
	.carousel-offer .owl-carousel .owl-nav .disabled,
	.carousel-products1 .owl-carousel .owl-nav .disabled,
	.carousel-products2 .owl-carousel .owl-nav .disabled {
		display: flex;
	}
    .wrapper-top {
        gap: 0rem;
    }
}

/******************************************************
smaller than 1185px
*******************************************************/
@media only screen and (max-width: 1185px) {
	.row-description .vc_column_container {
		width: 100%;
		margin-bottom: 1rem;
	}
	.grid-product-related {
		--columns: 2!important
	}
}
/******************************************************
smaller than 1124px
*******************************************************/
@media only screen and (max-width: 1124px) and (min-width: 992px) {
    .price.red ins {
        font-size: 1.1rem;
    }
    .products-discount .discount {
        font-size: 0.9rem;
    }
}

/************************************************************************************
smaller than 1119px
*************************************************************************************/
@media only screen and (max-width: 1119px) {
	.section-header .row-icons .vc_column_container {
		width: 50% !important;
		margin-bottom: 1.5rem
	}
}

/************************************************************************************
smaller than 991px
*************************************************************************************/
@media only screen and (max-width: 991px) {
	.section-header {
		margin-top: 6rem !important;
}
	.carousel-offer .owl-carousel .owl-nav, 
	.carousel-products1 .owl-carousel .owl-nav,
	.carousel-products2 .owl-carousel .owl-nav {
		width: 40% !important;
		top: -3.5rem;
	}
	
	.row-solutions {
		padding-bottom: 0 !important;
	}
	.row-solutions .vc_column_container {
		width: 50% !important;
		margin-bottom: 1rem !important;
	}
	.grid-product-related {
		--columns: 1!important
	}
	.phone-header span.w-btn-label {
		display: none;
	}
	.phone-header span.fal.fa-phone-alt {
		margin-right: 0 !important;
	}
}

/************************************************************************************
smaller than 780px
*************************************************************************************/
@media only screen and (max-width: 780px) {
	.wrapper-top .w-iconbox {
		margin: 0 !important;
		font-size: 0.7rem !important;
	}
}

/************************************************************************************
smaller than 715px
*************************************************************************************/
@media only screen and (max-width: 715px) {
	.carousel-offer .owl-carousel .owl-nav, 
	.carousel-products1 .owl-carousel .owl-nav,
	.carousel-products2 .owl-carousel .owl-nav {
		width: 45% !important;
	}
}

/************************************************************************************
smaller than 650px
*************************************************************************************/
@media only screen and (max-width: 650px) {
	.wrapper-icons-blue .w-iconbox {
		margin: 0 !important;
		font-size: 0.7rem !important;
	}
	.carousel-offer .owl-carousel .owl-nav, 
	.carousel-products1 .owl-carousel .owl-nav,
	.carousel-products2 .owl-carousel .owl-nav {
        width: 60% !important;
    }
	.payment .vc_column_container {
		width: 100% !important;
		margin-bottom: 2rem !important;
	}
}

/************************************************************************************
smaller than 550px
*************************************************************************************/
@media only screen and (max-width: 550px) {
	.section-header .row-icons .vc_column_container {
		width: 100% !important;
	}
}

/************************************************************************************
smaller than 450px
*************************************************************************************/
@media only screen and (max-width: 450px) {
.carousel-offer .owl-carousel .owl-nav, 
	.carousel-products1 .owl-carousel .owl-nav,
	.carousel-products2 .owl-carousel .owl-nav {
		width: 70% !important;
	}
}