@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400&family=Poppins:wght@600&family=Vollkorn:ital,wght@1,500;1,700&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100vh;line-height:1.5}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:currentColor}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}img,picture,svg,video{display:block;max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover;shape-margin:1rem}:root{--txt-main: "Montserrat", sans-serif;--txt-sec: "Poppins", sans-serif;--txt-ter: "Vollkorn", serif;--clr-main-100: #F6ECE0;--clr-main-200: #E81829;--clr-main-300: #174828;--clr-gr-100: #a09f9e;--clr-gr-200: #5c5957;--clr-gr-300: #48423F}html{scroll-behavior:smooth}body{font-family:var(--txt-main);color:var(--clr-gr-300);background-color:var(--clr-main-100)}header{margin:2rem 10vw;text-align:center}main{padding:2rem 10vw;text-align:center}main h1{grid-area:lo-go}main aside{grid-area:mimago;position:relative}@media (min-width: 768px){main aside picture{position:absolute;top:30%;left:15%}}main .cta-ok{grid-area:cta-ok;padding:2rem;display:flex;justify-content:space-around;gap:1rem}@media (min-width: 780px){main .cta-ok{justify-self:flex-end}main .cta-ok>*{margin-right:2vw}}main .main-desc{grid-area:main-desc}main .main-sub{grid-area:main-sub}@media (min-width: 768px) and (max-width: 1023px){main{display:grid;grid-template-columns:4fr 4fr 6fr;grid-template-areas:"lo-go lo-go mimago" "cta-ok cta-ok mimago" "main-desc main-desc mimago" "main-sub main-sub mimago";background:url(/img/bck-topb.webp) no-repeat;background-position:center right -125%;background-size:contain}}@media (min-width: 1024px) and (max-width: 1111px){main{display:grid;grid-template-columns:4fr 4fr 6fr;grid-template-areas:"lo-go lo-go mimago" "cta-ok cta-ok mimago" "main-desc main-sub mimago";background:url(/img/bck-topb.webp) no-repeat;background-position:center right -30%;background-size:contain}}@media (min-width: 1112px) and (max-width: 1489px){main{display:grid;grid-template-columns:4fr 4fr 6fr;grid-template-areas:"lo-go lo-go mimago" "cta-ok cta-ok mimago" "main-desc main-sub mimago";background:url(/img/bck-topb.webp) no-repeat;background-position:center right -10%;background-size:contain}}@media (min-width: 1490px) and (max-width: 1900px){main{display:grid;grid-template-columns:4fr 4fr 6fr;grid-template-areas:"lo-go lo-go mimago" "cta-ok cta-ok mimago" "main-desc main-sub mimago";background:url(/img/bck-topb.webp) no-repeat;background-position:center right -3%;background-size:contain}}@media (min-width: 1901px){main{display:grid;grid-template-columns:4fr 4fr 6fr;grid-template-areas:"lo-go lo-go mimago" "cta-ok cta-ok mimago" "main-desc main-sub mimago";background:url(/img/big-vitto.webp) no-repeat;background-position:center right -30%;background-size:contain}}h1{font-family:var(--txt-ter);font-size:5rem}h1 span{display:block;visibility:hidden;height:1rem}h2{font-family:var(--txt-ter);font-size:3.8rem;text-shadow:-4px -1px 3px rgb(255,255,255)}p{font-size:1.2rem}.tx-box{position:relative;margin:1rem auto;padding:2rem;border:1px solid var(--clr-gr-300)}.tx-box a{color:var(--clr-main-200);transition:color .2s}.tx-box a:hover{color:var(--clr-main-300)}.tx-box.nobord{border:none}.tx-box.bibord:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:1rem;border-bottom:1px solid var(--clr-gr-300)}.tx-box.bibord:after{content:"";position:absolute;bottom:0;left:0;display:block;width:100%;height:1rem;border-top:1px solid var(--clr-gr-300)}.tx-box h3{color:var(--clr-gr-100);font-family:var(--txt-sec);text-transform:uppercase;font-size:large;margin-bottom:2rem}.btn{max-width:35vw;margin:0 auto;border-radius:4px;text-transform:uppercase;position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center;border:1.5px solid black;padding:1rem 2rem;background-size:300%;font-size:3vw;transition:all .6s}@media (min-width: 768px){.btn{font-size:1.75vw}}.green{color:#fff;background-image:linear-gradient(-120deg,white,var(--clr-main-300) 50%)}.neutro{color:var(--clr-gr-300)}.btn:hover{color:var(--clr-main-300);background-position:100%;transform:translate(.5rem)}.btn:active{transform:translate(.5rem,.5rem);box-shadow:0 10px 20px -15px #000000bf}.telefona{padding:2rem;background-color:var(--clr-main-300);font-family:var(--txt-main);color:var(--clr-main-100);font-size:2.5rem;font-variant-caps:all-small-caps;letter-spacing:.3rem;text-align:center}.dove-apri{display:flex;flex-direction:row;justify-content:space-between;margin:0 12vw 1.5rem 12vw}.dove-apri>h2{color:var(--clr-main-300);position:relative}.dove-apri>h2>span{position:absolute;left:1.6ch;top:.9ch;color:var(--clr-main-200)}.dove-dett-out{display:flex;align-items:center}.dove-dett-in{width:27ch;border:1px solid var(--clr-gr-300);padding:1rem 2rem;text-align:center;font-size:1.2rem}#map{height:35rem;margin-bottom:2rem}@media (max-width: 947px){.dove-apri{flex-direction:column;gap:5ch}.dove-apri>*{margin:0 auto}.dove-apri>h2{transform:translate(-50%)}.dove-dett-in{padding:1rem;font-size:1rem}#map{height:45rem}}@media (max-width: 555px){.dove-dett-out{flex-direction:column}}footer{min-width:25ch;margin:0 12vw;padding:2rem 1rem;background-color:var(--clr-main-300);color:var(--clr-gr-100)}dialog{color:#000;margin:auto;padding:2rem;background:#f5f5f5;border:none;border-radius:1rem;width:80vw;box-shadow:.3rem .2rem .6rem #0000004d}dialog::backdrop{background-color:#000000b3}dialog h3{font-family:var(--txt-sec);color:var(--clr-main-300);font-size:3rem}dialog .suballe{margin:1rem 0;font-family:var(--txt-ter);font-size:1.7rem;color:var(--clr-gr-300)}dialog ul{margin:2rem 0;list-style:none}dialog ul li{display:flex;align-items:center;margin:1rem 0 2rem 5rem;min-height:3lh;padding-inline-start:1ch}dialog ul li:before{content:"";position:absolute;left:2rem;width:50px;height:50px;background:url(/img/icons/blist/glutine.webp) no-repeat;background-size:cover}dialog ul li strong{color:var(--clr-main-300);font-weight:700;margin-right:.5rem}dialog .btn-close{margin:0 0 0 auto;border:0;padding:0;background:var(--clr-main-300);border-radius:50%;width:35px;height:35px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;cursor:pointer;transition:all .15s;border:5px solid white}dialog .btn-close .icon-cross{margin:0;padding:0;border:0;background:none;position:relative;width:15px;height:15px}dialog .btn-close .icon-cross:before,dialog .btn-close .icon-cross:after{content:"";position:absolute;top:6px;left:0;right:0;height:3px;background:#fff;border-radius:6px}dialog .btn-close .icon-cross:before{transform:rotate(45deg)}dialog .btn-close .icon-cross:after{transform:rotate(-45deg)}dialog .btn-close .icon-cross span{display:block}dialog .btn-close:hover,dialog .btn-close:focus{transform:rotate(90deg);background:var(--clr-main-300)}.lacarte{padding:5rem 3vw}.lacarte h2{position:relative;margin:0 6vw;color:var(--clr-main-300)}.lacarte h2:after{content:"";position:absolute;top:.7lh;width:calc(100% - 4ch);margin-left:.5ch;border:1px solid var(--clr-gr-100)}.portata{position:relative;margin:0 5% 2rem;border-bottom:1px solid var(--clr-gr-100)}.portata input{position:absolute;left:0;top:0;height:2lh;width:100%;opacity:0;visibility:0}.portata input:checked~h3~.compress{max-height:500rem;height:auto}.portata input:checked~.compress>.dish-card{opacity:100}.portata h3{margin-bottom:1.5rem;font-size:1.5rem;font-family:var(--txt-sec);text-align:center;text-transform:uppercase;color:var(--clr-gr-200)}.portata .accordion-title{margin-bottom:1.5rem;font-size:1.5rem;font-family:var(--txt-sec);text-align:center;text-transform:uppercase;color:var(--clr-gr-100)}.portata .compress{max-height:0;overflow:hidden;transition:max-height .35s}.portata .dish-card{display:grid;grid-template-areas:"piatto piatto" "ingre prezzo";grid-template-columns:minmax(15ch,80%) 1fr;grid-template-rows:auto 1fr;margin-bottom:1rem;opacity:0;transition:opacity .5s}.portata .dish-card .piatto{grid-area:piatto;border-bottom:1px dashed var(--clr-gr-300);font-size:1.75rem;font-family:var(--txt-ter);color:var(--clr-main-300)}.portata .dish-card .ingredienti{grid-area:ingre;font-size:1rem;font-family:var(--txt-main);text-align:left}.portata .dish-card .ingredienti .allergo{display:inline-block;position:relative;width:25px;height:25px}.portata .dish-card .ingredienti .allergo:before{content:"";position:absolute;top:2px;width:25px;height:25px;background-size:cover}.portata .dish-card .prezzo{grid-area:prezzo;font-size:1.35rem;font-family:var(--txt-main);text-align:right}.al-:before{background:url(/img/icons/blist/glutine.webp) no-repeat}.al-crostacei:before{background:url(/img/icons/blist/crostacei.webp) no-repeat}.al-uova:before{background:url(/img/icons/blist/uova.webp) no-repeat}.al-pesce:before{background:url(/img/icons/blist/pesce.webp) no-repeat}.al-arachidi:before{background:url(/img/icons/blist/arachidi.webp) no-repeat}.al-soia:before{background:url(/img/icons/blist/soia.webp) no-repeat}.al-latte:before{background:url(/img/icons/blist/latte.webp) no-repeat}.al-guscio:before{background:url(/img/icons/blist/guscio.webp) no-repeat}.al-sedano:before{background:url(/img/icons/blist/sedano.webp) no-repeat}.al-sesamo:before{background:url(/img/icons/blist/sesamo.webp) no-repeat}.al-solforosa:before{background:url(/img/icons/blist/solforosa.webp) no-repeat}.al-lupino:before{background:url(/img/icons/blist/lupino.webp) no-repeat}.al-molluschi:before{background:url(/img/icons/blist/molluschi.webp) no-repeat}#presentazione{position:relative;z-index:10}#presentazione:before{content:"";z-index:-1;position:absolute;top:0;width:100%;height:100%;background-image:url(/img/melanza.webp);background-size:40%;background-repeat:no-repeat;background-position:top right;opacity:.1}#presentazione:after{content:"";z-index:-1;position:absolute;top:0;width:100%;height:100%;background-image:url(/img/tomatisa.webp);background-size:45%;background-repeat:no-repeat;background-position:bottom left;opacity:.1}#presentazione{margin-top:2rem}.prese{margin-inline:6vw}@media (min-width: 768px){.prese{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto 1fr}}.prese.img-dx{grid-template-areas:"pr-tit pr-tit pr-img" "pr-cont pr-contb pr-img"}.prese.img-sx{grid-template-areas:"pr-img pr-tit pr-tit" "pr-img pr-cont pr-contb"}.prese *{justify-self:center;align-items:start}.prese .defcont{grid-area:pr-tit;justify-self:start;margin-inline:2rem}.prese .defcont h2{position:relative;color:var(--clr-main-300)}.prese .defcont h2.alter{color:var(--clr-main-200)}.prese .defcont h2:after{content:"";position:absolute;top:.7lh;width:calc(100% - 8ch);margin-left:.5ch;border:1px solid var(--clr-gr-100)}.prese .defcont .occhiello{font-family:var(--txt-sec);font-size:1.5rem;font-weight:300;color:var(--clr-gr-100)}.prese .immcont{grid-area:pr-img;margin:0 auto;padding:2rem;max-width:350px}.prese .immcont>*{margin:0 auto}.prese h3{color:var(--clr-gr-200)}
