/*
Theme Name: esbelt Theme
Theme URI: https://hiexperience.es/
Author: HiExperience
Author URI: https://hiexperience.es/
Description: En este tema hemos creado y ajustado las partes exclusivas para este proyecto.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Template: hitemplate
Text Domain: esbelt
*/
body {
	/** Z-INDEX LABELS **/
	--hi-index-brevo: 2000;
	--hi-index-cookies: 2100;
	/** END Z-INDEX LABELS **/

	/** COLORS **/
	--hi-color-text-has-title-text: #FFFFFF;
	/** END COLORS **/

	/** TEXT OPTIONS : Generic font families and font fizes are configured in the "theme.json" file. **/
	--hi-text-decoration-offset: 4px;
	/* Line height (for any font sizes in "theme.json") */
	--hi-line-height-body-s: 1.10;
	--hi-line-height-body-m: 1.50;
	--hi-line-height-body-l: 1.40;
	--hi-line-height-body-xl: 1.30;
	--hi-line-height-heading-s: 1.10;
	--hi-line-height-heading-m: 1.20;
	--hi-line-height-heading-l: 1;
	--hi-line-height-heading-xl: 1.20;
	/** END TEXT OPTIONS **/

	/** SEPARATORS **/
	--hi-color-border-separator: var(--wp--preset--color--border-light);
	--hi-border-width-separator: var(--hi-border-width-m);
	/** END SEPARATORS **/
	
	/** GENERIC SPACINGS : Spacing options are configured in the "theme.json" file. **/
	--hi-spacing-horizontal-screen: var(--wp--preset--spacing--40);
	--hi-spacing-vertical-content: var(--wp--preset--spacing--50);
	--hi-spacing-bottom-content: var(--wp--preset--spacing--55);
	--hi-spacing-horizontal-content: var(--wp--preset--spacing--40);
	--hi-padding-vertical-content: var(--wp--preset--spacing--40);
	--hi-padding-horizontal-content: var(--wp--preset--spacing--40);
	--hi-padding-cards: var(--wp--preset--spacing--40);
	--hi-padding-cards-grey: var(--wp--preset--spacing--40);
	--hi-spacing-horizontal-posts: var(--hi-padding-horizontal-content);
	--hi-spacing-technical-information: var(--wp--preset--spacing--20);
	/** END GENERIC SPACINGS **/

	/* Icon sizes */
	--hi-size-icon-s: 16px;
	--hi-size-icon-m: 20px;
	--hi-size-icon-l: 32px;

	/** BORDER OPTIONS **/
	/* Border radius */
	--hi-border-radius-s: 4px;
	--hi-border-radius-m: 8px;
	--hi-border-radius-l: 12px;
	--hi-border-radius-xl: 16px;
	--hi-border-radius-2xl: 32px;
	/** END BORDER OPTIONS **/

	/** TEXT COMPONENTS **/
	--hi-spacing-paragraph: var(--wp--preset--spacing--30);
	--hi-font-size-default: var(--wp--preset--font-size--body-xl);
	--hi-line-height-default: var(--hi-line-height-body-xl);
	--hi-text-decoration-thickness: 1px;
	/* Titles H1 */
	--hi-font-size-h1: var(--wp--preset--font-size--heading-xl);
	--hi-line-height-h1: var(--hi-line-height-heading-xl);
	--hi-spacing-bottom-h1: var(--wp--preset--spacing--55);
	/* Titles H2 */
	--hi-font-size-h2: var(--wp--preset--font-size--heading-l);
	--hi-line-height-h2: var(--hi-line-height-heading-l);
	--hi-spacing-bottom-h2: var(--wp--preset--spacing--30);
	/* Titles H3 */
	--hi-font-size-h3: var(--wp--preset--font-size--heading-m);
	--hi-line-height-h3: var(--hi-line-height-heading-m);
	--hi-spacing-bottom-h3: var(--wp--preset--spacing--5);
	/* Titles H4 */
	--hi-font-size-h4: var(--wp--preset--font-size--heading-s);
	--hi-line-height-h4: var(--hi-line-height-heading-s);
	--hi-spacing-top-h4: var(--wp--preset--spacing--50);
	--hi-spacing-bottom-h4: var(--wp--preset--spacing--5);
	/* Titles H5 */
	--hi-spacing-bottom-h5: var(--wp--preset--spacing--5);
	/* Titles H6 */
	--hi-spacing-bottom-h6: var(--wp--preset--spacing--5);

	/* Links */
	--hi-color-text-link: currentColor;
	--hi-text-decoration-link: underline;
	--hi-text-decoration-thickness-link-hover: 2px;
	--hi-text-decoration-has-background-link: none;
	--hi-opacity-has-background-link: 1;
	--hi-text-decoration-has-background-link-hover: underline;
	--hi-opacity-has-background-link-hover: 1;

	/* Image and table caption text */
	--hi-color-caption: currentColor;
	--hi-font-weight-caption: var(--hi-font-weight-body-regular);
	--hi-font-size-caption: var(--wp--preset--font-size--body-m);
	--hi-line-height-caption: var(--hi-line-height-body-m);

	/* Quote config */
	--hi-padding-quote: 0px;
	--hi-font-weight-quote: var(--hi-font-weight-body-light);
	--hi-font-size-quote: var(--wp--preset--font-size--heading-s);
	--hi-line-height-quote: var(--hi-line-height-heading-s);
	--hi-border-width-quote: 0px;
	--hi-font-weight-quote-cite: var(--hi-font-weight-body-light);
	--hi-font-size-quote-cite: var(--wp--preset--font-size--body-m);
	--hi-line-height-quote-cite: var(--hi-line-height-body-m);
	/** END TEXT COMPONENTS **/

	/** MEDIA COMPONENTS **/
	--hi-padding-bottom-gallery-caption: 0px;
	--hi-list-img-padding: var(--wp--preset--spacing--5);
	--hi-list-img-border-radius: 50%;
	--hi-list-img-background: var(--hi-color-text-has-primary);
	--hi-width-media-text-image: 40%;
	--hi-min-height-media-text-image: 220px;
	--hi-height-media-text-image: max(260px, var(--hi-min-height-media-text-image));
	--hi-width-post-card-image: 81px;
	--hi-height-post-card-image: 100px;
	--hi-spacing-vertical-gallery-images: var(--wp--preset--spacing--40);
	--hi-spacing-horizontal-gallery-images: var(--wp--preset--spacing--20);
	/** END MEDIA COMPONENTS **/

	/** BUTTONS **/
	--hi-outline-focus: var(--wp--preset--color--info) solid var(--hi-border-width-l);
	--hi-outline-offset-focus: var(--wp--preset--spacing--5);

	--hi-padding-vertical-block-buttons: var(--wp--preset--spacing--40);
	--hi-padding-horizontal-block-buttons: var(--wp--preset--spacing--30);
	--hi-padding-vertical-button: calc(var(--wp--preset--spacing--20) - var(--hi-border-width-button));
	--hi-padding-horizontal-button: calc(var(--wp--preset--spacing--40) - var(--hi-border-width-button));
	--hi-font-weight-button: var(--hi-font-weight-body-regular);
	--hi-font-size-button: var(--wp--preset--font-size--body-l);
	--hi-line-height-button: 1em;
	--hi-border-radius-button: 100px;
	--hi-border-radius-button-icon: 100px;
	--hi-icon-size-button: var(--hi-size-icon-s);

	/* outline hovers */
	--hi-text-decoration-button-outline-hover: none;
	--hi-color-text-button-outline-hover: var(--hi-color-text-has-primary-hover, --hi-color-text-has-primary);
	--hi-color-background-button-outline-hover: var(--wp--preset--color--primary-hover);
	--hi-color-border-button-outline-hover: var(--wp--preset--color--primary-hover);

	/* icon buttons */
	--hi-size-icon-button-icon: var(--hi-size-icon-m);
	--hi-size-button-icon: calc(var(--hi-size-icon-button-icon) + var(--wp--preset--spacing--20));

	/* changes fill colors when is in primary-background */
	--hi-color-background-has-primary-button: var(--wp--preset--color--title-text);
	/** END BUTTONS **/

	/** INPUTS **/
	--hi-height-input: 40px;
	--hi-spacing-vertical-input: var(--wp--preset--spacing--40);
	--hi-color-border-input: var(--wp--preset--color--base-text);
	--hi-color-border-input-hover: var(--hi-color-text-title);
	--hi-color-border-input-active: var(--hi-color-border-input-hover);
	/** END INPUTS **/

	/** NAVBAR **/
	--hi-text-decoration-navbar-list-link-hover: underline;
	--hi-text-decoration-navbar-list-link-active: underline;
	/* first items */
	--hi-font-size-navbar: var(--wp--preset--font-size--body-xl);
	--hi-font-weight-navbar: var(--hi-font-weight-body-regular);
	--hi-line-height-navbar: var(--hi-line-height-body-xl);
	--hi-color-text-navbar-list-link: var(--hi-color-text-title);
	--hi-color-text-navbar-list-link-current: var(--hi-color-text-navbar-list-link);
	--hi-text-decoration-navbar-list-link-current: var(--hi-text-decoration-navbar-list-link);
	--hi-opacity-navbar-list-link-current: var(--hi-opacity-navbar-list-link);
	/* sub items */
	--hi-font-size-navbar-sublist: var(--wp--preset--font-size--body-l);
	--hi-font-weight-navbar-sublist: var(--hi-font-weight-body-regular);
	--hi-line-height-navbar-sublist: var(--hi-line-height-body-l);
	--hi-color-text-navbar-sublist-link: var(--wp--preset--color--base-text);
	--hi-text-decoration-navbar-sublist-link-current: none;
	--hi-text-decoration-navbar-sublist-link-hover: underline;
	--hi-text-decoration-navbar-sublist-link-active: underline;
	/** END NAVBAR **/

	/** SEARCH FORM **/
	--hi-height-search-form: 300px;
	/** END SEARCH FORM **/

	/** HEADER **/
	--hi-height-header: 64px;
	--hi-padding-vertical-header: var(--wp--preset--spacing--20);
	--hi-padding-horizontal-header: 0px;
	--hi-spacing-header-columns: var(--wp--preset--spacing--30);
	--hi-border-header: none;
	--hi-box-shadow-header: none;
	--hi-color-background-header: var(--wp--preset--color--base);
	--hi-color-text-header: var(--wp--preset--color--base-text);
	/** END HEADER **/

	/** BREADCRUMBS **/
	--hi-spacing-vertical-breadcrumbs: var(--wp--preset--spacing--50);
	--hi-spacing-horizontal-breadcrumbs: var(--wp--preset--spacing--10);
	--hi-font-weight-breadcrumbs: var(--hi-font-weight-body-regular);
	--hi-font-size-breadcrumbs: var(--wp--preset--font-size--body-s);
	/** END BREADCRUMBS **/

	/** PAGE HEADER **/
	--hi-min-header-page-header-cover: 300px;
	/** END PAGE HEADER **/

	/** POST CARDS **/
	--hi-width-post-card: 100%;
	--hi-height-post-card-img: 175px;
	/** END POST CARDS **/

	/** OTHER COMPONENTS **/
	--hi-width-contact-box: 424px;
	/** END OTHER COMPONENTS **/
}

/** ANIMATIONS **/
@keyframes hi_animation_underline_before {
	0% {
		left: 0px;
		right: auto;
		width: 0px;
	}
	100% {
		left: 0px;
		right: auto;
		width: 100%;
	}
}
@keyframes hi_animation_underline_after {
	0% {
		left: auto;
		right: 0px;
		width: 100%;
	}
	100% {
		left: auto;
		right: 0px;
		width: 0px;
	}
}

@keyframes hi_left_right {
	0% {
		translate: 0px;
	}
	20% {
		translate: 5px;
	}
	80% {
		translate: -5px;
	}
	100% {
		translate: 0px;
	}
}
/** END ANIMATIONS **/

/** WORDPRESS COMPONENTS **/
body .has-title-text-background-color {
	--hi-color-text-title: var(--hi-color-text-has-title-text);
	--hi-color-text-h1: var(--hi-color-text-title);
	--hi-color-text-h2: var(--hi-color-text-title);
	--hi-color-text-h3: var(--hi-color-text-title);
	--hi-color-text-h4: var(--hi-color-text-title);
	--hi-color-text-h5: var(--hi-color-text-title);
	--hi-color-text-h6: var(--hi-color-text-title);
	--hi-color-text-link: var(--hi-color-text-has-title-text);
	--hi-color-text-link-hover: var(--hi-color-text-has-title-text);
	--hi-color-text-link-active: var(--hi-color-text-has-title-text);

	color: var(--hi-color-text-has-title-text);

	&.wp-element-button {
		--hi-color-border-button: var(--wp--preset--color--title-text);
	}
}

body .alignfull > .wp-block-heading.alignwide {
	padding-inline: var(--hi-spacing-horizontal-screen);
}
body *:not(.hi-product-cards, .hi-product-cards-list, .hi-technical-information) > .wp-block-media-text > .wp-block-media-text__media:has(> figcaption) {
	background-color: transparent;
	
	& > img {
		position: relative;
		height: auto;
		max-height: 100%;
		border-radius: var(--hi-border-radius-m);
	}

	& > figcaption {
		display: block;
		width: 100%;
		margin: 0px;
		padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--10) 0px;

		font-size: var(--wp--preset--font-size--body-s);
		line-height: var(--hi-line-height-body-s);
	}
}
body .hi-product-cards > .wp-block-media-text > .wp-block-media-text__media > figcaption,
body .hi-product-cards-list > .wp-block-media-text > .wp-block-media-text__media > figcaption,
body .hi-technical-information > .wp-block-media-text > .wp-block-media-text__media > figcaption {
	display: none;
}

body figure.wp-block-gallery,
body figure.wp-block-gallery.is-layout-flex,
body figure.wp-block-gallery.has-nested-images {
	&.is-cropped > figure.wp-block-image:not(#individual-image),
	&:not(.is-cropped) > figure.wp-block-image:not(#individual-image) {
		& img {
			max-height: min(var(--hi-height-media-text-image), calc( var(--hi-max-height-screen) - var(--hi-spacing-horizontal-gallery-images)*2 ));
		}
	}
	&.hi-slider > figure.wp-block-image:not(#individual-image) > img {
		min-height: min(var(--hi-height-media-text-image), calc( var(--hi-max-height-screen) - var(--hi-spacing-horizontal-gallery-images)*2 ));
		margin-top: 0px;
	}
}

body .wp-block-group.alignwide:not(.hi-technical-information) .wp-block-media-text:not(.has-media-on-the-right) {
	grid-template-columns: var(--hi-width-media-text-image) 1fr;

	&.is-image-fill-element > .wp-block-media-text__media {
		align-self: flex-start;
		height: var(--hi-height-media-text-image);
		min-height: var(--hi-height-media-text-image);
		max-height: var(--hi-height-media-text-image);
	}
}
body .wp-block-media-text.alignwide > .wp-block-media-text__media {
	margin-inline: var(--hi-spacing-horizontal-screen);

	& img {
		border-radius: var(--hi-border-radius-xl);
	}
}
body .wp-block-media-text.alignwide > .wp-block-media-text__content {
	padding-bottom: 0px;
}
body .wp-block-media-text:has(> .wp-block-media-text__content > a.hi-a11y-text:not(:disabled)),
body .wp-block-media-text:has(> .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child:not(:disabled)) {
	overflow: hidden;
	cursor: pointer;
	border-radius: var(--hi-border-radius-l);
	border: var(--hi-border-width-m) solid var(--wp--preset--color--border);
	
	&:not(.hi-post-card-solucion) {
		border-color: var(--wp--preset--color--background);
		background-color: var(--wp--preset--color--background);
	}

	&:hover,
	&:has(> .wp-block-media-text__content > a.hi-a11y-text:not(:disabled):hover),
	&:has(> .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child:not(:disabled):hover),
	&:focus-visible,
	&:has(> .wp-block-media-text__content > a.hi-a11y-text:not(:disabled):focus-visible),
	&:has(> .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child:not(:disabled):focus-visible) {
		border-color: var(--wp--preset--color--primary-hover);
		
		& > .wp-block-media-text__content > .wp-block-heading {
			color: var(--hi-color-text-title);
			text-decoration: var(--hi-text-decoration-link-hover);
			text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
		}
	}

	&:active,
	&:has(> .wp-block-media-text__content > a.hi-a11y-text:not(:disabled):active),
	&:has(> .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child:not(:disabled):active) {
		border-color: var(--wp--preset--color--primary-active);
		
		& > .wp-block-media-text__content > .wp-block-heading {
			color: var(--hi-color-text-title);
			text-decoration: var(--hi-text-decoration-link-active);
			text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
		}
	}

	&:focus-visible,
	&:has(> .wp-block-media-text__content > a.hi-a11y-text:not(:disabled):focus-visible),
	&:has(> .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child:not(:disabled):focus-visible) {
		outline: var(--hi-outline-focus);
		outline-offset: var(--hi-outline-offset-focus);
		
		& > .wp-block-media-text__content > .wp-block-heading > a:first-child:last-child {
			outline: none;
		}
	}
}

body .wp-block-group.is-nowrap:has(> *:first-child + .wp-block-buttons:last-child) {
	justify-content: space-between;
	align-items: center;

	& > * {
		margin: 0px;
	}

	& > .wp-block-buttons {
		flex-basis: content;
	}
}

body blockquote,
body .wp-block-quote {
	max-width: 485px;

	&.has-text-align-center {
		margin-inline: auto;
		text-align: center;
	}
}
body .wp-block-group > blockquote,
body .wp-block-group > .wp-block-quote {
	max-width: 580px;
	padding-block: var(--hi-padding-vertical-content);
}

body figure.wp-block-gallery.has-nested-images.is-cropped {
	&.wp-block-gallery, 
	&.wp-block-gallery.is-layout-flex, 
	&.wp-block-gallery.has-nested-images {
		& > figure.wp-block-image > img {
			overflow: hidden;
			border-radius: var(--hi-border-radius-m);
		}

		&.is-cropped > figure.wp-block-image .wp-element-caption,
		&.is-cropped > figure.wp-block-image:not(#individual-image) .wp-element-caption {
			position: relative;
			text-align: left;
			color: currentColor;
			background: none;
		}
	}
}
/** END WORDPRESS COMPONENTS **/

/** COOKIES POPUP **/
body > #cmplz-cookiebanner-container:has( > .cmplz-cookiebanner:not(.cmplz-dismissed)) {
	position: fixed;
	z-index: var(--hi-index-cookies);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	& > * {
		z-index: 2;
	}

	&::before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
	}
}
/** END COOKIES POPUP **/

/** BREVO POPUP **/
body > #wpiam-message {
	z-index: var(--hi-index-brevo) !important;
}
body:has(> #cmplz-cookiebanner-container > .cmplz-cookiebanner:not(.cmplz-dismissed)) > #wpiam-message {
	display: none !important;
}
/** END BREVO POPUP **/

/** HI COMPONENTS **/
body ul.hi-list-img,
body ol.hi-list-img,
body ul.hi-list-icon-arrow,
body ol.hi-list-icon-arrow,
body ul.hi-list-icon-check,
body ol.hi-list-icon-check {
	--hi-color-text-link: currentColor;

	&.hi-list-icon-arrow > li::before {
		content: '';
		width: var(--hi-size-icon-m);
		min-width: var(--hi-size-icon-m);
		height: 26px;
		background: url(./assets/img/icons/ico-arrow-right-primary.svg) no-repeat center center;
		background-size: var(--hi-size-icon-s);
	}

	&.hi-list-icon-check > li::before {
		content: '';
		width: var(--hi-size-icon-m);
		min-width: var(--hi-size-icon-m);
		height: 26px;
		background: url('./assets/img/icons/ico-check-primary.svg') no-repeat center center;
		background-size: var(--hi-size-icon-s);
	}
}

/* List of Tags */
body ul.hi-inline-tags,
body ol.hi-inline-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	list-style: none;
	gap: var(--wp--preset--spacing--10);
	margin: 0px;
	padding: 0px;

	&:not(:first-child) {
		margin-top: var(--wp--preset--spacing--10);
	}
	&:not(:last-child) {
		margin-bottom: var(--wp--preset--spacing--10);
	}

	& > li:has( > a:first-child:last-child) {
		display: block;
		margin: 0px;
		padding: 0px;
	}

	& > li:not(:has( > a:first-child:last-child)),
	& > li > a:first-child:last-child {
		display: block;
		margin: 0px;
		padding: 0px var(--wp--preset--spacing--10);

		font-size: var(--wp--preset--font-size--body-m);
		line-height: var(--hi-line-height-body-m);

		color: var(--wp--preset--color--title-text);
		text-decoration: none;
		border-radius: var(--hi-border-radius-s);
		border: var(--hi-border-width-m) solid var(--wp--preset--color--base-text);
		background-color: var(--wp--preset--color--base);

		&:is(a):hover,
		&:is(a):focus-visible,
		&:is(a):active {
			text-decoration: underline;
			border-color: currentColor;
		}
	}
}
body .wp-block-group-is-layout-flex:has(> .wp-block-heading:first-child + .hi-inline-tags:last-child) {
	justify-content: flex-start;
	align-items: center;
	gap: var(--wp--preset--spacing--10);
	margin-block: var(--wp--preset--spacing--10);

	& > * {
		margin-block: 0px !important;
	}
}

/* Content Index */
body .hi-content-index .hi-content-index-title {
	padding-left: var(--wp--preset--spacing--30);
}
body .hi-content-index ul.hi-list-style-none {
	--hi-content-index-border: 4px;
	padding-left: calc(var(--wp--preset--spacing--30) + var(--hi-content-index-border));

	&.hi-list-style-none {
		--hi-color-text-link: currentColor;
		position: relative;

		&::before {
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;

			display: block;
			width: var(--hi-content-index-border);
			height: 100%;
			
			background-color: var(--wp--preset--color--background);
			border-radius: var(--hi-border-radius-xl);
		}
	}
}

/* Filter Bar */
body .hi-filter {
	font-size: var(--wp--preset--font-size--body-m);
	line-height: var(--hi-line-height-body-m);

	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--40);
	margin: 0px 0px var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--30) 0px;
	border-top: var(--hi-border-width-m) solid var(--wp--preset--color--border);
	border-bottom: var(--hi-border-width-m) solid var(--wp--preset--color--border);

	& .hi-filter-title {
		margin: 0px;
		text-transform: uppercase;
	}

	& .hi-filter-options {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		gap: var(--wp--preset--spacing--50);
		margin: 0px;
		padding: 0px;

		&:is(ul) {
			list-style: none;

			& > li {
				margin: 0px;
				padding: 0px;
			}
		}
	}
}
body .hi-filter-tabs {
	font-size: var(--wp--preset--font-size--body-m);
	line-height: var(--hi-line-height-body-m);

	& > ul {
		--hi-text-decoration-link: none;
		--hi-text-decoration-link-hover: none;
		--hi-text-decoration-link-active: none;

		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: flex-end;
		column-gap: 0px;
		row-gap: var(--wp--preset--spacing--30);
		margin: 0px;
		padding: 0px;

		& > li {
			display: block;
			margin: 0px;
			padding: 0px;

			& > a {
				white-space: nowrap;
				display: block;
				padding: 0px var(--wp--preset--spacing--30) var(--wp--preset--spacing--10);
				font-weight: var(--hi-font-weight-body-bold);
				color: currentColor !important;
				border-bottom: var(--hi-border-width-l) solid transparent;

				&:hover,
				&:focus-visible {
					border-bottom-color: var(--wp--preset--color--base-text);
				}

				&.hi-current {
					cursor: default;
					color: var(--wp--preset--color--primary) !important;
					border-bottom-color: var(--wp--preset--color--primary);
				}
			}
		}
	}
}

/* Sliders using Hi class .hi-slider */
body .hi-slider,
body .wp-block-latest-posts.hi-slider {
	padding-top: var(--wp--preset--spacing--55);

	&:not(.alignfull):not(.is-vertical) {
		--hi-min-padding-horizontal-slider: var(--hi-spacing-horizontal-screen);

		&.alignwide {
			--hi-min-padding-horizontal-slider: var(--hi-spacing-horizontal-screen);
		}

		& .hi-slider-prev,
		& .hi-slider-next {
			--hi-text-decoration-button: none;
			--hi-color-text-button: var(--wp--preset--color--black);
			--hi-color-background-button: transparent;
			--hi-color-border-button: var(--wp--preset--color--black);
			
			--hi-text-decoration-button-hover: none;
			--hi-color-text-button-hover: var(--wp--preset--color--primary-hover);
			--hi-color-background-button-hover: transparent;
			--hi-color-border-button-hover: var(--wp--preset--color--primary-hover);
			
			--hi-text-decoration-button-active: none;
			--hi-color-text-button-active: var(--wp--preset--color--primary-active);
			--hi-color-background-button-active: transparent;
			--hi-color-border-button-active: var(--wp--preset--color--primary-active);

			top: 0px;
			background: none;

			&.hi-slider-prev {
				left: auto;
				right: calc( var(--hi-padding-horizontal-slider) + calc(var(--hi-padding-horizontal-block-buttons) + var(--hi-size-button-icon)) );
				&::before {
					content: "";
					background-image: url('assets/img/icons/ico-arrow-right-black.svg');
					background-size: var(--hi-size-icon-button-icon);
					transform: rotate(180deg);
				}
			}
			&.hi-slider-next {
				right: var(--hi-padding-horizontal-slider);
				&::after {
					content: "";
					background-image: url('assets/img/icons/ico-arrow-right-black.svg');
					background-size: var(--hi-size-icon-button-icon);
				}
			}

			&:not(:disabled):hover,
			&:not(:disabled):focus-visible {
				&.hi-slider-prev::before {
					background-image: url('assets/img/icons/ico-arrow-right-primary.svg');
				}
				&.hi-slider-next::after {
					background-image: url('assets/img/icons/ico-arrow-right-primary.svg');
				}
			}
		}
	}
	
	&.wp-block-gallery, 
	&.wp-block-gallery.is-layout-flex, 
	&.wp-block-gallery.has-nested-images {
		& > figure.wp-block-image > img {
			overflow: hidden;
			border-radius: var(--hi-border-radius-m);
		}

		&.is-cropped > figure.wp-block-image .wp-element-caption,
		&.is-cropped > figure.wp-block-image:not(#individual-image) .wp-element-caption {
			position: relative;
			text-align: left;
			color: currentColor;
			background: none;
		}
	}

	& .hi-slider-bullets {
		opacity: 0;
	}
}
body .wp-block-group:has(> .hi-slider) {
	overflow: hidden;

	& .wp-block-heading:has(+ .hi-slider) {
		margin-bottom: 0px;
		padding-right: calc( var(--hi-spacing-horizontal-screen) + calc(var(--hi-padding-horizontal-block-buttons) + var(--hi-size-button-icon))*2 );

		& + .hi-slider:not(.alignfull):not(.is-vertical) {
			padding-top: var(--wp--preset--spacing--50);

			&.hi-slider-loaded {
				overflow: visible;
			}

			& .hi-slider-prev,
			& .hi-slider-next {
				top: calc( 0px - calc(var(--hi-size-button-icon) + var(--hi-font-size-h2)*var(--hi-line-height-h2))/2 );
			}
		}
	}
}

/* Animation bar */
body .hi-animation-bar {
	padding-inline: var(--hi-spacing-horizontal-screen);

	&,
	& > * {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		gap: var(--wp--preset--spacing--10);

		&.hi-moving-item {
			display: none;
		}

		&:not(.hi-animation-bar) {
			width: auto;
			min-width: fit-content;
			max-width: none;
			height: auto;
			margin: 0px;
			padding: 0px;

			& > * {
				height: 100%;
				width: auto;
				max-width: none;
				margin: 0px;
				padding: 0px;
			}

			& > .wp-block-media-text__media,
			&.wp-block-image {
				display: none;

				&:has( > a) {
					border-style: var(--hi-border-style-button);
					border-width: var(--hi-border-width-button);
					border-color: transparent;
					opacity: var(--hi-opacity-button);

					&:has( > a:hover),
					&:has( > a:focus-visible) {
						border-color: var(--hi-color-border-button-hover);
						opacity: var(--hi-opacity-button-hover);
					}

					&:has( > a:active) {
						border-color: var(--hi-color-border-button-active);
						opacity: var(--hi-opacity-button-active);
					}
				}

				& img {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
			}

			& .wp-block-buttons {
				height: 100%;
			}
			& .wp-block-button > .wp-block-button__link {
				height: 100%;
			}
		}
	}
}

/* Sectores of Bandas */
body .wp-block-buttons.hi-buttons-sectores > .wp-block-button > .wp-element-button {
	padding: 10px 14px;
	font-size: 16px;
	line-height: 1em;
}

/* Icons */
body .hi-icon-newtab::after {
	content: '';
	display: inline-block;
	width: var(--hi-size-icon-s);
	min-width: var(--hi-size-icon-s);
	height: var(--hi-size-icon-s);
	
	background: url(./assets/img/icons/ico-arrow-right-black.svg) no-repeat center center;
	background-size: var(--hi-size-icon-s);
}

/* Force inline */
body .hi-inline {
	display: inline;

	&:has(+ .hi-inline)::after {
		content: ' ';
	}
}
/** END HI COMPONENTS **/

/** POST CARDS **/
body .hi-posts-list.wp-block-post-template {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--wp--preset--spacing--30);

	& > .wp-block-post {
		cursor: pointer;

		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: nowrap;
		gap: var(--wp--preset--spacing--20);
		margin: 0px;
		padding: var(--wp--preset--spacing--30) 0px;
		border-bottom: var(--hi-border-width-m) solid var(--wp--preset--color--border);

		& > .wp-block-post-featured-image {
			width: var(--hi-width-post-card-image);
			height: var(--hi-height-post-card-image);
			margin: auto 0px;

			& img {
				width: 100%;
				height: 100%;
				object-fit: cover;
			}
		}

		& > .hi-post-card-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			max-width: min( 100%, calc(var(--wp--style--global--content-size) - calc( var(--hi-width-post-card-image) + var(--wp--preset--spacing--20) )) );
			gap: var(--wp--preset--spacing--10);

			& > * {
				margin-block: 0px;
			}

			& .wp-block-post-title > a {
				color: currentColor;
				outline: none;
			}
		}

		&:hover,
		&:has( .wp-block-post-title > a:focus-visible ) {
			.wp-block-post-title > a {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));

				color: var(--hi-color-text-link-hover);
			}

			&:has( .wp-block-post-title > a:focus-visible ) {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
		}
		
		&:active,
		&:has( .wp-block-post-title > a:active ) {
			.wp-block-post-title > a {	
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));

				color: var(--hi-color-text-link-active);
			}
		}
	}
}

body .hi-product-cards {
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);

	& > .wp-block-group {
		gap: var(--wp--preset--spacing--20);
		margin: 0px;
		padding: 0px;
	}
	
	& .wp-block-media-text {
		margin: 0px;
		padding: 0px;

		& > .wp-block-media-text__content {
			margin: 0px auto auto 0px;
			padding: var(--wp--preset--spacing--30);
		}

		& > .wp-block-media-text__media {
			margin: 0px 0px 0px auto;
		}
	}

	& > .wp-block-media-text {
		grid-template-columns: 100% !important;

		& > .wp-block-media-text__media {
			grid-row: 2;
			grid-column: 1;
			margin: auto 0px 0px;
		}
	}
}

body .hi-list-bandas-series,
body .hi-list-sectores,
body .hi-grid-post-cards-banda,
body .hi-grid-post-cards-solucion {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: var(--hi-spacing-horizontal-posts);

	&:is(ul) {
		list-style: none;
		padding-left: 0px;

		& > li {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-start;
			margin: 0px;
			padding: 0px;
		}
	}

	& > .hi-list-item-sector {
		--hi-color-text-link: currentColor;
		--hi-text-decoration-link: none;
		--hi-text-decoration-link-hover: none;
		--hi-text-decoration-link-active: none;
		
		justify-content: flex-start;
		align-items: flex-start;
		width: var(--hi-width-posts-2columns-post);
		padding: 0px;

		& > .wp-block-heading {
			width: 100%;
		}

		& a {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-start;
			width: 100%;
			height: 100%;
			gap: var(--wp--preset--spacing--10);
			text-decoration: none !important;

			& .hi-list-item-img,
			& img {
				overflow: hidden;
				display: block;
				width: 100%;
				height: var(--hi-height-post-card-img);
				object-fit: cover;
				border-radius: var(--hi-border-radius-m);
			}

			&:hover .hi-list-item-img img,
			&:focus-visible .hi-list-item-img img {
				transition: transform var(--hi-transition-time-s);
				transform: scale(1.2);
			}

			& .hi-list-item-title {
				position: relative;
				display: inline-block;

				/*
				&::after {
					content: '';
					position: absolute;
					bottom: 1px;
					left: 0px;
					display: block;
					width: 0px;
					height: var(--hi-border-width-l);
					background-color: var(--wp--preset--color--primary-hover);
					opacity: 0;
					transition: width var(--hi-transition-time-m);
				}
				*/
			}

			&:hover .hi-list-item-title,
			&:focus-visible .hi-list-item-title,
			&:active .hi-list-item-title {
				text-decoration: underline;
			}

			/*
			&:hover .hi-list-item-title::after,
			&:focus-visible .hi-list-item-title::after {
				width: 100%;
				background-color: var(--wp--preset--color--primary-hover);
				opacity: 1;
			}
			*/
		}
	}

	& > .hi-list-item-banda-serie {
		--hi-text-decoration-link-hover: var(--hi-text-decoration-link);
		--hi-color-text-link-hover: var(--hi-color-text-link);
		--hi-text-decoration-link-active: var(--hi-text-decoration-link);
		--hi-color-text-link-active: var(--hi-color-text-link);

		width: 100%;
		padding: 0px;
		border-radius: var(--hi-border-radius-l);

		&.has-background {
			padding: 0px;
		}
		
		&.has-title-text-background-color {
			--hi-text-decoration-link: none;
			--hi-color-text-link: currentColor;
		}

		& > a {
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			align-items: flex-end;
			width: 100%;
			min-height: 182px;
			padding: var(--wp--preset--spacing--30);
			border-radius: var(--hi-border-radius-l);

			font-size: var(--hi-font-size-h3);
			line-height: var(--hi-line-height-h3);
			transition: all 0.3s;

			&:hover,
			&:focus-visible,
			&:active {
				font-size: var(--hi-font-size-h2);
				line-height: var(--hi-line-height-h2);
			}
		}
	}

	& > .hi-post-card-banda {
		--hi-min-height-media-text-image: 370px;
		--hi-min-height-media-text-content: 102px;

		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		width: var(--hi-width-post-card);
		max-width: var(--hi-width-post-card);
		min-width: min(100%, var(--hi-width-post-card));
		gap: 0px;
		margin: 0px;

		background-color: var(--wp--preset--color--background);
		border-radius: var(--hi-border-radius-l);

		& > .wp-block-media-text__media {
			display: flex;
			justify-content: center;
			align-items: center;

			width: 100%;
			height: var(--hi-min-height-media-text-image);
		}
		& > .wp-block-media-text__content {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: stretch;

			height: 100%;
			min-height: var(--hi-min-height-media-text-content);
			padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
			gap: 0px;
		}
	}

	& > .hi-post-card-solucion {
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		width: var(--hi-width-post-card);
		max-width: var(--hi-width-post-card);
		min-width: min(100%, var(--hi-width-post-card));
		gap: 0px;
		margin: 0px;

		&:first-child:last-child {
			--hi-width-post-card: 100%;
		}

		border-radius: var(--hi-border-radius-l);
		border: var(--hi-border-width-m) solid var(--wp--preset--color--border);

		& > .wp-block-media-text__media {
			width: 100%;
			height: var(--hi-min-height-media-text-image);
		}
		& > .wp-block-media-text__content {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: stretch;

			max-width: 100%;
			height: 100%;
			padding-block: var(--hi-spacing-vertical-content);
			gap: 0px;
		}
	}
}

body ul.hi-list-propiedades > li > img {
	transform: scale(2);
}
body .hi-grid-propiedades > ul.hi-list-img {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--wp--preset--spacing--40);

	& > li {
		--hi-list-img-padding: 0px;
		--hi-list-img-border-radius: 0px;
		--hi-list-img-background: transparent;
		--hi-spacing-bottom-h4: var(--wp--preset--spacing--20);
		
		cursor: pointer;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;
		gap: 0px;

		width: 100%;
		min-height: 264px;
		margin: 0px;
		padding: var(--wp--preset--spacing--30);
		border-radius: var(--hi-border-radius-xl);
		border: var(--hi-border-width-m) solid var(--wp--preset--color--border);

		& img {
			width: 76px;
			height: 76px;
			margin: 0px 0px auto;
			transform: scale(2);
		}

		& > .wp-block-heading > a {
			text-decoration: none;
			color: currentColor;
			outline: none !important;
		}

		&:hover,
		&:focus-visible,
		&:has(> .wp-block-heading > a:focus-visible) {
			border-color: var(--wp--preset--color--primary-hover);

			& .wp-block-heading:not(:has(> a)),
			& .wp-block-heading > a {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
			}
		}

		&:active,
		&:has(> .wp-block-heading > a:active) {
			border-color: var(--wp--preset--color--primary-active);
			
			& .wp-block-heading:not(:has(> a)),
			& .wp-block-heading > a {
				color: var(--hi-color-text-link-active);
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
			}
		}
		
		&:focus-visible,
		&:has(> .wp-block-heading > a:focus-visible) {
			outline: var(--hi-outline-focus);
			outline-offset: var(--hi-outline-offset-focus);
		}
	}
}

body .hi-grid-normativas > ul.hi-list-icon-arrow,
body .hi-grid-materiales > ul.hi-list-style-none {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--hi-spacing-horizontal-posts);

	& > li {
		--hi-text-decoration-link: none;
		--hi-color-text-link: currentColor;
		--hi-text-decoration-link-hover: var(--hi-text-decoration-link);
		--hi-color-text-link-hover: var(--hi-color-text-link);
		--hi-text-decoration-link-active: var(--hi-text-decoration-link);
		--hi-color-text-link-active: var(--hi-color-text-link);
		
		cursor: pointer;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
		gap: var(--wp--preset--spacing--20);
		margin: 0px;
		padding: 0px;
		
		border: var(--hi-border-width-m) solid var(--wp--preset--color--border);
		border-radius: var(--hi-border-radius-xl);

		&::before {
			display: none;
		}

		& .wp-block-heading:not(:last-child) {
			margin-bottom: 0px;
		}
		
		& > a:first-child:last-child,
		&:not(:has(> a:first-child:last-child )) {
			padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);

			&:is(a) {
				display: block;
			}
		}

		&:hover,
		&:focus-visible,
		&:has( a:focus-visible) {
			background-color: var(--wp--preset--color--background);
			border-color: var(--wp--preset--color--base-text);

			&:focus-visible,
			&:has( a:focus-visible) {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}

			& a,
			& a:hover,
			& a:focus-visible {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
			}
		}

		&:active,
		&:has( a:active) {
			background-color: transparent;
			border-color: var(--wp--preset--color--base-text);
			
			& a,
			& a:active {
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
			}
		}

		& a {
			outline: none !important;
		}
	}
}

body .hi-distribuidoras > .hi-distribuidoras-item {
	position: relative;
	margin: 0px;
	padding: var(--wp--preset--spacing--55) var(--wp--preset--spacing--30);
	border: var(--hi-border-width-m) solid var(--wp--preset--color--border);
	border-radius: var(--hi-border-radius-xl);

	& > .wp-block-heading {
		margin-block: 0px;
	}

	& > .hi-desitribuidora-caption{
		position: absolute;
		top: var(--wp--preset--spacing--30);
		right: var(--wp--preset--spacing--30);

		display: block;
		margin: 0px;
		padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);

		background: var(--wp--preset--color--background);
		border-radius: var(--hi-border-radius-m);
	}

	& > ul.wp-block-list:not(:first-child) {
		margin-top: var(--wp--preset--spacing--20);
	}
}
/** END POST CARDS **/

/** CONTACT GROUPS **/
body .wpcf7-form {
	--hi-spacing-vertical-input: 0px;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--wp--preset--spacing--30);

	& > * {
		order: 2;
		margin-block: 0px;
	}
	& > .wpcf7-response-output {
		position: relative;
		order: 1;
		padding: var(--wp--preset--spacing--30);
		font-size: var(--wp--preset--font-size--body-m);
		line-height: var(--hi-line-height-body-m);
		color: var(--wp--preset--color--black);
		border-radius: var(--hi-border-radius-m);
		background: var(--wp--preset--color--info-background);

		&::before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: var(--hi-size-icon-l);
			height: var(--hi-size-icon-l);
			margin: -0.2em 0px 0px 0px;
			background: url(./assets/img/icons/ico-info.svg) no-repeat center center;
			background-size: contain;
		}
	}

	&.invalid > .wpcf7-response-output {
		color: var(--wp--preset--color--black);
		background-color: var(--wp--preset--color--error-background);

		&::before {
			background-image: url(./assets/img/icons/ico-error.svg);
		}
	}
	&.sent > .wpcf7-response-output {
		color: var(--wp--preset--color--black);
		background-color: var(--wp--preset--color--success-background);

		&::before {
			background-image: url(./assets/img/icons/ico-success.svg);
		}
	}
	
	& input:hover,
	& input:focus-visible,
	& select:hover,
	& select:focus-visible,
	& textarea:hover,
	& textarea:focus-visible {
		border-width: var(--hi-border-width-l);
	}
	& .wpcf7-form-control:has( > .wpcf7-list-item > label:first-child:last-child) {
		font-size: 0px;
	}
	& .wpcf7-list-item {
		margin: 0px;
	}
	& .wpcf7-not-valid-tip {
		&::before {
			content: '';
			display: inline-block;
			vertical-align: middle;
			width: var(--hi-size-icon-m);
			height: var(--hi-size-icon-m);
			margin: -0.2em 0px 0px -0.2em;
			background: url('./assets/img/icons/ico-error.svg') no-repeat center center;
			background-size: contain;
		}
	}

	& > p:has(> .wpcf7-submit + .wpcf7-spinner) {
		width: fit-content;

		& > .wpcf7-spinner {
			top: 50%;
			right: calc(0px - var(--wp--preset--spacing--10));
			margin: 0;
			transform: translate(100%, -50%);
		}
	}
	& > p > .wpcf7-submit {
		width: fit-content;
		margin-top: var(--wp--preset--spacing--10);
		margin-bottom: 0;
	}
}

body .hi-contact-box-group.wp-block-group {
	margin-top: var(--hi-padding-vertical-content);

	& > .hi-contact-box.wp-block-group:not(.has-background) {
		--hi-color-text-link: currentColor;
		--hi-text-decoration-link: none;
		--hi-color-text-link-hover: currentColor;
		--hi-text-decoration-link-hover: none;
		--hi-color-text-link-active: currentColor;
		--hi-text-decoration-link-active: none;

		cursor: pointer;
		max-width: 792px;
		margin: 0px;
		padding: var(--hi-padding-cards-grey);

		border-radius: var(--hi-border-radius-xl);
		border: var(--hi-border-width-l) solid var(--wp--preset--color--border);
		
		& a {
			outline: none !important;
		}

		&:hover,
		&:has(a:hover),
		&:focus-visible,
		&:has(a:focus-visible) {
			background-color: var(--wp--preset--color--background);
			border-color: var(--wp--preset--color--base-text);

			& a {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
			}
			
			&:focus-visible,
			&:has(a:focus-visible) {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
		}
		
		&:active,
		&:has(a:active) {
			background-color: transparent;
			border-color: var(--wp--preset--color--base-text);
			
			& a {
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
			}
		}
	}
}
body .hi-contact-form-group {
	position: relative;
	padding-block: var(--wp--preset--spacing--55);

	& > figure.wp-block-image,
	& > figure.wp-block-video {
		& > img,
		& > video {
			max-width: 324px;
			border-radius: 149px;
		}
	}

	& > .wp-block-columns {	
		column-gap: 119px;
		row-gap: var(--wp--preset--spacing--50);
	}
}
body:has( .hi-contact-form-group) .hi-site-footer .hi-contact-box {
	display: none;
}
body .hi-contact-box.wp-block-media-text {
	max-width: var(--hi-width-contact-box);
	grid-template-columns: auto !important;
	grid-gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--base);
	border-radius: var(--hi-border-radius-l);

	& > .wp-block-media-text__media {
		overflow: hidden;
		min-width: fit-content;
		border-radius: var(--hi-border-radius-l);

		& img {
			width: 116px;
			height: 116px;
			object-fit: cover;
		}
	}
	& > .wp-block-media-text__content {
		--hi-spacing-bottom-h4: var(--wp--preset--spacing--5);
		--hi-spacing-paragraph: var(--wp--preset--spacing--5);

		padding: 0px;

		& .wp-block-button .wp-element-button {
			min-width: 0px;
		}
	}
}
/** CONTACT GROUPS **/

/** SEARCH FORM **/
body #ajaxsearchlite1,
body div.asl_w.asl_m,
body form.searchform {
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	border-radius: 0px;
	box-shadow: none;

	&.asl_w.asl_m div.probox,
	&.searchform > div {
		position: relative;

		display: flex;
		justify-content: space-between;
		align-items: center;
		height: auto;
		gap: var(--wp--preset--spacing--20);
		margin: 0px;
		padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);

		background: none;
		border: var(--hi-border-width-m) solid var(--wp--preset--color--base-text);
		border-radius: var(--hi-border-radius-2xl);
		box-shadow: none;

		&::before {
			content: "\f002";
			
			position: absolute;
			top: calc( 50% - var(--hi-icon-size-button)/2 );
			left: calc( var(--wp--preset--spacing--20) + var(--wp--preset--spacing--10) );

			font-family: var(--hi-font-family-icon-awsome);
			font-weight: var(--hi-font-weight-icon-awsome);
			font-size: var(--hi-icon-size-button);
			line-height: var(--hi-icon-size-button);
		}

		& .proinput {
			margin: 0px;
			padding: 0 0 0 var(--wp--preset--spacing--10);

			& form {
				color: var(--wp--preset--color--base-text) !important;
			}
		}
	}

	&.asl_w.asl_m div.probox .proinput input,
	&.searchform input:not([type="submit"]) {
		box-sizing: border-box;
		height: var(--hi-height-input);
		max-width: 100%;
		min-width: 0px;
		padding: 0 var(--hi-padding-horizontal-input) 0 calc( var(--hi-icon-size-button) + var(--wp--preset--spacing--10)*2 ) !important;
		font-family: var(--wp--preset--font-family--default);
		font-weight: var(--hi-font-weight-input);
		font-size: var(--hi-font-size-input);
		line-height: var(--hi-height-input) !important;
		text-shadow: none;
		color: var(--hi-color-text-input) !important;
		background-color: var(--hi-color-background-input) !important;
		border: none !important;
		border-radius: var(--hi-border-radius-input);

		opacity: var(--hi-opacity-input);
		transition: var(--hi-transition-input);

		&.autocomplete {
			margin-top: calc( 0px - var(--hi-height-input) ) !important;
			color: var(--wp--preset--color--grey);
			opacity: var(--hi-opacity-cover);
		}

		&:hover,
		&:focus-visible {
			color: var(--hi-color-text-input-hover) !important;
			background-color: var(--hi-color-background-input-hover) !important;
			opacity: var(--hi-opacity-input-hover);

			&:focus-visible {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
		}

		&:active {
			color: var(--hi-color-text-input-active) !important;
			background-color: var(--hi-color-background-input-active) !important;
			opacity: var(--hi-opacity-input-active);
		}
	}
	&.searchform input:not([type="submit"]) {
		margin: 0 0 0 var(--wp--preset--spacing--10);
	}
	&.searchform input[type="submit"] {
		flex: 0;
		margin: 0px;
	}

	&.asl_w.asl_m div.probox .proclose {
		width: var(--hi-size-icon-m);
		height: var(--hi-size-icon-m);
		padding: var(--wp--preset--spacing--5);
		color: var(--wp--preset--color--base-text);
		background-color: var(--wp--preset--color--background);
		border-radius: 50%;

		&:hover,
		&:focus-visible {
			color: var(--hi-color-text-button-hover);
			background-color: var(--wp--preset--color--primary-hover);

			&:focus-visible {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
		}

		&:active {
			color: var(--hi-color-text-button-active);
			background-color: var(--hi-color-background-button-active);
		}

		&::before {
			content: "\f00d";
			font-family: var(--hi-font-family-icon-awsome);
			font-weight: var(--hi-font-weight-icon-awsome);
			font-size: var(--hi-size-icon-m);
			line-height: var(--hi-size-icon-m);
			color: currentColor;
		}

		& > svg {
			display: none;
		}
	}

	&.asl_w.asl_m div.probox .asl_simple-circle {
		border-color: var(--wp--preset--color--base-text);
	}

	&.asl_w.asl_m div.probox .promagnifier {
		cursor: pointer;
		border-radius: 50%;

		color: var(--hi-color-text-button);
		background-color: var(--hi-color-background-button);
		border-style: var(--hi-border-style-button);
		border-width: var(--hi-border-width-button);
		border-color: var(--hi-color-border-button);
		border-radius: var(--hi-border-radius-button);
		box-shadow: none;
		
		opacity: var(--hi-opacity-button);
		transition: opacity var(--hi-transition-time-button);

		&:hover,
		&:focus-visible {
			text-decoration: var(--hi-text-decoration-button-hover);
			text-underline-offset: var(--hi-text-decoration-offset-button-hover, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-button-hover, var(--hi-text-decoration-thickness));

			color: var(--hi-color-text-button-hover);
			background-color: var(--hi-color-background-button-hover);
			border-color: var(--hi-color-border-button-hover);
			opacity: var(--hi-opacity-button-hover);

			&:focus-visible {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
		}

		&:active {
			text-decoration: var(--hi-text-decoration-button-active);
			text-underline-offset: var(--hi-text-decoration-offset-button-active, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-button-active, var(--hi-text-decoration-thickness));

			color: var(--hi-color-text-button-active);
			background-color: var(--hi-color-background-button-active);
			border-color: var(--hi-color-border-button-active);
			opacity: var(--hi-opacity-button-active);
		}

		.innericon svg {
			fill: currentColor;
		}
	
		&[aria-label] {
			display: flex;
			align-items: center;
			justify-content: center;
			word-break: keep-all;
			gap: var(--hi-spacing-icon-button-icon);

			width: auto;
			height: auto;
			margin: 0px;
			padding: var(--hi-padding-vertical-button) var(--hi-padding-horizontal-button);

			font-size: var(--hi-font-size-button);
			font-weight: var(--hi-font-weight-button);
			line-height: var(--hi-line-height-button);
			
			text-decoration: var(--hi-text-decoration-button);
			text-underline-offset: var(--hi-text-decoration-offset-button, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-button, var(--hi-text-decoration-thickness));

			& .innericon {
				display: none !important;
			}

			&::after {
				content: attr(aria-label);
				display: inline-block;
			}
		}
	}
}
body > div.wpdreams_asl_results {
	left: 0 !important;
	width: 100% !important;
	margin: var(--wp--preset--spacing--30) 0px 0px;
	padding: 0 0 var(--wp--preset--spacing--30) !important;
	background: var(--wp--preset--color--base) !important;
	border-radius: 0px !important;
	border: none !important;
	box-shadow: none !important;

	& .results {
		width: 100%;
		max-height: calc(100vh - var(--hi-height-search-form)) !important;
		max-width: min(100%, var(--wp--style--global--wide-size));
		margin: 0 auto;
		padding: 0 var(--hi-spacing-horizontal-screen);
		
		& .resdrg {
			padding: 0 var(--wp--preset--spacing--10) 0px 0px;

			& .item {
				margin: 0px;
				padding: var(--wp--preset--spacing--30) 0px;
				border-bottom: var(--hi-border-width-m) solid var(--wp--preset--color--border);

				&.asl_r_recurso,
				&.asl_r_trabajos-taller,
				&.asl_r_accesorio,
				&.asl_r_distribuidora {
					display: none;
				}

				&:not(:last-child) {
					margin-bottom: var(--wp--preset--spacing--30);
				}

				& .asl_content {
					padding: 0px;
				
					&:not(:has(> img.asl_image))::before {
						content: '';
						float: left;
						display: block;
						width: var(--hi-width-post-card-image);
						height: var(--hi-height-post-card-image);
						margin: 0 var(--wp--preset--spacing--20) 0px 0px;
						background: url('../hitemplate/assets/img/no-image-220x220.png') no-repeat center center;
						background-size: cover;
					}
					& > img.asl_image {
						width: var(--hi-width-post-card-image);
						height: var(--hi-height-post-card-image);
						margin: 0 var(--wp--preset--spacing--20) 0px 0px;
					}

					& h3 a,
					& h3 a:hover,
					& h3 a:focus,
					& h3 a:focus-visible,
					& h3 a:active {
						font-family: var(--wp--preset--font-family--default);
						font-weight: var(--hi-font-weight-body-regular);
						font-size: var(--wp--preset--font-size--body-xl);
						line-height: var(--hi-line-height-body-xl);
						color: var(--wp--preset--color--base-text);
						text-decoration: none;

						&:hover,
						&:focus-visible {
							color: var(--hi-color-text-link-hover);
							text-decoration: var(--hi-text-decoration-link-hover);
							text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
							text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));

							&:focus-visible {
								outline: var(--hi-outline-focus);
								outline-offset: var(--hi-outline-offset-focus);
							}
						}
						
						&:active {
							color: var(--hi-color-text-link-active);
							text-decoration: var(--hi-text-decoration-link-active);
							text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
							text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
						}
					}

					& .asl_desc {
						margin-top: var(--wp--preset--spacing--10);
						font-family: var(--wp--preset--font-family--default);
						font-weight: var(--hi-font-weight-body-regular);
						font-size: var(--wp--preset--font-size--body-l);
						line-height: var(--hi-line-height-body-l);
						color: var(--wp--preset--color--secondary);
						text-decoration: none;
					}
				}
			}
		}
	}
}
/** END SEARCH FORM **/

/** SITE HEADER **/
body .hi-site-header {
	& > .wp-block-group {
		--hi-font-size-button: var(--wp--preset--font-size--body-m);

		gap: var(--wp--preset--spacing--10);
		font-size: var(--wp--preset--font-size--body-m);

		& > .wp-block-buttons {
			--hi-text-decoration-button: var(--hi-text-decoration-navbar-list-link);
			--hi-color-text-button: var(--hi-color-text-navbar-list-link);
			--hi-color-background-button: transparent;
			--hi-text-decoration-button-hover: var(--hi-text-decoration-navbar-list-link-hover);
			--hi-color-text-button-hover: var(--hi-color-text-navbar-list-link-hover);
			--hi-color-background-button-hover: transparent;
			--hi-text-decoration-button-active: var(--hi-text-decoration-navbar-list-link-active);
			--hi-color-text-button-active: var(--hi-color-text-navbar-list-link-active);
			--hi-color-background-button-active: transparent;

			gap: var(--wp--preset--spacing--10);

			& .wp-block-button .wp-element-button {
				padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
				border: none;
				border-radius: 0px;

				& > img {
					object-fit: contain;
					width: var(--hi-size-icon-m) !important;
					height: var(--hi-size-icon-m) !important;

					&.wp-image-521 { /* Catálogo */
						width: calc(var(--hi-size-icon-m) - 2px) !important;
						height: calc(var(--hi-size-icon-m) - 2px) !important;
					}

					&.wp-image-517 { /* My esbelt */
						width: calc(var(--hi-size-icon-m) + 2px) !important;
						height: calc(var(--hi-size-icon-m) + 2px) !important;
					}
				}
			}
		}
		
		& .wpml-language-switcher-block .wp-block-navigation-item .wpml-ls-dropdown {
			text-transform: uppercase;

			& .open-on-click:focus-visible {
				outline: var(--hi-outline-focus);
				outline-offset: var(--hi-outline-offset-focus);
			}
			& .wp-block-navigation-item__content {
				margin: 0px;
				padding: 0px;
			}
			& .current-language-item {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				gap: var(--wp--preset--spacing--5);
				margin: 0px;
				padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);

				text-decoration: var(--hi-text-decoration-navbar-list-link);
				text-underline-offset: var(--hi-text-decoration-offset-navbar-list-link, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-navbar-list-link, var(--hi-text-decoration-thickness));
				color: var(--hi-color-text-navbar-list-link);

				opacity: var(--hi-opacity-navbar-list-link);
				transition: opacity var(--hi-transition-time-navbar-list-link);

				&::before {
					content: '';
					display: inline-block;
					width: calc(var(--hi-size-icon-m) - 3px);
					height: calc(var(--hi-size-icon-m) - 3px);
					background: url('assets/img/icons/ico-globe.svg') no-repeat center center;
					background-size: contain;
				}

				& .wp-block-navigation__submenu-icon {
					margin: 5px;
					transition: transform var(--hi-transition-time-navbar-toggle-button);

					& svg {
						margin: 0px;
					}
				}
			}
			& .open-on-click .current-language-item:hover,
			& .open-on-click:focus-visible .current-language-item {
				text-decoration: var(--hi-text-decoration-navbar-list-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-navbar-list-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-navbar-list-link-hover, var(--hi-text-decoration-thickness));

				color: var(--hi-color-text-navbar-list-link-hover);
				opacity: var(--hi-opacity-navbar-list-link-hover);
			}
			& .open-on-click .current-language-item:active,
			& .open-on-click:active .current-language-item {
				text-decoration: var(--hi-text-decoration-navbar-list-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-navbar-list-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-navbar-list-link-active, var(--hi-text-decoration-thickness));

				color: var(--hi-color-text-navbar-list-link-active);
				opacity: var(--hi-opacity-navbar-list-link-active);
			}

			& .wp-block-navigation-item__content[aria-expanded="true"] .current-language-item .wp-block-navigation__submenu-icon {
				transform: rotate(-180deg);
			}

			& ul.wp-block-navigation__container li.wp-block-navigation-submenu ul.wp-block-navigation__submenu-container {
				z-index: var(--hi-index-header);
				width: 100%;
				color: currentColor;
				background-color: var(--wp--preset--color--base) !important;

				& .wp-block-navigation-item {
					margin: 0px !important;
					padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);

					& > * {
						display: block;
					}
					
					& a {
						display: block;
					}
				}
			}
		}
	}

	& > .wp-block-columns {
		justify-content: flex-start;

		& > .wp-block-column {
			order: 1;
			gap: var(--wp--preset--spacing--10);

			&:first-child {
				order: 2;
			}
			&:last-child {
				order: 3;
				margin-left: auto;
			}

			& .wp-block-buttons {
				--hi-min-width-button: 160px;
				--hi-min-height-button: 48px;

				gap: var(--wp--preset--spacing--10);

				& .wp-block-button .wp-element-button {
					justify-content: flex-start;
				}

				& .wp-block-button.hi-button-search {
					--hi-color-text-button: var(--wp--preset--color--base-text);
					--hi-color-background-button: var(--wp--preset--color--background);
					--hi-color-border-button: var(--hi-color-background-button);
					--hi-color-text-button-hover: var(--hi-color-text-button);
					--hi-color-background-button-hover: var(--hi-color-background-button);
					--hi-color-border-button-hover: var(--wp--preset--color--base-text);
					--hi-color-text-button-active: var(--hi-color-text-button);
					--hi-color-background-button-active: transparent;
					--hi-color-border-button-active: var(--hi-color-border-button-hover);

					& .wp-element-button::before {
						content: "\f002";
						font-family: var(--hi-font-family-icon-awsome);
						font-weight: var(--hi-font-weight-icon-awsome);
						font-size: var(--hi-icon-size-button);
						line-height: var(--hi-icon-size-button);
					}
				}
			}
		}
	}

	& > .hi-search-form-wrapper {
		position: fixed;
		z-index: var(--hi-index-header);
		top: var(--hi-height-wp-admin-bar);
		left: 0px;

		display: none;
		width: 100%;
		height: 100%;

		& > .hi-search-form-group {
			position: relative;
			z-index: 2;
			background-color: var(--wp--preset--color--base);
			padding-top: var(--wp--preset--spacing--30);
			padding-bottom: var(--wp--preset--spacing--55);

			& .hi-search-form-header .hi-search-form-toggle {
				& > span {
					position: absolute;
					overflow: hidden;
					clip: rect(1px, 1px, 1px, 1px);
					clip-path: inset(50%);
					width: 1px;
					height: 1px;
					margin: -1px;
					word-wrap: normal;
				}

				&::before {
					content: "\f00d";
					font-family: var(--hi-font-family-icon-awsome);
					font-weight: var(--hi-font-weight-icon-awsome);
					font-size: var(--hi-size-icon-m);
					line-height: var(--hi-size-icon-m);
					color: currentColor;
				}
			}
		}
	}
	&:not(:has( .hi-navbar .hi-opened)) > .hi-search-form-wrapper::after {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		
		display: block;
		width: 100%;
		height: 100%;

		background-color: var(--hi-color-background-cover);
		opacity: var(--hi-opacity-cover);
	}

	& .hi-navbar > .hi-navbar-content > .menu > .menu-item > a:has(> .wp-element-button),
	& .hi-navbar > .hi-navbar-content > .menu > .menu-item > .sub-menu > .menu-item > a:has(> .wp-element-button),
	& .hi-navbar > .hi-navbar-content > .menu > .menu-item > .sub-menu > .sub-menu > .menu-item > a:has(> .wp-element-button) {
		display: block;
		text-decoration: none;
		border-radius: var(--hi-border-radius-button);

		&:hover > .wp-element-button,
		& > .wp-element-button:hover,
		&:focus-visible > .wp-element-button,
		& > .wp-element-button:focus-visible {
			text-decoration: var(--hi-text-decoration-button-hover);
			text-underline-offset: var(--hi-text-decoration-offset-button-hover, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-button-hover, var(--hi-text-decoration-thickness));

			color: var(--hi-color-text-button-hover);
			background-color: var(--hi-color-background-button-hover);
			border-color: var(--hi-color-border-button-hover);
			opacity: var(--hi-opacity-button-hover);
		}

		&:focus-visible > .wp-element-button,
		& > .wp-element-button:focus-visible {
			outline: var(--hi-outline-focus);
			outline-offset: var(--hi-outline-offset-focus);
		}

		&:active > .wp-element-button,
		& > .wp-element-button:active {
			text-decoration: var(--hi-text-decoration-button-active);
			text-underline-offset: var(--hi-text-decoration-offset-button-active, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-button-active, var(--hi-text-decoration-thickness));

			color: var(--hi-color-text-button-active);
			background-color: var(--hi-color-background-button-active);
			border-color: var(--hi-color-border-button-active);
			opacity: var(--hi-opacity-button-active);
		}
	}
}
/** END SITE HEADER **/

/** SITE FOOTER **/
body .hi-site-footer {
	padding: var(--hi-spacing-vertical-content) 0px;
	background-color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--body-l);
	line-height: var(--hi-line-height-body-l);

	& > * {
		--hi-spacing-vertical-content: var(--wp--preset--spacing--60);
		flex-direction: column;

		& .widget_nav_menu .menu {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			align-items: center;
			row-gap: var(--wp--preset--spacing--20);
			column-gap: var(--wp--preset--spacing--40);

			list-style: none;
			padding-left: 0px;

			& .menu-item {
				--hi-text-decoration-link: none;
				--hi-color-text-link: currentColor;

				margin: 0px;
			}
		}

		& .hi-footer-menu {
			flex-direction: column;
			column-gap: var(--hi-padding-horizontal-content);
			row-gap: var(--hi-padding-vertical-content);

			width: fit-content;
			margin: 0px;

			&:has( + .hi-contact-box) {
				max-width: calc(100% - calc(var(--hi-width-contact-box) + var(--hi-padding-horizontal-content)));
			}

			& > p:empty {
				display: none;
			}

			& > * {
				flex: 1;
				max-width: fit-content;
				min-width: 175px;
			}

			& .widget_nav_menu .menu {
				flex-direction: column;
				justify-content: flex-start;
				align-items: flex-start;

				& a {
					display: inline-block;
					padding-left: calc(var(--hi-icon-size-button) + var(--wp--preset--spacing--5));
					background-image: url('assets/img/icons/ico-add.svg');
					background-repeat: no-repeat;
					background-position: 0px 2px;
					background-size: var(--hi-icon-size-button);

					/*
					&:hover,
					&:focus-visible {
						background-image: url('assets/img/icons/ico-add-primary-hover.svg');
					}
					&:active {
						background-image: url('assets/img/icons/ico-add-primary-active.svg');
					}
					*/
				}
			}
		}
		
		& .wp-block-image {
			max-width: 100%;
			margin-left: 0px;

			&:not(:last-child) {
				margin-bottom: var(--wp--preset--spacing--40);
			}
		}

		&.is-layout-flex > * {
			height: fit-content;
			margin: 0px;
		}

		&:last-child > .widget_nav_menu:last-child {
			font-size: var(--wp--preset--font-size--body-s);
		}
	}
}
/** END SITE FOOTER **/

/** PAGE HEADER **/
body #main_content > .hi-content-header {
	&.has-background {
		padding: 0px 0px var(--hi-spacing-bottom-content);
	}

	& .hi-breadcrumbs {
		--hi-color-text-link: currentColor;
		--hi-color-text-link-hover: currentColor;
		--hi-text-decoration-link: none;
		--hi-text-decoration-link-hover: underline;

		padding-bottom: var(--hi-spacing-bottom-content);
	}

	& .hi-content-title:has(+ .hi-content-seotitle) {
		margin-bottom: 0px;

		& + .hi-content-seotitle {
			margin-top: var(--wp--preset--spacing--10);
		}
	}
	
	& > .wp-block-group {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: flex-start;

		min-height: 130px;
		margin: 0px auto;
		padding: 0px var(--hi-spacing-horizontal-screen);

		& > .hi-content-title:not(:has(+ .hi-content-seotitle)) {
			max-width: var(--wp--style--global--content-size);
		}

		&.has-background {
			padding-block: var(--hi-spacing-vertical-content);
		}
	}
	&:not(.has-background) > .wp-block-group:not(.has-background) {
		padding-bottom: var(--wp--preset--spacing--40);
	}

	& > .wp-block-media-text {
		--hi-width-header-img: 200px;
		--hi-height-header-img: 91px;

		position: relative;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		min-height: 271px;
		gap: 0px;
		margin: 0px;
		padding: 0px;
		
		& > .wp-block-media-text__media {
			position: absolute;
			top: calc( calc(var(--hi-spacing-vertical-breadcrumbs) + var(--hi-height-breadcrumbs)) + var(--wp--preset--spacing--30) );
			right: 0px;

			overflow: hidden;
			display: flex;
			justify-content: flex-end;
			align-items: center;

			width: var(--hi-width-header-img);
			max-width: var(--hi-width-header-img);
			min-width: var(--hi-width-header-img);
			height: auto;
			min-height: var(--hi-height-header-img);
			margin: 0px 0px 0px auto;
			
			border-radius: 200px 0px 0px 200px;

			& img {
				width: 100%;
				height: var(--hi-height-header-img);
				max-height: var(--hi-height-header-img);
				min-height: var(--hi-height-header-img);
			}
		}

		& > .wp-block-media-text__content {
			align-self: flex-start;
			width: 100%;
			max-width: 100%;
			margin: 0px;
			padding-top: 0px;
			padding-bottom: var(--wp--preset--spacing--40);
			padding-left: max( var(--hi-spacing-horizontal-screen), calc( var(--hi-spacing-horizontal-screen) + calc(100vw - var(--wp--style--global--wide-size)) )/2 );

			& > * {
				max-width: 744px;
			}

			& .hi-breadcrumbs {
				padding-bottom: calc(var(--hi-height-header-img) + var(--wp--preset--spacing--10));

				.hi-breadcrumbs-list {
					padding-inline: 0px;
				}
			}
		}
	}
	
	& > .wp-block-cover {
		padding: 0px;

		& > .wp-block-group {
			min-height: var(--hi-min-header-page-header-cover);
			padding: 0px;
		}

		& + .wp-block-group:not(.has-background) {
			margin-top: var(--hi-spacing-vertical-content);
		}
		& + .wp-block-group .hi-content-title:not(:last-child, :has(+ .hi-content-seotitle)),
		& + .wp-block-group .hi-content-title + .hi-content-seotitle:not(:last-child) {
			margin-bottom: var(--wp--preset--spacing--50);
		}
	}
}
body.page-template-page-full-no-header #main_content > .hi-content-wrapper > .hi-content > .wp-block-post-featured-image.alignfull:first-child {
	position: relative;
	height: var(--hi-min-header-page-header-cover);
	background-color: var(--hi-color-background-cover);

	& > img {
		position: relative;
		z-index: 1;
		object-fit: cover;
		width: 100%;
		height: 100%;
	}

	&::after {
		content: '';
		position: absolute;
		z-index: 2;
		top: 0px;
		left: 0px;
		opacity: var(--hi-opacity-cover);
		background-color: var(--hi-color-background-cover);
	}
}
body.page-template-page-full-no-header #main_content > .hi-breadcrumbs:has( + .hi-content-wrapper > .hi-content > .wp-block-post-featured-image.alignfull:first-child ),
body.page-template-page-full-no-header #main_content > .hi-breadcrumbs:has( + .hi-content-wrapper > .hi-content > .hi-page-header.has-background:first-child ) {
	position: absolute;
	z-index: 2;
	
	&:has( + .hi-content-wrapper > .hi-content > .wp-block-post-featured-image.alignfull:first-child ) {
		color: var(--hi-color-text-cover);
	}
	&:has( + .hi-content-wrapper > .hi-content > .hi-page-header.has-primary-background-color:first-child ) {
		color: var(--hi-color-text-has-primary);
	}
	&:has( + .hi-content-wrapper > .hi-content > .hi-page-header.has-title-text-background-color:first-child ) {
		color: var(--hi-color-text-has-title-text);
	}

	& + .hi-content-wrapper {
		position: relative;
		z-index: 1;
	}

	& + .hi-content-wrapper > .hi-content > .hi-page-header {
		padding-top: calc( var(--hi-spacing-vertical-breadcrumbs) + var(--hi-height-breadcrumbs) + var(--hi-spacing-bottom-content) );
	}
}
/** END PAGE HEADER **/

/** PAGE FOOTER **/
body #main_content > .hi-contact-form-group {
	margin-top: 0px;

	& > .wp-block-columns {
		margin-top: 0px;
	}
}
body #main_content > .hi-contact-group {
	padding-bottom: var(--hi-spacing-vertical-content);
}
/** END PAGE FOOTER **/

/** PAGE CONTENT **/
body .hi-content.hi-404 {
	padding-bottom: var(--hi-spacing-vertical-content);
}
body .hi-content > .wp-block-group,
body .hi-content > .wp-block-columns,
body .hi-content > .wp-block-media-text {
	margin-top: 0px;
	padding-top: var(--hi-spacing-vertical-content);

	&.hi-content-index:not(:first-child) {
		padding-top: 0px;
	}
	
	&:not(:last-child) {
		margin-bottom: 0px;
		padding-bottom: var(--hi-spacing-bottom-content, var(--hi-spacing-vertical-content));

		&:has( + .hi-content-index) {
			padding-bottom: var(--wp--preset--spacing--50);
		}
	}

	&.is-vertical {
		gap: var(--hi-padding-vertical-content);

		&:has(> .hi-resource-card) {
			gap: var(--hi-spacing-technical-information);
		}

		&.hi-gap-50 {
			gap: var(--wp--preset--spacing--50);
		}
		
		& > * {
			margin-block: 0px;
		}
	}

	&:not(.alignfull) > .wp-block-media-text {
		max-width: 100%;

		& > .wp-block-media-text__media:not(:has(> figcaption)) {
			overflow: hidden;
			border-radius: var(--hi-border-radius-m);
			background-color: var(--wp--preset--color--background);
		}
	}
}

/* Plegable lists */
body .hi-content .wp-block-list.hi-plegable {
	display: flex;
	flex-direction: column;
	gap: var(--hi-spacing-horizontal-posts);

	list-style: none;
	padding-left: 0px;

	& > li {
		position: relative;
		display: block;
		margin: 0px;
		padding: 0px;

		border: var(--hi-border-width-m) solid var(--wp--preset--color--border);
		border-radius: var(--hi-border-radius-xl);
		
		&:has(> ul:last-child) {
			&::after {
				position: absolute;
				z-index: 1;
				top: var(--hi-padding-cards);
				right: var(--hi-padding-cards);

				content: "\f107";
				font-family: var(--hi-font-family-icon-awsome);
				font-weight: var(--hi-font-weight-icon-awsome);
				font-size: var(--hi-size-icon-m);
				line-height: var(--hi-size-icon-m);
				
				transform: rotate(0deg);
				transition: transform var(--hi-transition-time-s);
			}
			&.hi-opened::after {
				transform: rotate(-180deg);
			}

			& > *:first-child:has(+ ul:last-child),
			& > *:first-child:has(+ .hi-open-plegalbe-list + ul:last-child) {
				position: relative;
				z-index: 2;
				cursor: pointer;
				display: block;
				width: 100%;
				padding: var(--hi-padding-cards);
				padding-right: calc(var(--hi-size-icon-m) + var(--hi-padding-cards)*2);

				&:hover,
				&:focus-visible,
				&:has(+ .hi-open-plegalbe-list:focus-visible) {
					color: var(--hi-color-text-link-hover);
					text-decoration: var(--hi-text-decoration-link-hover);
					text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
					text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
				}
				&:active {
					color: var(--hi-color-text-link-active);
					text-decoration: var(--hi-text-decoration-link-active);
					text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
					text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
				}
			}
			& > *:first-child:has(+ ul:last-child).hi-opened::after,
			& > *:first-child:has(+ .hi-open-plegalbe-list + ul:last-child)::after {
				transform: rotate(-180deg);
			}

			& > ul:last-child {
				position: relative;
				z-index: 3;
				display: none;
				list-style: none;
				margin: calc(var(--wp--preset--spacing--20) - var(--hi-padding-cards)) 0px 0px;
				padding: var(--hi-padding-cards);
				padding-top: 0px;

				text-decoration: none;

				& > li:not(:last-child) {
					margin-bottom: var(--wp--preset--spacing--10);
				}

				& > li.wp-element-button {
					width: fit-content;
				}
			}
		}
	}
}

/* Tecnical information */
body .hi-content .wp-block-group.hi-technical-information {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	gap: var(--hi-spacing-technical-information);

	&:not(:first-child) {
		padding-top: var(--wp--preset--spacing--10);
	}
	
	& > .wp-block-media-text {
		min-width: 100%;
		grid-template-columns: 1fr calc(50% - var(--hi-spacing-technical-information)/2);
		gap: var(--hi-spacing-technical-information);
		margin: 0px;

		& > .wp-block-media-text__content,
		& > .wp-block-media-text__media {
			overflow: hidden;
			height: 100%;
			min-height: fit-content;
			margin: 0px;
			border-radius: var(--hi-border-radius-xl);
			
			&.wp-block-media-text__content {
				padding: var(--hi-padding-cards-grey);
				background-color: var(--wp--preset--color--background);

				& > .hi-technical-information-box {
					padding: 0px;
					border-radius: 0px;
				}
			}

			&.wp-block-media-text__media {
				min-height: 360px;
			}
		}
	}
	& > *:not(.wp-block-media-text) {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
		max-width: 100%;
		height: 100%;
		min-height: fit-content;
		gap: var(--hi-spacing-technical-information);
		margin: 0px;

		& > * {
			width: calc(50% - var(--hi-spacing-technical-information)/2);
			gap: var(--hi-spacing-technical-information);
			margin: 0px;

			&:not(.hi-technical-information-box) > * {
				overflow: hidden;
				height: 100%;
				min-height: fit-content;
				margin: 0px;
				padding: var(--hi-padding-cards-grey);
				border-radius: var(--hi-border-radius-xl);

				&:not(.has-background) {
					--hi-color-text-link: var(--hi-color-text-has-background-link);
					background-color: var(--wp--preset--color--background);
				}

				&.wp-block-image {
					display: flex;
					flex-direction: column;
					padding: 0px;

					& > img {
						width: 100%;
						height: 100%;
						object-fit: cover;
					}

					& > .wp-element-caption {
						padding: 0 var(--hi-padding-cards) var(--hi-padding-cards);
					}
				}
			}
		}
	}
}
body .hi-content .hi-technical-information-box:not(.alignfull, .wp-block-media-text),
body .hi-content .hi-technical-information-box:not(.alignfull, .wp-block-media-text):not(.has-background),
body .hi-content .hi-technical-information-box.wp-block-media-text.has-background:not(.alignfull),
body .hi-content .hi-technical-information-box.wp-block-media-text:not(.alignfull):not(.has-background) > .wp-block-media-text__content {
	--hi-spacing-vertical-content: var(--wp--preset--spacing--50);

	overflow: hidden;
	height: 100%;
	min-height: fit-content;
	margin: 0px;
	padding: var(--hi-padding-cards-grey);
	border-radius: var(--hi-border-radius-xl);

	&:not(.has-background) {
		padding: var(--hi-padding-cards-grey);
		background-color: var(--wp--preset--color--background);
	}

	& .wp-block-heading:has(+ .wp-block-list) {
		margin-bottom: 0px;
	}
	& .wp-block-heading + .wp-block-list,
	& .wp-block-group-is-layout-flex:has(> .wp-block-heading:first-child + .hi-inline-tags:last-child) + .wp-block-list {
		margin-top: var(--wp--preset--spacing--10);
	}
}
body .hi-content .hi-technical-information-box.wp-block-media-text:not(.alignfull):not(.has-background) {
	gap: var(--wp--preset--spacing--20);

	& > .wp-block-media-text__media {
		margin-inline: 0px;
	}
}

/* Resources */
body .hi-content .hi-resource-card:not(.alignfull),
body .hi-content .hi-resource-card:not(.alignfull):not(.has-background) {
	cursor: pointer;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	gap: var(--hi-padding-cards);
	margin: 0px;
	padding: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--background);
	border: var(--hi-border-width-m) solid var(--wp--preset--color--background);
	border-radius: var(--hi-border-radius-xl);

	& .hi-resource-title {
		text-decoration: var(--hi-text-decoration-link);
		text-underline-offset: var(--hi-text-decoration-offset-link, var(--hi-text-decoration-offset));
		text-decoration-thickness: var(--hi-text-decoration-thickness-link, var(--hi-text-decoration-thickness));
	}

	& > .hi-resource-download {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		column-gap: var(--wp--preset--spacing--10);
		row-gap: var(--wp--preset--spacing--10);
		margin: 0px 0px 0px auto;
		text-decoration: none;
		color: currentColor;
		transition: color var(--hi-transition-time-s);
		
		&::before {
			content: '';
			overflow: hidden;
			display: block;
			width: calc(var(--hi-size-icon-l) + var(--wp--preset--spacing--30)*2);
			height: calc(var(--hi-size-icon-l) + var(--wp--preset--spacing--30)*2);

			color: var(--wp--preset--color--primary);
			background-color: var(--wp--preset--color--base);
			background-image: url('assets/img/icons/ico-download-primary.svg');
			background-repeat: no-repeat;
			background-position: center center;
			background-size: var(--hi-size-icon-l);
			border-radius: 50%;
			transition: all var(--hi-transition-time-s);
		}
	}

	&:hover,
	&:focus-visible,
	&:has(> .hi-resource-download:hover),
	&:has(> .hi-resource-download:focus-visible) {
		border-color: var(--wp--preset--color--primary-hover);
		
		& .wp-block-heading:not(:has(> a)),
		& .wp-block-heading > a {
			color: var(--hi-color-text-link-hover);
			text-decoration: var(--hi-text-decoration-link-hover);
			text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
		}

		/*
		& > .hi-resource-download {
			&::before {
				background-image: url('assets/img/icons/ico-download-white.svg');
				background-color: var(--wp--preset--color--primary-hover);
			}
			
			& .hi-resource-download-title {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
			}
		}
		*/
	}

	&:active,
	&:has(> .wp-block-heading > a:active),
	&:has(> .hi-resource-download:active) {
		border-color: var(--wp--preset--color--primary-active);

		& .wp-block-heading:not(:has(> a)),
		& .wp-block-heading > a {
			color: var(--hi-color-text-link-active);
			text-decoration: var(--hi-text-decoration-link-active);
			text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
			text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
		}

		/*
		& > .hi-resource-download {
			&::before {
				background-image: url('assets/img/icons/ico-download-white.svg');
				background-color: var(--wp--preset--color--primary-active)
			}
			
			& .hi-resource-download-title {
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
			}
		}
		*/
	}
}

/* Accessories */
body .hi-accessories-block > .wp-block-group:first-child:has(> .wp-block-heading) {
	margin-bottom: 0;
}
body .hi-accessories-block .hi-accessories-group,
body .hi-resoruce-block .hi-resource-group {
	margin: 0px;
	padding: var(--hi-padding-vertical-content);

	& > .hi-accessories-item,
	& > .hi-resource-item {
		overflow: hidden;
		border-radius: var(--hi-border-radius-m);

		&:not(:first-child) {
			margin-top: 0px;
		}
		&:not(:last-child) {
			margin-bottom: var(--hi-padding-vertical-content);
		}

		&.wp-block-media-text {
			grid-template-columns: var(--hi-width-media-text-image) 1fr;

			& > .wp-block-media-text__media {
				display: flex;
				justify-content: center;
				align-items: center;

				height: 100%;
				min-height: var(--hi-min-height-media-text-image);
				background-color: var(--wp--preset--color--background);
				border-radius: 0px;

				& img {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
			}
		}
		/*
		&.hi-resource-item > .wp-block-media-text__media img {
			object-fit: contain;
			width: auto;
			max-width: 100%;
			height: auto;
			max-height: 100%;
		}
		*/

		& .hi-h4:not(:last-child) {
			margin-bottom: var(--wp--preset--spacing--20);
		}
		& .hi-h5:not(:first-child) {
			margin-top: var(--wp--preset--spacing--20);
		}
		& .hi-h5:not(:last-child) {
			margin-bottom: var(--wp--preset--spacing--20);
		}

		& a.hi-resource-download {
			--hi-text-decoration-link: none;
			--hi-color-text-link: currentColor;
			--hi-text-decoration-link-hover: none;
			--hi-text-decoration-link-active: none;

			position: relative;
			display: inline-block;

			&::before,
			&::after {
				content: '';
				position: absolute;
				bottom: 0px;
				display: block;
				height: var(--hi-border-width-l);
				background-color: var(--wp--preset--color--primary);
			}
			&::before {
				left: 0px;
				right: auto;
				width: 0px;
			}
			&::after {
				left: auto;
				right: 0px;
				width: 100%;
			}

			&:not(:first-child) {
				margin-top: var(--hi-padding-cards);
			}

			&:hover,
			&:focus-visible {
				&::before,
				&::after {
					animation-timing-function: linear;
					animation-duration: 2s;
					animation-iteration-count: infinite;

					background-color: var(--wp--preset--color--primary-hover);
				}
				&::before {
					animation-name: hi_animation_underline_before;
					animation-delay: 0.1s;
				}
				&::after {
					animation-name: hi_animation_underline_after;
				}

				& .hi-icon-newtab::after {
					background-image: url(./assets/img/icons/ico-arrow-right-primary-hover.svg);
				}
			}

			&:active {
				&::before,
				&::after {
					background-color: var(--wp--preset--color--primary-active);
				}

				& .hi-icon-newtab::after {
					background-image: url(./assets/img/icons/ico-arrow-right-primary-active.svg);
				}
			}
		}
	}
}

/* Catalog */
body .hi-content .hi-catalog-block:not(.alignfull) {
	--hi-spacing-horizontal-posts: var(--wp--preset--spacing--20);
	--hi-spacing-vertical-posts: var(--wp--preset--spacing--30);

	flex-wrap: wrap;
	column-gap: var(--hi-spacing-horizontal-posts);
	row-gap: var(--hi-spacing-vertical-posts);

	& > .hi-resource-card,
	& > .hi-resource-card:not(.has-background) {
		width: 100%;
		padding: var(--wp--preset--spacing--30);
		gap: var(--wp--preset--spacing--30);

		& > .wp-post-image {
			object-fit: cover;
			width: 122px;
			min-width: 122px;
			height: 141px;
		}

		& .hi-resoruce-lang-flag {
			width: var(--hi-size-icon-l);
			height: auto;
		}

		& .wp-block-heading {
			margin-top: var(--wp--preset--spacing--5);
			margin-bottom: var(--wp--preset--spacing--10);
		}

		& .hi-resource-download {
			display: flex;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;
			gap: var(--wp--preset--spacing--5);

			text-decoration: none !important;
			font-size: var(--wp--preset--font-size--body-s);
			line-height: var(--hi-line-height-body-s);
			color: currentColor;

			&::after {
				content: "\f061";
				font-family: var(--hi-font-family-icon-awsome);
				font-weight: var(--hi-font-weight-icon-awsome);
				font-size: var(--hi-size-icon-s);
				line-height: var(--hi-size-icon-s);
				transform: rotate(-45deg);
			}
		}	

		&:hover,
		&:has( .hi-resource-download:focus-visible) {
			border-color: var(--wp--preset--color--title-text);
		}
		
		&:hover .hi-resource-download,
		& .hi-resource-download:hover,
		& .hi-resource-download:focus-visible {
			color: var(--hi-color-text-link-hover);

			& .hi-resource-download-title {
				text-decoration: var(--hi-text-decoration-link-hover);
				text-underline-offset: var(--hi-text-decoration-offset-link-hover, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-hover, var(--hi-text-decoration-thickness));
			}
		}
		
		&:active .hi-resource-download,
		& .hi-resource-download:active {
			color: var(--hi-color-text-link-active);

			& .hi-resource-download-title {
				text-decoration: var(--hi-text-decoration-link-active);
				text-underline-offset: var(--hi-text-decoration-offset-link-active, var(--hi-text-decoration-offset));
				text-decoration-thickness: var(--hi-text-decoration-thickness-link-active, var(--hi-text-decoration-thickness));
			}
		}
	}
}
/** END PAGE CONTENT **/

/** PAGE FOOTER **/
body .hi-content > .hi-content-footer {
	min-height: min(100vh, 500px);
	margin: 0px;
	padding: 0px;

	&:has( > .wp-block-image + .wp-block-group + .wp-block-image ) {
		min-height: min(100vh, 450px);
	}

	& > .wp-block-image {
		position: relative;
		overflow: hidden;
		max-width: none;
		margin: 0px;
		padding: 0px;

		& img {
			position: absolute;
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
	}

	& > .wp-block-group {
		justify-content: space-between;
		width: 100%;
		max-width: 624px;
		margin: 0px;
		padding: var(--wp--preset--spacing--60);

		&.hi-content-s {
			max-width: 542px;
			padding-block: var(--wp--preset--spacing--55);
		}
	}
}
/** END PAGE FOOTER **/

/** HOME PAGE **/
body.home #main_content #page_content > .hi-content > .wp-block-columns.wp-block-columns-is-layout-flex {
	column-gap: var(--wp--preset--spacing--60);
}
/** END HOME PAGE **/

/** SEARCH RESULTS PAGE **/
body.search-results #main_content .hi-content-wrapper #page_content {
	margin: var(--wp--preset--spacing--55) 0 var(--wp--preset--spacing--40);

	& h2:not(:first-child) {
		margin-top: var(--wp--preset--spacing--55);
	}

	& .hi-posts-list.wp-block-post-template {
		--hi-width-post-card-image: min(260px, 30%);
		--hi-height-post-card-image: 100%;

		& > .wp-block-post {
			& > .wp-block-post-featured-image {
				min-width: var(--hi-width-post-card-image);
			}
			& > .hi-post-card-content {
				max-width: 100%;
			}
		}
	}
}
body.search-results #main_content .hi-content-wrapper #page_content > *:not(.hi-slider):not(.wp-block-details):first-child {
	margin-top: 0px;
	padding-top: 0px;
}
/** END SEARCH RESULTS PAGE **/

/** NO SMALL MOBILE **/
@media (min-width: 375px) {
	/* No small mobile Series card */
	body .hi-list-bandas-series > .hi-list-item-banda-serie {
		width: var(--hi-width-posts-2columns-post);
	}
}
/** END NO SMALL MOBILE **/

/** NO MOBILE **/
@media (min-width: 601px) {
	body {
		--hi-height-header: 120px;
		--hi-width-post-card: var(--hi-width-posts-2columns-post);
	}

	body .wp-block-media-text.alignwide:not(.has-media-on-the-right) > .wp-block-media-text__content {
		padding-top: 0px;
		padding-left: var(--wp--preset--spacing--30);
	}
	body .wp-block-media-text.alignwide.has-media-on-the-right > .wp-block-media-text__content {
		padding-top: 0px;
		padding-right: var(--wp--preset--spacing--30);
	}

	/* No mobile Post Cards */
	body .hi-grid-post-cards-solucion > .hi-post-card-solucion.alignfull,
	body .hi-grid-post-cards-solucion > .hi-post-card-solucion:first-child:last-child {
		--hi-height-media-text-image: 340px;
	}
	body .hi-grid-propiedades > ul.hi-list-img {
		& > li {
			width: var(--hi-width-posts-2columns-post);
		}
	}

	/* No mobile Page Header */
	body #main_content > .hi-content-header {
		& > .wp-block-media-text {
			--hi-width-header-img: 294px;
			--hi-height-header-img: 162px;

			& > .wp-block-media-text__media {
				position: relative;
				top: auto;
				right: auto;
			}

			& > .wp-block-media-text__content {
				& .hi-breadcrumbs {
					padding-bottom: var(--hi-spacing-bottom-content);
				}
			}
		}
	}
}
/** END NO MOBILE **/

/** BIGGER THAN TABLET **/
@media (min-width: 782px) {
	body {
		--hi-width-media-text-image: 360px;
	}

	/* Biggert than tablet Product cards */
	body .hi-product-cards-header {
		position: relative;

		& > * {
			max-width: min(552px, calc(100% - 300px));
			text-align: left;

			&.wp-block-buttons {
				position: absolute;
				top: 0px;
				right: 0px;
				width: auto;
			}
		}
	}
	body .hi-product-cards {
		flex-direction: row;
	}

	/* Biggert than tablet Contact groups */
	body .hi-contact-form-group {
		& > figure.wp-block-image,
		& > figure.wp-block-video {
			position: absolute;
			top: 112px;
			left: -93px;
			
			& > img,
			& > video {
				border-radius: 0px 149px 149px 0px;
			}
		}
	}

	/* Biggert than tablet Site Footer */
	body .hi-site-footer {
		& > * {
			flex-direction: row;

			& .hi-footer-menu {
				flex-direction: row;
			}
		}
	}
	
	/* No mobile Post Cards */
	body .hi-list-bandas-series > .hi-list-item-banda-serie {
		width: var(--hi-width-posts-3columns-post);
	}

	/* No mobile Catalog */
	body .hi-content .hi-catalog-block:not(.alignfull):has(> .hi-resource-card:not(.hi-resource-current-lang):nth-child(3)) > .hi-resource-card:not(.hi-resource-current-lang) {
		max-width: var(--hi-width-posts-2columns-post);
	}
}
/** END BIGGER THAN TABLET **/

/** ONLY DESKTOP **/
@media (min-width: 1024px) {
	body {
		--wp--preset--font-size--heading-xxl: 64px;
		--wp--preset--font-size--heading-xl: 52px;
		--wp--preset--font-size--heading-l: 36px;
		--wp--preset--font-size--heading-m: 24px;

		--hi-spacing-vertical-content: var(--hi-spacing-bottom-content);
		--hi-padding-cards: var(--wp--preset--spacing--50);
		--hi-padding-cards-grey: var(--wp--preset--spacing--40);
		
		--hi-width-post-card: var(--hi-width-posts-3columns-post);
	}
	body .hi-list-sectores {
		--hi-height-post-card-img: 240px;
		& > .hi-list-item-sector {
			width: var(--hi-width-posts-3columns-post);
		}
	}

	body .wp-block-media-text.alignwide:not(.has-media-on-the-right) > .wp-block-media-text__media {
		margin-right: var(--wp--preset--spacing--55);
	}
	body .wp-block-media-text.alignwide.has-media-on-the-right > .wp-block-media-text__content + .wp-block-media-text__media {
		margin-left: var(--wp--preset--spacing--55);
	}

	/* Desktop animation bar */
	body .hi-animation-bar {
		overflow: hidden;
		
		&,
		& > * {
			flex-wrap: nowrap;
			justify-content: flex-start;
			column-gap: var(--wp--preset--spacing--40);

			&.hi-moving-item {
				display: flex;
			}

			&:not(.hi-animation-bar) {
				& > .wp-block-media-text__media,
				&.wp-block-image {
					overflow: hidden;
					display: block;
					width: 366px;
					min-width: 366px;
					height: 119px;
					min-height: 0px;
					border-radius: 149px;

					& img {
						object-fit: cover;
						width: 100%;
						height: 100%;
					}
				}

				& .wp-block-button > .wp-block-button__link {
					width: 266px;
					min-width: auto;

					padding-inline: var(--wp--preset--spacing--55);
					font-size: var(--wp--preset--font-size--heading-m);
					line-height: var(--hi-line-height-heading-m);
					border-radius: 149px;
				}
			}
		}
	}

	/* Desktop Contact groups */
	body .hi-contact-form-group {
		& .hi-contact-form {
			padding: var(--wp--preset--spacing--50);
		}
	}

	/* Desktop Post Cards */
	body .hi-list-bandas-series > .hi-list-item-banda-serie {
		width: var(--hi-width-posts-4columns-post);
	}
	body .hi-grid-propiedades > ul.hi-list-img {
		& > li {
			width: var(--hi-width-posts-3columns-post);
		}
	}
	body .hi-grid-post-cards-solucion:has( > .hi-post-card-solucion:first-child + .hi-post-card-solucion:last-child) {
		--hi-width-post-card: var(--hi-width-posts-2columns-post);
	}

	/* Desktop Page Header */
	body #main_content > .hi-content-header {
		& .hi-breadcrumbs {
			padding-bottom: var(--wp--preset--spacing--55);
		}

		& > .wp-block-media-text {
			--hi-width-header-img: 494px;
			--hi-height-header-img: 253px;
		}
	}

	/* Desktop Page content **/
	body .hi-content > .wp-block-group:first-child,
	body .hi-content > .wp-block-media-text:first-child {
		padding-top: var(--wp--preset--spacing--60);
	}
	body .hi-content .wp-block-group.hi-technical-information {
		&:not(:first-child) {
			padding-top: var(--wp--preset--spacing--40);
		}
	}

	/* Desktop home nav Sectores */
	body .hi-list-sectores.hi-plegable {
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		column-gap: var(--wp--preset--spacing--20);

		& > .hi-list-item-sector {
			flex: 1 0 0;
			width: auto;
			min-width: 0px;
			transition: all var(--hi-transition-time-m);

			& a .hi-list-item-img img {
				transform: none;
			}

			& a .hi-list-item-title {
				font-size: var(--wp--preset--font-size--body-l);
				line-height: var(--hi-line-height-body-l);
				font-weight: var(--hi-font-weight-body-regular);

				&::after {
					display: none;
				}
			}
		}

		& > *:hover,
		& > *:focus-visible,
		& > *:has( *:focus-visible) {
			flex: 2 0 0;
		}
	}
}
/** END ONLY DESKTOP **/

/** ONLY BIG DESKTOP **/
@media (min-width: 1320px) {
	/* Big desktop Site header **/
	body .hi-site-header {
		& > .alignwide:not(.wp-block-cover):not(.wp-block-cover-image) {
			max-width: 1470px;
		}
		& > .wp-block-columns {
			& > .wp-block-column {
				&:first-child {
					order: 1;
				}
			}

			& .hi-navbar > .hi-navbar-content > .menu:has( > .menu-item.hi-opened) > .menu-item:not(.hi-opened).current-menu-item > a:not(.hi-opened,:hover,:focus-visible,:active)::after,
			& .hi-navbar > .hi-navbar-content > .menu:has( > .menu-item.hi-opened) > .menu-item:not(.hi-opened).current-menu-ancestor > a:not(.hi-opened,:hover,:focus-visible,:active)::after,
			& .hi-navbar > .hi-navbar-content > .menu:has( > .menu-item.hi-opened) > .menu-item:not(.hi-opened):has( .current-menu-item) > a:not(.hi-opened,:hover,:focus-visible,:active)::after {
				display: none;
			}

			& .hi-navbar > .hi-navbar-content > .menu > .menu-item.hi-opened > a::after {
				content: '';
				position: absolute;
				bottom: calc(0px - var(--hi-padding-vertical-navbar-list));
				right: 0px;
				display: block;
				width: 100%;
				height: var(--hi-border-width-l);
				background-color: var(--wp--preset--color--primary);
			}

			& .hi-navbar > .hi-navbar-content > .menu > .menu-item:has(.current-menu-item) > .sub-menu > .sub-menu > .menu-item.current-menu-item > a:not(:hover,:focus-visible,:active),
			& .hi-navbar > .hi-navbar-content > .menu > .menu-item:has(.current-menu-item) > .sub-menu > .sub-menu > .menu-item:has( .current-menu-item) > a:not(:hover,:focus-visible,:active) {
				color: var(--wp--preset--color--title-text);
			}
			& .hi-navbar > .hi-navbar-content > .menu > .menu-item:has(.current-menu-item) > .sub-menu > .sub-menu > .menu-item > .sub-menu .menu-item.current-menu-item > a:not(:hover,:focus-visible,:active),
			& .hi-navbar > .hi-navbar-content > .menu > .menu-item:has(.current-menu-item) > .sub-menu > .sub-menu > .menu-item > .sub-menu .menu-item:has( .current-menu-item) > a:not(:hover,:focus-visible,:active) {
				color: var(--hi-color-text-navbar-list-link);
			}
		}
	}
	
	body .hi-site-header .hi-navbar > .hi-navbar-content > *:not(.menu) {
		display: none;
	}

	body .hi-site-header .hi-navbar > .menu,
	body .hi-site-header .hi-navbar > .hi-navbar-content > .menu,
	body .hi-site-header .hi-navbar > div > .menu.hi-navbar-content {
		--hi-spacing-navbar-sublist-item: var(--wp--preset--spacing--10);
		
		&:has(> .hi-opened)::before {
			content: '';
			position: fixed;
			z-index: 1;
			top: calc(var(--hi-height-header) + var(--hi-height-wp-admin-bar));
			left: 0px;
			display: block;
			width: 100%;
			height: 100%;
			background: #000000;
			opacity: var(--hi-opacity-cover);
		}

		& > .menu-item {
			position: relative;
			z-index: 1;
			
			&.hi-opened:not(.hi-closing) {
				z-index: 2;
			}

			& > a {
				position: relative;
				text-decoration: none !important;
			}
			&.current-menu-item > a::after,
			&.current-menu-ancestor > a::after,
			&:has( .current-menu-item) > a::after {
				content: '';
				position: absolute;
				bottom: calc(0px - var(--hi-padding-vertical-navbar-list));
				right: 0px;
				display: block;
				width: 100%;
				height: var(--hi-border-width-l);
				background-color: var(--wp--preset--color--primary);
			}
			& > a:hover,
			& > a:focus-visible {
				&::before,
				&::after {
					content: '';
					position: absolute;
					bottom: calc(0px - var(--hi-padding-vertical-navbar-list));
					display: block;
					height: var(--hi-border-width-l);
					background-color: var(--wp--preset--color--primary);
				}
				&::before {
					left: 0px;
					right: auto;
					width: 0px;
				}
				&::after {
					left: auto;
					right: 0px;
					width: 100%;
				}

				&::before,
				&::after {
					animation-timing-function: linear;
					animation-duration: 1.5s;
					animation-iteration-count: infinite;

					background-color: var(--wp--preset--color--primary-hover);
				}
				&::before {
					animation-name: hi_animation_underline_before;
					animation-delay: 0.1s;
				}
				&::after {
					animation-name: hi_animation_underline_after;
				}
			}

			&:has(> .sub-menu) {
				cursor: default;
				padding-right: var(--hi-padding-horizontal-navbar-list);

				&::after,
				& > .hi-open-submenu {
					display: none;
				}

				& > .sub-menu {
					position: fixed;
					z-index: 2;
					top: calc(var(--hi-height-header) + var(--hi-height-wp-admin-bar));
					left: 0px;

					margin: 0px;
					padding: var(--wp--preset--spacing--40) max(var(--hi-spacing-horizontal-screen), calc(var(--hi-spacing-horizontal-screen) + calc(100% - var(--wp--style--global--wide-size))/2)) var(--wp--preset--spacing--50);
					background-color: var(--hi-color-background-navbar-sublist);

					& > .menu-title {
						display: none;
					}

					& > .hi-submenu-with-banner {
						display: flex !important;
						justify-content: space-between;
						align-items: flex-start;
						gap: var(--wp--preset--spacing--50);

						& > .hi-nav-banner .hi-contact-box.wp-block-media-text {
							background-color: var(--wp--preset--color--background);
						}
					}

					& .sub-menu:first-child,
					& .menu-title + .sub-menu,
					& .menu-title + .hi-submenu-with-banner > .sub-menu {
						position: relative;

						display: flex !important;
						flex-wrap: wrap;
						flex-direction: row;
						gap: var(--wp--preset--spacing--30);
						padding: 0px;

						&:has(> .menu-item.hi-show-img) {
							gap: var(--wp--preset--spacing--50);
						}

						& > * {
							flex: 1;
							padding: 0px;
						}

						& > .menu-item:has(> .sub-menu) {
							cursor: default;
							padding-right: 0px;
							
							&:not(.current-menu-item, :has( .current-menu-item)) > a:not(:hover,:focus-visible,:active) {
								color: var(--wp--preset--color--title-text);
							}
							
							&::after,
							& > .hi-open-submenu {
								display: none;
							}
							
							&> .sub-menu {
								--hi-color-text-navbar-list-link: var(--wp--preset--color--grey);

								display: block !important;
								height: auto !important;

								padding-left: 0px;
								font-size: var(--wp--preset--font-size--body-m);
								line-height: var(--hi-line-height-body-m);
							}
						}

						& .menu-item.hi-show-img {
							& > a {
								display: flex;
								flex-direction: column;
								justify-content: flex-start;
								align-items: flex-start;
								gap: var(--wp--preset--spacing--10);

								& > img {
									width: 420px;
									min-width: 210px;
									height: 320px;
									max-height: calc(100vh - calc( calc(var(--hi-height-header) + var(--hi-height-wp-admin-bar)) + calc( calc(var(--wp--preset--spacing--50) + var(--wp--preset--spacing--60)) + calc( var(--wp--preset--spacing--10) + calc(var(--hi-font-size-navbar-sublist) * var(--hi-line-height-navbar-sublist)) ) ) ));
									min-height: 160px;
									object-fit: cover;
									border-radius: var(--hi-border-radius-m);
								}
							}
						}

						&:has( > .menu-item.hi-button-all) {
							padding-bottom: calc(42px + var(--wp--preset--spacing--30));
						}
						& .menu-item.hi-button-all:not(:has(> .sub-menu)) {
							position: absolute;
							bottom: 0px;
							left: 0px;
						}
					}
				}
			}

			&.hi-productos > .sub-menu > .menu-title + .sub-menu:has(> .menu-item > .sub-menu):has(> .menu-item > a:first-child:last-child) {
				display: grid !important;
				grid-auto-flow: column;
				grid-auto-rows: auto;
				grid-template-columns: repeat(2, 1fr);
				row-gap: 0px;
				margin-top: calc(0px - var(--wp--preset--spacing--30));

				& > .menu-item:has(> .sub-menu) {
					grid-column: 1;
					grid-row: span 100;

					padding-top: var(--wp--preset--spacing--30);
				}

				& > .menu-item:not(.hi-button-all, :has(> .sub-menu)) {
					grid-column: 2;

					& > a {
						display: flex;
						justify-content: space-between;
						align-items: center;
						gap: var(--wp--preset--spacing--10);
						padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
						border-radius: var(--hi-border-radius-2xl);
						text-decoration: none !important;

						&::after {
							content: "\f061";
							font-family: var(--hi-font-family-icon-awsome);
							font-weight: var(--hi-font-weight-icon-awsome);
							font-size: var(--hi-icon-size-button);
							line-height: var(--hi-icon-size-button);
							translate: 0px;
							transition: translate var(--hi-transition-time-s);
						}

						&:hover,
						&:focus-visible {
							background-color: var(--wp--preset--color--background);

							&::after {
								animation: hi_left_right 1s linear infinite;
							}
						}
					}
				}

				&:has( > .menu-item.hi-has-childs ~ .menu-item.hi-has-childs ) {
					grid-template-columns: repeat(3, 1fr);

					& > .menu-item:not(.hi-button-all, :has(> .sub-menu)) {
						grid-column: 3;
					}
					
					& > .menu-item.hi-has-childs ~ .menu-item.hi-has-childs {
						grid-column: 2;
					}
					& > .menu-item.hi-has-childs ~ .menu-item.hi-has-childs ~ .menu-item.hi-has-childs {
						grid-column: 1;
					}
					& > .menu-item.hi-has-childs ~ .menu-item.hi-has-childs ~ .menu-item.hi-has-childs ~ .menu-item.hi-has-childs {
						grid-column: 2;
					}
				}

				&:has( > .menu-item.hi-button-all ) {
					padding-bottom: 0px;
				}

				& > .menu-item.hi-button-all {
					position: relative;
					order: 3;
					grid-column: 1;
					width: fit-content;
					margin-top: var(--wp--preset--spacing--30);
				}
			}
		}
	}

	/* Big desktop Catalog */
	body .hi-content .hi-catalog-block:not(.alignfull):has(> .hi-resource-card:not(.hi-resource-current-lang):nth-child(4)) > .hi-resource-card:not(.hi-resource-current-lang) {
		max-width: var(--hi-width-posts-3columns-post);
	}

	
	/* Big desktop Post Cards */
	body .hi-grid-propiedades > ul.hi-list-img {
		& > li {
			width: var(--hi-width-posts-4columns-post);
		}
	}
}
/** END ONLY BIG DESKTOP **/

/** ONLY MOBILE **/
@media (max-width: 1319px) {
	body {
		--hi-color-text-navbar-list-link-current: var(--hi-color-text-navbar-sublist-link-current);
	}
	body .hi-navbar > .hi-navbar-toggle + .hi-navbar-content:not(.alignfull) {
		overflow: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		height: calc(100% - calc(var(--hi-height-wp-admin-bar) + var(--hi-height-header)));
		border-top: var(--hi-border-width-m) solid var(--wp--preset--color--border-dark);

		& > .menu {
			flex-direction: column;
			justify-content: flex-start;
		}

		& > .menu > .menu-item {
			padding-block: var(--wp--preset--spacing--30);

			&:has(> .sub-menu) {
				padding: 0px;
				
				& > a {
					display: block;
					padding-block: var(--wp--preset--spacing--30);
					padding-right: calc(var(--hi-padding-horizontal-navbar-list) + calc(var(--hi-size-navbar-sublist-mark) + var(--hi-spacing-navbar-sublist-mark)));
					padding-left: var(--hi-padding-horizontal-navbar-list);
				}
				&:has(> a:hover)::after,
				&:has(> a:focus-visible)::after {
					color: var(--hi-color-text-navbar-list-link-hover);
					opacity: var(--hi-opacity-navbar-list-link-hover);
				}
				&:has(> a:active)::after {
					color: var(--hi-color-text-navbar-list-link-active);
					opacity: var(--hi-opacity-navbar-list-link-active);
				}
				
				&::after,
				&.hi-opened::after {
					top: var(--wp--preset--spacing--30);
					transform: rotate(-90deg);
					transition: none;
				}
			}

			& > .sub-menu {
				position: fixed;
				z-index: var(--hi-index-navbar);
				top: calc(var(--hi-height-wp-admin-bar) + var(--hi-height-header));
				left: 100%;

				width: 100%;
				height: calc(100% - calc(var(--hi-height-wp-admin-bar) + var(--hi-height-header)));
				padding-inline: 0px;

				background-color: var(--hi-color-background-header);
				border-top: var(--hi-border-width-m) solid var(--wp--preset--color--border-dark);

				transition: left var(--hi-transition-time-m);

				& > * {
					max-width: min(100%, var(--wp--style--global--wide-size));
					margin-inline: auto;
				}

				& .sub-menu {
					padding-left: 0px;
				}

				& .sub-menu:first-child,
				& .menu-title + .sub-menu {
					display: block;
				}
				
				& .menu-item.menu-item.hi-show-img > a > img,
				& .hi-nav-banner {
					display: none;
				}

				& .menu-item.current-menu-item:has(> .sub-menu)::after,
				& .menu-item.current-menu-item:has(> .sub-menu) > .hi-open-submenu,
				& .menu-item:has(> .sub-menu .current-menu-item)::after,
				& .menu-item:has(> .sub-menu .current-menu-item) > .hi-open-submenu {
					color: var(--hi-color-text-navbar-sublist-link-current);
				}

				& > .menu-item,
				& > .sub-menu,
				& > .hi-submenu-with-banner {
					padding-inline: var(--hi-spacing-horizontal-screen);

					&.menu-item,
					&.sub-menu > .menu-item {
						padding-block: var(--wp--preset--spacing--30);

						& > a {
							font-size: var(--wp--preset--font-size--body-xl);
							line-height: var(--hi-line-height-body-xl);
						}
						&:not(.current-menu-item):not(:has( .current-menu-item)) > a {
							--hi-color-text-navbar-list-link: var(--hi-color-text-title);
						}	

						&:has(> .sub-menu)::after,
						&:has(> .sub-menu) > .hi-open-submenu {
							top: var(--wp--preset--spacing--30);
						}

						& .sub-menu {
							padding-left: 0px;
						}

						& .sub-menu > .menu-item:first-child {
							padding-top: var(--wp--preset--spacing--30);
						}
					}
				
					&.menu-item:has(> .sub-menu) {
						padding-right: calc( var(--hi-spacing-horizontal-screen) + calc( var(--hi-padding-horizontal-navbar-list) + calc( var(--hi-size-navbar-sublist-mark) + var(--hi-spacing-navbar-sublist-mark) ) ) );
						
						&::after {
							right: calc(var(--hi-spacing-horizontal-screen) + var(--hi-padding-horizontal-navbar-list));
						}
					}
				}

				& > .menu-title {
					position: relative;
					display: block;
					margin: 0 auto;
					padding: var(--wp--preset--spacing--30) calc( var(--hi-spacing-horizontal-screen) + calc( var(--hi-padding-horizontal-navbar-list) + calc( var(--hi-size-navbar-sublist-mark) + var(--hi-spacing-navbar-sublist-mark) ) ) );
					text-align: center;

					&::before {
						content: '';
						position: absolute;
						left: min(0px, calc(var(--wp--style--global--wide-size)/2 - 50vw));
						bottom: 0px;

						display: block;
						width: 100vw;
						height: var(--hi-border-width-m);
						background-color: var(--wp--preset--color--border-dark);
					}

					&::after {
						position: absolute;
						top: var(--wp--preset--spacing--30);
						left: calc(var(--hi-spacing-horizontal-screen) + var(--hi-padding-horizontal-navbar-list));
						content: "\f107";
						font-family: var(--hi-font-family-icon-awsome);
						font-weight: var(--hi-font-weight-icon-awsome);
						display: inline-block;
						vertical-align: middle;
						transform: rotate(90deg);
					}

					& + .sub-menu > .menu-item:has(> .sub-menu):first-child:last-child,
					& + .hi-submenu-with-banner > .sub-menu > .menu-item:has(> .sub-menu):first-child:last-child {
						cursor: default;

						& > a {
							font-size: var(--wp--preset--font-size--body-xl);
							line-height: var(--hi-line-height-body-xl);
						}
						&:not(.current-menu-item):not(:has( .current-menu-item)) > a {
							--hi-color-text-navbar-list-link: var(--hi-color-text-title);
						}

						&::after,
						& > .hi-open-submenu {
							display: none;
						}

						& > .sub-menu {
							display: block !important;
							height: auto !important;
						}
					}
				}
			}
			&.hi-opened > .sub-menu {
				left: 0px;
			}

			& > .sub-menu > .menu-item > a:has(> .wp-element-button),
			& > .sub-menu > .sub-menu > .menu-item > a:has(> .wp-element-button) {
				width: fit-content;
				text-decoration: var(--hi-text-decoration-navbar-list-link);
				border-radius: 0px;

				& > .wp-element-button {
					width: fit-content;
					padding: 0;
					font-size: inherit;
					line-height: inherit;
					color: currentColor !important;
					background-color: transparent !important;
					border: none;
					border-radius: 0px;
				}

				&:hover,
				&:focus-visible {
					text-decoration: var(--hi-text-decoration-navbar-list-link-hover)
				}
				&:active {
					text-decoration: var(--hi-text-decoration-navbar-list-link-active)
				}
			}
		}

		& > .wp-block-buttons {
			display: flex;
			max-width: 100%;
			padding-inline: var(--hi-spacing-horizontal-screen);
			padding-bottom: var(--wp--preset--spacing--50);

			& > .wp-block-button,
			& > .wp-block-button:not(.hi-button-search) {
				display: flex;
				flex: 1;

				& > .wp-block-button__link {
					justify-content: center;
				}
			}
		}
	}
}
@media (max-width: 600px) {
	body {
		--hi-padding-cards: var(--wp--preset--spacing--30);
		--hi-padding-cards-grey: var(--wp--preset--spacing--30);
	}

	body .wp-block-group.is-nowrap:has(> *:first-child + .wp-block-buttons:last-child) {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;

		& > .wp-block-buttons {
			justify-content: flex-start;
		}
	}

	/* Mobile Site Header */
	body .hi-site-header {
		& > .wp-block-group {
			--hi-font-size-button: var(--wp--preset--font-size--body-m);

			position: absolute;
			top: var(--hi-padding-vertical-header);
			right: var(--hi-spacing-horizontal-screen);
				
			width: fit-content !important;
			padding-inline: 0px;

			& > .wp-block-buttons {
				display: none;
			}

			& .wpml-language-switcher-block .wp-block-navigation-item .wpml-ls-dropdown {
				& .current-language-item {
					padding-inline: 0px;
				}
			}
		}

		& > .wp-block-columns {
			column-gap: 0px;

			& > .wp-block-column {
				&:first-child {
					order: 3;
					margin-inline: auto;
					padding-right: 64px;
				}
				&:last-child {
					order: 2;
					margin-left: 0px;
				}

				& .hi-navbar > .hi-navbar-toggle {
					padding: var(--wp--preset--spacing--10);
				}

				& .wp-block-buttons {
					--hi-min-width-button: 0px;

					& .wp-block-button:not(.hi-button-search) {
						display: none;
					}
					& .wp-block-button.hi-button-search {
						--hi-color-background-button: transparent;
						--hi-color-text-button-hover: var(--hi-color-text-link-hover);
						--hi-color-background-button-hover: transparent;
						--hi-color-text-button-active: var(--hi-color-text-link-active);
						--hi-color-background-button-active: transparent;

						& .wp-element-button {
							gap: 0px;
							padding: var(--wp--preset--spacing--10);
							font-size: 0px;
							border: none;
							border-radius: 0px;
						}
					}
				}
			}
		}
	}

	/* Mobile sliders */
	body .wp-block-group:has(> .hi-slider) {
		--hi-size-icon-button-icon: var(--hi-size-icon-l);
		--hi-size-button-icon: var(--hi-size-icon-button-icon);

		& > .hi-slider {
			& .hi-slider-prev,
			& .hi-slider-next {
				border: none;
			}
		}

		& > .hi-slider:not(.is-vertical)[class*="columns-"]:not(.columns-1):not(.hi-not-stacked-on-mobile),
		& > figure.wp-block-gallery.hi-slider:not(.is-vertical)[class*="columns-"]:not(.columns-1):not(.hi-not-stacked-on-mobile) {
			--hi-width-gallery-img: var(--hi-width-gallery-1column-img);
		}
	}

	/* Mobile Tecnical information */
	body .hi-content .wp-block-group.hi-technical-information {
		& > *:not(.wp-block-media-text) {
			flex-direction: column;

			& > * {
				width: 100%;
			}
		}
	}

	/* Mobile resources cards */
	body .hi-content .hi-resource-card:not(.alignfull) {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;

		& > .hi-resource-download {
			flex-direction: row;
			margin-left: 0px;
		}
	}

	/* Mobile search results page **/
	body.search-results #main_content .hi-content-wrapper #page_content {
		& .hi-posts-list.wp-block-post-template {
			& > .wp-block-post {
				flex-direction: column;

				& > .wp-block-post-featured-image {
					min-width: 100%;

					& img {
						height: auto;
						max-height: 50vh;
					}
				}
			}
		}
	}

	/* Mobile page footer */
	body .hi-content > .hi-content-footer {
		flex-direction: column;
		align-items: stretch;

		& > .wp-block-image {
			max-width: none;
			height: 164px;
		}

		& > .wp-block-group,
		& > .wp-block-group.hi-content-s {
			max-width: none;
		}
	}
}
/** END ONLY MOBILE **/

/** CUSTOM SIZE **/
@media (max-width:1220px) and (min-width: 1024px) {
	body figure.wp-block-gallery.hi-slider:not(.is-vertical).columns-4:not(.hi-not-stacked-on-mobile) {
		--hi-width-gallery-img: var(--hi-width-gallery-3columns-img);
	}
}
@media (max-width:1070px) and (min-width: 940px) {
	body .hi-site-footer > * > .hi-footer-menu:has( + .hi-contact-box):has( > .widget_nav_menu:nth-of-type(3)) {
		display: grid;
		grid-template-areas:
			'nav1 nav2'
			'nav1 nav3';
	}
	body .hi-site-footer > * > .hi-footer-menu > .widget_nav_menu:nth-of-type(1) {
		grid-area: nav1;
	}
	body .hi-site-footer > * > .hi-footer-menu > .widget_nav_menu:nth-of-type(2) {
		grid-area: nav2;
	}
	body .hi-site-footer > * > .hi-footer-menu > .widget_nav_menu:nth-of-type(3) {
		grid-area: nav3;
	}
}
@media (max-width: 939px) {
	body .hi-site-footer > *:has( > .hi-footer-menu + .hi-contact-box) {
		flex-direction: column;

		& > .hi-footer-menu:has( + .hi-contact-box) {
			max-width: 100%;
		}
	}
}
@media (max-width: 910px) and (min-width: 601px) {
	body figure.wp-block-gallery:not(.is-vertical).columns-6:not(.columns-1):not(.hi-not-stacked-on-mobile) {
		--hi-width-gallery-img: var(--hi-width-gallery-3columns-img);
	}
}
/** END CUSTOM SIZE **/