/* Osteria al Porto: trattoria. Si parte dalla lavagna del giorno, poi la carta battuta a macchina. */
@font-face{font-family:"Gesso";src:url(/assets/fonts/osteria-gesso.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Osteria";src:url(/assets/fonts/osteria-text.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Osteria";src:url(/assets/fonts/osteria-text-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Osteria";src:url(/assets/fonts/osteria-text-italic.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Macchina";src:url(/assets/fonts/osteria-macchina.woff) format("woff");font-weight:400;font-display:swap}
:root{--intonaco:#e2cc97;--intonaco-scuro:#d4b979;--lavagna:#2b3530;--gesso:#eeede6;--vino:#7b2433;--legno:#5a3b26;--terra:#3a2618;--foglio:#fffdf7}
*{box-sizing:border-box}
body{margin:0;background:var(--intonaco);color:var(--terra);font:400 1.125rem/1.6 "Osteria","Bookman Old Style",Georgia,serif}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--vino);outline-offset:2px}
.nota-demo{margin:0;padding:8px 16px;background:var(--legno);color:#f0dfc4;font-size:.875rem;text-align:center}
.nota-demo a{color:#fff}
.muro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(40px,6vw,88px) clamp(16px,5vw,64px)}
.insegna h1{margin:0;font-weight:700;font-size:clamp(3rem,7vw,5.6rem);line-height:.98;color:var(--vino)}
.insegna p{max-width:26em;margin:20px 0 0;font-size:1.2rem}
.telefono-breve span{font-size:.9rem;opacity:.75}
.lavagna{background:var(--lavagna);color:var(--gesso);border:16px solid var(--legno);box-shadow:inset 0 0 60px #00000059,0 14px 30px #3a261840;padding:22px clamp(18px,3vw,34px) 26px;transform:rotate(-.8deg);font-family:"Gesso","Apple Chancery",cursive;font-style:italic}
.lavagna h2{margin:0 0 6px;font-weight:400;font-size:clamp(2.8rem,5vw,3.6rem);line-height:1;text-align:center;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.lavagna ul{list-style:none;margin:0;padding:0}
.lavagna li{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:9px 0;font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.15}
.lavagna b{font-weight:400;font-size:1.15em}
.vino{margin:14px 0 0;padding-top:10px;border-top:1px dashed #eeede666;font-size:1.4rem;text-align:center}
.foglio{position:relative;max-width:46rem;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(18px,5vw,56px);background:var(--foglio);box-shadow:0 2px 0 #00000014,0 18px 40px #3a261833;font-family:"Macchina","Courier New",monospace;font-size:1rem}
.foglio h2{margin:0;font:700 clamp(2rem,4vw,2.6rem)/1.1 "Osteria",Georgia,serif;color:var(--vino);text-align:center}
.foglio-nota{margin:6px 0 22px;text-align:center}
.live-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding-bottom:14px;border-bottom:1px solid var(--terra)}
.live-categories .filter{padding:4px 2px;border:0;background:none;font:inherit;color:var(--terra);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.live-categories .filter.is-active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;color:var(--vino)}
.product{display:grid;grid-template-columns:1fr auto;gap:0 14px;padding:14px 0;border-bottom:1px dotted #3a261880}
.product-num,.product-tag:empty{display:none}
.product-name{font-size:1.1rem;text-transform:uppercase;letter-spacing:.03em}
.product-copy p{margin:3px 0 0;font-size:.9rem;opacity:.8}
.product-price{font-weight:400;font-size:1.1rem}
.foglio-piede{display:flex;justify-content:space-between;align-items:center;gap:10px 20px;flex-wrap:wrap;margin-top:18px}
.live-search{width:min(100%,16rem);padding:8px 2px;border:0;border-bottom:1px solid var(--terra);background:none;font:inherit;color:var(--terra)}
.live-status{margin:0;font-size:.78rem;opacity:.75}
.prova{margin:16px 0 0;text-align:center}.prova a{color:var(--vino)}
.famiglia{display:flex;justify-content:center;align-items:center;gap:clamp(24px,5vw,56px);flex-wrap:wrap;max-width:60rem;margin:0 auto;padding:clamp(56px,8vw,104px) clamp(16px,5vw,64px)}
.famiglia img{width:281px;border:8px solid var(--foglio);transform:rotate(1.5deg);box-shadow:0 10px 24px #3a261833}
.famiglia div{flex:1 1 20rem;max-width:30rem}
.famiglia h2{margin:0 0 8px;font-size:clamp(1.8rem,3.4vw,2.3rem);color:var(--vino);line-height:1.15}
.famiglia p{margin:0}
.targa{max-width:36rem;margin:0 auto clamp(56px,8vw,96px);padding:clamp(26px,4vw,40px);background:var(--legno);color:#f3e6cf;border-radius:6px;box-shadow:inset 0 0 0 3px #7a5638}
.targa h2{margin:0 0 14px;font-size:1.9rem;color:#fff;text-align:center}
.targa dl{margin:0}
.targa dl div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #f3e6cf40}
.targa dd{margin:0;font-weight:700}
.targa p{margin:16px 0 0;font-size:1rem}
.piede{padding:24px clamp(16px,5vw,64px) 38px;background:var(--intonaco-scuro);font-size:.95rem}
.piede p{margin:0 0 4px}
@media (max-width:860px){
.muro{grid-template-columns:1fr}
.lavagna{transform:none}
.foglio{margin:0 12px}
}
@media (max-width:420px){.famiglia img{width:100%}}