/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/***** TIPOGRAFIAS ******/
	.texto-degradado1{
		background-image: linear-gradient(to right, #B2F9A2,#B2F9A2, #2626FF, #09032D);
		-webkit-background-clip: text; /* Prefijo para mayor compatibilidad */
		background-clip: text;
		-webkit-text-fill-color: transparent; /* Prefijo para mayor compatibilidad */
		color: transparent; /* Propiedad estándar */
	}

	.texto-degradado2{
		background-image: linear-gradient(to right, #2626FF, #2626FF, #09032D);
		-webkit-background-clip: text; /* Prefijo para mayor compatibilidad */
		background-clip: text;
		-webkit-text-fill-color: transparent; /* Prefijo para mayor compatibilidad */
		color: transparent; /* Propiedad estándar */
	}

	p{
		margin-bottom: 0px;
	}

/***** FIN TIPOGRAFIAS ******/


/***** MENU ESCRITORIO *****/
.menu-desk .menu-item:hover {
    background-image:linear-gradient(#09032D, #B2F9A2) !important;
}
/***** FIN MENU ESCRITORIO *****/


/***** MAQUETAR ELEMENTOS DE ELEMENTOR ******/

	/*ACORDEON*/
		summary.e-n-accordion-item-title {
			display: flex;
			justify-content: space-between !important;
		}
		i.lqd-icn-ess.icon-ion-ios-remove {
			border: 1px solid white;
			border-radius: 50px;
		}
		i.lqd-icn-ess.icon-ion-ios-add {
			border: 1px solid black;
			border-radius: 50px;
		}
		.e-n-accordion-item {
			border-bottom: 1px solid #C8C8CA;
		}
		.e-n-accordion-item [aria-expanded="true"] {
			background-image:linear-gradient(#2626FF, #FFFFFF) !important;
			height:200px;
		}
		.e-n-accordion-item [aria-expanded="true"] .e-n-accordion-item-title-text {
			font-size: 60px;
			width: 1000px;
			line-height: 58px;
		}
		@media (min-width: 320px) and (max-width: 480px) {
			.e-n-accordion-item [aria-expanded="true"] .e-n-accordion-item-title-text {
				font-size: 30px;
				width: auto;
				line-height: 34px;
			}
		}
	/*FIN ACORDEON*/

	/*CARRUSEL PRODUCTOS SIMPLE*/
		.carrusel-productos .carousel-item-inner{
			background-image: linear-gradient(#F2F2F2, #dbdbdb);
			padding: 30px;
			padding-bottom: 80px;
			border-radius: 15px;
			height: 450px;
		}
		.carrusel-productos .carousel-item-content{
			display: flex;
			flex-direction: column;
			justify-content:space-between;
			align-items: center;
		}
		.carrusel-productos h3{
			text-transform: uppercase;
			font-size:18px;
			font-weight: 500;
		}
		.carrusel-productos img{
			width: 300px;
			object-fit: contain;
		}
	/*FIN CARRUSEL PRODUCTOS SIMPLE*/

	/*PRODUCTOS SIMPLES*/

		.producto-simple .carousel-item-inner{
			background-image: linear-gradient(#F2F2F2, #dbdbdb);
			padding: 30px;
			padding-bottom: 80px;
			border-radius: 15px;
			height: 450px;
		}
		.producto-simple .carousel-item-content{
			display: flex;
			flex-direction: column;
			justify-content:space-between;
			align-items: center;
		}
		.producto-simple h3{
			text-transform: uppercase;
			font-size:18px;
			font-weight: 500;
		}
		.producto-simple img{
			width: 300px;
			object-fit: contain;
		}
		.producto-simple p{
			font-size: 14px;
			font-weight: 500;
			text-transform: uppercase;
			color: var(--e-global-color-secondary);
		}

	/*CARRUSEL PRODUCTOS DESTACADOS*/
		.carrusel-productos-destacados .carousel-item-inner{
			background-color:#F2F2F2;
			padding: 30px;
			padding-bottom: 80px;
			border-radius: 15px;
			height: 450px;
		}
		.carrusel-productos-destacados .carousel-item-content{
			display: flex;
			flex-direction: column;
			justify-content:space-between;
			align-items: center;
		}
		.carrusel-productos-destacados h3{
			text-transform: uppercase;
			font-size:18px;
			font-weight: 500;
		}
		.carrusel-productos-destacados img{
			width: 300px !important;
			object-fit: contain;
		}
	/*FIN CARRUSEL PRODUCTOS DESTACADOS*/


	/*CARRUSEL INFORMATIVO*/
		.carrusel-informativo .carousel-item-inner{
/* 			background-color:#F2F2F2; */
			padding: 30px;
			padding-bottom: 80px;
			border-radius: 15px;
			height: 550px;
		}
		.carrusel-informativo .carousel-item-content{
			display: flex;
			flex-direction: column;
			justify-content:space-between;
			height: 550px;
			padding-bottom:50px;
			padding:30px;
		}
		.carrusel-informativo h3{
			font-size:25px !important;
			font-weight: 700;
			margin-top:0px !important;
		}
		.carrusel-informativo p{
			font-size:22px !important;
			font-weight: 400;
			line-height:25px;
		}
		/* Color gris claro para los elementos impares  */
		.carrusel-informativo .carousel-item:nth-child(odd) .carousel-item-inner {
			background-color: #c8c8ca; /* Un gris oscuro */
			background-image: url(https://pre.thelastdock.com/zillion/wp-content/uploads/2025/11/zillion-rayo-bg.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;	
		}

		/* Color gris oscuro para los elementos pares */
		.carrusel-informativo .carousel-item:nth-child(even) .carousel-item-inner {
			background-color: #f2f2f2;
			background-image: url(https://pre.thelastdock.com/zillion/wp-content/uploads/2025/11/zillion-rayo-bg.png);
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
		}
		.carrusel-informativo .lqd-fade-sides:not(.carousel-container) {
			-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 0%, #000 80%, transparent 100%) !important;
			mask-image: linear-gradient(90deg, transparent 0%, #000 0%, #000 80%, transparent 100%) !important;
		}

		@media (min-width: 320px) and (max-width: 480px) {
			
			.carrusel-informativo p{
				font-size:18px !important;
				font-weight: 400;
				line-height:25px;
			}
			.carrusel-informativo .carousel-item-content{
				padding:15px !important;
			}
		}

	/*FIN CARRUSEL INFORMATIVO*/

/*FORMULARIO DESCARGA CATALOGO*/
	form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e {
		display: grid
	;
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: auto;
		grid-template-areas:
			'a b'
			'c d'
			'e e'
			'f f'
			'g g';
	}


	.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field {
		grid-area: a;
	}

	.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field {
		grid-area: b;
	}
	.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
		grid-area: c;
	}
	#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e > div:nth-child(4){
		 grid-area: d;
	}
	#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e > div:nth-child(5){
		 grid-area: e;
	}


	.legal-consent-container{
		grid-area: f;
	}
	.hs_submit.hs-submit {
		grid-area: g;
	}
	select#pais-359e97d1-c13e-4cb1-92ee-6d8758d13b0e {
		width: 100%;
	}
	select#contact_department-359e97d1-c13e-4cb1-92ee-6d8758d13b0e {
		width: 100%;
	}
	ul.inputs-list {
		list-style: none;
	}
	.legal-consent-container {
		margin-top: 20px;
	}
	@media (min-width: 320px) and (max-width: 480px) {

		form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e {
			display: flex;
			flex-direction: column;
		}
		form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e .hs-form-field {
			width: 100% !important;
		}
		form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e input {
			width: 100%;
		}
		form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e .hs_pais, form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e .input, form#hsForm_359e97d1-c13e-4cb1-92ee-6d8758d13b0e .hs-dependent-field {
			width: 100% !important;
		}
		label.hs-form-booleancheckbox-display , label.hs-form-booleancheckbox-display{
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: start;
		}
		ul.inputs-list {
			margin-left: 0px !important;
			padding-left: 0px;
		}
		.legal-consent-container .hs-form-booleancheckbox-display>span {
			margin-left: 0px;
		}
		input#LEGAL_CONSENT\.processing-359e97d1-c13e-4cb1-92ee-6d8758d13b0e, input#LEGAL_CONSENT\.subscription_type_12600621-359e97d1-c13e-4cb1-92ee-6d8758d13b0e {
			width: auto !important;
			margin-right: 10px;
		}

	}
/*FIN FORMULARIO DESCARGA CATALOGO*/
