body{--text-light: hsl(15, 12%, 79%);--base-light: hsl(0, 0%, 0%);--white-light: hsl(0, 0%, 100%);--black-light: hsl(0, 0%, 0%);--accent-primary-light: hsl(24, 89%, 38%);--accent-tertiary-light: hsl(34, 71%, 54%);--accent-secondary-light: hsl(75, 14%, 45%);--accent-dark-light: hsl(24, 53%, 24%);--text-dark: hsl(0, 0%, 10%);--base-dark: hsl(0, 0%, 90%);--white-dark: hsl(0, 0%, 100%);--black-dark: hsl(0, 0%, 0%);--accent-primary-dark: hsl(24, 89%, 38%);--accent-secondary-dark: hsl(34, 71%, 54%);--accent-tertiary-dark: hsl(75, 14%, 45%);--accent-dark-dark: hsl(24, 53%, 24%)}body.dark{--text: var(--text-light);--base: var(--base-light);--white: var(--white-light);--black: var(--black-light);--accent-primary: var(--accent-primary-light);--accent-secondary: var(--accent-secondary-light);--accent-tertiary: var(--accent-tertiary-light);--accent-dark: var(--accent-dark-light)}body{--text: var(--text-dark);--base: var(--base-dark);--white: var(--white-dark);--black: var(--black-dark);--accent-primary: var(--accent-primary-dark);--accent-secondary: var(--accent-secondary-dark);--accent-tertiary: var(--accent-tertiary-dark);--accent-dark: var(--accent-dark-dark)}@font-face{font-family:SpaceMono;src:url(/assets/SpaceMono-Regular-7wDOIQj2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:SpaceMono;src:url(/assets/SpaceMono-Bold-OmHk4iMk.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:SpaceMono;src:url(/assets/SpaceMono-Italic-5Vcs-QJA.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:SpaceMono;src:url(/assets/SpaceMono-BoldItalic-BwFrdMZo.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-i02rBV5P.ttf) format("truetype-variations");font-weight:100 900;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Italic-VariableFont_wght-DFfUqDrJ.ttf) format("truetype-variations");font-weight:100 900;font-style:italic}@keyframes blinker{50%{opacity:0}}*>*,*>*:before,*>*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;font-size:62.5%;box-sizing:border-box;scroll-behavior:smooth;scroll-margin:4em}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:var(--base);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}#about{padding:15em 0 10em;max-width:100dvw;overflow:hidden}#about .wrapper{width:min(70em,100% - 2em);margin-inline:auto}#about .wrapper article{display:flex;flex-direction:column-reverse;gap:2em;margin-bottom:5em}#about .wrapper article .left{width:90%;margin-inline:0 auto;position:relative}#about .wrapper article .left img{border-radius:.3em;width:100%;min-height:100%;object-fit:cover;height:15em;position:relative;transition:transform .3s ease-out}#about .wrapper article .left img:hover{transform:scale(1.01)}#about .wrapper article .left:after{position:absolute;content:"";width:40px;height:40px;top:0;right:0;border-top:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary);opacity:1;transition:all .3s ease-in-out;z-index:-1}#about .wrapper article .left:before{position:absolute;content:"";width:40px;height:40px;bottom:3px;left:0;border-bottom:2px solid var(--accent-tertiary);border-left:2px solid var(--accent-tertiary);opacity:1;z-index:-1;transition:all .3s ease-in-out}#about .wrapper article .left:hover:after{opacity:0;top:-20px;right:-20px}#about .wrapper article .left:hover:before{opacity:0;bottom:-20px;left:-20px}#about .wrapper article:nth-child(odd) .left{margin-inline:auto 0}#about .wrapper article .right{width:70%;margin-inline:auto 0}#about .wrapper article .right h3{font-size:clamp(1.7em,3dvw,2em);margin-bottom:1em;color:var(--accent-primary)}#about .wrapper article .right p{font-size:1.3em;margin-bottom:1em}#about .wrapper article:nth-child(odd) .right{margin-inline:0 auto}@media (700px <= width){#about .wrapper article{flex-direction:row}#about .wrapper article:nth-child(odd){flex-direction:row-reverse}#about .wrapper article .left{width:35%}#about .wrapper article .right{width:calc(65% - 2em)}}.background-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.background-container>img.background-icon{-webkit-user-select:none;user-select:none;position:absolute;width:50px;height:50px;margin:0;opacity:.1;transition:all .3s ease-in-out}.banner-top{position:absolute;right:1em;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:1em;z-index:9}.banner-top a{text-decoration:none;display:flex;align-items:center;flex-direction:row;gap:.5em;color:var(--text)}.banner-top a svg{width:16px}@media screen and (max-width: 45em){.banner-top .banner__text{display:none}}.banner-top .banner__modal{color:var(--text)}.banner-top .banner__modal .btn__close{position:absolute;top:1em;right:1em;background-color:var(--text);border:none;cursor:pointer}.banner-top .banner__modal .closeMsg{font-size:3em;padding-inline:2em;text-wrap:balanced}@media screen and (max-width: 45em){.banner-top .banner__modal .closeMsg{font-size:2em;padding-inline:1em}}.cookie-banner{display:block;position:fixed;bottom:0;left:0;width:100%;border-top:1px solid var(--accent-primary);background-color:var(--base);color:var(--text);padding:2em;text-align:center;overflow:hidden;z-index:10;width:min(350px,100% - 1em)}.cookie-banner p:is(:first-child){font-weight:700}.cookie-banner p{margin-bottom:1em}.cookie-banner.hide{display:none}.modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:11}.modal-content{padding:20px;border-radius:8px;max-width:80%;max-height:80%;overflow-y:auto;color:var(--white)}.modal-content .modal-actions{position:absolute;top:1em;right:2em;display:flex;flex-direction:column;gap:2em;justify-content:center;align-items:center}.modal-content .modal-actions .btn__close{cursor:pointer;padding:.3em .5em .2em}.modal-content .modal-actions .btn__close svg{fill:var(--white)}.modal-content .policy__content{width:min(60em,100% - 2em);margin-inline:auto}.modal-content .policy__content h2{font-size:3em;font-weight:700;margin-bottom:1em}.modal-content .policy__content h3{font-size:2.4em;font-weight:700;margin-block:1em}.modal-content .policy__content ul{list-style:disc}.modal-content .policy__content ul li{margin-inline:20px 0}.modal-content p{margin-bottom:15px}.buttons{text-align:center;margin-top:20px;display:flex;gap:1em}.buttons.center{justify-content:center}.c__btn{background-color:transparent;border:1px solid var(--white);background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--white);padding:.5em 1em;border-radius:.3em;cursor:pointer}footer{width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;background-color:var(--text);color:var(--base);min-height:20em}footer a{color:var(--base);text-decoration:none;margin-bottom:1em}footer .footer__top{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (width >= 50em){footer .footer__top{flex-direction:row;justify-content:center}}footer .footer__top .menu,footer .footer__top #contact{width:min(30em,50%);padding-block:3em}footer .footer__top .menu .direction,footer .footer__top .menu .instagram,footer .footer__top #contact .direction,footer .footer__top #contact .instagram{display:flex;flex-direction:row;align-items:flex-start;gap:1em}footer .footer__top .menu .direction div,footer .footer__top .menu .instagram div,footer .footer__top #contact .direction div,footer .footer__top #contact .instagram div{display:flex;flex-direction:column}footer .footer__top .menu ul,footer .footer__top #contact ul{list-style:none;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1em}footer .footer__top .menu ul li,footer .footer__top #contact ul li{line-height:2em}footer .footer__top .menu a{position:relative}footer .footer__top .menu a:after{position:absolute;content:"";height:.1em;width:0;background-color:var(--base);bottom:-.3em;left:0;transition:all .3s ease-in-out}footer .footer__top .menu a:hover:after{width:100%}@media (width >= 50em){footer .footer__top #contact{text-align:right}footer .footer__top #contact ul{align-items:flex-end}footer .footer__top #contact .direction,footer .footer__top #contact .instagram{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:1em}footer .footer__top #contact .direction div,footer .footer__top #contact .instagram div{display:flex;flex-direction:column}}footer .footer__bottom{width:min(60em,100% - 2em);margin-inline:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1em;padding-block:1em}footer .footer__bottom .policy{cursor:pointer;font-size:2em}::-webkit-scrollbar{width:3px;visibility:hidden}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{max-height:20px;background-color:var(--accent-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-primary)}@supports (-ms-overflow-style: none){html{-ms-overflow-style:-ms-autohiding-scrollbar}}::selection{color:var(--accent-secondary);background:var(--accent-dark)}#header{position:fixed;z-index:7;width:100%;padding-inline:2em;padding-block:1em;display:flex;flex-direction:row;align-items:center;gap:1em}#header>.main-logo{width:6em;margin-left:0;margin-right:auto;transition:transform .3s}#header>.main-logo:hover{rotate:350deg;animation:shake .5s}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}#header>header{width:100%;display:flex;align-items:center;position:relative;justify-content:center}#header>header>.extras{display:flex;flex-direction:column;gap:1em;margin-left:auto;align-items:center;justify-content:center;translate:0 2em}#header>header .main-menu{display:none}#header.scrolled>header .main-menu{display:block;position:absolute;top:30vh;right:0;opacity:0;height:auto;max-height:0;overflow:hidden;translate:10em 0;transition:all .3s ease-in-out;padding:2em;width:max-content}#header.scrolled>header .main-menu ul{list-style:none;display:flex;flex-direction:column;gap:1em;font-size:2em}#header.scrolled>header .main-menu ul li{position:relative}#header.scrolled>header .main-menu ul li:after{width:.1em;content:"";position:absolute;left:-1em;background-color:var(--accent-primary);height:140%;transition:all .3s ease-in-out;z-index:-1;top:-20%}#header.scrolled>header .main-menu ul li a{color:var(--text);text-decoration:none;font-variant:small-caps;transition:all .3s ease-in-out}#header.scrolled>header .main-menu ul li:hover a{color:var(--base)}#header.scrolled>header .main-menu ul li:hover:after{width:calc(100% + 4em)}#header.scrolled>header.open .main-menu{translate:0 0;opacity:1;max-height:120em;background-color:var(--accent-secondary)}.menu__btn{display:block;width:2em;height:2em;background-color:transparent;border:0;display:flex;flex-direction:column;gap:.3em;justify-content:center;align-items:center;cursor:pointer;z-index:9}.menu__btn>span{display:block;width:.3em;height:.3em;background-color:var(--text);border-radius:3em;transition:all .3s ease-in-out;position:relative}.menu__btn:hover span,.open .menu__btn span{width:100%}.open .menu__btn span:nth-child(1){transform:translateY(.6em) rotate(45deg)}.open .menu__btn span:nth-child(2){opacity:0}.open .menu__btn span:nth-child(3){transform:translateY(-.6em) rotate(-45deg)}#hero{overflow:hidden;z-index:1}#hero .content{width:min(100%,200em);margin-inline:auto}#hero .content .card{position:relative;display:grid;grid-template-areas:"stack"}#hero .content .card__text,#hero .content .card__image{min-height:80vh;width:calc(100% + 2em);grid-area:stack}#hero .content .card__text{z-index:1}#hero .content .card__text h2{padding:25vh 1em 0;filter:drop-shadow(2px 2px 6px var(--base));transition:all .3s ease}#hero .content .card__text h2 span.prefix{font-size:clamp(2.7em,10dvw,9.5em)}#hero .content .card__text h2 span.name{translate:.2em 0;display:block;font-size:clamp(1.4em,8dvw,3em)}@media (width >= 50em){#hero .content .card__text h2{padding:50vh 5em 0}}#hero .content .card__text p{padding-inline:1.6em}#hero .content .card__image{z-index:0;align-content:end}#hero .content .card__image img{width:100%;max-width:100em;margin-inline:auto 0;display:block;padding-block:0 2em}#hero .hero__menu{margin-top:2em;width:min(30em,100% - 2em);margin-inline:auto;display:flex;align-items:center;justify-content:center;gap:1em;flex-wrap:wrap}#hero .hero__menu a{color:var(--text);font-size:x-large;text-decoration:none;font-variant:small-caps;padding:.2em .6em;border-radius:.3em;transition:all .3s ease-in-out}#hero .hero__menu a:hover{color:var(--base);background-color:var(--text)}.btnImg img{transition:all .3s ease-in-out}.lang{position:relative}.lang__content{position:absolute;max-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;gap:.5em;transform-origin:top;transition:all .3s ease-in-out}.lang__content.open{margin-top:1rem;max-height:40em;transition:all .3s ease-in-out}.lang__item{-webkit-user-select:none;user-select:none;border:0;background-color:transparent;filter:drop-shadow(0px 0px 2px var(--base));cursor:pointer;transition:all .3s ease-in-out}.lang__item img{border-radius:.3em}.lang__item.selected:not(.open){cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease-in-out}.lang__item.open{cursor:pointer;margin-bottom:0;transition:all .3s ease-in-out}.content{letter-spacing:.08em}.content .category#pizza,.content .category#pasta,.content .category#bruschettas{padding-block-start:14em;width:min(100em,100%);margin-inline:auto;overflow:hidden}.content .category#pizza:is(:last-child),.content .category#pasta:is(:last-child),.content .category#bruschettas:is(:last-child){padding-block-end:10em}.content .category .wrapper{padding-inline:1em}.content .category .wrapper>header{margin-block-end:4em}.content .category .wrapper>header .title{width:min(56em,100%);position:relative}.content .category .wrapper>header .title h2{font-size:3.2em;font-weight:700;text-wrap:balance;color:var(--accent-primary);margin-bottom:1em}.content .category .wrapper>header .title p{text-wrap:pretty;font-size:clamp(1.25rem,1.21rem + .69vw,1.5rem)}.content .category .wrapper>header .title:after{content:"";position:absolute;width:100%;height:1px;top:-2.5em;right:-1.5em;background-color:var(--accent-primary);transition:width .3s ease .3s,height .3s ease}.content .category .wrapper>header .title:hover:after{transition:width .3s ease,height .3s ease .3s;width:1px;height:90%}.content .category .wrapper header:has(.image){display:flex;flex-wrap:wrap;justify-content:start;align-items:center;gap:1em}.content .category .wrapper header:has(.image) .image{width:min(30em,100%);margin-inline:auto 0;border-radius:3em;overflow:hidden}.content .category .wrapper header:has(.image) .image img{width:100%;object-fit:cover}@media (width <= 1244px){.content .category .wrapper header:has(.image) .image{width:100%;height:10em}}.content .category .wrapper .content header{display:flex;justify-content:space-between;position:relative}.content .category .wrapper .content header .title,.content .category .wrapper .content header .item__price{font-weight:700}.content .category .wrapper .content header .allergens{display:none;font-weight:400;cursor:default;transition:all .3s ease-in-out}.content .category .wrapper .content header .allergens>i{display:inline;font-style:normal!important}.content .category .wrapper .content header .allergens:hover .allergen__name{display:inline}.content .category .wrapper .content:not(.col__pasta){display:flex;flex-wrap:wrap;gap:1em}.content .category .wrapper .content:not(.col__pasta) article.item{padding:1em;border-bottom:.2em solid var(--accent-secondary);width:min(23.5em,100%);margin-inline:auto;border-radius:.3em .3em 0 0;transition:all .3s ease-in-out}.content .category .wrapper .content:not(.col__pasta) article.item:hover{box-shadow:6px 6px 10px #00000080;translate:0 -4px;color:var(--text);background-color:var(--accent-secondary)}.content .category .wrapper .content:not(.col__pasta) article.item:hover .allergens{display:inline-flex;margin-inline:0 auto}.content .category .wrapper .content:not(.col__pasta) article.item .ingredients{margin-top:1em;text-wrap:balance}.content .category .wrapper .content:not(.col__pasta) article.item .ingredients .ingredient__name{display:inline}.content .category .col__pasta{max-width:150em;margin-inline:auto;margin-block:2em 4em;display:flex;flex-wrap:wrap;align-items:center;gap:1em}.content .category .col__pasta>article{width:max-content;margin-inline:auto;display:grid;place-content:center}i{font-style:normal!important}.schedules{width:100%;padding-block:15em;background:url(/assets/hero_pizza_peperoni-tPzoUSjp.webp);background-attachment:fixed;background-position:center;background-size:cover}.schedules__container{width:min(80em,90dvw);color:var(--base);background-color:var(--accent-tertiary);margin-inline:auto;border-radius:.3em}.schedules__card{width:min(100% - 2em,90%);display:grid;grid-template-columns:repeat(2,1fr);gap:5rem;margin-inline:auto;place-items:center;padding-block:4em}@media screen and (max-width: 35em){.schedules__card{grid-template-columns:auto;grid-template-rows:repeat(2,1fr)}}.schedules__column{width:100%;display:flex;gap:1em;flex-direction:column}.schedules__header .subtitle{display:block;font-size:1em;padding-inline:2em 0}.schedules__header .title{font-size:1.5em;font-weight:700}.schedules__content p{margin-bottom:1em}.schedules__item{display:grid;grid-template-columns:max-content 1fr max-content;gap:10px;justify-content:space-around;justify-items:stretch;align-items:center}.schedules .day{text-align:left}.schedules .line{background-color:var(--base);height:1px}.schedules .hours{text-align:right}.settings{position:fixed;bottom:2rem;right:2rem;border-radius:1em;opacity:.5}.settings:hover,.settings.active{opacity:1;transition:all .3s ease-in-out}.settings .settings_icon{background-color:transparent;filter:drop-shadow(0 0 5px var(--base));border:none;color:var(--text)}.settings .settings_icon .icon_setting{width:20px;height:20px;cursor:pointer}.theme-toggle{display:grid;place-content:center}.theme-toggle .toggle-btn{background-color:transparent;border:none;cursor:pointer;width:20px;height:20px}.theme-toggle .toggle-btn svg{fill:var(--text)}.back-to-top{position:fixed;bottom:2dvh;z-index:8;display:grid;place-content:center;width:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.back-to-top button{pointer-events:all;background-color:var(--accent-secondary);color:var(--text);border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:2em;line-height:1em;font-weight:700;transition:all .3s ease-in-out}.back-to-top button:hover{background-color:var(--text);color:var(--accent-secondary)}
