/* "La nostra storia" in fondo al menù: chiusa, si apre solo a chi la tocca. */
.storia {
	max-width: 440px; margin: 0 auto; text-align: start;
	border-radius: 24px; background: var(--lc-rilievo, #f1efeb); box-shadow: var(--lc-ombra-2, 0 10px 30px -18px rgb(38 37 35 / .4));
	font-family: var(--lc-sans, system-ui, sans-serif); color: var(--lc-ink, #262523);
}
.storia__testa {
	display: flex; align-items: center; gap: 14px; min-height: 76px; padding: 12px 14px 12px 12px;
	list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent; border-radius: 24px;
}
.storia__testa::-webkit-details-marker { display: none; }
.storia__testa:focus-visible { outline: 2px solid var(--lc-gold, #7a500d); outline-offset: 2px; }
/* Gli anni come una medaglia incavata */
.storia__anni {
	flex: 0 0 56px; width: 56px; height: 56px; display: flex; flex-direction: column; align-items: center; justify-content: center;
	border-radius: 50%; background: var(--lc-bg, #e6e4e0); box-shadow: var(--lc-incavo, inset 0 2px 5px rgb(38 37 35 / .14));
	color: var(--lc-gold, #7a500d); line-height: 1;
}
.storia__anni b { font-size: 21px; font-weight: 800; letter-spacing: -.03em; }
.storia__anni span { margin-top: 2px; font-size: 9.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--lc-muted, #55524d); }
.storia__titolo { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.storia__titolo strong { font-size: 17px; font-weight: 800; letter-spacing: -.01em; color: var(--lc-strong, #151413); }
.storia__titolo small { font-size: 12.5px; font-weight: 600; color: var(--lc-muted, #55524d); }
.storia__freccia {
	flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%;
	color: var(--lc-gold, #7a500d); background: var(--lc-rilievo, #f1efeb); box-shadow: var(--lc-ombra-1, 0 2px 6px rgb(38 37 35 / .15));
	transition: transform .45s cubic-bezier(.3, 1.35, .5, 1), box-shadow .3s;
}
.storia__freccia .lcm-ico { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.storia[open] .storia__freccia { transform: rotate(180deg); box-shadow: var(--lc-incavo, inset 0 2px 5px rgb(38 37 35 / .14)); }
.storia[open] { padding-bottom: 12px; }
.storia__corpo {
	margin: 0 12px; padding: 16px 16px 4px; border-radius: 18px;
	background: var(--lc-surface, #f1efeb); box-shadow: var(--lc-incavo, inset 0 2px 5px rgb(38 37 35 / .14));
	font-size: 15px; line-height: 1.65; color: var(--lc-muted, #55524d);
}
.storia__corpo p { margin: 0 0 12px; text-wrap: pretty; }
.storia__corpo p:first-child { font-size: 16px; font-weight: 600; color: var(--lc-ink, #262523); }
.storia[open] .storia__corpo { animation: storia-apri .45s cubic-bezier(.2, .8, .2, 1); transform-origin: 50% 0; }
@keyframes storia-apri { from { opacity: 0; transform: perspective(700px) rotateX(-12deg) translateY(-6px); } }
@media (prefers-reduced-motion: reduce) {
	.storia *, .storia[open] .storia__corpo { animation: none !important; transition: none !important; }
}

/* "Da sapere": chiuso è un piccolo bottone con l'icona; toccandolo si apre il riquadro con le regole del ristorante. */
.da-sapere { max-width: 440px; margin: 18px auto 0; text-align: center; font-family: var(--lc-sans, system-ui, sans-serif); color: var(--lc-muted, #55524d); }
.da-sapere__testa {
	display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 6px 14px 6px 6px; border-radius: 999px;
	list-style: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
	background: var(--lc-rilievo, #f1efeb); box-shadow: var(--lc-ombra-1, 0 2px 6px rgb(38 37 35 / .15));
	transition: transform .2s cubic-bezier(.3, 1.35, .5, 1), box-shadow .25s;
}
.da-sapere__testa::-webkit-details-marker { display: none; }
.da-sapere__testa:active { transform: scale(.96); box-shadow: var(--lc-incavo, inset 0 2px 5px rgb(38 37 35 / .14)); }
.da-sapere__testa:focus-visible { outline: 2px solid var(--lc-gold, #7a500d); outline-offset: 3px; }
.da-sapere__icona {
	display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #fff;
	background: linear-gradient(180deg, var(--lc-ember-light, #d4471d), var(--lc-ember, #c03a14) 60%, #a9310f);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / .3), 0 4px 8px -4px rgb(192 58 20 / .8);
}
.da-sapere .lcm-ico { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.da-sapere__titolo { font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--lc-strong, #151413); }
.da-sapere__freccia { display: grid; place-items: center; color: var(--lc-gold, #7a500d); transition: transform .4s cubic-bezier(.3, 1.35, .5, 1); }
.da-sapere[open] .da-sapere__freccia { transform: rotate(180deg); }
.da-sapere__lista {
	margin: 12px 0 0; padding: 16px 18px 6px; list-style: none; text-align: start; font-size: 14px; line-height: 1.5;
	border-radius: 20px; background: var(--lc-surface, #f1efeb); box-shadow: var(--lc-incavo, inset 0 2px 5px rgb(38 37 35 / .14));
}
.da-sapere[open] .da-sapere__lista { animation: storia-apri .45s cubic-bezier(.2, .8, .2, 1); transform-origin: 50% 0; }
.da-sapere__lista li { position: relative; margin: 0 0 10px; padding-inline-start: 16px; text-wrap: pretty; }
.da-sapere__lista li::before { content: ""; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--lc-ember, #c03a14); box-shadow: 0 1px 1px rgb(0 0 0 / .15); }
@media (prefers-reduced-motion: reduce) { .da-sapere *, .da-sapere[open] .da-sapere__lista { animation: none !important; transition: none !important; } }