@import "base/_reset.css";
@import "base/_typography.css";
@import "base/_variables.css";
@import "base/_main.css";
@import "base/_colors.css";
@import "base/_fonts.css";

@import "layouts/_grid.css";
@import "layouts/_header.css";
@import "layouts/_footer.css";

@import "utilities/_spacing.css";
@import "utilities/_button.css";
@import "utilities/_images.css";
@import "utilities/_border.css";
@import "utilities/_tag.css";
@import "utilities/_slick.css";
@import "utilities/_form.css";
@import "utilities/_icons.css";
@import "utilities/_input.css";
@import "utilities/_animation.css";

@import "components/_acordeon.css";
@import "components/_gallery.css";

@import "modules/_carta.css";
@import "modules/_iframe.css";
@import "modules/_legal.css";
@import "modules/_cookies.css";
@import "modules/_mapa.css";
@import "modules/_reservas.css";
@import "modules/_slider.css";
@import "modules/_prensa.css";
@import "modules/_calendario.css";

@import "pages/blog.css";
@import "pages/experiencia.css";


/* === ACF: nueva paleta + selector de tipografía === */
:root {
	--colorRojo: #e74241;
	--colorBlanco: #ffffff;
	--colorAzul: #283583;
	--colorMarron: #753f31;
	--colorBeige: #f9f4ed;

	/* Alias para contenidos antiguos ya guardados en ACF */
	--colorNegro: var(--colorAzul);
	--colorTurquesa: var(--colorRojo);
	--colorTurquesa2: var(--colorBeige);
	--colorGris1: var(--colorMarron);
	--colorGris2: var(--colorBeige);
	--colorDorado: var(--colorRojo);
	--colorVerde: var(--colorMarron);
}

.color-rojo,
.color-turquesa,
.color-coral,
.color-red-ish,
.color-dorado {
	color: var(--colorRojo) !important;
}
.color-blanco {
	color: var(--colorBlanco) !important;
}
.color-azul,
.color-negro,
.color-verde-oscuro {
	color: var(--colorAzul) !important;
}
.color-marron,
.color-gris-1,
.color-colorGris1,
.color-terracota {
	color: var(--colorMarron) !important;
}
.color-beige,
.color-turquesa-2,
.color-gris-2,
.color-colorGris2,
.color-verde-pastel {
	color: var(--colorBeige) !important;
}

.back-rojo,
.back-turquesa,
.back-coral,
.back-red-ish,
.back-dorado {
	background-color: var(--colorRojo) !important;
}
.back-blanco {
	background-color: var(--colorBlanco) !important;
}
.back-azul,
.back-negro,
.back-verde-oscuro {
	background-color: var(--colorAzul) !important;
}
.back-marron,
.back-gris-1,
.back-terracota {
	background-color: var(--colorMarron) !important;
}
.back-beige,
.back-turquesa-2,
.back-gris-2,
.back-verde-pastel {
	background-color: var(--colorBeige) !important;
}

.border-color-rojo,
.border-color-turquesa,
.border-color-coral,
.border-color-red-ish,
.border-color-dorado {
	border-color: var(--colorRojo) !important;
}
.border-color-blanco {
	border-color: var(--colorBlanco) !important;
}
.border-color-azul,
.border-color-negro,
.border-color-verde-oscuro {
	border-color: var(--colorAzul) !important;
}
.border-color-marron,
.border-color-gris-1,
.border-color-terracota {
	border-color: var(--colorMarron) !important;
}
.border-color-beige,
.border-color-turquesa-2,
.border-color-gris-2,
.border-color-verde-pastel {
	border-color: var(--colorBeige) !important;
}

.fill-rojo,
.fill-turquesa,
.fill-coral,
.fill-red-ish,
.fill-dorado {
	fill: var(--colorRojo) !important;
}
.fill-blanco {
	fill: var(--colorBlanco) !important;
}
.fill-azul,
.fill-negro,
.fill-verde-oscuro {
	fill: var(--colorAzul) !important;
}
.fill-marron,
.fill-gris-1,
.fill-terracota {
	fill: var(--colorMarron) !important;
}
.fill-beige,
.fill-turquesa-2,
.fill-gris-2,
.fill-verde-pastel {
	fill: var(--colorBeige) !important;
}

.bullets-rojo .slick-dots li button,
.bullets-turquesa .slick-dots li button {
	background-color: var(--colorRojo) !important;
}
.bullets-blanco .slick-dots li button {
	background-color: var(--colorBlanco) !important;
}
.bullets-azul .slick-dots li button,
.bullets-negro .slick-dots li button {
	background-color: var(--colorAzul) !important;
}
.bullets-marron .slick-dots li button,
.bullets-gris-1 .slick-dots li button {
	background-color: var(--colorMarron) !important;
}
.bullets-beige .slick-dots li button,
.bullets-turquesa-2 .slick-dots li button,
.bullets-gris-2 .slick-dots li button {
	background-color: var(--colorBeige) !important;
}

.btn-rojo,
.btn-turquesa,
.btn-coral,
.btn-red-ish,
.btn-dorado {
	color: var(--colorBlanco) !important;
	border-color: var(--colorRojo) !important;
	background-color: var(--colorRojo) !important;
}
.btn-blanco {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.btn-azul,
.btn-negro,
.btn-verde-oscuro {
	color: var(--colorBlanco) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorAzul) !important;
}
.btn-marron,
.btn-gris-1,
.btn-terracota {
	color: var(--colorBlanco) !important;
	border-color: var(--colorMarron) !important;
	background-color: var(--colorMarron) !important;
}
.btn-beige,
.btn-turquesa-2,
.btn-gris-2,
.btn-verde-pastel {
	color: var(--colorAzul) !important;
	border-color: var(--colorBeige) !important;
	background-color: var(--colorBeige) !important;
}

.btn-hover-rojo:hover,
.btn-hover-turquesa:hover,
.btn-hover-coral:hover,
.btn-hover-red-ish:hover,
.btn-hover-dorado:hover {
	color: var(--colorRojo) !important;
	border-color: var(--colorRojo) !important;
	background-color: var(--colorBlanco) !important;
}
.btn-hover-blanco:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.btn-hover-azul:hover,
.btn-hover-negro:hover,
.btn-hover-verde-oscuro:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.btn-hover-marron:hover,
.btn-hover-gris-1:hover,
.btn-hover-terracota:hover {
	color: var(--colorMarron) !important;
	border-color: var(--colorMarron) !important;
	background-color: var(--colorBlanco) !important;
}
.btn-hover-beige:hover,
.btn-hover-turquesa-2:hover,
.btn-hover-gris-2:hover,
.btn-hover-verde-pastel:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBeige) !important;
}

.color-input-rojo input,
.color-input-turquesa input {
	color: var(--colorRojo) !important;
	border-color: var(--colorRojo) !important;
}
.color-input-blanco input {
	color: var(--colorBlanco) !important;
	border-color: var(--colorBlanco) !important;
}
.color-input-azul input,
.color-input-negro input {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
}
.color-input-marron input,
.color-input-gris-1 input {
	color: var(--colorMarron) !important;
	border-color: var(--colorMarron) !important;
}
.color-input-beige input,
.color-input-turquesa-2 input,
.color-input-gris-2 input {
	color: var(--colorBeige) !important;
	border-color: var(--colorBeige) !important;
}

.color-boton-rojo .btn,
.color-boton-turquesa .btn {
	color: var(--colorBlanco) !important;
	border-color: var(--colorRojo) !important;
	background-color: var(--colorRojo) !important;
}
.color-boton-blanco .btn {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.color-boton-azul .btn,
.color-boton-negro .btn {
	color: var(--colorBlanco) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorAzul) !important;
}
.color-boton-marron .btn,
.color-boton-gris-1 .btn {
	color: var(--colorBlanco) !important;
	border-color: var(--colorMarron) !important;
	background-color: var(--colorMarron) !important;
}
.color-boton-beige .btn,
.color-boton-turquesa-2 .btn,
.color-boton-gris-2 .btn {
	color: var(--colorAzul) !important;
	border-color: var(--colorBeige) !important;
	background-color: var(--colorBeige) !important;
}

.color-boton-hover-rojo .btn:hover,
.color-boton-hover-turquesa .btn:hover {
	color: var(--colorRojo) !important;
	border-color: var(--colorRojo) !important;
	background-color: var(--colorBlanco) !important;
}
.color-boton-hover-blanco .btn:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.color-boton-hover-azul .btn:hover,
.color-boton-hover-negro .btn:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBlanco) !important;
}
.color-boton-hover-marron .btn:hover,
.color-boton-hover-gris-1 .btn:hover {
	color: var(--colorMarron) !important;
	border-color: var(--colorMarron) !important;
	background-color: var(--colorBlanco) !important;
}
.color-boton-hover-beige .btn:hover,
.color-boton-hover-turquesa-2 .btn:hover,
.color-boton-hover-gris-2 .btn:hover {
	color: var(--colorAzul) !important;
	border-color: var(--colorAzul) !important;
	background-color: var(--colorBeige) !important;
}

.tipografia-futura,
.tipografia-futura *:not(svg):not(path) {
	font-family: 'Futura', 'Futura PT', 'Avenir Next', Arial, sans-serif !important;
}
.tipografia-oswald,
.tipografia-oswald *:not(svg):not(path) {
	font-family: 'Oswald', Arial, sans-serif !important;
}
.tipografia-poppins,
.tipografia-poppins *:not(svg):not(path) {
	font-family: 'Poppins', Arial, sans-serif !important;
}
.tipografia-victor,
.tipografia-victor *:not(svg):not(path) {
	font-family: 'Victor', Arial, sans-serif !important;
}
.tipografia-gt-flexa,
.tipografia-gt-flexa *:not(svg):not(path) {
	font-family: 'GT-Flexa', Arial, sans-serif !important;
}