/*
Theme Name: Food & Wine
Template: hello-elementor
Description: Tema figlio del sito Food & Wine di Piane Crati.
Version: 1.4.1
Text Domain: foodewine-child
*/

:root {
	--fw-bordeaux: #862C1E;
	--fw-bordeaux-scuro: #6E2418;
	--fw-crema: #FFFEF1;
	--fw-crema-testo: #F6EEDD;
	--fw-oro: #EDBD2D;
	--fw-grigio: #716964;
	--fw-filo: #E6DFCF;
	--fw-giro: 1240px;
	--fw-margine: clamp(20px, 5vw, 64px);
}

html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

body {
	background: var(--fw-crema);
	color: #000;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.6;
}

/* Intestazione */
.fw-top { background: var(--fw-crema); }

.fw-top-in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 84px;
	max-width: var(--fw-giro);
	margin: 0 auto;
	padding-inline: var(--fw-margine);
	position: relative;
}

.fw-logo img { display: block; height: 54px; width: auto; }

.fw-nav { display: flex; align-items: center; gap: 32px; }

.fw-voci { display: flex; gap: 32px; list-style: none; margin: 0; padding: 0; }

.fw-voci a { color: #000; font-size: 16px; text-decoration: none; }

.fw-voci a:hover { color: var(--fw-bordeaux); }

.fw-bt-top {
	align-items: center;
	background: var(--fw-oro);
	border-radius: 4px;
	color: #000;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	min-height: 48px;
	padding: 0 26px;
	text-decoration: none;
}

.fw-bt-top:hover { background: #DFAE1F; color: #000; }

.fw-burger { display: none; }

.fw-burger summary {
	align-items: center;
	cursor: pointer;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	list-style: none;
	width: 48px;
}

.fw-burger summary::-webkit-details-marker { display: none; }

.fw-burger nav {
	background: var(--fw-crema);
	border-top: 1px solid var(--fw-filo);
	box-shadow: 0 12px 24px rgba(0, 0, 0, .12);
	left: 0;
	padding: 12px 20px 20px;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 60;
}

.fw-burger .fw-voci { flex-direction: column; gap: 4px; }

.fw-burger .fw-voci a { display: block; font-size: 18px; padding: 10px 0; }

/* Piè di pagina */
.fw-piede {
	background-color: #000;
	background-image: linear-gradient(0deg, #000 10%, rgba(0, 0, 0, .35) 100%), url(assets/pattern-nero.svg);
	background-size: auto, 160px auto;
	color: var(--fw-crema-testo);
	font-size: 15px;
}

.fw-piede-in {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 56px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: var(--fw-giro);
	padding: 48px var(--fw-margine);
}

.fw-piede img { display: block; height: 60px; width: auto; }

.fw-piede p { margin: 0; }

.fw-piede a { color: var(--fw-crema-testo); }

/* Barra dei contatti sul telefono */
.fw-barra { display: none; }

/* Blocchi della pagina */
.e-con.fw-fascia {
	gap: 0;
	padding: clamp(56px, 8vw, 104px) var(--fw-margine);
}

.e-con.fw-giro {
	gap: 44px;
	margin-inline: auto;
	max-width: var(--fw-giro);
	padding: 0;
	width: 100%;
}

.e-con.fw-due {
	align-items: center;
	display: grid;
	gap: clamp(36px, 6vw, 72px);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.e-con.fw-due-alto { align-items: start; }

.e-con.fw-colonna {
	align-items: flex-start;
	gap: 16px;
	padding: 0;
}

.e-con.fw-colonna > .elementor-widget { width: 100%; }

.e-con.fw-colonna > .e-con.fw-bottoni { width: 100%; }

.e-con.fw-bottoni { gap: 12px; padding: 0; }

.e-con.fw-bottoni > .elementor-widget { width: auto; }

/* Fondi con il pattern */
.e-con.fw-reticolo {
	background-color: var(--fw-bordeaux);
	background-image: linear-gradient(105deg, rgba(134, 44, 30, .96) 0%, rgba(134, 44, 30, .8) 50%, rgba(134, 44, 30, .1) 100%), url(assets/pattern-bordeaux.svg);
	background-size: auto, 160px auto;
}

.e-con.fw-reticolo-fascia {
	background-color: var(--fw-bordeaux);
	background-image: linear-gradient(180deg, rgba(134, 44, 30, .92) 0%, rgba(134, 44, 30, .5) 100%), url(assets/pattern-bordeaux.svg);
	background-size: auto, 160px auto;
}

/* Riquadro iniziale */
.e-con.fw-hero {
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 46fr) minmax(0, 54fr);
	min-height: 640px;
	padding: 0;
}

.e-con.fw-hero-testo {
	gap: 20px;
	justify-content: center;
	padding: 64px clamp(20px, 5vw, 72px);
}

.e-con.fw-hero-foto {
	min-height: 320px;
	padding: 0;
	position: relative;
}

.fw-hero-foto .elementor-widget-image,
.fw-hero-foto .elementor-widget-image > .elementor-widget-container {
	inset: 0;
	position: absolute;
}

.fw-hero-foto img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Titoli */
.e-con .fw-h1 .elementor-heading-title {
	color: var(--fw-crema);
	font-family: "Marcellus", Georgia, serif;
	font-size: clamp(56px, 7vw, 92px);
	font-weight: 400;
	line-height: 1.02;
}

.e-con .fw-h2 .elementor-heading-title {
	color: var(--fw-bordeaux);
	font-family: "Marcellus", Georgia, serif;
	font-size: clamp(36px, 4vw, 48px);
	font-weight: 400;
	line-height: 1.1;
}

.e-con .fw-h2.fw-chiaro .elementor-heading-title { color: var(--fw-crema); }

.e-con .fw-h2-piccolo .elementor-heading-title { font-size: clamp(32px, 3.4vw, 42px); line-height: 1.12; }

.e-con .fw-h3 .elementor-heading-title {
	color: var(--fw-bordeaux);
	font-family: "Marcellus", Georgia, serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.15;
}

.e-con .fw-h3.fw-chiaro .elementor-heading-title { color: var(--fw-crema); }

.e-con .fw-motto .elementor-heading-title {
	color: var(--fw-oro);
	font-family: "Poiret One", "Century Gothic", sans-serif;
	font-size: clamp(32px, 3.6vw, 42px);
	font-weight: 400;
	line-height: 1.15;
}

.e-con .fw-motto-piccolo .elementor-heading-title {
	color: var(--fw-bordeaux);
	font-family: "Poiret One", "Century Gothic", sans-serif;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.2;
}

/* Testi */
.e-con .elementor-widget-text-editor {
	color: #000;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6;
}

.e-con .elementor-widget-text-editor p { margin: 0; }

.e-con .elementor-widget-text-editor.fw-chiaro { color: var(--fw-crema-testo); }

.e-con .elementor-widget-text-editor.fw-occhiello {
	color: var(--fw-crema-testo);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.e-con .elementor-widget-text-editor.fw-intro {
	color: var(--fw-crema-testo);
	font-size: 19px;
	max-width: 34ch;
}

.e-con .elementor-widget-text-editor.fw-voto { color: var(--fw-crema-testo); font-size: 15px; }

.fw-voto .fw-stella { color: var(--fw-oro); margin-right: 6px; }

.e-con .elementor-widget-text-editor.fw-tempo {
	color: var(--fw-grigio);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .14em;
	margin-top: 8px;
	text-transform: uppercase;
}

.e-con .elementor-widget-text-editor.fw-nota { color: var(--fw-grigio); font-size: 15px; }

.e-con .elementor-widget-text-editor.fw-nota.fw-chiaro { color: var(--fw-crema-testo); }

.e-con .elementor-widget-text-editor.fw-misura { max-width: 44ch; }

/* Pulsanti */
.page-content .elementor-button { text-decoration: none; }

.e-con .fw-bt .elementor-button {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-flex;
	font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	justify-content: center;
	line-height: 1.2;
	min-height: 48px;
	padding: 0 26px;
}

.e-con .fw-bt-oro .elementor-button { background: var(--fw-oro); color: #000; }

.e-con .fw-bt-oro .elementor-button:hover { background: #DFAE1F; color: #000; }

.e-con .fw-bt-chiaro .elementor-button { background: transparent; border-color: var(--fw-crema); color: var(--fw-crema); }

.e-con .fw-bt-chiaro .elementor-button:hover { background: var(--fw-crema); color: var(--fw-bordeaux); }

.e-con .fw-bt-linea .elementor-button { background: transparent; border-color: var(--fw-bordeaux); color: var(--fw-bordeaux); }

.e-con .fw-bt-linea .elementor-button:hover { background: var(--fw-bordeaux); color: var(--fw-crema); }

/* Una giornata da noi */
.e-con.fw-tre {
	display: grid;
	gap: 36px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 0;
}

.e-con.fw-carta { gap: 10px; padding: 0; }

.fw-foto45 img {
	aspect-ratio: 4 / 5;
	display: block;
	object-fit: cover;
	width: 100%;
}

/* Cena */
.e-con.fw-cena {
	align-items: center;
	background: #000;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	padding: 0;
}

.e-con.fw-cena-testo {
	align-items: flex-start;
	gap: 18px;
	padding: 64px clamp(20px, 5vw, 72px);
}

.e-con.fw-cena-testo > .elementor-widget { width: 100%; }

.fw-cena-foto img {
	display: block;
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16%);
	mask-image: linear-gradient(90deg, transparent 0, #000 16%);
	width: 100%;
}

/* Orari */
.fw-orari { border-collapse: collapse; margin: 0; width: auto; }

.e-con .fw-orari th,
.e-con .fw-orari td {
	background: none;
	border: 0;
	font-size: 17px;
	padding: 5px 28px 5px 0;
	text-align: left;
	vertical-align: top;
}

.e-con .fw-orari th { font-weight: 600; }

.fw-foto43 img {
	aspect-ratio: 4 / 3;
	display: block;
	object-fit: cover;
	width: 100%;
}

/* Mappa */
.e-con.fw-mappa {
	background-color: #F3EBDC;
	background-image: url(assets/mappa-piane-crati.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 460px;
	padding: 0;
	position: relative;
}

.fw-mappa .elementor-widget-html,
.fw-mappa .elementor-widget-html > .elementor-widget-container {
	inset: 0;
	position: absolute;
}

.fw-mappa-link { inset: 0; position: absolute; }

.fw-mappa-segno {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -100%);
}

.fw-mappa-etichetta {
	background: var(--fw-crema);
	border: 1px solid #D9CCB2;
	border-radius: 4px;
	color: var(--fw-bordeaux);
	font-family: "Marcellus", Georgia, serif;
	font-size: 19px;
	line-height: 1.2;
	padding: 6px 14px;
	white-space: nowrap;
}

.fw-mappa-bt {
	align-items: center;
	background: var(--fw-bordeaux);
	border-radius: 4px;
	bottom: 24px;
	color: var(--fw-crema);
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	min-height: 48px;
	padding: 0 26px;
	position: absolute;
	right: var(--fw-margine);
	text-decoration: none;
}

.page-content a.fw-mappa-bt { color: var(--fw-crema); text-decoration: none; }

.page-content a.fw-mappa-bt:hover { background: var(--fw-bordeaux-scuro); color: var(--fw-crema); }

.fw-osm {
	bottom: 6px;
	color: #5F5752;
	font-size: 11px;
	left: 12px;
	line-height: 1.4;
	margin: 0;
	position: absolute;
}

/* Link nei testi */
.page-content .elementor-widget-text-editor a { color: var(--fw-bordeaux); }

.page-content .elementor-widget-text-editor a:hover { color: var(--fw-bordeaux-scuro); }

/* Testata delle pagine interne */
.e-con.fw-testata {
	padding: clamp(48px, 7vw, 88px) var(--fw-margine);
}

.e-con.fw-testata-in { align-items: flex-start; gap: 18px; }

.e-con.fw-testata-in > .elementor-widget { width: 100%; }

.e-con.fw-testata-in .elementor-widget-text-editor.fw-intro { max-width: 46ch; }

.e-con .fw-h1.fw-h1-pagina .elementor-heading-title { font-size: clamp(44px, 5.5vw, 72px); }

.e-con .fw-bt.fw-bt-piccolo .elementor-button { font-size: 15px; min-height: 42px; padding: 0 18px; }

/* Gruppo WhatsApp */
.e-con.fw-gruppo {
	background: var(--fw-oro);
	padding: clamp(40px, 5vw, 64px) var(--fw-margine);
}

.e-con.fw-gruppo-in {
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 24px 48px;
	justify-content: space-between;
}

.e-con.fw-gruppo-in > .e-con.fw-colonna { flex: 1 1 320px; width: auto; }

.e-con.fw-gruppo-in > .elementor-widget-button { width: auto; }

.e-con .fw-h2.fw-scuro .elementor-heading-title { color: #000; }

.e-con .fw-bt-bordeaux .elementor-button { background: var(--fw-bordeaux); color: var(--fw-crema); }

.e-con .fw-bt-bordeaux .elementor-button:hover { background: var(--fw-bordeaux-scuro); color: var(--fw-crema); }

/* Recensioni */
@font-face {
	font-display: swap;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	src: url(assets/roboto-regular.woff2) format("woff2");
}

.fw-rec { display: grid; gap: 24px; }

.fw-rec p { margin: 0; }

.fw-rec-voto {
	align-items: center;
	display: flex;
	font-size: 19px;
	font-weight: 600;
	gap: 8px;
}

.fw-rec-voto .fw-stella { color: var(--fw-oro); font-size: 24px; line-height: 1; }

.fw-rec-lista {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.fw-rec-lista[hidden] { display: none; }

.fw-rec-carta {
	border: 1px solid var(--fw-filo);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
}

.fw-rec-autore { align-items: center; display: flex; gap: 12px; }

.fw-rec-foto {
	border-radius: 50%;
	flex: none;
	height: 44px;
	object-fit: cover;
	width: 44px;
}

.fw-rec-iniziale {
	align-items: center;
	background: var(--fw-bordeaux);
	color: var(--fw-crema);
	display: flex;
	font-family: "Marcellus", Georgia, serif;
	font-size: 20px;
	justify-content: center;
}

.fw-rec-nome { display: block; font-weight: 600; line-height: 1.3; }

.page-content a.fw-rec-nome { color: #000; text-decoration: none; }

.fw-rec-quando { color: var(--fw-grigio); display: block; font-size: 14px; }

.fw-rec-stelle { color: #B58600; letter-spacing: 2px; line-height: 1; }

.fw-rec-testo { font-size: 16px; line-height: 1.55; white-space: pre-line; }

.fw-rec-chiuso {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	line-clamp: 6;
	overflow: hidden;
}

.fw-rec-altro {
	align-self: flex-start;
	background: none;
	border: 0;
	color: var(--fw-bordeaux);
	cursor: pointer;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	padding: 0;
}

.fw-rec-altro:hover,
.fw-rec-altro:focus { background: none; color: var(--fw-bordeaux-scuro); }

.fw-rec-piede { color: var(--fw-grigio); font-size: 13px; margin-top: auto; }

.page-content .fw-rec-piede a { color: var(--fw-grigio); }

.fw-rec-note { color: var(--fw-grigio); font-size: 14px; }

.fw-rec-note[hidden] { display: none; }

.fw-rec-azioni { display: flex; flex-wrap: wrap; gap: 12px; }

.page-content a.fw-rec-bt {
	align-items: center;
	background: var(--fw-oro);
	border: 1px solid var(--fw-oro);
	border-radius: 4px;
	color: #000;
	display: inline-flex;
	font-size: 16px;
	font-weight: 600;
	min-height: 48px;
	padding: 0 26px;
	text-decoration: none;
}

.page-content a.fw-rec-bt:hover { background: #DFAE1F; color: #000; }

.page-content a.fw-rec-bt-linea {
	background: transparent;
	border-color: var(--fw-bordeaux);
	color: var(--fw-bordeaux);
}

.page-content a.fw-rec-bt-linea:hover { background: var(--fw-bordeaux); color: var(--fw-crema); }

.fw-rec-fonte {
	color: #5E5E5E;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
}

/* Pagine legali */
.e-con.fw-legale { max-width: 760px; }

.e-con .fw-legale .elementor-widget-text-editor p { margin-block: 0 14px; }

.e-con .fw-legale .elementor-widget-text-editor h2 {
	color: var(--fw-bordeaux);
	font-family: "Marcellus", Georgia, serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 1.2;
	margin-block: 34px 10px;
}

.e-con .fw-legale .elementor-widget-text-editor .fw-data {
	color: var(--fw-grigio);
	font-size: 15px;
	margin-top: 34px;
}

/* Percorsi */
.e-con.fw-percorsi { gap: clamp(28px, 4vw, 48px); }

.e-con.fw-percorso { align-items: flex-start; gap: 10px; padding: 0; }

.e-con.fw-percorso > .elementor-widget { width: 100%; }

.e-con .fw-h3.fw-h3-grande .elementor-heading-title { font-size: clamp(30px, 3vw, 38px); }

.e-con .elementor-widget-text-editor.fw-prezzo {
	color: var(--fw-bordeaux);
	font-family: "Marcellus", Georgia, serif;
	font-size: 36px;
	line-height: 1.2;
	margin-block: 4px 8px;
}

/* Bande del listino */
.e-con.fw-banda {
	overflow: hidden;
	padding: clamp(56px, 7vw, 88px) var(--fw-margine);
	position: relative;
}

.e-con.fw-banda-crema { background-color: var(--fw-crema); }

.e-con.fw-banda-grigia { background-color: var(--fw-grigio); }

.e-con.fw-listino-box { gap: 20px; position: relative; z-index: 2; }

.e-con.fw-listino-box > .elementor-widget { max-width: 56%; width: 56%; }

.fw-banda-inversa .e-con.fw-listino-box > .elementor-widget { margin-left: auto; }

.e-con.fw-listino-box > .fw-h3 { margin-top: 18px; }

.fw-listino { border-collapse: collapse; margin: 0; width: 100%; }

.e-con .fw-listino th,
.e-con .fw-listino td {
	background: none;
	border: 0;
	border-bottom: 1px dotted #CFC6B3;
	color: #000;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.35;
	padding: 8px 0;
	text-align: left;
	vertical-align: baseline;
}

.e-con .fw-listino td {
	font-variant-numeric: tabular-nums;
	padding-left: 16px;
	text-align: right;
	white-space: nowrap;
}

.fw-listino th span { color: var(--fw-grigio); font-size: 15px; }

.e-con .fw-listino-chiaro .fw-listino th,
.e-con .fw-listino-chiaro .fw-listino td {
	border-bottom-color: rgba(255, 254, 241, .32);
	color: var(--fw-crema);
}

.fw-listino-chiaro .fw-listino th span { color: var(--fw-crema-testo); }

.e-con.fw-cena-testo .fw-listino-pieno { max-width: 46ch; }

.e-con.fw-banda > .fw-ritaglio {
	bottom: 0;
	margin: 0;
	position: absolute;
	right: 0;
	width: clamp(260px, 36vw, 520px);
	z-index: 1;
}

.fw-ritaglio img { display: block; height: auto; width: 100%; }

.e-con.fw-banda > .fw-ritaglio-sinistra { left: 0; right: auto; width: clamp(300px, 42vw, 680px); }

.e-con.fw-banda > .fw-ritaglio-spritz {
	bottom: auto;
	right: clamp(32px, 9vw, 150px);
	top: 50%;
	transform: translateY(-50%);
	width: clamp(170px, 19vw, 290px);
}

/* Telefono e tablet */
@media (max-width: 820px) {
	body { padding-bottom: 70px; }

	.e-con.fw-listino-box > .elementor-widget { max-width: 100%; width: 100%; }

	.e-con.fw-banda { padding-bottom: 0; }

	.e-con.fw-banda > .fw-ritaglio,
	.e-con.fw-banda > .fw-ritaglio-sinistra,
	.e-con.fw-banda > .fw-ritaglio-spritz {
		margin: 28px calc(var(--fw-margine) * -1) 0 auto;
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		width: 72%;
	}

	.e-con.fw-banda > .fw-ritaglio-sinistra { margin: 28px auto 0 calc(var(--fw-margine) * -1); width: 92%; }

	.e-con.fw-banda > .fw-ritaglio-spritz { margin: 28px auto 32px; width: 46%; }

	.fw-top-in { min-height: 72px; }

	.fw-nav { display: none; }

	.fw-burger { display: block; }

	.e-con.fw-hero,
	.e-con.fw-cena,
	.e-con.fw-due,
	.e-con.fw-tre { grid-template-columns: minmax(0, 1fr); }

	.e-con.fw-hero { min-height: 0; }

	.e-con.fw-hero-foto { min-height: 300px; order: -1; }

	.e-con.fw-hero-testo,
	.e-con.fw-cena-testo { padding: 40px 20px; }

	.fw-cena-foto img { -webkit-mask-image: none; mask-image: none; }

	.fw-orari tr { display: block; padding: 6px 0; }

	.e-con .fw-orari th,
	.e-con .fw-orari td { display: block; padding: 0; }

	.e-con.fw-mappa { height: 340px; }

	.fw-mappa-bt { bottom: 28px; right: 16px; }

	.fw-barra {
		background: var(--fw-crema);
		border-top: 1px solid var(--fw-filo);
		bottom: 0;
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		left: 0;
		padding: 10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
		position: fixed;
		right: 0;
		z-index: 50;
	}

	.fw-barra a {
		align-items: center;
		border-radius: 4px;
		display: flex;
		font-size: 16px;
		font-weight: 600;
		justify-content: center;
		min-height: 48px;
		text-decoration: none;
	}

	.fw-barra-chiama { background: var(--fw-oro); color: #000; }

	.fw-barra-wa { background: var(--fw-bordeaux); color: var(--fw-crema); }
}