@charset "UTF-8";.sidebar{position:fixed;top:0;left:0;height:100vh;background:linear-gradient(145deg,#1a1a2e,#16213e);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:4px 0 25px #0000004d;z-index:1500;transition:all .4s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.1)}.sidebar-closed{width:95px}.sidebar-open{width:290px}.sidebar-scroll-hidden{transform:translate(-100%)}.sidebar-scroll-hidden .menu-icon{transform:translate(100%);box-shadow:3px 0 15px #0006;border-radius:0 12px 12px 0;background:linear-gradient(145deg,#1a1a2e,#16213e)}.sidebar-filter-page{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border-right:none!important;width:95px!important}.sidebar-filter-page .menu-icon{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.1);border-radius:0 12px 12px 0;box-shadow:3px 0 15px #0000004d}.sidebar-filter-page .menu-icon:hover{background:linear-gradient(145deg,#1e1e35,#1a2449)}.sidebar-filter-page .menu-icon .menu{color:#e8e8e8}.sidebar-filter-page .menu-icon:hover .menu{color:#00f5ff}.sidebar-filter-page.sidebar-open{background:linear-gradient(145deg,#1a1a2e,#16213e)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;box-shadow:4px 0 25px #0000004d!important;border-right:1px solid rgba(255,255,255,.1)!important;width:290px!important}.menu-icon{display:flex;justify-content:center;align-items:center;height:75px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.menu-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent,rgba(255,255,255,.1));opacity:1;transition:opacity .3s ease}.menu-icon:hover:before{opacity:1}.menu-icon:hover{background:#ffffff1a}.menu-icon .menu{color:#e8e8e8cc;font-size:2.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.menu-icon:hover .menu{transform:scale(1.05);color:#fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.sidebar-nav{padding:1.5rem 0;height:calc(100vh - 75px);overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px;transition:background .3s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:.75rem}.nav-list li a{display:flex;align-items:center;padding:1.2rem 1.75rem;color:#e8e8e8;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0 1rem;border-radius:16px;gap:1.25rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.nav-list li a:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(to bottom,#00f5ff,#09c);transition:height .4s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.nav-list li a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease}.nav-list li a:hover{background:linear-gradient(145deg,#00f5ff1a,#0099cc0d);color:#fff;transform:translate(8px);box-shadow:0 6px 20px #00f5ff33}.nav-list li a:hover:before{height:100%}.nav-list li a:hover:after{opacity:1}.nav-list li a.active{background:linear-gradient(145deg,#00f5ff26,#0099cc1a);color:#fff;box-shadow:0 4px 15px #00f5ff40}.nav-list li a.active:before{height:100%}.sidebar-nav-icons{padding:1rem 0;height:calc(100vh - 75px);overflow-y:auto}.nav-list-icons{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:2.75rem}.icon-only-link{display:flex!important;justify-content:center!important;align-items:center!important;padding:1rem!important;margin:0 .75rem!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;aspect-ratio:1;min-height:50px}.icon-only-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,transparent,rgba(255,255,255,.1));border-radius:12px;opacity:0;transition:opacity .3s ease}.icon-only-link:hover:before{opacity:1}.icon-only-link:hover{background:linear-gradient(145deg,#00f5ff1a,#0099cc0d)!important;box-shadow:0 2px 8px #00f5ff33!important}.icon-only-link.active{background:linear-gradient(145deg,#00f5ff26,#0099cc1a)!important;box-shadow:0 4px 15px #00f5ff4d!important}.nav-icon{font-size:1.6rem!important;min-width:26px;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-icon-only{font-size:1.8rem!important;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.nav-list li a[href="/"] .nav-icon,.icon-only-link[href="/"] .nav-icon-only,.nav-list li a[href="/carta"] .nav-icon,.icon-only-link[href="/carta"] .nav-icon-only,.nav-list li a[href="/vinos"] .nav-icon,.icon-only-link[href="/vinos"] .nav-icon-only,.nav-list li a[href="/desayunos"] .nav-icon,.icon-only-link[href="/desayunos"] .nav-icon-only,.nav-list li a[href="/reservas"] .nav-icon,.icon-only-link[href="/reservas"] .nav-icon-only{color:#fff}.nav-list li a:hover .nav-icon,.nav-list li a.active .nav-icon{color:#00f5ff;transform:scale(1.2);filter:drop-shadow(0 3px 8px rgba(0,245,255,.4))}.icon-only-link:hover .nav-icon-only,.icon-only-link.active .nav-icon-only{color:#00f5ff;transform:scale(1.02);filter:drop-shadow(0 2px 6px rgba(0,245,255,.4))}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1400;cursor:pointer;animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.sidebar-open{width:100vw}.sidebar-closed{width:80px}.menu-icon{height:65px}.menu-icon .menu{font-size:2rem}.nav-list li a{padding:1rem 1.5rem;font-size:.9rem;gap:1rem;margin:0 .75rem}.sidebar-scroll-hidden .menu-icon{transform:translate(80px)}}@media (max-width: 480px){.sidebar-closed{width:70px}.menu-icon{height:60px}.menu-icon .menu{font-size:1.8rem}.sidebar-scroll-hidden .menu-icon{transform:translate(70px)}}.menu-icon:focus-visible,.nav-list li a:focus-visible,.icon-only-link:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sidebar,.nav-list li a,.icon-only-link,.menu-icon .menu,.nav-icon,.nav-icon-only{transition:none}.menu-overlay{animation:none}}.navbar{position:fixed;top:0;left:0;right:0;height:80px;background:linear-gradient(145deg,#1a1a2ef2,#16213ef2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform,background}.navbar-scrolled{height:70px;background:linear-gradient(145deg,#1a1a2efa,#16213efa);box-shadow:0 2px 20px #00000026}.navbar-hidden{transform:translateY(-100%)}.navbar-content{display:flex;justify-content:center;align-items:center;height:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.navbar-logo{height:50px;width:auto;object-fit:contain;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.navbar-scrolled .navbar-logo{height:45px;transform:scale(.95)}.navbar-reservations-btn{position:absolute;right:2rem;padding:.75rem 1.5rem;background:linear-gradient(145deg,#00f5ff,#09c);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:25px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00f5ff4d;border:1px solid rgba(255,255,255,.2);overflow:hidden}.navbar-reservations-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.navbar-reservations-btn:hover:before{opacity:1}.navbar-reservations-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px #00f5ff66;background:linear-gradient(145deg,#00f5ff,#00bfff)}.navbar-reservations-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 3px 15px #00f5ff4d}body{padding-top:80px}@media (max-width: 768px){.navbar{height:70px}.navbar-scrolled{height:65px}.navbar-content{padding:0 1.5rem}.navbar-logo{height:45px}.navbar-scrolled .navbar-logo{height:40px}.navbar-reservations-btn{padding:.6rem 1.2rem;font-size:.8rem;right:1.5rem}body{padding-top:70px}}@media (max-width: 480px){.navbar{height:60px}.navbar-scrolled{height:55px}.navbar-content{padding:0 1rem}.navbar-logo{height:35px}.navbar-scrolled .navbar-logo{height:32px}.navbar-reservations-btn{display:none}body{padding-top:60px}}.navbar-reservations-btn:focus-visible{outline:3px solid rgba(0,245,255,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){.navbar,.navbar-logo,.navbar-reservations-btn{transition:none}}.button{position:relative;z-index:0;width:240px;height:56px;text-decoration:none;font-size:14px;font-weight:700;color:var(--text);letter-spacing:2px;transition:all .3s ease}.button__text{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.button:before,.button:after,.button__text:before,.button__text:after{content:"";position:absolute;height:3px;border-radius:2px;background:var(--secondary-color);transition:all .5s ease}.button:before{top:0;left:54px;width:calc(100% - 128px)}.button:after{top:0;right:54px;width:8px}.button__text:before{bottom:0;right:54px;width:calc(100% - 128px)}.button__text:after{bottom:0;left:54px;width:8px}.button__line{position:absolute;top:0;width:56px;height:100%;overflow:hidden}.button__line:before{content:"";position:absolute;top:0;width:150%;height:100%;box-sizing:border-box;border-radius:300px;border:solid 3px var(--secondary-color)}.button__line:nth-child(1),.button__line:nth-child(1):before{left:0}.button__line:nth-child(2),.button__line:nth-child(2):before{right:0}.button:hover{letter-spacing:6px}.button:hover:before,.button:hover .button__text:before{width:8px}.button:hover:after,.button:hover .button__text:after{width:calc(100% - 128px)}.button__drow1,.button__drow2{position:absolute;z-index:-1;border-radius:16px;transform-origin:16px 16px}.button__drow1{top:-16px;left:40px;width:32px;height:0;transform:rotate(30deg)}.button__drow2{top:44px;left:77px;width:32px;height:0;transform:rotate(-127deg)}.button__drow1:before,.button__drow1:after,.button__drow2:before,.button__drow2:after{content:"";position:absolute}.button__drow1:before{bottom:0;left:0;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-60deg)}.button__drow1:after{top:-10px;left:45px;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(69deg)}.button__drow2:before{bottom:0;left:0;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-146deg)}.button__drow2:after{bottom:26px;left:-40px;width:0;height:32px;border-radius:16px;transform-origin:16px 16px;transform:rotate(-262deg)}.button__drow1,.button__drow1:before,.button__drow1:after,.button__drow2,.button__drow2:before,.button__drow2:after{background:var(--quaternary-color)}.button:hover .button__drow1{animation:drow1 ease-in .06s;animation-fill-mode:forwards}.button:hover .button__drow1:before{animation:drow2 linear .08s .06s;animation-fill-mode:forwards}.button:hover .button__drow1:after{animation:drow3 linear .03s .14s;animation-fill-mode:forwards}.button:hover .button__drow2{animation:drow4 linear .06s .2s;animation-fill-mode:forwards}.button:hover .button__drow2:before{animation:drow3 linear .03s .26s;animation-fill-mode:forwards}.button:hover .button__drow2:after{animation:drow5 linear .06s .32s;animation-fill-mode:forwards}@keyframes drow1{0%{height:0}to{height:100px}}@keyframes drow2{0%{width:0;opacity:0}10%{opacity:0}11%{opacity:1}to{width:120px}}@keyframes drow3{0%{width:0}to{width:80px}}@keyframes drow4{0%{height:0}to{height:120px}}@keyframes drow5{0%{width:0}to{width:124px}}.container{width:100%;height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 850px){.container{align-items:center;height:15rem}}.banner__content--height{margin:1rem auto;padding:0rem 0;text-align:center;font-weight:700;color:var(--paper);background-color:var(--text);overflow:hidden;border:4px solid var(--text)}.banner__content--sentence{display:flex;vertical-align:middle;height:2.6em;overflow:hidden;width:100%}.banner__pinkbg{color:var(--quaternary-color)}ul,li{height:13.5em;margin:0;padding:0;width:100%}.banner__blackbg{background:var(--text)}li{list-style-type:none;margin:0 0 1px;height:1em!important;padding:0;font-size:3em;text-transform:uppercase;width:100%}.banner_animation{animation-name:titleflip;animation:titleflip 5s ease-in-out infinite}@keyframes titleflip{0%,20%{transform:translateY(-12.5em)}20%,40%{transform:translateY(-9.375em)}40%,60%{-webkit-transform:translate(0px,-6.44em)}60%,80%{transform:translateY(-3.44em)}80%,to{transform:translateY(-.315em)}to,0%{transform:translateY(-12.5em)}}@media only screen and (max-width: 900px){.banner__content--height{height:5.3em}ul,li{height:25em}li{font-size:3em}.banner__content--sentence{display:flex;vertical-align:middle;height:3.1em}}.parent{display:grid;width:100vw;grid-template-columns:45vw 55vw;grid-template-rows:100dvh minmax(90dvh,auto) minmax(90dvh,auto) 100dvh;grid-template-areas:"first-row__left  first-row__right" "second-row__right second-row__left" "third-row__left third-row__right" "fourth-row__right fourth-row__left"}[class*=row__]{opacity:0;animation:fadeIn .8s ease-out forwards;animation-timeline:view();animation-range:entry 20% cover 40%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[class*=row__left]{grid-area:var(--area, auto);display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 100%)}.first-row__left{--area: first-row__left}.second-row__left{--area: second-row__left}.third-row__left{--area: third-row__left}.fourth-row__left{--area: fourth-row__left}[class*=row__right]{grid-area:var(--area, auto);display:flex;justify-content:center}.first-row__right{--area: first-row__right}.second-row__right{--area: second-row__right}.third-row__right{--area: third-row__right}.fourth-row__right{--area: fourth-row__right}.row__margin{width:75%;line-height:50px;display:flex;flex-direction:column;justify-content:center}.row__h1{line-height:50px}.row__p{line-height:30px}.img__row-right{width:100vw;height:100dvh;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:all .5s ease-out;transform-origin:center center}.img__row-right:hover{transform:scale(1.02)}.banner-footer{grid-area:banner-footer;display:flex;justify-content:center;background-color:var(--paper)}@media only screen and (max-width: 850px){.parent{grid-template-columns:1fr;grid-template-rows:minmax(60dvh,auto) auto minmax(60dvh,auto) auto 15dvh minmax(60dvh,auto) auto minmax(60dvh,auto) auto;grid-template-areas:"first-row__right" "first-row__left" "second-row__right" "second-row__left" "banner-footer" "third-row__right" "third-row__left" "fourth-row__right" "fourth-row__left";padding-bottom:var(--footer-height)}[class*=row__left]{width:100vw;padding-bottom:2rem 0}.row__margin--mobile{width:80%;line-height:20px}.row__h1--mobile,.row__p--mobile{text-align:center;line-height:25px}.row__h1--mobile{font-size:20px;margin-top:5rem;font-weight:700}.img__row-right--mobile{height:60dvh}.img__first-row-right--mobile{height:70dvh}.fourth-row__left{margin-bottom:2rem}}.carta-container{width:100%}.container__flex-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:2rem 3rem;padding-bottom:4rem}.container__flex-filters{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:2rem 1rem;gap:8px}.empty-state{padding:3rem;text-align:center;width:100%}.empty-state__message{font-size:1.1rem;color:var(--empty-state-text)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{width:226px;height:auto;overflow:hidden;border-radius:25px;border:1px solid var(--card-border);margin:10px;box-shadow:5px 5px 15px 5px var(--card-shadow);background-color:var(--card-bg);transition:transform .2s ease,box-shadow .3s ease;animation:cardFadeIn .3s ease forwards}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--card-shadow)}.card__image{position:relative;height:90px;padding-top:3rem}.card__image>img{max-width:100%;border-bottom-right-radius:30px;transform:rotate(5deg) translate(-10px,-45px);position:absolute;height:180px;object-fit:cover;object-position:center;border:1px solid var(--card-border);transition:transform .3s ease}.card:hover .card__image>img{transform:rotate(3deg) translate(-8px,-48px) scale(1.03)}.card__category-tag{position:absolute;top:10px;left:10px;background-color:#ffffffd9;border-radius:12px;padding:2px 8px;font-size:.7rem;color:var(--text);z-index:5}.card__icon-container{position:absolute;top:0;right:0;padding:1rem;z-index:10}.card__icons{display:flex;flex-direction:column;align-items:flex-end}.card__icons button{margin-top:10px;opacity:.8;transition:opacity .2s ease}.card__icons button:hover{opacity:1}.card__info{display:block;padding:65px 15px 20px}.card__info h4{margin-top:3rem;font-size:1.1rem;text-align:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;min-height:2.5rem;font-weight:600;letter-spacing:.01em;color:var(--card-text)}.card__info-flex-middle{display:flex;margin:1rem 0;vertical-align:middle;align-items:center;justify-content:center}.card__image-plate,.card__image-tapa{display:flex;height:20px;width:auto;padding-right:.5rem}.card__info--price{display:flex;justify-content:space-evenly;background-color:var(--price-tag-bg);color:var(--price-tag-text);margin:auto 1rem 0 0;font-size:15px;font-weight:500;border-radius:20px;padding:2px 10px;box-shadow:0 1px 3px #0000001a}.card__info-margin{padding-right:.2rem}.allergens{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;font-style:italic;margin:1rem 0}.allergens__item,.carta-allergens__item{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5rem .25rem}.card__allergens--display{margin-block:0;padding-bottom:0;min-height:2rem}.card-allergens__margin{padding:.2rem}.allergens__item--paragraph{padding-left:1rem;margin-bottom:3rem}.allergens__icon{margin:5px;display:inline-block;font-size:20px}.allergen-icon-container{display:flex;align-items:center;padding:8px;border-radius:8px;margin:4px;box-shadow:0 2px 4px #0000001a;background-color:var(--allergen-container-bg);transition:transform .2s ease,box-shadow .2s ease}.allergen-icon-container:hover{transform:scale(1.05);box-shadow:0 3px 6px #00000026}.allergen-text{font-size:14px;color:var(--allergen-text-color);margin-left:4px}.allergen-tooltip{position:relative}.allergen-tooltip:hover:after{content:attr(data-allergen);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--tooltip-bg);color:var(--tooltip-text);padding:3px 8px;border-radius:4px;font-size:.8rem;white-space:nowrap;z-index:100}.filter-btn{padding:8px 16px;border-radius:4px;background-color:var(--filter-btn-bg);color:var(--filter-btn-text);cursor:pointer;border:none;transition:all .2s ease;font-size:.9rem;margin:.25rem;letter-spacing:.02em}.filter-btn:hover{background-color:#ccc;transform:translateY(-2px)}.filter-btn:active{transform:translateY(0)}.filter-btn--active{background-color:var(--primary-color);color:var(--filter-active-text);font-weight:500;box-shadow:0 2px 4px #00000026}.filter-btn--active:hover{background-color:var(--primary-color);opacity:.9}.menu-anchor{scroll-margin-top:20px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);border-radius:10px}@media screen and (max-width: var(--lg)){.card{width:150px;border-radius:15px;margin:.5rem!important}.container__flex-cards{margin:2rem .5rem!important}.container__flex-filters{margin:1rem .5rem;position:relative;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.container__flex-filters:after{content:"";position:absolute;right:0;top:0;height:100%;width:20px;background:linear-gradient(to right,transparent,var(--gradient-end));pointer-events:none}.card__image{height:70px}.card__image>img{border-bottom-right-radius:15px;height:165px}.card__info--price{font-size:12px}.card__info{padding:65px 10px 10px}.card__info h4{font-size:.9rem;margin-top:2.5rem}.filter-btn{padding:6px 12px;font-size:.8rem}.allergen-icon-container{padding:4px}.allergen-text{font-size:12px}.card__category-tag{font-size:.6rem;padding:1px 6px}}@media screen and (max-width: var(--md)){.card{width:140px}.card__image>img{height:140px}.container__flex-filters{justify-content:flex-start}}@media screen and (max-width: var(--sm)){.card{width:130px}.filter-btn{padding:4px 10px;font-size:.75rem}}*{max-width:100%;margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}@media only screen and (max-width: 665px){*{font-size:12px}}*:after,*:before{box-sizing:border-box}:root{--primary-color: #5ed9cd;--secondary-color: #930047;--tertiary-color: #513120;--quaternary-color: #f2d2ca;--quaternary-color--opacity: rgba(242, 210, 202, .3);--text: #000;--paper: #fff;--card-bg: var(--paper);--card-text: var(--text);--card-border: lavender;--card-shadow: rgba(230, 230, 250, .7);--filter-btn-bg: #e0e0e0;--filter-btn-text: var(--text);--filter-active-bg: var(--primary-color);--filter-active-text: white;--price-tag-bg: #f8f8f8;--price-tag-text: #3a3a3a;--allergen-container-bg: #f9f9f9;--allergen-text-color: #333;--tooltip-bg: #333;--tooltip-text: white;--empty-state-text: #666;--gradient-end: var(--paper);--sm: 375px;--md: 640px;--lg: 870px;--xl: 1440px;--xxl: 1728px;--footer-height: 125px;--header-height: 75px}@media (prefers-color-scheme: dark){:root{--text: #f0f0f0;--paper: #1a1a1a;--card-bg: #2a2a2a;--card-text: #f0f0f0;--card-border: #444;--card-shadow: rgba(0, 0, 0, .3);--filter-btn-bg: #444;--filter-btn-text: #e0e0e0;--filter-active-bg: var(--primary-color);--filter-active-text: #000;--price-tag-bg: #333;--price-tag-text: #f0f0f0;--allergen-container-bg: #333;--allergen-text-color: #e0e0e0;--tooltip-bg: #555;--tooltip-text: #f0f0f0;--empty-state-text: #aaa;--gradient-end: var(--paper)}}html{scroll-behavior:smooth}*{max-width:100%;margin:0;padding:0;box-sizing:border-box}.wines-container__flex-cards{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:125px}.wines-container__flex-filters{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:3rem 3rem 0}.wines-card{display:grid;width:450px;height:300px;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-template-areas:"image info";overflow:hidden;border-radius:30px;border:1px solid lavender;padding:1rem 1rem 0 2rem;margin:1.5rem;box-shadow:5px 5px 15px 5px #e6e6fa;background-color:var(--paper)}.wines-card__image{grid-area:image;display:flex;justify-content:center;align-items:center;width:180px;height:270px}.wines-card__image>img{max-width:100%;min-width:auto;max-height:100%;min-height:100%;object-fit:cover;object-position:top}.wines-card-allergens__margin{padding:.2rem}.wines-card__info{grid-area:info;display:flex;flex-direction:column;justify-content:center;width:auto;padding-right:.5rem}.wines-card__info h3{font-weight:700;margin-right:2.5rem}.wines-card__paragraph-margin{margin:.5rem 3rem .5rem 0}.wines-card__image-bottle,.wines-card__image-glass{display:flex;width:auto;padding-right:.5rem;color:var(--secondary-color)}.wines-card__info--price{display:flex;justify-content:space-evenly;background-color:var(--paper);color:var(--text);margin:auto 1rem 0 0;font-size:15px}.wines-card__info-margin{padding-right:.2rem}.wines-card__info-wines-flex-middle{display:flex;margin:.5rem 0;vertical-align:middle}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}@media screen and (max-width: 1020px){.wines-card{width:300px;height:300px}.wines-card__image{width:90px;height:270px}.wines-card__info{width:195px;padding:0 .5rem}}@media screen and (max-width: 450px){.wines-card{width:250px;height:250px}.wines-card__image{width:75px;height:200px;margin-right:5px}.wines-card__info{width:162.5px;padding:0 .5rem}}.filter-btn{justify-content:center;margin-right:1rem;text-decoration:none;align-items:center;transition:.3s;padding:.5rem;margin:.5rem;border:.5px solid var(--text);border-radius:30px;background-color:#fff;color:var(--text);font-weight:400}.filter-btn:hover,.filter-btn:active{background:var(--text);color:var(--paper)}.filter-btn-vegan{background-color:var(--secondary-color);color:var(--paper)}@media only screen and (max-width: 665px){.default-btn{width:60vw!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}html,body{height:100%}h1{font-size:40px;font-weight:700;margin-bottom:10px;line-height:50px;height:auto}h2{font-size:30px;font-weight:700;line-height:50px;height:auto}li{list-style:none}.m-1{margin:1rem}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.mr-1{margin-right:1rem}.m-2{margin:2rem}.flex{display:flex}.flex-center{justify-content:center;align-items:center;justify-items:center}.flex-end{justify-content:flex-end;align-items:flex-end;justify-items:flex-end}.full-width{width:100vw}.icon{color:var(--quaternary-color);font-weight:700;margin-right:3rem;font-size:2.25rem}.icon:hover{color:var(--paper)}@media only screen and (max-width: 665px){.icon{display:flex}}:root{--primary-color: #5ed9cd;--secondary-color: #930047;--tertiary-color: #513120;--quaternary-color: #f2d2ca;--quaternary-color--opacity: rgba(242, 210, 202, .3);--text: #000;--paper: #fff}.breakfast-filter-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;margin:2rem 0rem;padding:1rem 0rem}.breakfast-filter-buttons span{padding-top:1rem;font-style:italic}.breakfast-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:2rem 1rem}.breakfast-category{flex-direction:row;text-align:center;align-items:center;margin:2rem 0rem}.breakfast-filters{display:flex;flex-wrap:wrap;gap:8px;margin:3rem 3rem 0}.breakfast-card{width:226px;height:auto;overflow:hidden;border-radius:25px;border:1px solid lavender;margin:10px;box-shadow:5px 5px 15px 5px #e6e6fa}.breakfast-card:hover{transform:scale(1.05)}.card__image{position:relative;height:90px}.card__image>img{max-width:100%;border-bottom-right-radius:30px;transform:rotate(5deg) translate(-10px,-45px);position:absolute;height:180px;object-fit:cover;object-position:center}.breakfast-card-name{padding:15px;margin-top:3rem;grid-column:1/span 1;color:var(--text);font-weight:700;display:flex;flex-direction:column;align-items:center}.breakfast-card-name--title{justify-self:center;font-size:16px;text-align:center}.breakfast-card-price{display:flex;align-items:center;justify-content:center;color:var(--text);padding:1rem;font-size:15px;gap:4px}.breakfast-card-price h4{color:var(--secondary-color);font-weight:700}.breakfast-card-info:after{content:"..........";white-space:nowrap;overflow:hidden}.breakfast-card-subtitle{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text);margin-bottom:.5rem;padding:.25rem;font-size:16px;font-weight:700;color:var(--paper);background-color:var(--secondary-color)}.breakfast-filters{display:flex;flex-wrap:wrap;gap:8px}.breakfast-allergens{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;font-style:italic;margin-bottom:1rem}.breakfast-allergens-item{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:.5rem .25rem}.breakfast-allergens-item{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5rem .25rem}.breakfast-allergens-item-paragraph{padding-left:1rem;margin-bottom:165px}.breakfast-allergens-icon{margin:5px;display:inline-block;font-size:20px}.breakfast-allergen-icon-container{display:flex;align-items:center;padding:8px;border-radius:8px;margin:4px;box-shadow:0 2px 4px #0003}.breakfast-card__image{position:relative;height:90px}.breakfast-card__image>img{max-width:100%;border-bottom-right-radius:30px;transform:rotate(5deg) translate(-125px,-60px);position:absolute;height:180px;object-fit:cover;object-position:center}.breakfast-allergent-text{font-size:16px;color:#333}.breakfast-filter-button{padding:12px 20px;border-radius:5px;background-color:var(--paper);color:var(--background-color);cursor:pointer;transition:background-color .3s ease;font-size:16px;border:none;margin:.5rem;border:1px solid var(--text)}.breakfast-filter-button:hover,.breakfast-filter-button:active{background-color:var(--secondary-color);color:var(--paper)}.breakfast-card-info,.breakfast-card-allergens-display{display:flex;flex-direction:row;justify-content:center;align-items:center}.breakfast-card-allergens-margin{padding:.2rem}.breakfast-category h2{font-size:18px;text-align:center;padding:10px 0;color:#fff;background-color:var(--secondary-color);border-radius:5px;margin:0}@media screen and (max-width: 768px){.breakfast-card{width:150px;overflow:hidden;border-radius:15px;border:1px solid lavender;margin:1rem!important;box-shadow:5px 5px 15px 5px #e6e6fa;background-color:var(--paper)}.breakfast-card__image>img{transform:rotate(5deg) translate(-90px,-60px)}.breakfast-card-name{padding:10px;margin-top:3rem;grid-column:1}.breakfast-card-price span{display:flex;align-items:center;justify-content:center;color:var(--text);font-size:12px;gap:0px}.breakfast-card-info{font-size:12px}}
