.inline-site-logo,
.inline-site-logo svg {
	height: 176px;
	width: 100%;
}

@media screen and (max-width: 767px) {
	#logo_mobile {
		width: calc(100% - 150px);
	}

	.mobile-cta-card-container .elementor-widget-heading .elementor-heading-title {
		color: #FFF;
	}

	.mobile-footer-top-container .elementor-widget-heading .elementor-heading-title {
		color: #000;
	}
}


@media screen and (min-width: 992px) {

	.inline-site-logo,
	.inline-site-logo svg {
		fill: currentColor;
		height: 176px;
		width: 100%;
	}

	.texto-derecha-safari h2,
	.elementor-element {
		color: currentColor !important;
	}

	body {
		transition: background-color 0.6s ease, color 0.6s ease;
	}

	.elementor-element .elementor-cta:hover .elementor-cta__title,
	.elementor-element .elementor-cta:hover .elementor-cta__description,
	.elementor-element .cta-hover-text::before,
	.elementor-element .cta-hover-text::after {
		color: var(--fg) !important;
	}

	.elementor-element .elementor-cta:hover .elementor-cta__content {
		background-color: var(--bg) !important;
	}
}


.logo-footer.logo-pc .inline-svg {
	height: 100%;
	width: 100%;
}

/*  TODO: FrontPage Animation 
#Capa_1 #path1,
#Capa_1 #path2 {
	display: none
}

#Capa_1 {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: white;
	z-index: 2;
}
#Capa_1 polygon,
#Capa_1 #path4 {
	position: relative;
	transform: translateX(5.5vw) translateY(8vh) scale(50%)
}
*/


.inline-site-logo,
.inline-site-logo svg {
	height: 176px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	#logo_mobile {
		width: calc(100% - 150px);
	}
}

@media screen and (min-width: 992px) {

	.inline-site-logo,
	.inline-site-logo svg {
		fill: currentColor;
		height: 176px;
		width: 100%;
	}

	.texto-derecha-safari h2,
	.elementor-element {
		color: currentColor !important;
	}

	body {
		transition: background-color 0.6s ease, color 0.6s ease;
	}

	.elementor-element .elementor-cta:hover .elementor-cta__title,
	.elementor-element .elementor-cta:hover .elementor-cta__description,
	.elementor-element .cta-hover-text::before,
	.elementor-element .cta-hover-text::after {
		color: var(--fg) !important;
	}

	.elementor-element .elementor-cta:hover .elementor-cta__content {
		background-color: var(--bg) !important;
	}
}


.logo-footer.logo-pc .inline-svg {
	height: 100%;
	width: 100%;
}

.texto-separador-vertical {
	position: relative;
	padding-left: 14px;
	/* o padding-right si quieres la línea al otro lado */
	display: inline-block;
}

.texto-separador-vertical::before {
	content: "";
	position: absolute;
	left: 0;
	/* mueve a la derecha si es necesario */
	top: 8px;
	bottom: 7px;
	width: 1px;
	/* grosor de la línea */
	background-color: currentColor;
	/* mismo color que el texto */
}

.logo-pc {
	margin-top: 3px !important;
}





/*
.home {
	.header-wrapper-pc {
		position: static;
	}

	.main-logo.wrapper {
		position: static;
	}

	.main-logo-pc {
		position: static;
		height: 176px;
	}

	#myway-logo {
		position: absolute;
		z-index: 10;
		width: 200%;
		max-width: 100vh;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		transition: all ease-in-out 0.6s;
		margin-top: -100px;
		background: rgba(255,255,255,1);
		box-sizing: border-box;
	}

	.claim-brand {
		transform-origin: right top;
		transform-box: view-box;
		transform: scale(0);
	}

	.main-brand {
		transform-origin: center left;
		transform-box: view-box;
		transform: translate(13%, 100%);
	}
}

.home.logo-compact {

	#myway-logo {
		z-index: 10;
		position: initial;
		width: 100%;
		height: 176px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		transition: all ease-in-out 0.6s;
		margin-top: initial;
		background: rgba(255,255,255,0);
	}

	.claim-brand {
		transform: scale(1);
	}

	.main-brand {
		transform: translate(0, 0);
	}
}
/**/