:root{--cream:#f6e8d2;--paper:#fffaf1;--coffee:#451206;--orange:#d88623;--brown:#a06636;--shadow:0 5px 18px rgba(69,18,6,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--coffee);background:linear-gradient(100deg,#fff9ed 0%,#f8ead5 52%,#fffaf1 100%);font-family:Arial,Helvetica,sans-serif;line-height:1.35}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif}
.wrap{width:min(1140px,calc(100% - 40px));margin-inline:auto}
.button{min-height:48px;padding:0 28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:700;transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{color:#fff;background:linear-gradient(100deg,#c45c00,#dc850e);box-shadow:0 7px 15px rgba(183,86,0,.16)}
.button-outline{border:1.5px solid #a94c16;background:rgba(255,251,244,.55)}
.section-pad{padding-block:18px 16px}
.page-hero.hero-glow:after{background:radial-gradient(ellipse 48% 78% at 25% 52%,rgba(255,249,237,.9) 0 32%,rgba(255,249,237,.58) 55%,transparent 78%),linear-gradient(90deg,#fff9ed 0 27%,rgba(255,249,237,.98) 34%,rgba(255,249,237,.82) 42%,rgba(255,249,237,.4) 51%,rgba(255,249,237,.08) 61%,transparent 70%)}
.page-hero{height:530px;position:relative;overflow:hidden;padding-top:90px}.page-hero-image{position:absolute;inset:90px 0 0 44%;background-position:center;background-size:cover;background-repeat:no-repeat}.page-hero:after{content:'';position:absolute;inset:90px 0 0;pointer-events:none}.page-hero-content{position:relative;z-index:2;padding-top:80px}.page-hero h1{font-size:62px;line-height:.98;letter-spacing:-1.5px;margin-bottom:22px}.page-hero p{font-size:17px;max-width:430px;margin-bottom:25px}
.site-header{height:90px;position:fixed;z-index:10;inset:0 0 auto;background:linear-gradient(90deg,rgba(255,249,238,.98) 0 38%,rgba(255,249,238,.96) 58%,rgba(255,249,238,.93));transition:box-shadow .25s ease}
.header-inner{height:100%;width:min(1200px,calc(100% - 56px));margin:auto;display:flex;align-items:center}
.brand{position:absolute;top:4px;width:190px;z-index:2;transition:width .25s ease,top .25s ease}.brand img{width:100%;height:155px;object-fit:contain;transition:height .25s ease}
.main-nav{margin-left:auto;display:flex;align-items:center}.main-nav a{font-size:15px;font-weight:700;text-transform:uppercase;padding:4px 28px;border-right:1px solid #ad785d}.main-nav a:last-child{border:0}.main-nav a:hover,.main-nav a.active{color:#9b3d10}
.menu-toggle{display:none;margin-left:auto;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;margin:5px;background:var(--coffee)}
.site-footer{background:rgba(255,250,241,.95);padding:10px 0 14px}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-logo{width:150px;height:55px;object-fit:contain}.site-footer nav{display:flex}.site-footer nav a{padding:0 20px;font-size:12px;text-transform:uppercase;border-right:1px solid #b98b70}.site-footer nav a:last-child{border:0}.socials{display:flex;gap:12px}.socials a{width:28px;height:28px;border:1px solid var(--coffee);border-radius:50%;display:grid;place-items:center}.socials img{width:16px;height:16px}.email{font-size:12px}
@media(min-width:781px){.site-header.is-scrolled{box-shadow:0 3px 14px rgba(69,18,6,.12)}.site-header.is-scrolled .brand{top:5px;width:105px}.site-header.is-scrolled .brand img{height:80px}}
@media(max-width:780px){.wrap{width:min(100% - 28px,600px)}.page-hero{height:auto;min-height:710px;padding-top:74px;display:flex;align-items:flex-end}.page-hero-image{inset:74px 0 auto;height:330px;background-position:center}.page-hero:after{inset:74px 0 auto;height:410px;background:linear-gradient(0deg,#fff8eb 0,transparent 60%)}.page-hero-content{padding:355px 0 50px}.page-hero h1{font-size:46px}.page-hero p{font-size:15px}.site-header{height:74px;position:fixed;box-shadow:0 2px 12px rgba(69,18,6,.1)}.header-inner{width:calc(100% - 30px)}.brand{position:static;width:105px}.brand img{height:68px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:74px;left:0;right:0;padding:18px;background:#fff8eb;box-shadow:0 8px 18px rgba(69,18,6,.12);flex-direction:column}.main-nav.open{display:flex}.main-nav a{width:100%;text-align:center;border:0;padding:12px}.footer-inner{flex-direction:column;gap:16px}.site-footer nav{flex-wrap:wrap;justify-content:center}.email{order:4}}

.cta{min-height:110px;margin-top:11px;padding-right:25px;border-radius:14px;display:grid;grid-template-columns:140px minmax(260px,1fr) minmax(390px,460px);gap:18px;align-items:center;color:white;overflow:hidden;background:#b34d00 url('../img/caferistando-index-img-2.png') right center/460px auto no-repeat}.cta-icon{width:82px;height:82px;margin:auto;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center}.cta-icon img{width:48px;filter:brightness(0) invert(1)}.cta h2{font-size:25px;margin:0}.cta p{font-size:12px;line-height:1.2;margin:0}.newsletter-form{display:flex;align-items:center;gap:10px}.newsletter-form label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.newsletter-form input{width:100%;min-width:0;height:48px;padding:0 16px;border:1.5px solid rgba(255,255,255,.8);border-radius:7px;outline:0;color:#5d240b;background:rgba(255,255,255,.94)}.newsletter-form input::placeholder{color:#8d654f}.newsletter-form input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2)}.button-light{flex:0 0 auto;color:#fff;border:1.5px solid #fff;background:rgba(128,42,0,.2)}
@media(max-width:950px){.cta{grid-template-columns:95px minmax(220px,1fr) minmax(360px,430px);gap:12px;padding-right:18px}.cta-icon{width:68px;height:68px}.newsletter-form .button{padding-inline:18px}}
@media(max-width:780px){.cta{height:auto;min-height:280px;padding:25px;display:flex;flex-direction:column;text-align:center;gap:12px;background-size:500px}.cta-icon{margin:0}.cta h2{font-size:23px}.newsletter-form{width:100%;max-width:500px}.newsletter-form .button{width:auto;padding-inline:18px}.site-footer{margin-top:10px}}
@media(max-width:780px){.page-hero.hero-glow:after{background:linear-gradient(0deg,#fff8eb 0,transparent 60%)}}