:root {
	/* Colores de marca */
	--color-primary: #5d340f;
	--color-primary-hover: rgb(91, 54, 29);
	--color-secondary: rgb(193, 139, 73);
	--color-secondary-hover: rgb(168, 116, 56);
	--color-secondary-100: rgba(93, 52, 14, 0.05);
	--color-text: rgb(70, 65, 62);
	--color-heading: rgb(28, 27, 23);
	--color-background: rgb(247, 236, 227);
	--color-blur: rgba(93, 52, 15, 0.122);
	--color-border: rgba(93, 52, 14, 0.149);
	--color-tarjeta: rgb(243 227 214);

	/* Tipografías de marca */
	--font-display: "Cormorant Garamond", serif;
	--font-heading: "Cormorant Garamond", serif;
	--font-subheading: "Cormorant Garamond", serif;
	--font-body: "Manrope", sans-serif;

	/* Overrides de Bootstrap */
	--bs-body-font-family: var(--font-body);
	--bs-primary: var(--color-primary);
	--bs-secondary: var(--color-secondary);
	--bs-secondary-100: var(--color-secondary-100);
	--bs-body-heading: var(--color-heading);
	--bs-body-color: var(--color-text);
	--bs-body-bg: var(--color-background);
	--bs-border-primary: var(--color-border);

	/* Swiper */
	--swiper-pagination-color: var(--color-tarjeta);
	--swiper-pagination-bullet-inactive-color: var(--color-tarjeta);
	--swiper-pagination-bottom: 0;
	--swiper-pagination-bullet-horizontal-gap: 6px;
}
.text-primary {
	color: var(--bs-primary) !important;
}
.bg-primary {
	background-color: var(--bs-primary) !important;
}
.text-secondary {
	color: var(--bs-secondary) !important;
}
.bg-secondary {
	background-color: var(--bs-secondary) !important;
}
.text-secondary-100 {
	color: var(--bs-secondary-100) !important;
}
.bg-secondary-100 {
	background-color: var(--bs-secondary-100) !important;
}
.bg-tarjeta {
	background-color: var(--color-tarjeta);
}
.bg-blur {
	background-color: var(--color-blur) !important;
}
.font-display {
	font-family: var(--font-display) !important;
}
.font-manrope {
	font-family: var(--bs-body-font-family) !important;
}
.border-primary {
	border-color: var(--bs-border-primary) !important;
}
.letter-spacing-1 {
	letter-spacing: 1px;
}
.opacity-10 {
	opacity: .10;
}
body {
	color: var(--bs-body-color);
	background-color: var(--color-background);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-display);
	color: var(--bs-body-heading);
	font-weight: 900 !important;
	line-height: 1.1 !important;
}
@media only screen and (min-width: 992px) {
	.display-1 {
		font-size: 6vw !important;
	}
}
/* Botones */
.btn {
	justify-content: space-between;
	display: flex;
	align-items: center;
	font-family: var(--font-button);
	gap: 1rem;
	--bs-btn-padding-x: 2rem;
	--bs-btn-padding-y: 0.9rem;
	--bs-btn-font-weight: 600;
	--bs-btn-line-height: 0.5;
	--bs-btn-border-radius: 100px;
}
.btn-primary {
	--bs-btn-color: var(--bs-white);
	/* --bs-btn-bg: var(--bs-primary); */
	background: linear-gradient(135deg, #8B5527 0%, #754219 30%, #5D340F 65%, #432307 100%);
	--bs-btn-border-color: var(--bs-primary);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: var(--bs-primary-hover);
	--bs-btn-active-color: var(--bs-primary-hover);
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: var(--bs-primary-hover);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
.btn-secondary {
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: var(--bs-white);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: var(--bs-white);
	--bs-btn-active-color: var(--bs-white);
	--bs-btn-active-bg: transparent;
	--bs-btn-active-border-color: var(--bs-white);
	--bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}
@media only screen and (min-width: 992px) {
	.imgVW57 {
		width: 57vw;
	}
}