/* Vista Guama — mismo formato que El Patio, rosa y melocotón del logo. */

#legalConsentRoot {
	--legal-c-ink: #1c1917;
	--legal-c-accent: #d85a78;
	--legal-c-accent-strong: #a33d58;
	font-family: "Lato", "Segoe UI", system-ui, sans-serif;
}

#legalConsentBanner.legal-consent-banner {
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	max-width: none !important;
	padding: 22px 28px !important;
	border-radius: 0 !important;
	background: #fff7f4 !important;
	color: #1c1917 !important;
	border: 0 !important;
	border-top: 4px solid #d85a78 !important;
	outline: none !important;
	box-shadow: 0 -12px 36px rgba(28, 25, 23, .18) !important;
	font-family: "Lato", "Segoe UI", sans-serif !important;
	box-sizing: border-box !important;
}

#legalConsentBanner.legal-consent-banner.is-visible {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 28px;
	align-items: center;
}

#legalConsentBanner .legal-consent-banner__kicker {
	display: inline-block !important;
	margin-bottom: 6px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase !important;
	color: #e39a62 !important;
}

#legalConsentBanner .legal-consent-banner__title {
	margin: 0 0 8px !important;
	font-size: 26px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	color: #1c1917 !important;
}

#legalConsentBanner .legal-consent-banner__text {
	margin: 0 !important;
	max-width: 68ch;
	font-size: 18px !important;
	line-height: 1.5 !important;
	font-weight: 500 !important;
	color: #1c1917 !important;
}

#legalConsentBanner .legal-consent-banner__text a {
	color: #d85a78 !important;
	font-weight: 700 !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

#legalConsentBanner .legal-consent-banner__actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 10px !important;
	margin-top: 20px !important;
}

#legalConsentBanner .legal-consent-btn,
#legalConsentPanel .legal-consent-btn {
	flex: 1 1 auto !important;
	min-width: 120px !important;
	min-height: 52px !important;
	border-radius: 10px !important;
	padding: 12px 16px !important;
	font-family: inherit !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	cursor: pointer !important;
	text-shadow: none !important;
	box-shadow: none !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

#legalConsentBanner .legal-consent-btn--accept,
#legalConsentPanel .legal-consent-btn--accept {
	background: #d85a78 !important;
	color: #ffffff !important;
	border: 1px solid #d85a78 !important;
}
#legalConsentBanner .legal-consent-btn--accept:hover,
#legalConsentPanel .legal-consent-btn--accept:hover {
	background: #a33d58 !important;
	color: #ffffff !important;
	border-color: #a33d58 !important;
}

#legalConsentBanner .legal-consent-btn--config,
#legalConsentPanel .legal-consent-btn--config {
	background: #ffffff !important;
	color: #d85a78 !important;
	border: 2px solid #d85a78 !important;
}
#legalConsentBanner .legal-consent-btn--config:hover,
#legalConsentPanel .legal-consent-btn--config:hover {
	background: #fde8ea !important;
	color: #d85a78 !important;
	border-color: #d85a78 !important;
}

#legalConsentBanner .legal-consent-btn--reject,
#legalConsentPanel .legal-consent-btn--reject {
	background: #ffffff !important;
	color: #1c1917 !important;
	border: 2px solid #1c1917 !important;
}
#legalConsentBanner .legal-consent-btn--reject:hover,
#legalConsentPanel .legal-consent-btn--reject:hover {
	background: #fde8ea !important;
	color: #1c1917 !important;
}

#legalConsentPanel .legal-consent-panel__dialog {
	background: #ffffff !important;
	color: #1c1917 !important;
	border: 3px solid #ffffff !important;
	outline: 1px solid rgba(115, 82, 64, .18);
	border-radius: 18px !important;
	box-shadow: 0 24px 60px rgba(28, 25, 23, .22) !important;
	padding: 30px !important;
}
#legalConsentPanel .legal-consent-panel__title {
	color: #1c1917 !important;
	font-size: 26px !important;
}
#legalConsentPanel .legal-consent-panel__intro,
#legalConsentPanel .legal-consent-category__desc {
	color: #1c1917 !important;
	font-size: 17px !important;
	line-height: 1.5 !important;
}
#legalConsentPanel .legal-consent-category__title {
	color: #1c1917 !important;
	font-size: 20px !important;
}
#legalConsentPanel .legal-consent-category__cookies {
	color: #6b635b !important;
	font-size: 14px !important;
}
#legalConsentPanel .legal-consent-panel__close {
	color: #d85a78 !important;
	background: transparent !important;
}
#legalConsentPanel .legal-consent-category {
	border-top: 1px solid rgba(28, 25, 23, .12) !important;
}

#legalConsentIcon.legal-consent-icon {
	left: 22px !important;
	bottom: 92px !important;
	background: #ffffff !important;
	border: 2px solid #ffffff !important;
	outline: 1px solid rgba(115, 82, 64, .25);
	box-shadow: 0 10px 24px rgba(28, 25, 23, .14) !important;
}
#legalConsentIcon.legal-consent-icon svg {
	fill: #d85a78 !important;
}

@media (min-width: 961px) {
	#legalConsentBanner .legal-consent-banner__actions {
		flex-wrap: nowrap !important;
		margin-top: 0 !important;
	}
	#legalConsentBanner .legal-consent-btn {
		flex: 0 0 auto !important;
		min-width: 148px !important;
	}
}

@media (max-width: 800px) {
	#legalConsentBanner.legal-consent-banner.is-visible {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	#legalConsentBanner.legal-consent-banner {
		padding: 18px 16px 16px !important;
	}
	#legalConsentBanner .legal-consent-banner__title {
		font-size: 22px !important;
	}
	#legalConsentBanner .legal-consent-banner__text {
		font-size: 17px !important;
	}
	#legalConsentBanner .legal-consent-btn {
		font-size: 16px !important;
		min-height: 48px !important;
	}
}