body .header-logo {
	min-width: fit-content !important;
}

body .header-nav {
	width: 100%;
}

body .header-box {
	max-width: fit-content;
}

body p {
	&:last-child {
		margin-bottom: 0;
	}
}

// home
body .hp-box-1 {
	.hp-box-1-tile {
		width: 317px;
	}
}

body .hotspot-mapa {
	.e-hotspot {
		&.e-hotspot--active {
			.e-hotspot__button {
				border: 2px solid
					color-mix(in srgb, var(--e-global-color-primary) 40%, transparent);

				.e-hotspot__outer-circle,
				.e-hotspot__inner-circle {
					background-color: var(--e-global-color-primary);
				}
			}
		}
		.e-hotspot__button {
			border: 2px solid
				color-mix(in srgb, var(--hotspot-color) 40%, transparent);
			border-radius: 100%;
			transition: all 0.3s ease-in-out;

			.e-hotspot__outer-circle,
			.e-hotspot__inner-circle {
				transition: all 0.3s ease-in-out;
			}
		}

		.e-hotspot__tooltip {
			&::before {
				content: '';
				position: absolute;
				bottom: 1px;
				left: 50%;
				background: var(--e-global-color-primary);
				transform: translate(-50%, 100%);

				width: 20px;
				height: 18px;

				--r: 3px;
				-webkit-mask:
					linear-gradient(0deg, #0000 calc(3 * var(--r) / 2), #000 0),
					radial-gradient(
						var(--r) at 50% calc(100% - 2 * var(--r)),
						#000 98%,
						#0000 101%
					);
				clip-path: polygon(50% 100%, 100% 0, 0 0);
			}
			&.e-hotspot--tooltip-position {
				bottom: calc(100% + 18px);
			}
		}
	}
}

body .hotspot-mapa-citys-list {
	table {
		border: none;
		width: auto;
		margin: 0;
		border-collapse: separate;
		border-spacing: 0 13px;

		tr {
			border: none;

			td {
				padding: 0;
				background: transparent !important;
				border: none;

				color: color-mix(
					in srgb,
					var(--e-global-color-primary) 80%,
					transparent
				);
				font-weight: 400;
				font-size: 16px;
				line-height: 1.16;

				&:not(:last-child) {
					border-right: 1px solid var(--e-global-color-primary);
					padding-right: 16px;
				}
				&:not(:first-child) {
					padding-left: 16px;
				}
			}
		}
	}
}

body .hp-slider-cars {
	&.elementor-element.elementor-arrows-position-outside .swiper {
		width: calc(100% - (144px * 2));
	}
	.elementor-swiper-button {
		opacity: 1 !important;
		top: 50% !important;

		width: 40px;
		height: 40px;
		background: #ffffff33;
		border-radius: 100%;

		display: flex;
		align-items: center;
		justify-content: center;

		&.elementor-swiper-button-prev {
			left: 80px !important;
		}
		&.elementor-swiper-button-next {
			right: 80px !important;
		}
	}
}

.hp-number-box {
	.elementor-number-box-number {
		position: relative;

		&::before {
			content: '';
			position: absolute;
			top: 100%;
			left: 50%;
			transform: translateX(-50%);

			width: 1px;
			height: 100svh;
			background: rgba(0, 0, 0, 0.1);
		}
	}
}

.contact-tiles {
	> .elementor-element {
		&:not(:nth-child(5n)) {
			border-right: 1px solid rgba(255, 255, 255, 0.3);
		}

		&:nth-child(n + 6):nth-child(5n + 1)::before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 500%;
			border-top: 1px solid rgba(255, 255, 255, 0.3);
		}
	}
}