:root{--ink:#243e32;--muted:#6d746d;--paper:#faf8f1;--line:#dfE3d9;--orange:#d9502e;--light:#eff2e9;--gold:#f2cd79}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}.demo{background:var(--ink);color:white;padding:7px 5%;font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;gap:22px}.demo span{font-weight:400;letter-spacing:.3px;color:#d9e2d7}header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:23px 40px;border-bottom:1px solid var(--line)}.brand img{width:188px;display:block}nav{display:flex;gap:28px;font-size:13px;font-weight:600}nav a{padding:8px 0}nav a.active{color:var(--orange);border-bottom:2px solid}main{max-width:1240px;margin:auto;padding:0 32px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2px;line-height:1.07}h1{font-size:70px}h2{font-size:43px}h3{font-size:20px;letter-spacing:-.5px}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;font-size:11px;font-weight:750;color:var(--orange);margin-bottom:22px}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:50px;align-items:center;padding:72px 0 62px}.hero p{max-width:425px;font-size:17px;color:var(--muted)}em{font-weight:400;color:var(--orange)}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0}.btn{border:0;border-radius:8px;background:var(--orange);color:#fff;padding:13px 23px;display:inline-flex;align-items:center;justify-content:center;font-weight:650;font-size:14px;gap:12px}.btn.secondary{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn.green{background:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.micro{font-size:12px;color:var(--muted)}.art{background:#e9eddf;border-radius:140px 140px 14px 14px;position:relative;padding:28px 20px 20px;min-height:430px;overflow:hidden}.art svg{width:100%;height:345px}.art .tag{position:absolute;top:80px;left:12px;background:white;box-shadow:0 5px 20px #243e3210;padding:13px;border-radius:8px;transform:rotate(-6deg);font-size:12px}.art .tag b{display:block;font-size:17px}.art-bottom{display:flex;justify-content:space-between;margin:10px 12px;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;gap:36px}.steps article{display:grid;grid-template-columns:42px 1fr;gap:14px}.num{font-family:Georgia,serif;font-size:30px;color:var(--orange)}.steps h3{font-size:15px;margin:0 0 6px}.steps p{font-size:13px;color:var(--muted);margin:0}.section{padding:64px 0}.section-head,.page-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.page-head{padding-top:42px}.page-head h1{font-size:46px;margin-bottom:8px}.page-head p{color:var(--muted);margin:0}.badge{padding:5px 10px;border-radius:20px;background:#e8eedf;font-size:11px;font-weight:650;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px}.card p{color:var(--muted);font-size:14px}.price{font:55px Georgia,serif;letter-spacing:-2px}.price small{font:14px 'Segoe UI',sans-serif;letter-spacing:0;color:var(--muted)}.band{background:var(--ink);color:var(--paper);border-radius:14px;padding:42px;display:flex;justify-content:space-between;gap:40px;align-items:center;margin:20px 0 60px}.band h2{font-size:38px;margin-bottom:12px}.band p{color:#cad5c7;margin:0;font-size:14px}.band .price{white-space:nowrap}.band .price small{color:#cad5c7}.layout{display:grid;grid-template-columns:1fr 330px;gap:28px;margin-bottom:55px}.menu-intro{background:var(--ink);color:#fff;padding:30px;border-radius:12px;display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.menu-intro h2{font-size:37px;letter-spacing:-1px;margin-bottom:9px}.menu-intro p{font-size:13px;color:#d1dbce;margin:0}.menu-intro .price{font-size:39px}.dish-group{margin:26px 0}.group-title{display:flex;align-items:center;gap:13px;margin-bottom:13px}.group-title span{font-size:11px;color:var(--orange);border:1px solid #e6cfba;border-radius:50%;padding:3px 8px}.group-title h3{margin:0}.dish{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);padding:17px 20px;border-radius:9px;margin:9px 0;cursor:pointer}.dish:has(input:checked){border-color:var(--orange);background:#fff7ee;box-shadow:0 0 0 1px var(--orange)}.dish input{accent-color:var(--orange);width:18px;height:18px;flex-shrink:0}.dish b{font-size:15px}.dish small{display:block;color:var(--muted);font-size:12px}.dish .diet{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.side{align-self:start;position:sticky;top:20px}.side h3{font-size:23px}label.field{display:block;font-size:12px;font-weight:600;margin-bottom:16px}input:not([type=radio]),select,textarea{width:100%;border:1px solid #d9ded3;border-radius:7px;background:white;padding:11px;color:var(--ink);margin-top:6px}textarea{min-height:100px;resize:vertical}.side .btn{width:100%;margin:15px 0}.notice{background:#f0f1e9;border-radius:7px;padding:13px;font-size:12px;color:#5e6c5f}.summary{font-size:13px;border-block:1px solid var(--line);padding:15px 0;margin:20px 0}.summary p{margin:5px 0}.summary strong{color:var(--ink)}.success{padding:25px;background:#edf3e6;border-radius:10px;margin-bottom:22px}.success h3{margin-bottom:8px}.success p{margin:5px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0}.metric{border:1px solid var(--line);background:white;padding:22px;border-radius:10px}.metric small{color:var(--muted);font-size:12px}.metric b{display:block;font-size:34px;font-weight:500;letter-spacing:-1px}.metric span{font-size:11px;color:var(--muted)}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:30px 0 24px}.tabs button{border:0;background:none;padding:12px 0;font-size:13px;color:var(--muted)}.tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange);font-weight:700}.dashboard{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-bottom:45px}.chart-row{display:grid;grid-template-columns:1fr 32px;gap:10px;margin:20px 0;font-size:13px}.chart-row i{grid-column:1/-1;background:var(--light);height:8px;border-radius:8px;overflow:hidden;margin-top:-3px}.chart-row i span{display:block;background:var(--orange);height:100%;border-radius:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600}th,td{padding:15px 12px;border-bottom:1px solid var(--line)}.table-wrap .btn{padding:5px 9px;font-size:11px}form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wide{grid-column:1/-1}.empty{padding:35px;text-align:center;color:var(--muted)}.checkline{display:flex;align-items:start;font-size:12px;gap:8px}.checkline input{width:auto!important;margin-top:5px!important}.restaurant-select{min-width:210px}.link{color:var(--orange);font-size:13px;font-weight:650}.share{word-break:break-all;background:var(--light);padding:16px;border-radius:8px;font-size:13px}.screen-note{font-size:12px;color:var(--muted);padding-bottom:30px}footer{max-width:1240px;margin:20px auto 0;padding:30px 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;color:var(--muted);font-size:12px}footer img{width:120px}footer small{margin-left:auto}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 22px;border-radius:8px;display:none;z-index:10;font-size:14px}@media(max-width:850px){h1{font-size:54px}.hero{gap:25px}.art{min-height:360px}.art svg{height:280px}.layout{grid-template-columns:1fr 290px}.dashboard{grid-template-columns:1fr}.cards{gap:12px}.card{padding:20px}nav{gap:14px;font-size:12px}}@media(max-width:650px){.demo{font-size:9px;display:block;padding:7px 20px}.demo span{display:block;font-size:9px}header{padding:17px 20px;display:block}.brand img{width:160px}nav{margin-top:15px;gap:18px;overflow:auto;white-space:nowrap;font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding:35px 0;gap:15px}h1{font-size:51px}.hero p{font-size:15px}.art{min-height:320px;border-radius:110px 110px 12px 12px}.art svg{height:270px}.steps,.cards,.layout,.metrics{grid-template-columns:1fr}.steps{gap:23px}.cards{gap:15px}.band{display:block;padding:28px}.band .price{margin-top:20px}.page-head{display:block;padding-top:30px}.page-head h1{font-size:39px}.page-head select{margin-top:20px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:16px}.metric b{font-size:29px}.menu-intro{padding:23px}.menu-intro h2{font-size:29px}.menu-intro .price{font-size:30px}.side{position:static}.dish .diet{display:none}form .grid2{grid-template-columns:1fr}.tabs{gap:20px}.section{padding:40px 0}.section-head{display:block}h2{font-size:35px}footer{flex-wrap:wrap;padding:22px 20px;gap:15px}footer small{margin-left:0}.band h2{font-size:32px}}
/* Editorial identity: paper, ink, terracotta, saffron and porcelain blue. */
:root{--ink:#263f38;--paper:#f7f3e9;--orange:#b7432b;--line:#d5cebb;--muted:#726f63;--gold:#e6b83f}body{background-image:radial-gradient(#544a3010 .6px,transparent .6px);background-size:6px 6px}header{border-bottom:2px solid var(--ink);padding-block:21px}nav a{font-size:12px;letter-spacing:.2px}.btn{border-radius:3px;padding:14px 22px;transition:background .18s,transform .18s}.btn:hover{transform:translateY(-1px);filter:brightness(.95)}.btn:focus-visible{outline:3px solid #d59a2f}.card{border-radius:3px}.badge{border-radius:2px}.hero{position:relative;padding-top:70px}.hero h1{font-size:76px;letter-spacing:-3px}.hero .eyebrow:before{content:'';display:inline-block;width:27px;height:1px;background:var(--orange);vertical-align:middle;margin-right:12px}.art{background:#c4d0be;border-radius:180px 180px 4px 4px;border:1px solid #a1af99;min-height:460px}.art:before{content:'BUEN PROVECHO';position:absolute;right:4px;top:175px;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px;color:#4c634d}.art .tag{border:1px solid #d6b961;background:#f3dda1;border-radius:0;box-shadow:5px 5px 0 #253e3212}.art-bottom{border-top:1px solid #76866f;padding-top:16px}.steps{border-top:2px solid var(--ink);border-bottom:1px solid var(--ink)}.steps .num{color:#295e79}.cards{grid-template-columns:1.1fr 1fr 1fr;gap:0}.cards .card{background:transparent;border:0;border-left:1px solid var(--line);padding:24px 30px}.cards .card:first-child{border-left:0;padding-left:0}.cards .card:nth-child(2){background:#e8d6b8}.cards .card:nth-child(3){background:#dce5e6}.cards .num{font-size:36px;color:#b7432b}.band{border-radius:0;background:#294b60;border-bottom:8px solid var(--gold);padding:46px}.band .btn{background:#e7bd4f;color:#273e43}.menu-masthead{display:flex;justify-content:space-between;margin-top:35px;border-block:1px solid var(--ink);padding:9px 0;font-size:10px;letter-spacing:2px}.menu-edition{font-size:9px;letter-spacing:2px;margin-bottom:16px}.menu-price{align-self:center;border-left:1px solid #8b9b7c;padding-left:30px;min-width:165px}.menu-price>span{font-size:9px;letter-spacing:2px}.menu-price small{font-size:10px;color:#d7dfca}.dish-art{width:70px;height:70px;flex-shrink:0}.ticket-top{display:flex;justify-content:space-between;border-bottom:1px dashed #958c73;padding-bottom:16px;margin-bottom:22px;font:10px 'Courier New',monospace;letter-spacing:2px}[data-screen=menu] .page-head{padding-top:25px;align-items:center;margin-bottom:30px}[data-screen=menu] .page-head h1{font-size:62px;max-width:620px;line-height:1}[data-screen=menu] .page-head .eyebrow{font-size:10px;color:#9d472b;margin-bottom:15px}[data-screen=menu] .page-head p{font-family:Georgia,serif;font-style:italic;font-size:19px}[data-screen=menu] .layout{grid-template-columns:minmax(0,1fr) 330px;gap:42px}[data-screen=menu] .menu-intro{background:#536747;border-radius:0;padding:30px 32px;border-bottom:5px solid #e4bc55;min-height:205px}[data-screen=menu] .menu-intro h2{font-size:39px}[data-screen=menu] .group-title{border-bottom:1px solid var(--ink);padding-bottom:12px;margin-top:32px}[data-screen=menu] .group-title span{border:0;border-radius:0;font:italic 24px Georgia,serif;color:#aa432b;padding:0}[data-screen=menu] .group-title h3{font:28px Georgia,serif;letter-spacing:-.7px}[data-screen=menu] .dish{border:0;border-bottom:1px solid #d6cebc;border-radius:0;margin:0;background:transparent;padding:18px 8px;gap:16px;position:relative}[data-screen=menu] .dish input{order:3;margin-left:auto;accent-color:#b7432b;width:22px;height:22px}[data-screen=menu] .dish b{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;display:block}[data-screen=menu] .dish small{margin-top:7px;font-size:11px}[data-screen=menu] .dish .diet{position:absolute;top:7px;right:9px;font-family:'Courier New',monospace;font-size:9px;color:#918469}[data-screen=menu] .dish:has(input:checked){box-shadow:inset 4px 0 #b7432b;background:#efe1c9;padding-left:14px}[data-screen=menu] .side{background:#efe4c9;border:0;border-top:6px solid #b7432b;border-bottom:6px double #c2ae87;box-shadow:8px 8px 0 #d9d3c480;padding:27px}[data-screen=menu] .side h3{font:35px/1.05 Georgia,serif;letter-spacing:-1.2px}[data-screen=menu] .side .eyebrow{color:#8f3c27;font-size:10px;margin-bottom:12px}[data-screen=menu] .side input,[data-screen=menu] .side select{border:0;border-bottom:1px solid #a79877;border-radius:0;background:#fffdf5}[data-screen=menu] .summary{border-block:1px dashed #a39373;padding:18px 0;font-family:'Courier New',monospace;font-size:12px}[data-screen=menu] .notice{background:#f7f0dd;border-radius:0;font-size:11px}[data-screen=menu] .layout>div>article.card{background:#dfe7e7;border:0;border-left:4px solid #32586b;margin-top:38px;padding:27px}[data-screen=restaurante]{--ink:#283b42;--orange:#9d482c;--paper:#f0f1ec;--line:#d0d8d3;background-image:none}[data-screen=restaurante] main{border-left:7px solid #d1ae4b;padding-top:1px}[data-screen=restaurante] .page-head h1{font:600 43px/1.12 'Segoe UI',sans-serif;letter-spacing:-1.7px}[data-screen=restaurante] .eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1px;color:#496171}[data-screen=restaurante] .metrics{gap:0;background:#fff;border:1px solid #c9d2ce}[data-screen=restaurante] .metric{border:0;border-right:1px solid #d0d8d3;border-radius:0;background:transparent}[data-screen=restaurante] .metric:last-child{border-right:0;background:#d8e4cf}[data-screen=restaurante] .metric b{font:500 43px/1.4 'Segoe UI',sans-serif;color:#253d4f}[data-screen=restaurante] .tabs{border-bottom:2px solid #a6b3b0;gap:8px}[data-screen=restaurante] .tabs button{padding:12px 16px}[data-screen=restaurante] .tabs button.active{background:#294552;color:#fff;border-bottom:0}[data-screen=restaurante] .dashboard{grid-template-columns:1.5fr 1fr;gap:25px}[data-screen=restaurante] .dashboard>.card{border:0;border-top:3px solid #294552}[data-screen=restaurante] .dashboard>.card:nth-child(2){background:#e4e9dd;border-top-color:#829469}[data-screen=restaurante] .chart-row i{background:#c8d3c0;height:10px;border-radius:0}[data-screen=restaurante] .chart-row i span{background:#567860;border-radius:0}[data-screen=restaurante] th{background:#edf1ee}[data-screen=admin]{--ink:#24364c;--orange:#804936;--paper:#f3f2ef;--line:#d7dadf;background-image:none}[data-screen=admin] header{border-color:#24364c}[data-screen=admin] .page-head{border-bottom:1px solid #b7c1cd;padding-bottom:28px}[data-screen=admin] .page-head h1{font:500 46px/1.1 'Segoe UI',sans-serif;letter-spacing:-2px}[data-screen=admin] .eyebrow{color:#63738d;font-size:10px;letter-spacing:1.8px}[data-screen=admin] .metrics{gap:16px}[data-screen=admin] .metric{border:0;border-radius:0;border-left:3px solid #7a8da5;background:#e5eaf0}[data-screen=admin] .metric:first-child{background:#283e59;color:white;border-left-color:#d7b460}[data-screen=admin] .metric:first-child small,[data-screen=admin] .metric:first-child span{color:#d5dfeb}[data-screen=admin] .metric b{font-size:40px}[data-screen=admin] .dashboard{grid-template-columns:1.7fr 1fr}[data-screen=admin] .card{border:0;border-radius:0}[data-screen=admin] .dashboard>form{background:#e9dfd4}[data-screen=admin] .btn{background:#2b4663}[data-screen=admin] .btn.secondary{background:transparent;color:#29415f;border:1px solid #a5b0c0}[data-screen=admin] main>section.card{border-top:3px solid #b89c66;background:#fffdf8}[data-screen=admin] table th{background:#edf0f3}[data-screen=admin] .notice{border-left:3px solid #b4965b;border-radius:0;background:#f5efdf}footer{border-top:2px solid var(--ink)}
@media(max-width:900px){.hero h1{font-size:59px}.art{min-height:390px}[data-screen=menu] .layout{gap:24px;grid-template-columns:minmax(0,1fr) 295px}[data-screen=menu] .page-head h1{font-size:48px}[data-screen=menu] .menu-intro{display:block}[data-screen=menu] .menu-price{border:0;padding:18px 0 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap}[data-screen=menu] .dish b{font-size:20px}.dish-art{width:55px;height:55px}[data-screen=restaurante] .dashboard,[data-screen=admin] .dashboard{grid-template-columns:1fr}}
@media(max-width:650px){header{padding-bottom:0}nav{padding-bottom:8px}.hero{padding-top:30px}.hero h1{font-size:55px;letter-spacing:-2.3px}.art{min-height:330px}.cards{grid-template-columns:1fr}.cards .card{border-left:0;padding:26px 22px}.cards .card:first-child{padding-left:22px;border-top:1px solid var(--line)}.band{padding:30px 25px}.menu-masthead{margin-top:22px;font-size:8px;letter-spacing:1.5px}[data-screen=menu] .page-head h1{font-size:48px;line-height:1.02}[data-screen=menu] .page-head p{font-size:17px}[data-screen=menu] .page-head .field{margin:20px 0 0}[data-screen=menu] .layout{grid-template-columns:1fr;gap:28px}[data-screen=menu] .menu-intro{padding:25px;min-height:0}[data-screen=menu] .menu-intro h2{font-size:34px}[data-screen=menu] .menu-price{gap:12px}[data-screen=menu] .menu-price .price{font-size:29px}[data-screen=menu] .group-title h3{font-size:26px}[data-screen=menu] .dish{gap:12px;padding:17px 0}[data-screen=menu] .dish b{font-size:20px}[data-screen=menu] .dish small{font-size:10px}.dish-art{width:58px;height:58px}[data-screen=menu] .side{box-shadow:5px 5px 0 #d9d3c480;padding:25px}[data-screen=restaurante] main{border-left:4px solid #d1ae4b;padding-left:16px}[data-screen=restaurante] .page-head h1,[data-screen=admin] .page-head h1{font-size:36px;letter-spacing:-1.5px}[data-screen=restaurante] .metrics{grid-template-columns:1fr 1fr}[data-screen=restaurante] .metric{border-bottom:1px solid #d0d8d3}[data-screen=restaurante] .metric b{font-size:35px}[data-screen=restaurante] .tabs{overflow:auto;white-space:nowrap}[data-screen=restaurante] .tabs button{font-size:11px;padding:11px 13px}.table-wrap{margin-inline:-6px}td,th{padding:12px 8px}[data-screen=admin] .metrics{gap:9px}[data-screen=admin] .metric b{font-size:32px}[data-screen=admin] .page-head{padding-bottom:20px}.demo span{line-height:1.5}}
.review-bar{max-width:1240px;margin:14px auto 0;padding:10px 32px;display:flex;gap:20px;align-items:center;border-bottom:1px dashed #bbb29d;font-size:11px}.review-bar strong{font:10px 'Courier New',monospace;letter-spacing:1px;color:#7b705e}.review-bar a{border-bottom:1px solid #b7432b;font-weight:650}.review-bar small{margin-left:auto;color:#77736b;font-size:10px}.week-strip{display:grid;grid-template-columns:1.4fr repeat(5,1fr);border:1px solid #c3ceca;background:#e2e7e1;margin:25px 0;gap:1px}.week-strip>div{padding:20px;background:#294552;color:#fff;display:flex;flex-direction:column;justify-content:center}.week-strip>div strong{font-size:20px;letter-spacing:-1px}.week-strip small{font-size:10px}.week-strip button{border:0;background:#fff;padding:15px 8px;display:flex;flex-direction:column;align-items:center;color:#294552}.week-strip button b{font-size:25px;font-weight:500}.week-strip button span{text-transform:uppercase;font-size:10px;letter-spacing:1px}.week-strip button.chosen{background:#f0d18e;box-shadow:inset 0 -4px #a87827}.week-strip button small{color:#64766d}.ticket-top span:first-child{max-width:220px}@media(max-width:650px){.review-bar{margin-top:10px;padding:10px 20px;gap:12px;flex-wrap:wrap}.review-bar strong{width:100%}.review-bar small{margin-left:0;width:100%}.week-strip{grid-template-columns:repeat(5,1fr)}.week-strip>div{grid-column:1/-1;padding:10px 15px;flex-direction:row;justify-content:space-between;align-items:center}.week-strip>div strong{font-size:16px}.week-strip button{padding:12px 4px}.week-strip button small{font-size:8px}}
