header{background-color:var(--color-wine);color:var(--color-beige)}.header-logo{filter:brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(981%) hue-rotate(314deg) brightness(102%) contrast(89%)}.header-logo:hover{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(4%) hue-rotate(131deg) brightness(102%) contrast(102%)}header nav button,header nav a{color:var(--color-beige)}header nav button:hover,header nav a:hover{color:var(--color-white)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:center;background-image:url(/assets/images/cafe-do-marco.png);background-size:cover;background-position:center;position:relative;z-index:0;overflow-x:hidden;padding-top:calc(var(--dynamic-header-offset, 60px) + 4rem)}.hero::before{content:'';position:absolute;inset:0;z-index:-1}.hero-content{position:relative;width:100%;max-width:80rem;padding:2rem 1.5rem;color:var(--color-white);margin:0 auto;display:grid;align-content:start;row-gap:1.5rem;animation:fadeInUp 1s ease-out}.hero-content h1,.hero-content p{background-color:var(--color-beige);border-radius:var(--border-radius-size);color:var(--color-wine);padding:1rem;margin:0;font-family:'Playfair',serif}.hero-content h1::first-letter{font-family:'Ballet',cursive;font-weight:700}.hero-content h1{position:relative;text-align:center;font-size:clamp(1.5rem, 5vw, 2.125rem);margin-bottom:0;font-weight:600;padding-left:2.25rem;animation:fadeInUp 1.2s ease-out 0.2s both}.hero-content p{font-size:clamp(1.05rem, 2.2vw, 1.25rem);font-weight:400;margin-bottom:0;line-height:1.5;animation:fadeInUp 1.9s ease-out 0.4s both}.btn-hero{background-color:var(--color-wine);color:var(--color-beige);border-radius:40px;padding:.9rem 1.75rem;text-decoration:none;font-weight:700;letter-spacing:.03em;line-height:1;margin-top:4rem;animation:fadeInUp 1.9s ease-out 0.6s both;box-shadow:0 4px 14px -4px rgb(0 0 0 / .35);transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease,color 0.35s ease}.btn-hero:hover,.btn-hero:focus-visible{background-color:var(--color-rosy);color:var(--color-white);box-shadow:0 6px 18px -6px rgb(0 0 0 / .45)}.btn-hero:active{box-shadow:0 3px 10px -4px rgb(0 0 0 / .4)}.products{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.products::before{filter:blur(var(--panel-blur));content:'';position:absolute;inset:0;background:url(/assets/images/pattern-marco-verde.png) center/cover no-repeat;opacity:.3;z-index:0}.products-content{width:100%;max-width:80rem;margin:0 auto;padding:2rem 1.5rem}@keyframes fadeInDown{from{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.products-content,.products-text h2,.products-text p,.products-media img,.btn-products{opacity:0;transform:translateY(-24px)}#produtos .products-content.in-view,.products-text h2,.products-text p,products-media img,.btn-products{animation:fadeInDown 1.9s ease-out both}.products-card{display:grid;grid-template-columns:fit-content(clamp(260px, 85vw, 40rem));gap:1rem}.products-media img{display:block;max-width:clamp(240px, 40vw, 380px);height:auto}.products-text{display:flex;flex-direction:column;text-align:center;height:100%;border:1px solid #984e445e;background:var(--color-beige);border-radius:var(--border-radius-size);padding:1.5rem;row-gap:1.5rem}.products-text .btn-products{margin-top:auto}.products-media{position:relative;display:flex;align-items:center;justify-content:center}.products-media img{max-width:clamp(240px, 40vw, 380px);width:100%;height:auto}.btn-products{background-color:var(--color-wine);color:var(--color-beige);display:block;text-align:center;border-radius:40px;padding:.9rem 1.75rem;font-weight:700;text-decoration:none;transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease,color 0.35s ease;letter-spacing:.03em;line-height:1;box-shadow:0 4px 14px -4px rgb(0 0 0 / .35)}.btn-products:hover,.btn-products:focus-visible{background-color:var(--color-rosy);color:var(--color-white);box-shadow:0 6px 18px -6px rgb(0 0 0 / .45)}.btn-products:active{box-shadow:0 3px 10px -4px rgb(0 0 0 / .4)}.products-text h2,.products-text p{color:var(--color-wine);font-family:'Playfair',serif}.products-text h2{font-size:clamp(1.5rem, 5vw, 2.125rem);font-weight:600}.products-text h2::first-letter{font-family:'Ballet',cursive}.products-text p{font-size:clamp(1.05rem, 2.2vw, 1.25rem);font-weight:400;margin-bottom:1.25rem;line-height:1.5;justify-self:stretch}#produtos .products-media img{display:block;width:100%;object-position:center center;border-radius:8px;box-shadow:0 8px 24px rgb(0 0 0 / .15);filter:none}#produtos .products-card{grid-template-areas:'text' 'media'}#produtos .products-card>.products-text{grid-area:text}#produtos .products-card>.products-media{grid-area:media}.about{font-family:'Rajdhani',sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--color-beige);color:var(--color-black);position:relative;overflow:hidden;padding-inline:1.5rem}.about::before{content:'';position:absolute;inset:0;background:url(/assets/images/fundo-marco-about.png) center/cover no-repeat;opacity:1;pointer-events:none}.about-background,.about-text{will-change:transform,opacity}#about.in-view .about-content{animation:fadeInUp 1s ease-out both}#about-link{height:fit-content}.about-text{background-color:var(--color-beige);max-width:80rem;margin:0 auto;padding:2rem 1.5rem;display:grid;grid-template-columns:1fr;row-gap:1.5rem;border:1px solid #f1d8bf36;border-radius:var(--border-radius-size);text-align:center;border:1px solid #984e445e;width:55%}.about-text h2,.about-text p{background:#fff0;margin:0;font-family:'Playfair',serif;padding:0;color:var(--color-wine)!important}.about-text h2{font-size:clamp(1.5rem, 5vw, 2.125rem);line-height:1.15;margin-bottom:.75rem}.about-text h2 .about-text-highlight{font-family:'Ballet',cursive}.about-text h2::first-letter{font-family:'Ballet',cursive;font-weight:700}.about-text p{font-family:'Playfair',serif;font-size:clamp(1.05rem, 2.2vw, 1.25rem);font-weight:400;line-height:clamp(1.4, 2.4vw, 1.55);margin-bottom:1.25rem}.btn-about{background-color:var(--color-wine);color:var(--color-beige);justify-self:stretch;text-align:center;border-radius:40px;padding:.9rem 1.75rem;font-weight:700;text-decoration:none;letter-spacing:.03em;line-height:1;transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease,color 0.35s ease;box-shadow:0 4px 14px -4px rgb(0 0 0 / .35)}.btn-about:hover,.btn-about:focus-visible{background-color:var(--color-rosy);color:var(--color-white);box-shadow:0 6px 18px -6px rgb(0 0 0 / .45)}.btn-about:active{transform:translateY(0);box-shadow:0 3px 10px -4px rgb(0 0 0 / .4)}@media (hover:none){#audio-control.btn-about:hover{background-color:var(--color-rosy);box-shadow:none}.btn-about:not(.is-playing):hover{background-color:inherit;color:inherit;box-shadow:none}}.no-hover-touch.btn-about:hover{background-color:var(--color-rosy);color:var(--color-beige);box-shadow:none}.controls-about{display:flex;gap:1rem;margin-top:1.5rem}.controls-about{align-items:flex-start}#about-link{flex:0 0 auto;align-self:flex-start}#about-link.btn-about{display:inline-flex;align-items:center;height:2.825rem;padding-top:.75rem;padding-bottom:.75rem}.btn-full-bleed{width:100%;display:inline-flex;justify-content:center}@keyframes productsFadeDrop{from{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:translateY(0)}}#produtos .products-content.products-simple-anim .products-text h2,#produtos .products-content.products-simple-anim .products-text p,#produtos .products-content.products-simple-anim .products-media img,#produtos .products-content.products-simple-anim .btn-products{opacity:1!important;transform:none!important;animation:none!important}#produtos .products-content.products-simple-anim{opacity:0;transform:translateY(-36px)}#produtos .products-content.products-show{animation:productsFadeDrop 0.9s ease-out both}.blog{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-beige);position:relative;overflow:hidden}.blog::before{filter:blur(var(--panel-blur));content:'';position:absolute;inset:0;background:url(/assets/images/pattern-marco-verde.png) center/cover no-repeat;opacity:.3;pointer-events:none;z-index:0}.blog-content{width:100%;max-width:80rem;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:1}.blog-card{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch}.blog-text{display:flex;flex-direction:column;height:100%;border:1px solid #984e445e;background-color:var(--color-beige);border-radius:var(--border-radius-size);padding:1.75rem 1.65rem;position:relative;box-shadow:0 6px 28px -10px rgb(0 0 0 / .25);overflow:hidden;text-align:center}.blog-text h2,.blog-text p{margin:0;font-family:'Playfair',serif;color:var(--color-wine)}.blog-text h2{font-size:clamp(1.5rem, 5vw, 2.125rem);font-weight:600;margin-bottom:.75rem;text-align:center}.blog-text h2::first-letter{font-family:'Ballet',cursive;font-weight:700}.blog-text p{font-size:clamp(1.05rem, 2.2vw, 1.25rem);font-weight:400;line-height:1.5;margin-bottom:1.25rem}.btn-blog{background-color:var(--color-wine);color:var(--color-beige);display:inline-block;text-align:center;border-radius:var(--border-radius-size);padding:.9rem 1.75rem;font-weight:700;text-decoration:none;letter-spacing:.03em;line-height:1;transition:background 0.35s ease,transform 0.35s ease,box-shadow 0.35s ease,color 0.35s ease;box-shadow:0 4px 14px -4px rgb(0 0 0 / .35);transform:translateY(0);margin-top:auto}.btn-blog:hover,.btn-blog:focus-visible{background-color:var(--color-rosy);color:var(--color-white);box-shadow:0 6px 18px -6px rgb(0 0 0 / .45)}.btn-blog:active{transform:translateY(0);box-shadow:0 3px 10px -4px rgb(0 0 0 / .4)}.blog-content,.blog-text h2,.blog-text p,.btn-blog,.blog-deco,.blog-media img{border-radius:40px;opacity:0;transform:translateY(-28px)}@keyframes blogFadeIn{from{opacity:1;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}.blog-content.in-view,.blog-content.in-view .blog-text h2,.blog-content.in-view .blog-text p,.blog-content.in-view .blog-deco,.blog-content.in-view .blog-media img,.blog-content.in-view .btn-blog{animation:blogFadeIn 1.5s ease-out both;opacity:1!important}footer{background-color:var(--color-wine);color:var(--color-beige)}.footer-logo{filter:brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(981%) hue-rotate(314deg) brightness(102%) contrast(89%)}footer .scroll-to-top-btn:hover,.footer-section.brand a:hover{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(4%) hue-rotate(131deg) brightness(102%) contrast(102%)}.footer-contact-info a:hover,footer nav button:hover,footer nav a:hover,.social-icons a:hover{color:var(--color-white)}footer nav button,footer nav a,.footer-bottom-content{color:var(--color-beige)}.footer-bottom{border-top:1px solid rgb(241 216 191 / .5)}@media (min-width:1025px){.hero{align-items:flex-start}.hero-content{margin:0 auto;grid-template-columns:fit-content(clamp(260px, 90vw, 40rem));justify-content:start;padding-left:1.5rem;padding-right:1.5rem}#produtos .products-card{grid-template-columns:1fr 1fr;grid-template-areas:'text media';column-gap:clamp(1.25rem, 3vw, 2.5rem);align-items:stretch}#produtos .products-text{display:flex;flex-direction:column;height:100%}#produtos .products-media{justify-self:stretch;display:flex;align-items:stretch}#produtos .products-media img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:var(--border-radius-size)}.blog-card{grid-template-columns:1fr 1fr;grid-template-areas:'media text';column-gap:clamp(2rem, 6vw, 5rem);align-items:stretch}.blog-card>.blog-media{grid-area:media;display:flex;align-items:stretch}.blog-card>.blog-text{grid-area:text;display:flex;flex-direction:column;height:100%}.blog-media img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:var(--border-radius-size)}}@media (max-width:1007px){.hero{padding-top:calc(var(--dynamic-header-offset, 60px) + 2.5rem)}.hero-content h1::after{width:110%;transform:scale(.75);left:-32px}.hero-content p::first-letter{font-size:1.5rem}#produtos .products-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.75rem;min-height:auto}#produtos .products-card>.products-text,#produtos .products-card>.products-media{flex:1 1 0%}#produtos .products-media{display:flex;align-items:center;justify-content:center}.products-text{display:block}.products-text .btn-products{margin-top:1.25rem}#produtos .products-media img{width:100%;height:100%;max-width:none;aspect-ratio:3 / 2;object-fit:cover;object-position:center center}.about-text{width:100%}}@media (min-width:860px){.blog-card{grid-template-columns:minmax(300px,36rem) minmax(320px,42rem);align-items:center;gap:clamp(2rem, 5vw, 5rem);grid-template-areas:'text media'}.blog-card>.blog-media{grid-area:media}.blog-card>.blog-text{grid-area:text}.blog-media{position:relative;display:flex;align-items:center;justify-content:flex-end}.blog-media img{width:100%;max-width:520px;height:auto;object-fit:cover;border-radius:var(--border-radius-size);box-shadow:0 10px 34px -12px rgb(0 0 0 / .35)}}@media (max-width:859px) and (min-width:641px){.blog-media img{width:100%;max-width:480px;display:flex;margin:0 auto;border-radius:var(--border-radius-size)}.blog-deco{right:-60px;top:55%;width:clamp(300px, 55vw, 520px);height:clamp(300px, 55vw, 520px)}}@media (max-width:640px){#about-link{order:1}.about-text h2{font-size:clamp(1.35rem, 6vw, 1.9rem)}.about-background{background-size:clamp(180px, 65vw, 440px) auto}.blog-card{grid-template-columns:1fr}.blog-media img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--border-radius-size)}.blog-deco{display:none}.btn-full-bleed{width:auto}}@media (max-width:480px){.about-text{padding:1.25rem 1rem}.about-text p{font-size:clamp(0.9rem, 3.5vw, 1.05rem)}.about-audio-btn{width:100%;justify-content:center}#about-link.btn-about{width:100%;justify-content:center}.controls-about{flex-direction:column;align-items:stretch}}@media (max-width:380px){.about-text h2{font-size:clamp(1.2rem, 7vw, 1.6rem)}.about-background{background-size:clamp(160px, 72vw, 360px) auto}.about-audio-btn{padding:.65rem 1rem;height:auto}#about-link.btn-about{padding:.65rem 1rem;height:auto}.audio-progress{grid-template-columns:auto 1fr auto}}@media (min-width:768px){.about{align-items:center}.about-text{margin-left:0}.about-background{background-position:center center}}@media (prefers-reduced-motion:reduce){.about-text,.about-background{transition:none;transform:none;opacity:1!important}}@media (prefers-reduced-motion:reduce){.products-content,.products-text h2,.products-text p,.products-media img,.btn-products{animation:none!important;opacity:1!important;transform:none!important}}