Save

wp-content/themes/hello-elementor/assets/css/custom.scss

@@ -20,8 +20,125 @@ body p {
 body .hp-box-1 {
 	.hp-box-1-tile {
 		width: 317px;
+	}
+}
 
-		&-1 {
+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;
 		}
 	}
 }