:root{--ink:#263d24;--accent:#a97727;--paper:#f8f5ed;--soft:#e8eddf;--line:#d9ddce;--muted:#6d775f;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:14px Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0;background:none}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #db9f36;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}h2{font-size:clamp(42px,4.5vw,70px);line-height:1.03}h3{font-size:28px}em{color:var(--accent);font-weight:400}p{line-height:1.7}img{display:block;width:100%;object-fit:cover}.top{padding:12px 6%;display:flex;justify-content:space-between;gap:15px;background:var(--ink);color:white;font-size:9px;letter-spacing:1.3px}header{position:sticky;top:0;z-index:20;background:var(--paper);height:104px;display:flex;justify-content:space-between;align-items:center;padding:0 6%;border-bottom:1px solid var(--line);gap:20px}.logo{width:165px;flex-shrink:0;background:white;padding:5px 8px;border-radius:3px}.logo img{height:80px;object-fit:contain}nav{display:flex;align-items:center;gap:28px;font-size:11px}.selection{display:flex;align-items:center;gap:12px;font-size:11px}.selection span{display:grid;place-items:center;border:1px solid #85947a;border-radius:50%;width:28px;height:28px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:65px 8% 50px 12%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:9px;letter-spacing:1.8px;line-height:1.7;text-transform:uppercase}.hero h1{font-size:clamp(58px,5.5vw,85px);line-height:1;margin:28px 0;letter-spacing:-.055em}.hero-copy>p{font-size:13px;color:var(--muted);max-width:380px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;padding:17px 23px;min-height:50px;background:var(--ink);color:white;font-size:11px}.button:hover{filter:brightness(1.18)}.button.alt{border:1px solid #a9b29e;background:transparent;color:var(--ink)}.text-link{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:5px}.hero-caption{margin-top:auto;padding-top:42px;font-size:9px;line-height:1.6;color:var(--muted)}.hero-caption strong{font-weight:500;color:var(--ink)}.hero-visual{position:relative;overflow:hidden;min-height:640px;background:#b39569}.hero-visual>img{height:100%;position:absolute}.hero-visual .photo-tag{position:absolute;bottom:35px;left:30px;color:white;font:italic 26px var(--serif);text-shadow:0 2px 15px #0009}.stamp{position:absolute;right:25px;top:25px;border:1px solid #fff9;border-radius:50%;width:95px;height:95px;display:flex;align-items:center;justify-content:center;text-align:center;color:white;background:#0002;font-size:9px;line-height:1.6;letter-spacing:1.3px;transform:rotate(10deg)}.ribbon{background:var(--soft);padding:23px 6%;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px}.section{padding:85px 6%}.head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.head .eyebrow{margin-bottom:20px}.head>p{font-size:12px;color:var(--muted);max-width:290px}.tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{font-size:10px;padding:10px 16px;border:1px solid transparent;border-radius:30px}.filters button.active{background:var(--ink);color:white}.filters button:hover{border-color:#9eac91}.search{display:flex;align-items:center;gap:10px;border-bottom:1px solid #9eac91}.search span{font-size:25px}.search input{border:0;background:none;padding:10px 0;font-size:11px;color:var(--ink);width:190px}.note{font-size:9px;color:var(--muted);padding:15px 0 25px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.card .photo{width:100%;aspect-ratio:1.3;padding:0;position:relative;overflow:hidden;background:#e2dbca}.card .photo img{height:100%;transition:transform .4s}.card .photo:hover img{transform:scale(1.05)}.card:nth-child(2n) .photo img{object-position:80% 50%}.card:nth-child(3n) .photo img{object-position:15% 50%}.card .photo span{position:absolute;left:15px;top:15px;font-size:8px;letter-spacing:.5px;background:var(--paper);padding:7px 10px}.card h3{margin:17px 0 6px}.card>p{font-size:11px;color:var(--muted)}.card .bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:10px}.add span{margin-left:10px;border:1px solid #9eac91;width:27px;height:27px;display:inline-grid;place-items:center;border-radius:50%;font-size:17px}.ideas{background:var(--soft)}.idea-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.idea{padding:30px 27px;background:var(--paper);border-top:2px solid var(--accent)}.idea>span{font-size:10px;letter-spacing:1px;color:var(--accent)}.idea h3{margin:23px 0 16px;font-size:31px}.idea p{font-size:12px;color:var(--muted)}.idea button{margin-top:25px}.story{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:var(--paper)}.story-art{position:relative;min-height:470px;overflow:hidden}.story-art img{position:absolute;height:100%;object-position:15% center}.story-copy{padding:65px 12%}.story-copy h2{margin:22px 0}.story-copy em{color:#d9bb7d}.story-copy p{font-size:12px;max-width:390px}.story-copy .button{background:var(--paper);color:var(--ink);margin-top:28px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.post{border:1px solid var(--line);background:#fffdf7}.post-head{display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:11px}.post-head strong{font-size:10px}.post-image{position:relative;height:230px;background:var(--ink);overflow:hidden}.post-image img{height:100%;filter:brightness(.6)}.post-image h3{position:absolute;left:23px;right:23px;bottom:25px;color:white;font-size:34px;line-height:1.08}.post-body{padding:22px}.post-body p{font-size:11px;color:var(--muted);min-height:75px}.post-body button{margin-top:20px}.social-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:30px}.social-foot p{font-size:10px;color:var(--muted);max-width:620px}.contact{background:var(--soft);text-align:center}.contact h2{font-size:clamp(45px,5vw,76px);margin:24px 0}.contact>p{font-size:12px;color:var(--muted);margin-bottom:27px}.contact-small{margin-top:23px;font-size:9px!important}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.faq h2{font-size:44px;margin-top:18px}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:23px 0;cursor:pointer;font-size:12px}.faq details p{font-size:11px;color:var(--muted);padding-bottom:23px}footer{padding:45px 6% 25px;background:var(--ink);color:var(--paper)}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main .logo{width:145px}.footer-main .logo img{height:75px}.footer-main p{font:22px/1.3 var(--serif)}.footer-links{display:flex;gap:20px;align-items:center;font-size:11px}.footer-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:22px;margin-top:35px;font-size:8px;line-height:1.7;color:#e0e3d6}.float-wa{position:fixed;bottom:24px;right:24px;background:var(--ink);color:white;border:1px solid #ffffff80;padding:14px 19px;box-shadow:0 6px 20px #0002;border-radius:40px;font-size:11px;z-index:21}.overlay{position:fixed;inset:0;background:#0c160db0;z-index:40;backdrop-filter:blur(4px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(490px,100%);overflow:auto;padding:28px;background:var(--paper);z-index:41;box-shadow:-20px 0 50px #0002}.drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.drawer h2{font-size:39px;margin-top:10px}.close{font-size:32px;width:36px;height:36px}.bag-row{padding:20px 0;border-bottom:1px solid var(--line)}.bag-row h3{font-size:24px;margin-bottom:8px}.bag-row small{font-size:9px;color:var(--muted)}.qty-row{display:flex;gap:20px;align-items:center;margin-top:12px}.qty{display:flex;gap:15px;align-items:center;border:1px solid var(--line);font-size:12px}.qty button{padding:7px 12px}.remove{font-size:10px;text-decoration:underline}.empty{text-align:center;padding:60px 10px}.empty h3{margin-bottom:18px}.empty p{font-size:12px;color:var(--muted);margin-bottom:25px}.drawer label{display:block;margin:20px 0;font-size:11px}.drawer input,.drawer textarea,.drawer select{display:block;width:100%;border:1px solid #b6c0a7;background:#fffdf7;padding:12px;color:var(--ink);margin-top:8px;border-radius:0}.drawer textarea{resize:vertical;min-height:75px}.drawer p{font-size:10px;color:var(--muted);margin:20px 0}.drawer .button{width:100%;margin-top:10px}.summary-text{min-height:160px!important;font-size:12px!important}.dialog{background:var(--paper);color:var(--ink);border:0;padding:40px;width:min(660px,92vw);max-height:90vh;overflow:auto}.dialog::backdrop{background:#0c160db0;backdrop-filter:blur(3px)}.dialog>.close{position:absolute;top:8px;right:8px}.dialog h2{font-size:40px;margin:20px 0}.dialog p{font-size:13px;color:var(--muted)}.dialog .button{margin-top:25px}.dialog small{display:block;font-size:10px;color:var(--muted);margin-top:20px;line-height:1.6}.no-results{grid-column:1/-1;text-align:center;padding:50px}.no-results button{margin-top:20px}.toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);padding:16px 23px;background:var(--ink);color:white;box-shadow:0 4px 20px #0003;z-index:70;opacity:0;transition:.2s;pointer-events:none;font-size:12px;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}body.lock{overflow:hidden}
/* El Viejón has its own culinary art direction. */
.viejon{--ink:#382219;--accent:#b53030;--paper:#faf3e7;--soft:#efe3cf;--line:#d8c8af;--muted:#7c6755}.viejon .top{background:#a7252b}.viejon header{background:#fffaf2}.viejon header .logo{width:128px}.viejon .hero{position:relative;display:block;min-height:695px;background:#241610}.viejon .hero-visual{position:absolute;inset:0;min-height:0}.viejon .hero-visual>img{object-position:center;filter:brightness(.72)}.viejon .hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#241610eb 5%,#241610ad 42%,transparent 85%)}.viejon .hero-copy{position:relative;z-index:2;color:#fff0d8;padding:80px 6% 55px;max-width:750px;min-height:695px}.viejon .hero-copy h1{font-size:clamp(70px,7vw,110px)}.viejon .hero-copy em{color:#eaa76e}.viejon .hero-copy p,.viejon .hero-caption,.viejon .hero-caption strong{color:#e4cdb4}.viejon .hero .button{background:#b72b31}.viejon .hero .button.alt{border-color:#d1a683;background:transparent;color:#fff0d8}.viejon .hero-visual .photo-tag{right:40px;left:auto;bottom:40px;z-index:1;font-size:22px}.viejon .stamp{right:40px;top:35px}.viejon .card .photo img{filter:saturate(1.1)}.viejon .card h3{font-size:32px}.viejon .story-art img{object-position:70% center}.viejon .post-image{background:#8d2226}.viejon .float-wa{background:#a7252b}.viejon .ribbon{font-size:11px}.viejon .ribbon span:first-child{font-weight:bold}
@media(max-width:1000px){nav{gap:15px}.hero-copy{padding:55px 9%}.hero h1{font-size:60px}.hero-actions{gap:12px;flex-wrap:wrap}.head{gap:25px}.grid{gap:30px 18px}.social-grid{gap:18px}.post-body{padding:17px}.post-body p{min-height:100px}.story-copy{padding:55px 10%}.idea{padding:26px 20px}.idea h3{font-size:27px}}
@media(max-width:700px){html{scroll-padding-top:85px}.top{padding:10px 5%;font-size:7px;letter-spacing:.5px}.top span:last-child{font-size:7px}header{height:84px;padding:0 5%;gap:12px}header .logo{width:132px}header .logo img{height:63px}.viejon header .logo{width:97px}.menu-toggle{display:block;font-size:23px;padding:7px}.selection{font-size:10px;margin-left:auto;gap:8px}.selection span{width:25px;height:25px}nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:25px 6%;flex-direction:column;align-items:flex-start;gap:23px;border-bottom:1px solid var(--line);font-size:13px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 6% 35px}.hero h1{font-size:57px;margin:22px 0}.hero-copy>p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero-actions{margin-top:24px;gap:10px}.button{font-size:10px;padding:16px 18px;gap:17px}.hero-caption{padding-top:25px;font-size:8px}.hero-visual{min-height:360px}.hero-visual .photo-tag{font-size:24px;bottom:25px;left:22px}.stamp{width:80px;height:80px;font-size:8px;top:20px;right:20px}.viejon .hero,.viejon .hero-copy{min-height:650px}.viejon .hero-copy{padding:55px 6% 35px;max-width:100%}.viejon .hero-copy h1{font-size:70px}.viejon .hero-copy p{max-width:290px}.viejon .hero-visual{min-height:0}.viejon .hero-visual>img{object-position:65% center}.viejon .hero-visual:after{background:linear-gradient(90deg,#241610e8,#24161088 65%,#24161022)}.viejon .hero-visual .photo-tag{display:none}.viejon .stamp{width:64px;height:64px;top:20px;right:15px;font-size:6px;z-index:3}.ribbon{padding:19px 6%;font-size:7px!important;letter-spacing:.6px;gap:15px}.section{padding:55px 6%}.head{display:block;margin-bottom:25px}.head h2{font-size:43px}.head .eyebrow{margin-bottom:17px}.head>p{margin-top:23px;max-width:100%;font-size:11px}.tools{align-items:flex-start;flex-direction:column;gap:12px;padding-top:10px}.filters button{font-size:9px;padding:9px 12px}.search,.search input{width:100%}.note{font-size:8px;line-height:1.7;padding-bottom:20px}.grid{grid-template-columns:1fr 1fr;gap:26px 13px}.card .photo{aspect-ratio:.95}.card .photo span{left:7px;top:7px;padding:5px 7px;font-size:6px}.card h3,.viejon .card h3{font-size:25px;line-height:1.1}.card>p{font-size:10px;min-height:48px}.card .bottom{font-size:8px;gap:5px}.add{font-size:9px;padding:0}.add span{width:22px;height:22px;margin-left:4px}.idea-grid{grid-template-columns:1fr;gap:16px}.idea{padding:27px}.idea h3{margin:16px 0;font-size:30px}.story{grid-template-columns:1fr}.story-art{min-height:290px}.story-copy{padding:48px 8%}.story-copy h2{font-size:46px}.social-grid{grid-template-columns:1fr}.post-image{height:300px}.post-image h3{font-size:37px;max-width:270px}.post-body{padding:23px}.post-body p{min-height:0}.social-foot{align-items:flex-start;flex-direction:column;gap:20px}.social-foot p{font-size:9px}.contact h2{font-size:47px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:40px}.faq summary{font-size:11px}.footer-main{flex-wrap:wrap;gap:25px}.footer-main .logo{width:115px}.footer-main .logo img{height:65px}.footer-main p{font-size:20px}.footer-links{width:100%;font-size:10px}.footer-note{flex-direction:column;font-size:7px;gap:12px}.drawer{padding:24px}.dialog{padding:33px 25px}.dialog h2{font-size:35px}.float-wa{right:16px;bottom:16px;padding:13px 17px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}