/* Snacks El Reparo — Menú digital sin precios */
:root {
  --bg:#0a0b09; --panel:#141613; --panel2:#1c1f19; --lime:#b5ff39; --orange:#ff861a;
  --cream:#f7f4e9; --muted:#b5b8a8; --line:rgba(255,255,255,.12);
  --radius:22px; --shell:1170px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;min-width:320px;background:var(--bg);color:var(--cream);font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 4% 12%,#74b42314,transparent 39%),radial-gradient(ellipse at 95% 80%,#cc5b1112,transparent 40%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
img{display:block;max-width:100%}::selection{background:var(--lime);color:var(--bg)}
[hidden]{display:none!important}
.shell{width:min(calc(100% - 42px),var(--shell));margin-inline:auto}
.top-strip{height:29px;display:flex;align-items:center;justify-content:center;gap:15px;background:var(--lime);color:#131e09;font-size:.66rem;font-weight:900;letter-spacing:.18em;text-align:center}
.top-strip-dot{width:6px;height:6px;border-radius:50%;background:#121b0e}
.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(19px);background:#090b08e6}
.nav{height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand img{border-radius:14px;object-fit:cover;border:1px solid #fff2}
.brand b{display:block;font-family:Impact,"Arial Black",sans-serif;font-size:1.22rem;letter-spacing:.05em;color:var(--lime);line-height:1}
.brand small{font-size:.71rem;letter-spacing:.04em;font-weight:800;color:#e7e5db;display:block;margin-top:5px}
.nav-links{display:flex;align-items:center;gap:30px;color:#d6d7cd;font-size:.87rem;font-weight:800}
.nav-links a:hover,.footer a:hover{color:var(--lime)}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:999px;background:var(--lime);color:#17220b;font-weight:900;font-size:.83rem;white-space:nowrap;transition:transform .2s,box-shadow .2s}
.pill:hover,.btn:hover{transform:translateY(-3px)}.pill:hover{box-shadow:0 7px 25px #9afa3344}
.hero{padding-block:69px 93px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;min-height:560px}
.eyebrow{color:var(--lime);font-weight:900;letter-spacing:.17em;font-size:.72rem;text-transform:uppercase}
.spark{color:var(--orange);font-size:1.2rem;vertical-align:middle}
.hero h1,.section-head h2,.statement h2,.order-card h2{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.018em;font-stretch:condensed;font-weight:900}
.hero h1{font-size:clamp(4rem,7.15vw,7.3rem);line-height:.93;margin:23px 0 18px}
.hero h1 span{color:var(--lime)}.hero h1 em,.section-head h2 em,.statement h2 em,.order-card h2 em{font-style:normal;color:var(--orange)}
.hero-slogan{display:inline-block;background:#1b2413;padding:8px 12px;border-left:4px solid var(--lime);font-weight:900;color:#f4f7e9;font-size:.76rem;letter-spacing:.08em}
.hero-slogan span{color:var(--orange);padding-inline:4px}
.hero-text{max-width:495px;color:var(--muted);font-size:1rem;line-height:1.8;margin:23px 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-block:28px 29px}
.btn{border:0;display:inline-flex;gap:19px;justify-content:center;align-items:center;border-radius:12px;padding:17px 21px;white-space:nowrap;font-weight:900;font-size:.85rem;transition:transform .2s,background .2s}
.btn-primary{background:var(--lime);color:#14200c}.btn-primary:hover{background:#caff7a}
.btn-secondary{background:#ffffff0a;color:#f2f4e7;border:1px solid #6b7661}.btn-secondary:hover{background:#ffffff18}
.hero-tags{display:flex;gap:25px;flex-wrap:wrap;font-size:.79rem;font-weight:900;color:#d2d3c7}
.hero-tags span::first-letter{color:var(--orange)}
.hero-visual{position:relative}
.hero-image-wrap{aspect-ratio:1/1.05;overflow:hidden;border-radius:28px;border:1px solid #c2ff6138;box-shadow:20px 20px 0 #191e11,0 25px 60px #0008}
.hero-image-wrap::after{content:"";position:absolute;inset:0;border-radius:28px;pointer-events:none;background:linear-gradient(180deg,transparent 45%,#0007)}
.hero-image-wrap img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(1.11)}
.hero-sticker{position:absolute;background:var(--orange);color:#16110b;font-family:Impact,"Arial Black",sans-serif;font-weight:900;box-shadow:5px 8px 0 #000c}
.sticker-top{top:-22px;right:-16px;transform:rotate(6deg);font-size:1.35rem;line-height:1.06;padding:15px 20px;width:166px;z-index:1}
.sticker-top b{display:block;font-size:1.65rem}.sticker-top span{position:absolute;right:7px;bottom:0;font-size:2rem}
.sticker-bottom{bottom:-20px;left:-22px;display:flex;align-items:center;gap:13px;background:var(--lime);transform:rotate(-5deg);padding:11px 19px;z-index:1}
.sticker-bottom b{font-size:4rem;line-height:1}.sticker-bottom span{font-size:1.03rem;line-height:1.1}
.mini-star{position:absolute;right:-36px;bottom:45px;font-size:4rem;color:var(--lime)}
.marquee{background:var(--orange);color:#11110b;padding:15px 0;white-space:nowrap;overflow:hidden;transform:rotate(-1deg);margin-top:-9px;border-block:4px solid #18100b}
.marquee-inner{width:max-content;display:flex;gap:50px;animation:marquee 32s linear infinite;font-family:Impact,"Arial Black",sans-serif;font-size:1.17rem;letter-spacing:.1em}
@keyframes marquee{to{transform:translateX(-50%)}}
.menu-section{padding-top:96px;padding-bottom:114px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.section-head h2,.statement h2,.order-card h2{font-size:clamp(2.9rem,5.4vw,5rem);line-height:1;letter-spacing:.01em;margin:15px 0 0}
.section-head p{color:var(--muted);font-size:.9rem;line-height:1.6;max-width:330px;margin:0}
.menu-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;position:sticky;top:83px;background:#0a0b09ed;z-index:30;padding-block:17px;border-block:1px solid var(--line);margin-bottom:22px;backdrop-filter:blur(10px)}
.category-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.category-scroll::-webkit-scrollbar{display:none}
.filter{border:1px solid #464f3e;white-space:nowrap;background:#131612;color:#e4e8dc;border-radius:999px;padding:11px 17px;font-weight:900;font-size:.77rem;transition:.2s}
.filter span{color:#94a48b;margin-left:4px}.filter.active{background:var(--lime);color:#15220b;border-color:var(--lime)}.filter.active span{color:#324c17}
.filter:hover:not(.active){border-color:var(--lime);color:var(--lime)}
.search{display:flex;align-items:center;gap:8px;border:1px solid #414a3a;background:#171a14;color:var(--lime);border-radius:12px;min-width:220px;padding:0 13px}
.search span{font-size:1.6rem}.search input{background:transparent;color:var(--cream);border:0;outline:0;width:100%;height:43px;font-size:.8rem}.search input::placeholder{color:#a5ab9d}
.group-heading{display:flex;align-items:center;gap:20px;margin:48px 0 20px}
.group-heading:first-child{margin-top:21px}.group-heading .group-index{border:1px solid var(--orange);color:var(--orange);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:.82rem}
.group-heading h3{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:.04em;margin:0;text-transform:uppercase}
.group-heading .group-line{height:1px;background:linear-gradient(90deg,#c6f55a77,transparent);flex:1}
.group-heading .group-count{color:var(--muted);font-weight:800;font-size:.79rem}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.product-card{background:linear-gradient(148deg,#171a14,#0f100e);border:1px solid #33402b;border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column}
.product-card:hover{transform:translateY(-6px);border-color:#aaff4f8c;box-shadow:0 14px 40px #0008}
.product-pic{aspect-ratio:1.26;position:relative;background:radial-gradient(ellipse at 50% 50%,#323d22,#111410);overflow:hidden;cursor:zoom-in;border:0;padding:0;width:100%;text-align:left}
.product-pic::after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0a0b09a9,transparent 60%)}
.product-pic img{object-fit:cover;width:100%;height:100%;transition:transform .45s}
.product-card:hover .product-pic img{transform:scale(1.06)}
.product-tag{position:absolute;z-index:1;top:15px;left:15px;background:var(--lime);border-radius:999px;padding:8px 12px;color:#192209;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.045em}
.zoom-icon{position:absolute;z-index:1;bottom:12px;right:13px;color:white;background:#111c13ce;border:1px solid #fafafa55;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:1.2rem}
.product-content{display:flex;flex-direction:column;flex:1;padding:22px}
.product-category{color:var(--orange);font-size:.67rem;text-transform:uppercase;font-weight:900;letter-spacing:.14em}
.product-content h4{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(1.35rem,2vw,1.9rem);font-weight:900;margin:9px 0;letter-spacing:.022em}
.product-content p{color:#c3c8bc;line-height:1.65;font-size:.84rem;margin:3px 0 17px;flex:1}
.sauce-title{font-weight:900;color:var(--lime);text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;margin-bottom:9px}
.sauces{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:21px}.sauces span{padding:6px 9px;border:1px solid #455035;border-radius:7px;font-size:.7rem;color:#d6e3c7;background:#1f2519}
.order-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #30362b;padding-top:17px;font-size:.83rem;font-weight:900;color:var(--lime)}
.order-link:hover{color:white}.order-link .arr{font-size:1.3rem}
.empty-state{padding:65px 20px;border:1px dashed #39442b;border-radius:15px;text-align:center;font-size:1.15rem;color:#e0e6d1}
.photo-note{text-align:center;margin-top:34px;color:#a9aea0;font-size:.73rem;line-height:1.5}
.statement{padding-block:90px;background:#11140f;border-block:1px solid #304326}
.statement-layout{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.statement-img{position:relative;border-radius:22px;overflow:hidden;border:1px solid #8abf4570;box-shadow:14px 15px 0 #292c19;aspect-ratio:1.32}
.statement-img img{width:100%;height:100%;object-fit:cover;object-position:center}
.statement h2{margin-block:17px 22px}
.statement p{color:#c4cbbd;line-height:1.8;max-width:485px}
.address,.schedule{color:#dbe6c9;margin:16px 0;font-weight:800;font-size:.89rem;line-height:1.6}
.order-section{padding-block:94px}
.order-card{overflow:hidden;position:relative;border-radius:30px;background:var(--lime);color:#18240e;min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center;padding:66px 35px}
.order-card::before{content:"";position:absolute;border:5px solid #14241215;width:380px;height:380px;border-radius:50%;left:-190px;top:-120px}
.order-illustration{position:absolute;left:5%;top:9%;font-size:5rem;transform:rotate(-15deg);color:#253b13}
.order-illustration span{display:block;position:absolute;font-size:4rem;left:45px;top:240px;color:#ee790a}
.order-content{z-index:1;max-width:670px}
.order-card .eyebrow{color:#314e12}
.order-card h2{font-size:clamp(3rem,5.7vw,5.7rem);line-height:1}
.order-card h2 em{color:#d95000}
.order-card p{font-weight:800;color:#26391b;font-size:.95rem;line-height:1.65;margin:24px auto;max-width:535px}
.btn-dark{background:#17230b;color:#f9ffe7}
.btn-dark:hover{background:#263c11}
.order-phone{font-family:Impact,"Arial Black",sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);margin-top:24px;letter-spacing:.04em}
.footer{background:#0f110c;border-top:1px solid var(--line);padding:29px 0}
.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#a7b19f;font-weight:800;font-size:.77rem}
.footer-brand{font-family:Impact,"Arial Black",sans-serif;color:var(--lime);font-size:1.3rem;letter-spacing:.03em}
.footer-brand span{color:var(--orange)}
.wa-float{position:fixed;right:23px;bottom:23px;z-index:45;background:var(--lime);color:#16210d;border-radius:999px;padding:15px 23px;box-shadow:0 9px 35px #000b;font-weight:900;font-size:.85rem;border:2px solid #16230e;display:flex;align-items:center;gap:9px}
.wa-float:hover{background:#d4ff93}.wa-float::before{content:"";position:absolute;inset:-7px;border:1px solid #b5ff3955;border-radius:999px;pointer-events:none}
.viewer{padding:0;color:var(--cream);border:1px solid #526443;background:#131810;border-radius:25px;width:min(94vw,620px);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #000e}
.viewer::backdrop{background:#000c;backdrop-filter:blur(6px)}
.viewer>img{width:100%;max-height:48vh;object-fit:cover;aspect-ratio:1.5}
.viewer-close{position:absolute;top:15px;right:15px;background:var(--lime);color:#19250a;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}
.viewer-content{padding:25px}.viewer-content>span{color:var(--orange);font-size:.74rem;text-transform:uppercase;letter-spacing:.14em;font-weight:900}
.viewer-content h3{font:2.3rem Impact,"Arial Black",sans-serif;margin:7px 0}
.viewer-content p{line-height:1.6;color:#d2d6c7}
.viewer-content .btn{margin-top:12px}
@media (max-width:1060px){
.nav-links{display:none}.hero{gap:30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-tools{flex-direction:column;align-items:stretch}.category-scroll{width:100%}.search{width:100%;min-width:0}
}
@media (max-width:700px){
.shell{width:min(calc(100% - 32px),var(--shell))}
.top-strip{font-size:.53rem;letter-spacing:.08em;gap:8px}
.nav{height:68px}.brand{min-width:0;gap:8px}.brand img{width:39px;height:39px}
.brand b{font-size:1rem}.brand small{font-size:.61rem}.nav-cta{font-size:0;padding:12px 15px;gap:0}.nav-cta span{font-size:1rem}
.hero{grid-template-columns:1fr;gap:52px;padding-top:42px;padding-bottom:68px}
.hero h1{font-size:clamp(3.8rem,14vw,6.5rem);margin-top:16px}
.hero-text{font-size:.9rem}.hero-actions .btn{font-size:.82rem}
.hero-visual{margin-inline:12px}.hero-image-wrap{aspect-ratio:1.25}
.sticker-top{width:135px;font-size:1rem;right:-7px;top:-20px}.sticker-top b{font-size:1.34rem}
.sticker-bottom{left:-8px}.sticker-bottom b{font-size:3rem}.sticker-bottom span{font-size:.82rem}
.mini-star{right:-16px;bottom:2px;font-size:3rem}
.marquee{padding-block:10px}.marquee-inner{font-size:.96rem}
.menu-section{padding-top:71px;padding-bottom:76px}
.section-head{display:block}.section-head p{margin-top:15px;font-size:.83rem}
.section-head h2{font-size:3.25rem}.menu-tools{position:sticky;top:68px;gap:9px;margin-bottom:16px;padding:12px 0}
.filter{padding:11px 13px;font-size:.75rem}.cards{grid-template-columns:1fr;gap:17px}
.group-heading{margin-top:42px;gap:11px}.group-heading h3{font-size:2.1rem}.group-heading .group-index{width:35px;height:35px}
.product-pic{aspect-ratio:1.43}.product-content h4{font-size:1.8rem}.product-content{padding:19px}
.statement{padding:65px 0}.statement-layout{grid-template-columns:1fr;gap:39px}.statement h2{font-size:3.25rem}
.order-section{padding:66px 0}.order-card{min-height:400px;padding:55px 18px}
.order-card h2{font-size:3rem}.order-illustration{font-size:3rem;left:0;top:15%}
.footer-wrap{flex-direction:column;text-align:center}
.wa-float{bottom:14px;right:15px;padding:15px 17px}.wa-float span{display:none}
}
@media (max-width:360px){.hero h1{font-size:3.5rem}.brand b{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-inner{animation:none}*,*::before,*::after{transition:none!important;animation-duration:.001ms!important}}