.gg-banner-header {
	/* padding: var(--wp--preset--spacing--m, clamp(1.5rem, 0.98275862068966rem + 2.2068965517241vw, 2.5rem)) var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)); */
	padding: 0 0 var(--wp--preset--spacing--xs, clamp(0.75rem, 0.62068965517241rem + 0.55172413793103vw, 1rem)) 0;

	background-color: var(--wp--preset--color--purple-highlight, #e7dcfd);

	position: relative;
}

.gg-banner-header.gg-banner-header--countdown {
	/* padding: 0 0 var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)) 0; */
	padding: 0 0 0.5rem 0;
}

#countdown-mobile {
	background-color: var(--wp--preset--color--purple-dark, #160043);
	color: #fff;
	/* padding-top: var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)); */
	/* padding: 1rem 0 0.5rem 0; */
	padding: 0.75rem 0 0.5rem 0;
	/* margin-bottom: var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)); */
	/* margin-bottom: 0.5rem; */
}

.gg-banner-header__content-mobile-offer {
	background-color: var(--wp--preset--color--purple-dark, #160043);
	color: #fff;
	padding: 0.5rem 0 0.5rem 0;
	/* margin-bottom: 0.5rem; */
}



.banner-header--close {
	display: none;

	position: absolute;
	top: 10%;
	right: 0;
	width: 24px;
	height: 24px;
	padding: var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem));
	/* background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/banner-header--close.svg) no-repeat center center; */
	background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/banner-header--close-countdown-mobile.svg) no-repeat center center;
	cursor: pointer;
}

.gg-banner-header--countdown .banner-header--close {
	/* top: 6%; */
	background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/banner-header--close-countdown-mobile.svg) no-repeat center center;
}

.gg-banner-header__content {
	text-align: center;
	color: var(--wp--preset--color--purple-dark, #160043);
}

.gg-banner-header__content p {
	vertical-align: sub;
}

.gg-banner-header__content-desk {
	display: grid;
	grid-template-columns: auto auto auto;
	display: none;
}

.gg-banner-header__content-mobile {
	display: block;
}

.gg-banner-header .has-h-5-font-size {
	font-family: "Elza", "Elza Condensed", "Roboto Condensed", sans-serif;
	/* font-size: clamp(1.25rem, -273.5rem + 400vw, 1.5rem) !important; */
	font-size: 24px !important;
	font-style: normal;
    font-weight: 700;
    /* line-height: var(--_line-height, 0.95); */
    line-height: 1.2;
    letter-spacing: var(--_letter-spacing, 0);
	margin-top: 0.5rem;
}

.gg-banner-header .has-h-4-font-size {
	font-family: "Elza", "Elza Condensed", "Roboto Condensed", sans-serif;
	font-size: clamp(1.5rem, -548rem + 800vw, 2rem) !important;
	font-style: normal;
	font-weight: 700;
	line-height: var(--_line-height, 0.95);
	letter-spacing: var(--_letter-spacing, 0);
}

.gg-banner-header__time-text {
	font-size: 10px;
	vertical-align: baseline;
}

.gg-banner-header__time-box-claim {
	display: grid;
	align-items: center;
	padding: 0 var(--wp--preset--spacing--xxs, 0.5rem);
}
.gg-banner-header__time-text-claim {
	font-size: 18px;
	font-weight: 700;
}

.gg-banner-header p {
	font-size: 14px;
}

.countdown {
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	justify-content: center;
}

.gg-banner-header__time-box {
	padding: 0 var(--wp--preset--spacing--xxs, 0.5rem);
}

.gg-banner-header__time {
	display: block;
}

.gg-banner-header__content-mobile-cta {
	/* margin-top: var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)); */
}
/* 
.gg-banner-header__cta-link {
	display: inline-block !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	padding: 0 30px 0 0 !important;
	margin: 0 var(--wp--preset--spacing--s, clamp(1rem, 0.74137931034483rem + 1.1034482758621vw, 1.5rem)) !important;
	background-color: transparent !important;
	border: none !important;
	color: var(--wp--preset--color--mint-mid-1, #008e75) !important;
	text-decoration: underline !important;
	text-underline-offset: 4px !important;
	background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/gg-banner-header-cta-link.svg) no-repeat top -10px right -10px;
}

.gg-banner-header__cta-link:hover {
	background-color: transparent !important;
	color: var(--wp--preset--color--mint-mid-1, #008e75) !important;
	text-decoration: underline !important;
} */

.gg-banner-header__content-mobile-cta {
	margin-top: 4px;
}
.gg-banner-header__content-mobile-cta,
.gg-banner-header__content-mobile-text {
	display: inline-block;
}

/* Styles */
	/* Urgent */
	.gg-banner-header--urgent {
		background-color: #FCC;
	}

	.gg-banner-header--urgent .gg-banner-header__content {
		color: #870E0E;
	}

	.gg-banner-header--urgent .gg-banner-header__content-mobile-offer {
		background-color: #870E0E;
		color: #fff;
	}

	.gg-banner-header--urgent .gg-banner-header__cta-link {
		background-color: #7C0000;
		border: none;
	}

	.gg-banner-header--urgent .gg-banner-header__cta-link:hover {
		background-color: #A30000; /* un tono más claro */
		color: #fff;
	}

	/* Non Urgent */
	.gg-banner-header--non-urgent {
		background-color: #C4F8FF;
	}

	.gg-banner-header--non-urgent .gg-banner-header__content {
		color: #003137;
	}

	.gg-banner-header--non-urgent .gg-banner-header__content-mobile-offer {
		background-color: #003137;
		color: #fff;
	}

	/* Confirmation */
	.gg-banner-header--confirmation {
		background-color: #D4FFBA;
	}

	.gg-banner-header--confirmation .gg-banner-header__content {
		color: #024048;
	}

	.gg-banner-header--confirmation .gg-banner-header__content-mobile-offer {
		background-color: #024048;
		color: #fff;
	}

	/* Interaction */
	.gg-banner-header--interaction {
		background-color: #FAFBEF;
	}

	.gg-banner-header--interaction .gg-banner-header__content {
		color: #DC1515;
	}

	.gg-banner-header--interaction .gg-banner-header__content-mobile-offer {
		background-color: #DC1515;
		color: #fff;
	}

/* End styles */

/* Slim styles */
.gg-banner-header--slim .gg-banner-header__content-desk {
	display: grid;
	align-items: center;
	gap: 8px;
	padding: 16px 8px;
}

.gg-banner-header--slim .gg-banner-header__content-mobile {
	display: none
}

.gg-banner-header--slim .gg-banner-header__cta-link {
	margin: 0 !important;
	/* padding: 0 !important;
	background: none !important; */
}

.gg-banner-header--slim .has-h-5-font-size {
	margin-top: 0;
}

.gg-banner-header--slim, .gg-banner-header--slim.gg-banner-header--countdown,
.gg-banner-header--slim.gg-banner-header--countdown {
	padding: 0 !important;
}

.gg-banner-header--slim .gg-banner-header__content-desktop-text .desktop {
	display: none;
}
.gg-banner-header--slim .gg-banner-header__content-desktop-text .mobile {
	display: inline-block;
}

.gg-banner-header--slim .gg-banner-header__content-desktop-title .desktop {
	display: none;
}
.gg-banner-header--slim .gg-banner-header__content-desktop-title .mobile {
	display: inline-block;

}
/* End slim styles */

@media (min-width: 1100px) {

	.gg-banner-header .has-h-5-font-size {
		margin-top: 0;
	}

	.gg-banner-header p {
		font-size: 16px;
	}

	.gg-banner-header,
	.gg-banner-header.gg-banner-header--countdown {
		padding: var(--wp--preset--spacing--xs, clamp(0.75rem, 0.62068965517241rem + 0.55172413793103vw, 1rem)) 0;
	}

	.banner-header--close {
		display: none;
	}

	.gg-banner-header--countdown .banner-header--close {
		top: 18%;
		/* background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/banner-header--close.svg) no-repeat center center; */
		background: url(/wp-content/plugins/hometree/blocks/gg-banner-header/assets/images/banner-header--close-countdown-mobile.svg) no-repeat center center;
	}

	.gg-banner-header__content h5 {
		display: inline-block;
	}
	.gg-banner-header__content h5,
	.gg-banner-header__content p {
		margin: 0 var(--wp--preset--spacing--xs, clamp(0.75rem, 0.62068965517241rem + 0.55172413793103vw, 1rem));
	}
	
	.gg-banner-header__content p {
		display: inline-block;
		/* margin-top: 5px; */
	}

	.gg-banner-header__content-desk {
		display: block;
	}

	.gg-banner-header__content-mobile {
		display: none;
	}

	.gg-banner-header__content-desk {
		display: grid;
		grid-template-columns: auto auto auto;
		/* grid-template-columns: auto 270px auto; */
		align-items: center;
		justify-content: center;
	}

	.countdown {
		margin: 0 var(--wp--preset--spacing--xs, clamp(0.75rem, 0.62068965517241rem + 0.55172413793103vw, 1rem)) !important;
	}

	/* Slim styles */
	.gg-banner-header--slim .gg-banner-header__content-desktop-text .desktop {
		display: inline-block;
	}
	.gg-banner-header--slim .gg-banner-header__content-desktop-text .mobile {
		display: none;
	}

	.gg-banner-header--slim .gg-banner-header__content-desktop-title .desktop {
		display: inline-block;
	}
	.gg-banner-header--slim .gg-banner-header__content-desktop-title .mobile {
		display: none;

	}
	/* End slim styles */

}