:root{--terracota:#992b2b;--terracota-light:#b84848;--crema:#f5f0e8;--crema-dark:#e8e0d0;--kraft:#d4c4a8;--menta:#7bc8a4;--menta-dark:#5aa882;--ink:#2c1810;--ink-light:#5a4a40;--font-hand:"Caveat", cursive;--font-type:"Special Elite", monospace;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--terracota) var(--crema);scroll-padding-top:80px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--crema)}::-webkit-scrollbar-thumb{background:var(--terracota);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--terracota-light)}body{font-family:var(--font-type);background-color:var(--crema);color:var(--ink);line-height:1.6}a{color:var(--terracota);text-decoration:none;transition:color .3s}a:hover{color:var(--terracota-light)}img{max-width:100%;height:auto}.nav{z-index:100;background:var(--crema);border-bottom:2px solid var(--terracota);padding:var(--space-sm) var(--space-md);position:fixed;top:0;left:0;right:0}.nav__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav__logo{font-family:var(--font-hand);color:var(--terracota);letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.nav__toggle{cursor:pointer;padding:var(--space-xs);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.nav__toggle span{background:var(--terracota);width:24px;height:2px;transition:transform .3s;display:block}.nav__links{gap:var(--space-md);list-style:none;display:flex}.nav__links a{font-family:var(--font-type);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;position:relative}.nav__links a:after{content:"";background:var(--terracota);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.nav__links a:hover:after{transform:scaleX(1)}.hero{min-height:100vh;padding:var(--space-2xl) var(--space-md);background:var(--crema);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero__doodles{pointer-events:none;z-index:2;position:fixed;inset:0}.doodle{opacity:.15;animation:12s ease-in-out infinite float;position:absolute}.doodle--bean{width:55px;animation-duration:9s;animation-delay:0s;top:14%;left:7%}.doodle--mug{width:90px;animation-duration:12s;animation-delay:-2.5s;top:16%;right:8%}.doodle--paper-cup{width:70px;animation-duration:14s;animation-delay:-5s;bottom:16%;left:33%}.doodle--cookie{width:72px;animation-duration:10s;animation-delay:-7.5s;bottom:26%;left:9%}.doodle--croissant{width:100px;animation-duration:13s;animation-delay:-10s;top:40%;right:18%}.doodle--takeaway{width:60px;animation-duration:15s;animation-delay:-12.5s;bottom:20%;right:8%}.doodle--cake{width:85px;animation-duration:11s;animation-delay:-15s;bottom:9%;right:26%}.doodle--moka{width:72px;animation-duration:12s;animation-delay:-17.5s;top:34%;left:18%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-35px)rotate(8deg)}50%{transform:translateY(-12px)rotate(-6deg)}75%{transform:translateY(22px)rotate(4deg)}}.hero__content{text-align:center;z-index:3;position:relative}.hero__logo{width:min(400px,80vw);height:auto;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 20px #992b2b26);animation:1s ease-out fadeInUp}.hero__tagline{font-family:var(--font-type);color:var(--ink-light);letter-spacing:.03em;margin-bottom:var(--space-sm);font-size:clamp(1rem,2.5vw,1.3rem);animation:1s ease-out .2s both fadeInUp}.hero__address{font-family:var(--font-type);color:var(--ink-light);letter-spacing:.03em;margin-bottom:var(--space-lg);font-size:.95rem;animation:1s ease-out .4s both fadeInUp}.hero__cta{font-family:var(--font-hand);color:var(--crema);background:var(--terracota);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:1.3rem;font-weight:600;transition:transform .3s,box-shadow .3s;animation:1s ease-out .6s both fadeInUp;display:inline-block}.hero__cta:hover{color:var(--crema);transform:translateY(-3px);box-shadow:0 8px 25px #992b2b4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sobre{padding:var(--space-2xl) var(--space-md);background:var(--crema);position:relative}.sobre__inner{gap:var(--space-lg);grid-template-columns:1fr 2fr 1fr;align-items:center;max-width:1000px;margin:0 auto;display:grid}.sobre__stamp{justify-content:center;display:flex}.stamp__border{border:3px dashed var(--terracota);padding:var(--space-sm) var(--space-md);position:relative;transform:rotate(-5deg)}.stamp__border:before{content:"";background:var(--crema-dark);border:2px solid var(--ink-light);width:40px;height:16px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.stamp__text{font-family:var(--font-hand);color:var(--terracota);font-size:1.1rem;font-weight:600}.sobre__content{text-align:center}.sobre__title{font-family:var(--font-hand);color:var(--terracota);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3rem);font-weight:700}.sobre__text{color:var(--ink);margin-bottom:var(--space-sm);max-width:55ch;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.8}.menu{padding:var(--space-2xl) var(--space-md);background:var(--crema-dark);position:relative}.menu__header{text-align:center;margin-bottom:var(--space-xl)}.menu__title{font-family:var(--font-hand);color:var(--terracota);margin-bottom:var(--space-xs);font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.menu__subtitle{font-family:var(--font-type);color:var(--ink-light);text-transform:uppercase;letter-spacing:.15em;font-size:1rem}.menu__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.menu__category{background:var(--crema);border:2px solid var(--terracota);border-radius:var(--radius-lg);padding:var(--space-lg);flex-direction:column;height:440px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.menu__category:hover{box-shadow:0 12px 30px #992b2b26}.menu__name{font-family:var(--font-hand);color:var(--terracota);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px dashed var(--kraft);font-size:1.8rem;font-weight:700}.menu__items{padding-right:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--terracota) transparent;flex:1;list-style:none;overflow-y:auto}.menu__items::-webkit-scrollbar{width:8px}.menu__items::-webkit-scrollbar-track{background:0 0}.menu__items::-webkit-scrollbar-thumb{background:var(--terracota);border-radius:4px}.menu__item{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px dotted var(--kraft);display:flex}.menu__item:last-child{border-bottom:none}.menu__item-name{font-family:var(--font-type);color:var(--ink);font-size:.95rem}.menu__item-price{font-family:var(--font-hand);color:var(--terracota);white-space:nowrap;font-size:1.1rem;font-weight:600}.eventos{padding:var(--space-2xl) var(--space-md);background:var(--crema);position:relative}.eventos__inner{max-width:1000px;margin:0 auto}.eventos__title{font-family:var(--font-hand);color:var(--terracota);text-align:center;margin-bottom:var(--space-xl);font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.eventos__grid{justify-content:center;gap:var(--space-lg);grid-template-columns:minmax(0,560px);display:grid}.evento__ticket{background:var(--crema);border:2px solid var(--terracota);border-radius:var(--radius-md);position:relative;overflow:hidden}.evento__teeth{background:var(--crema);border-left:2px solid var(--terracota);border-right:2px solid var(--terracota);height:12px;position:relative}.evento__teeth:after{content:"";background:radial-gradient(circle, var(--terracota) 2px, transparent 2px);background-size:12px 4px;height:4px;position:absolute;top:50%;left:8px;right:8px;transform:translateY(-50%)}.evento__teeth--top{border-top:2px solid var(--terracota);border-radius:var(--radius-md) var(--radius-md) 0 0}.evento__teeth--bottom{border-bottom:2px solid var(--terracota);border-radius:0 0 var(--radius-md) var(--radius-md)}.evento__content{padding:var(--space-lg);text-align:center;position:relative}.evento__tape{background:var(--ink);color:var(--crema);padding:var(--space-xs) var(--space-sm);font-family:var(--font-hand);white-space:nowrap;z-index:1;font-size:.85rem;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)rotate(-2deg)}.evento__date{font-family:var(--font-type);color:var(--ink-light);margin-bottom:var(--space-sm);margin-top:var(--space-lg);font-size:.85rem}.evento__name{font-family:var(--font-type);color:var(--terracota);letter-spacing:.05em;margin-bottom:var(--space-sm);font-size:clamp(1.5rem,4vw,2rem);font-weight:400}.evento__details{font-family:var(--font-hand);color:var(--ink);font-size:1.1rem;line-height:1.6}.fotos{padding:var(--space-2xl) var(--space-md);background:var(--crema);position:relative}.fotos__inner{max-width:1100px;margin:0 auto}.fotos__title{font-family:var(--font-hand);color:var(--terracota);text-align:center;margin-bottom:var(--space-xl);font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.fotos__subtitle{font-family:var(--font-type);color:var(--ink-light);text-transform:uppercase;letter-spacing:.15em;text-align:center;margin-top:calc(-1 * var(--space-md));margin-bottom:var(--space-xl);font-size:1rem}.fotos__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.foto{border-radius:var(--radius-md);background:var(--crema-dark);position:relative;box-shadow:0 6px 20px #992b2b1f}.foto img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:340px;display:block}.foto__tape{background:#f5f0e8bf;width:110px;height:32px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 2px 6px #2c181033}.foto__tape--b{transform:translate(-50%)rotate(5deg)}.foto__tape--c{transform:translate(-50%)rotate(-2deg)}.fotos__empty{font-family:var(--font-hand);color:var(--ink-light);text-align:center;padding:var(--space-xl) var(--space-md);border:2px dashed var(--kraft);border-radius:var(--radius-lg);background:var(--crema-dark);grid-column:1/-1;font-size:1.4rem}.eventos__empty{font-family:var(--font-hand);color:var(--ink-light);text-align:center;padding:var(--space-xl) var(--space-md);border:2px dashed var(--kraft);border-radius:var(--radius-md);background:var(--crema-dark);font-size:1.4rem}.cta{padding:var(--space-2xl) var(--space-md);background:var(--crema-dark);text-align:center;position:relative}.cta__inner{max-width:700px;margin:0 auto}.cta__title{font-family:var(--font-hand);color:var(--terracota);margin-bottom:var(--space-sm);font-size:clamp(2.5rem,6vw,4rem);font-weight:700}.cta__text{color:var(--ink);margin-bottom:var(--space-lg);font-size:1rem;line-height:1.7}.cta__actions{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.cta__btn{font-family:var(--font-hand);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:1.3rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-block}.cta__btn:hover{transform:translateY(-3px)}.cta__btn--pedidosya{background:var(--menta-dark);color:var(--crema)}.cta__btn--pedidosya:hover{color:var(--crema);box-shadow:0 8px 25px #5aa88259}.cta__btn--instagram{background:var(--crema);color:var(--terracota);border:2px solid var(--terracota)}.cta__btn--instagram:hover{box-shadow:0 8px 25px #992b2b26}.cta__map{font-family:var(--font-type);color:var(--ink-light);border-bottom:1px dashed var(--kraft);font-size:.9rem}.cta__map:hover{color:var(--terracota);border-color:var(--terracota)}.footer{background:var(--terracota);color:var(--crema);padding:var(--space-xl) var(--space-md) var(--space-md)}.footer__inner{max-width:1200px;margin:0 auto}.footer__brand{text-align:center;margin-bottom:var(--space-xl)}.footer__logo{font-family:var(--font-hand);color:var(--crema);margin-bottom:var(--space-xs);font-size:3rem;font-weight:700}.footer__tagline{font-family:var(--font-type);opacity:.9;letter-spacing:.03em;font-size:.9rem}.footer__info{gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer__heading{font-family:var(--font-hand);margin-bottom:var(--space-xs);color:var(--crema);font-size:1.3rem;font-weight:600}.footer__block p{font-family:var(--font-type);font-size:.9rem;line-height:1.8}.footer__block a{color:var(--crema);border-bottom:1px dashed var(--crema);transition:border-color .3s}.footer__block a:hover{color:var(--menta);border-color:var(--menta)}.footer__bottom{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);font-family:var(--font-type);color:var(--crema);opacity:.75;border-top:1px dashed #f5f0e859;flex-wrap:wrap;font-size:.8rem;display:flex}@media (width<=768px){.nav__toggle{display:flex}.nav__links{background:var(--crema);padding:var(--space-lg);align-items:center;gap:var(--space-md);border-bottom:2px solid var(--terracota);opacity:0;visibility:hidden;flex-direction:column;transition:transform .3s,opacity .3s,visibility .3s;position:fixed;top:60px;left:0;right:0;transform:translateY(-100%)}.nav__links.active{opacity:1;visibility:visible;transform:translateY(0)}.sobre__inner{gap:var(--space-md);grid-template-columns:1fr}.sobre__stamp{order:-1}.eventos__grid,.fotos__grid{grid-template-columns:1fr}}@media (width<=480px){.hero__logo{width:90vw}.menu__grid{grid-template-columns:1fr}.menu__category{padding:var(--space-md);height:380px}.footer__info{text-align:center;grid-template-columns:1fr}.footer__bottom{text-align:center;justify-content:center}}.sobre,.menu,.fotos,.eventos,.cta{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.sobre.visible,.menu.visible,.fotos.visible,.eventos.visible,.cta.visible{opacity:1;transform:translateY(0)}a:focus-visible,button:focus-visible{outline:3px solid var(--menta);outline-offset:3px}@media print{.nav,.hero__doodles{display:none}.hero{min-height:auto;padding:var(--space-lg)}body{background:#fff}}
