: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;scroll-padding-top:80px}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 ease}a:hover{color:var(--terracota-light)}img{max-width:100%;height:auto}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--crema);border-bottom:2px solid var(--terracota);padding:var(--space-sm) var(--space-md)}.nav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-hand);font-size:1.8rem;font-weight:700;color:var(--terracota);letter-spacing:-.02em}.nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.nav__toggle span{display:block;width:24px;height:2px;background:var(--terracota);transition:transform .3s ease}.nav__links{display:flex;list-style:none;gap:var(--space-md)}.nav__links a{font-family:var(--font-type);font-size:.9rem;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;position:relative}.nav__links a:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--terracota);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.nav__links a:hover:after{transform:scaleX(1)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:var(--space-2xl) var(--space-md);background:var(--crema);overflow:hidden}.hero__doodles{position:fixed;inset:0;pointer-events:none;z-index:2}.doodle{position:absolute;opacity:.15;animation:float 12s ease-in-out infinite}.doodle--bean{width:55px;top:14%;left:7%;animation-delay:0s;animation-duration:9s}.doodle--mug{width:90px;top:16%;right:8%;animation-delay:-2.5s;animation-duration:12s}.doodle--paper-cup{width:70px;bottom:16%;left:33%;animation-delay:-5s;animation-duration:14s}.doodle--cookie{width:72px;bottom:26%;left:9%;animation-delay:-7.5s;animation-duration:10s}.doodle--croissant{width:100px;top:40%;right:18%;animation-delay:-10s;animation-duration:13s}.doodle--takeaway{width:60px;bottom:20%;right:8%;animation-delay:-12.5s;animation-duration:15s}.doodle--cake{width:85px;bottom:9%;right:26%;animation-delay:-15s;animation-duration:11s}.doodle--moka{width:72px;top:34%;left:18%;animation-delay:-17.5s;animation-duration:12s}@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;position:relative;z-index:3}.hero__logo{width:min(400px,80vw);height:auto;margin-bottom:var(--space-lg);filter:drop-shadow(0 4px 20px rgba(153,43,43,.15));animation:fadeInUp 1s ease-out}.hero__tagline{font-family:var(--font-type);font-size:clamp(1rem,2.5vw,1.3rem);color:var(--ink-light);letter-spacing:.03em;margin-bottom:var(--space-sm);animation:fadeInUp 1s ease-out .2s both}.hero__address{font-family:var(--font-type);font-size:.95rem;color:var(--ink-light);letter-spacing:.03em;margin-bottom:var(--space-lg);animation:fadeInUp 1s ease-out .4s both}.hero__cta{display:inline-block;font-family:var(--font-hand);font-size:1.3rem;font-weight:600;color:var(--crema);background:var(--terracota);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp 1s ease-out .6s both}.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{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:var(--space-lg);align-items:center}.sobre__stamp{display:flex;justify-content:center}.stamp__border{border:3px dashed var(--terracota);padding:var(--space-sm) var(--space-md);transform:rotate(-5deg);position:relative}.stamp__border:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:40px;height:16px;background:var(--crema-dark);border:2px solid var(--ink-light)}.stamp__text{font-family:var(--font-hand);font-size:1.1rem;color:var(--terracota);font-weight:600}.sobre__content{text-align:center}.sobre__title{font-family:var(--font-hand);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--terracota);margin-bottom:var(--space-md)}.sobre__text{font-size:1rem;line-height:1.8;color:var(--ink);margin-bottom:var(--space-sm);max-width:55ch;margin-left:auto;margin-right:auto}.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);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--terracota);margin-bottom:var(--space-xs)}.menu__subtitle{font-family:var(--font-type);font-size:1rem;color:var(--ink-light);text-transform:uppercase;letter-spacing:.15em}.menu__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.menu__category{background:var(--crema);border:2px solid var(--terracota);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;display:flex;flex-direction:column;height:440px;transition:transform .3s ease,box-shadow .3s ease}.menu__category:hover{box-shadow:0 12px 30px #992b2b26}.menu__name{font-family:var(--font-hand);font-size:1.8rem;font-weight:700;color:var(--terracota);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:2px dashed var(--kraft)}.menu__items{list-style:none;flex:1;overflow-y:auto;padding-right:var(--space-md);scrollbar-width:thin;scrollbar-color:var(--terracota) transparent}.menu__items::-webkit-scrollbar{width:8px}.menu__items::-webkit-scrollbar-track{background:transparent}.menu__items::-webkit-scrollbar-thumb{background:var(--terracota);border-radius:4px}.menu__item{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-xs) 0;border-bottom:1px dotted var(--kraft)}.menu__item:last-child{border-bottom:none}.menu__item-name{font-family:var(--font-type);font-size:.95rem;color:var(--ink)}.menu__item-price{font-family:var(--font-hand);font-size:1.1rem;font-weight:600;color:var(--terracota);white-space:nowrap}.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);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--terracota);text-align:center;margin-bottom:var(--space-xl)}.eventos__grid{display:grid;grid-template-columns:minmax(0,560px);justify-content:center;gap:var(--space-lg)}.evento__ticket{background:var(--crema);border:2px solid var(--terracota);border-radius:var(--radius-md);position:relative;overflow:hidden}.evento__teeth{height:12px;background:var(--crema);border-left:2px solid var(--terracota);border-right:2px solid var(--terracota);position:relative}.evento__teeth:after{content:"";position:absolute;top:50%;left:8px;right:8px;height:4px;background:radial-gradient(circle,var(--terracota) 2px,transparent 2px);background-size:12px 4px;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{position:absolute;top:0;left:50%;transform:translate(-50%) rotate(-2deg);background:var(--ink);color:var(--crema);padding:var(--space-xs) var(--space-sm);font-family:var(--font-hand);font-size:.85rem;font-weight:600;white-space:nowrap;z-index:1}.evento__date{font-family:var(--font-type);font-size:.85rem;color:var(--ink-light);margin-bottom:var(--space-sm);margin-top:var(--space-lg)}.evento__name{font-family:var(--font-type);font-size:clamp(1.5rem,4vw,2rem);font-weight:400;color:var(--terracota);letter-spacing:.05em;margin-bottom:var(--space-sm)}.evento__details{font-family:var(--font-hand);font-size:1.1rem;color:var(--ink);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);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--terracota);text-align:center;margin-bottom:var(--space-xl)}.fotos__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.foto{position:relative;border-radius:var(--radius-md);background:var(--crema-dark);box-shadow:0 6px 20px #992b2b1f}.foto img{display:block;width:100%;height:340px;object-fit:cover;border-radius:var(--radius-md)}.foto__tape{position:absolute;top:-16px;left:50%;width:110px;height:32px;background:#f5f0e8bf;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)}.cta{padding:var(--space-2xl) var(--space-md);background:var(--crema-dark);position:relative;text-align:center}.cta__inner{max-width:700px;margin:0 auto}.cta__title{font-family:var(--font-hand);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;color:var(--terracota);margin-bottom:var(--space-sm)}.cta__text{font-size:1rem;line-height:1.7;color:var(--ink);margin-bottom:var(--space-lg)}.cta__actions{display:flex;justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}.cta__btn{display:inline-block;font-family:var(--font-hand);font-size:1.3rem;font-weight:600;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:transform .3s ease,box-shadow .3s ease}.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);font-size:.9rem;color:var(--ink-light);border-bottom:1px dashed var(--kraft)}.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);font-size:3rem;font-weight:700;color:var(--crema);margin-bottom:var(--space-xs)}.footer__tagline{font-family:var(--font-type);font-size:.9rem;opacity:.9;letter-spacing:.03em}.footer__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-lg)}.footer__heading{font-family:var(--font-hand);font-size:1.3rem;font-weight:600;margin-bottom:var(--space-xs);color:var(--crema)}.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 ease}.footer__block a:hover{color:var(--menta);border-color:var(--menta)}.footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-md);border-top:1px dashed rgba(245,240,232,.35);font-family:var(--font-type);font-size:.8rem;color:var(--crema);opacity:.75}@media(max-width:768px){.nav__toggle{display:flex}.nav__links{position:fixed;top:60px;left:0;right:0;background:var(--crema);flex-direction:column;align-items:center;padding:var(--space-lg);gap:var(--space-md);border-bottom:2px solid var(--terracota);transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease}.nav__links.active{transform:translateY(0);opacity:1;visibility:visible}.sobre__inner{grid-template-columns:1fr;gap:var(--space-md)}.sobre__stamp{order:-1}.eventos__grid,.fotos__grid{grid-template-columns:1fr}}@media(max-width:480px){.hero__logo{width:90vw}.menu__grid{grid-template-columns:1fr}.menu__category{padding:var(--space-md);height:380px}.footer__info{grid-template-columns:1fr;text-align:center}.footer__bottom{justify-content:center;text-align:center}}.sobre,.menu,.fotos,.eventos,.cta{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.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}}