/* Layout: café band header with the real logo, then long single column of sections; the menu is a two-column list with dotted leaders like a printed carta. */
:root{
  --bg:#F5F1EF; --surface:#FFFFFF; --ink:#2A1A13; --muted:#6F625C; --line:#E4DAD5;
  --rojo:#B5202B; --rojo-ink:#FFFFFF; --cafe:#3B2318; --band:#2A1913; --band-ink:#F6EDE8; --band-muted:#C9B6AC;
  --ok:#2E7D4F; --ok-bg:#E3F2E9; --warn:#9A5B00; --warn-bg:#FBEFD9; --bad:#A3222B; --bad-bg:#F9E2E3;
  --font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --script:"Yellowtail","Brush Script MT",cursive;
  --r:14px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#15100D; --surface:#1F1714; --ink:#F3EAE5; --muted:#B4A59D; --line:#3A2C26;
  --rojo:#E2474F; --rojo-ink:#1A0E0B; --cafe:#E9D7CC; --band:#100B09; --band-ink:#F6EDE8; --band-muted:#B9A59A;
  --ok:#6FD39A; --ok-bg:#1C3226; --warn:#F2B860; --warn-bg:#3A2A12; --bad:#FF8A8F; --bad-bg:#3A1A1C; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#15100D; --surface:#1F1714; --ink:#F3EAE5; --muted:#B4A59D; --line:#3A2C26;
  --rojo:#E2474F; --rojo-ink:#1A0E0B; --cafe:#E9D7CC; --band:#100B09; --band-ink:#F6EDE8; --band-muted:#B9A59A;
  --ok:#6FD39A; --ok-bg:#1C3226; --warn:#F2B860; --warn-bg:#3A2A12; --bad:#FF8A8F; --bad-bg:#3A1A1C; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--band)}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{text-wrap:balance;line-height:1.15;margin:0}
p{margin:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--rojo);outline-offset:2px;border-radius:6px}
.kicker{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:.5em;border:0;border-radius:999px;padding:.8em 1.4em;font-weight:600;cursor:pointer;text-decoration:none;font-size:.95rem}
.btn-rojo{background:var(--rojo);color:var(--rojo-ink)}
.btn-line{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.btn:hover{filter:brightness(1.07)}

/* prototype switcher */
.proto{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--ink);color:var(--bg)}
.proto .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:8px}
.proto b{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.proto .seg{display:flex;gap:4px;background:color-mix(in srgb,var(--bg) 14%,transparent);border-radius:999px;padding:3px;margin-left:auto;flex-wrap:wrap}
.proto .seg a{text-decoration:none;font-size:.82rem;font-weight:600;padding:.35em .9em;border-radius:999px}
.proto .seg a[aria-current="page"]{background:var(--bg);color:var(--ink)}
.view[hidden]{display:none}

/* site header */
.site-h{background:var(--band);color:var(--band-ink)}
.site-h .wrap{display:flex;align-items:center;gap:20px;padding-block:14px;flex-wrap:wrap}
.site-h img{height:46px;width:auto}
.site-h nav{display:flex;gap:18px;flex-wrap:wrap;margin-left:auto}
.site-h nav button{background:none;border:0;cursor:pointer;color:var(--band-muted);font-weight:500;font-size:.92rem;padding:4px 0}
.site-h nav button:hover{color:var(--band-ink)}
.lang{position:relative}
.lang select{appearance:none;background:transparent;border:1.5px solid var(--band-muted);color:var(--band-ink);border-radius:999px;padding:.45em 2em .45em 1em;font-weight:600;font-size:.88rem;cursor:pointer}
.lang select option{color:#2A1A13;background:#fff}
.lang::after{content:"▾";position:absolute;right:.8em;top:50%;transform:translateY(-50%);pointer-events:none;font-size:.75rem;color:var(--band-muted)}
.notice{background:var(--rojo);color:var(--rojo-ink);font-weight:500;font-size:.92rem}
.notice .wrap{padding-block:10px}

/* hero */
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-block:56px 40px}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800;letter-spacing:-.02em;margin:.35em 0 .4em}
.hero p.lead{font-size:1.1rem;color:var(--muted);max-width:34em}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.status{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:.45em;font-size:.82rem;font-weight:600;padding:.35em .8em;border-radius:999px;background:var(--surface);border:1px solid var(--line)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.chip.open{background:var(--ok-bg);border-color:transparent;color:var(--ok)}.chip.open .dot{background:var(--ok)}
.chip.closed{background:var(--bad-bg);border-color:transparent;color:var(--bad)}.chip.closed .dot{background:var(--bad)}
.hero figure{margin:0;position:relative}
.hero figure img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:22px;display:block}
.hero figcaption{position:absolute;left:14px;bottom:14px;right:14px;background:color-mix(in srgb,var(--band) 82%,transparent);color:var(--band-ink);font-size:.82rem;padding:.6em .9em;border-radius:12px;backdrop-filter:blur(6px)}

.facts{border-block:1px solid var(--line);background:var(--surface)}
.facts .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-block:20px}
.facts div{display:flex;flex-direction:column}
.facts strong{font-size:1rem}
.facts span{font-size:.85rem;color:var(--muted)}

section.sec{padding-block:80px}
.sec-head{max-width:40em;margin-bottom:36px}
.sec-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;letter-spacing:-.015em;margin:.3em 0 .35em}
.sec-head p{color:var(--muted)}

/* story */
.story{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.story img{width:100%;border-radius:22px;aspect-ratio:4/3;object-fit:cover;display:block}
.story .txt{display:flex;flex-direction:column;gap:16px;max-width:36em}
.story .sign{font-family:var(--script);font-size:2rem;color:var(--rojo);line-height:1.2}

/* menu */
.menu-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:28px}
.fchip{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:.4em 1em;font-size:.88rem;font-weight:600;cursor:pointer}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.vegt{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;cursor:pointer}
.vegt input{width:18px;height:18px;accent-color:var(--rojo)}
.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 56px}
.cat-h{grid-column:1/-1;display:flex;align-items:baseline;gap:14px;margin-top:28px;padding-bottom:6px;border-bottom:2px solid var(--ink)}
.cat-h:first-child{margin-top:0}
.cat-h h3{font-size:1.15rem;font-weight:700}
.dish{padding-block:14px;border-bottom:1px solid var(--line);min-width:0}
.dish .row{display:flex;align-items:baseline;gap:8px}
.dish .nm{font-weight:700;font-size:1.02rem}
.dish .lead-dots{flex:1;border-bottom:2px dotted var(--line);transform:translateY(-4px);min-width:16px}
.dish .pr{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.dish p{color:var(--muted);font-size:.92rem;margin-top:4px}
.tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15em .55em;border-radius:6px;margin-top:6px;margin-right:6px}
.tag.v{background:var(--ok-bg);color:var(--ok)}
.tag.out{background:var(--bad-bg);color:var(--bad)}
.dish.soldout .nm,.dish.soldout .pr{text-decoration:line-through;opacity:.55}
.menu-note{margin-top:22px;font-size:.85rem;color:var(--muted)}
.menu-photo{grid-column:1/-1;margin:8px 0 0}
.menu-photo img{width:100%;max-height:280px;object-fit:cover;border-radius:18px;display:block}

/* places */
.places{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.place{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.place img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.place .body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1}
.place h3{font-size:1.2rem;font-weight:700}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:.92rem}
.kv dt{color:var(--muted)}.kv dd{margin:0;font-variant-numeric:tabular-nums}
.place .acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.place .acts .btn{padding:.6em 1.1em;font-size:.88rem}

/* reviews */
.revs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.award{background:var(--band);color:var(--band-ink);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:10px}
.award .big{font-size:2.6rem;font-weight:800;line-height:1}
.award span{color:var(--band-muted);font-size:.9rem}
blockquote{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px}
blockquote p{font-size:1rem}
blockquote footer{font-size:.85rem;color:var(--muted);margin-top:auto}
.stars{color:var(--rojo);letter-spacing:.15em}

/* referral band */
.ref{background:var(--band);color:var(--band-ink);position:relative;overflow:hidden}
.ref::before{content:"";position:absolute;inset:0;opacity:.09;background:repeating-radial-gradient(circle at 0 100%,transparent 0 14px,var(--band-ink) 14px 16px,transparent 16px 30px);background-size:120px 120px}
.ref .wrap{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-block:64px}
.ref h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;margin:.3em 0 .4em}
.ref p{color:var(--band-muted)}
.ref .kicker{color:#FF8D93}
.codebox{background:var(--surface);color:var(--ink);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}
.codebox .row{display:flex;gap:8px;flex-wrap:wrap}
.codebox input{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:999px;padding:.7em 1.1em;text-transform:uppercase;letter-spacing:.08em;background:var(--bg)}
.result{font-size:.92rem;border-radius:12px;padding:12px 14px}
.result.ok{background:var(--ok-bg);color:var(--ok)}
.result.bad{background:var(--bad-bg);color:var(--bad)}
.hint{font-size:.8rem;color:var(--muted)}

/* reserve */
.reserve{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}
form.rf{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.fld.full{grid-column:1/-1}
.fld label{font-size:.82rem;font-weight:600}
.fld input,.fld select,.fld textarea{border:1.5px solid var(--line);border-radius:12px;padding:.65em .8em;background:var(--bg);width:100%}
.fld textarea{min-height:76px;resize:vertical}
.wa-prev{grid-column:1/-1;background:var(--bg);border-radius:14px;padding:14px;font-size:.88rem;white-space:pre-wrap;border:1px dashed var(--line)}
.site-f{background:var(--band);color:var(--band-muted);font-size:.9rem}
.site-f .wrap{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px;padding-block:44px}
.site-f h4{color:var(--band-ink);margin:0 0 8px;font-size:.95rem}
.site-f img{height:40px;width:auto;margin-bottom:10px}
.site-f .copy{grid-column:1/-1;border-top:1px solid color-mix(in srgb,var(--band-muted) 30%,transparent);padding-top:16px;font-size:.8rem}
.sel{user-select:all}

/* panel */
.panel{padding-block:36px 80px}
.panel h1{font-size:1.8rem;font-weight:800}
.note{background:var(--warn-bg);color:var(--warn);border-radius:12px;padding:12px 16px;font-size:.9rem;margin:14px 0 24px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.kpi b{display:block;font-size:1.7rem;font-variant-numeric:tabular-nums}
.kpi span{font-size:.82rem;color:var(--muted)}
.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}
.tabs button{background:none;border:0;padding:.7em 1em;font-weight:600;cursor:pointer;color:var(--muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--ink);border-color:var(--rojo)}
.tblwrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:0}
td input[type=number],td input[type=time]{width:110px;border:1.5px solid var(--line);border-radius:10px;padding:.35em .6em;background:var(--bg);font-variant-numeric:tabular-nums}
.sw{position:relative;display:inline-block;width:44px;height:24px}
.sw input{opacity:0;width:0;height:0}
.sw span{position:absolute;inset:0;background:var(--line);border-radius:999px;cursor:pointer;transition:.2s}
.sw span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.sw input:checked+span{background:var(--ok)}
.sw input:checked+span::after{transform:translateX(20px)}
.sw input:focus-visible+span{outline:3px solid var(--rojo);outline-offset:2px}
.pill{display:inline-block;font-size:.75rem;font-weight:700;padding:.2em .7em;border-radius:999px}
.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.n{background:var(--bg);color:var(--muted)}
.mini{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;padding:.3em .8em;font-size:.8rem;font-weight:600;cursor:pointer}
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px}
.card textarea{border:1.5px solid var(--line);border-radius:12px;padding:.7em;background:var(--bg);min-height:90px}

/* informe */
.rep{padding-block:40px 90px;max-width:900px}
.rep h1{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.015em}
.rep h2{font-size:1.35rem;font-weight:800;margin:48px 0 14px}
.rep p,.rep li{max-width:65ch}
.rep ol,.rep ul{padding-left:1.2em;display:flex;flex-direction:column;gap:8px}
.score{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}
.score div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px}
.score b{font-size:1.6rem;display:block;font-variant-numeric:tabular-nums}
.score span{font-size:.8rem;color:var(--muted)}
.issue{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.issue:last-child{border-bottom:0}
.issue h3{font-size:1rem;font-weight:700;margin-bottom:4px}
.issue p{font-size:.92rem;color:var(--muted)}
.issue .fix{color:var(--ink);margin-top:6px}
code{font-size:.85em;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:.05em .35em;word-break:break-all}
td code{word-break:normal;white-space:nowrap}

@media (max-width:860px){
  .hero .wrap,.story,.reserve,.ref .wrap,.places{grid-template-columns:1fr}
  .hero .wrap{padding-block:32px;gap:28px}
  .revs{grid-template-columns:1fr}
  .menu-grid{grid-template-columns:1fr;gap:0}
  .facts .wrap{grid-template-columns:1fr;gap:10px}
  .site-f .wrap{grid-template-columns:1fr}
  .kpis,.score{grid-template-columns:1fr 1fr}
  section.sec{padding-block:56px}
  .site-h nav{display:none}
  .site-h .wrap{gap:12px}
  .site-h .wrap .btn{margin-left:auto}
  .vegt{margin-left:0}
}
@media (max-width:480px){
  form.rf{grid-template-columns:1fr}
  .issue{grid-template-columns:1fr;gap:6px}
  .proto .seg{margin-left:0}
}

/* ===== WEB PÚBLICA · directa, para reservar: escala de grises, con rojo, azul y amarillo solo en detalles; sin foto de portada; la reserva va arriba ===== */
#v-web{--bg:#F3F3F2;--white:#FFFFFF;--ink:#161616;--g7:#3B3B3B;--g5:#6E6E6E;--g3:#CFCFCD;--g2:#E4E4E2;--dark:#1C1C1C;--red:#D42A2A;--blue:#1E46A8;--yel:#F2B705;
  --ser:"Cormorant Garamond",Georgia,serif;--sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;color-scheme:light;position:relative}
#v-web h1,#v-web h2,#v-web h3,#v-web h4,#v-web p{margin:0}
#v-web h1,#v-web h2{font-family:var(--ser);font-weight:600;letter-spacing:-.015em;line-height:1.02;text-wrap:balance}
#v-web :focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.x-in{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.tri{display:inline-block;width:42px;height:4px;background:linear-gradient(90deg,var(--red) 0 33.3%,var(--blue) 33.3% 66.6%,var(--yel) 66.6%);vertical-align:middle;flex:none}
.tri.wide{display:block;width:100%;height:5px}
.x-eye{display:flex;align-items:center;gap:12px;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--g7)}
.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--sans);font-weight:600;font-size:.9rem;border:0;border-radius:8px;padding:.78em 1.15em;cursor:pointer;text-decoration:none;white-space:nowrap;line-height:1.2}
.x-btn svg{width:1.15em;height:1.15em;flex:none}
.x-btn.red{background:var(--red);color:#fff}
.x-btn.dark{background:var(--dark);color:#fff}
.x-btn.line{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--g3)}
.x-btn.blue{background:var(--white);color:var(--blue);box-shadow:inset 0 0 0 1.5px var(--blue)}
.x-btn.big{font-size:1rem;padding:1em 1.4em}
.x-btn:hover{filter:brightness(.94)}

/* cabecera */
.x-top{position:sticky;top:var(--protoH,44px);z-index:32;background:var(--dark);color:#fff}
.x-top-in{display:flex;align-items:center;gap:22px;padding-block:10px}
.x-logo{height:40px;width:auto}
.x-nav{display:flex;gap:22px;margin-left:10px}
.x-nav button{background:none;border:0;color:#D6D6D6;font-family:var(--sans);font-size:.86rem;font-weight:500;cursor:pointer;padding:6px 0}
.x-nav button:hover{color:#fff}
.x-top-r{display:flex;gap:8px;align-items:center;margin-left:auto}
.x-top .x-btn{padding:.62em 1em;font-size:.84rem}
.x-top .x-btn.dark{box-shadow:inset 0 0 0 1.5px #5A5A5A}
.x-notice{background:var(--yel);color:var(--ink);font-size:.9rem;font-weight:500}
.x-notice .x-in{padding-block:10px}

/* popups propios */
.pop{position:relative;min-width:0}
.pop-b{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--white);border:1.5px solid var(--g3);border-radius:8px;padding:9px 34px 9px 12px;cursor:pointer;font-family:var(--sans);text-align:left;position:relative;color:var(--ink)}
.pop-b small{font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.pop-b b{font-size:.98rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.pop-b::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:1.8px solid var(--g7);border-bottom:1.8px solid var(--g7);transform:translateY(-70%) rotate(45deg)}
.pop.open .pop-b{border-color:var(--ink)}
.pop.open .pop-b::after{transform:translateY(-20%) rotate(-135deg)}
.pop-p{position:absolute;z-index:40;left:0;top:calc(100% + 6px);min-width:100%;background:var(--white);color:var(--ink);border:1.5px solid var(--ink);border-radius:10px;padding:10px;box-shadow:0 18px 40px -12px rgba(0,0,0,.35)}
.pop-p h5{margin:0 0 8px;font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.pop-g{display:grid;gap:6px}
.pop-g.c4{grid-template-columns:repeat(4,minmax(44px,1fr));width:232px}
.pop-g.c7{grid-template-columns:repeat(7,44px)}
.pop-g.c3{grid-template-columns:repeat(3,72px)}
.pop-g.c1{grid-template-columns:1fr;width:170px}
.pop-o{border:1.5px solid var(--g2);background:var(--bg);border-radius:7px;padding:8px 4px;font-family:var(--sans);font-size:.9rem;font-weight:600;cursor:pointer;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;line-height:1.15}
.pop-o small{display:block;font-size:.62rem;font-weight:500;color:var(--g5);text-transform:uppercase;letter-spacing:.04em}
.pop-o:hover{border-color:var(--ink)}
.pop-o[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pop-o[aria-selected="true"] small{color:#CFCFCF}
.pop-g.c1 .pop-o{text-align:left;padding:9px 12px}
.pop-note{font-size:.76rem;color:var(--g5);margin-top:8px;max-width:232px}
.pop-sm .pop-b{background:transparent;border-color:#5A5A5A;color:#fff;padding:7px 30px 7px 11px;flex-direction:row}
.pop-sm .pop-b small{display:none}
.pop-sm .pop-b b{font-size:.84rem}
.pop-sm .pop-b::after{border-color:#fff}
.pop-sm .pop-p{left:auto;right:0}
.pop.right .pop-p{left:auto;right:0}

/* portada */
.x-hero{padding-block:54px 64px;background:var(--bg)}
.x-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.x-hero-grid>*{min-width:0}
.x-hero-l{display:flex;flex-direction:column;gap:22px;padding-top:10px}
#v-web .x-hero h1{font-size:clamp(2.6rem,5.4vw,4.7rem)}
.x-sub{font-size:1.12rem;color:var(--g7);max-width:30em}
.x-facts{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid var(--ink)}
.x-facts li{padding:16px 14px 4px 0;display:flex;flex-direction:column;gap:4px}
.x-facts b{font-family:var(--ser);font-weight:600;font-size:clamp(2.2rem,3.6vw,3.2rem);line-height:1;letter-spacing:-.02em}
.x-facts li:nth-child(1) b{color:var(--red)}
.x-facts li:nth-child(2) b{box-shadow:inset 0 -.32em 0 var(--yel);align-self:flex-start;padding:0 .08em}
.x-facts li:nth-child(3) b{color:var(--blue)}
.x-facts span{font-size:.84rem;color:var(--g7);line-height:1.35}
.x-quick{display:flex;gap:8px;flex-wrap:wrap}
.x-today{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-tcard{background:var(--white);border:1.5px solid var(--g2);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;font-size:.86rem}
.x-tcard b{font-size:.92rem}
.x-st{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.84rem}
.x-st i{width:8px;height:8px;border-radius:50%;background:var(--blue);flex:none}
.x-st.closed{color:var(--red)}.x-st.closed i{background:var(--red)}
.x-hrs{font-variant-numeric:tabular-nums;color:var(--g7)}

/* reserva */
.x-res{background:var(--white);border-radius:14px;overflow:visible;box-shadow:0 1px 0 var(--g3),0 30px 60px -34px rgba(0,0,0,.4);padding:0 26px 24px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:calc(var(--protoH,44px) + 76px)}
.x-res .tri.wide{margin:0 -26px;width:auto;border-radius:14px 14px 0 0}
#v-web .x-res h2{font-size:2.2rem;margin-top:8px}
.x-lbl,.x-fld label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--g5)}
.x-places{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-pl{border:1.5px solid var(--g3);background:var(--bg);border-radius:10px;padding:12px 12px 12px 40px;text-align:left;cursor:pointer;font-family:var(--sans);position:relative;display:flex;flex-direction:column;gap:3px;color:var(--ink);min-width:0}
.x-pl::before{content:"";position:absolute;left:12px;top:14px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--g5);background:var(--white)}
.x-pl[aria-checked="true"]{border-color:var(--ink);background:var(--white);box-shadow:inset 0 0 0 1px var(--ink)}
.x-pl[aria-checked="true"]::before{border-color:var(--red);background:radial-gradient(circle,var(--red) 0 45%,#fff 50%)}
.x-pl b{font-size:.98rem;line-height:1.2}
.x-pl small{font-size:.78rem;color:var(--g5);line-height:1.3}
.x-row3{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:10px}
.x-row2{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}
.x-fld{display:flex;flex-direction:column;gap:5px;min-width:0}
.x-fld input{border:1.5px solid var(--g3);border-radius:8px;padding:.7em .8em;font-family:var(--sans);font-size:.98rem;background:var(--white);color:var(--ink);width:100%}
.x-fld input:focus{outline:0;border-color:var(--ink)}
.x-fine{font-size:.8rem;color:var(--g5)}
.x-wa-prev{font-size:.84rem;white-space:pre-wrap;background:var(--bg);border-left:3px solid var(--blue);padding:12px 14px;border-radius:0 8px 8px 0;margin:4px 0 10px}
.x-err{font-size:.86rem;color:var(--red);font-weight:600}
#waOut{display:flex;flex-direction:column;gap:6px}
#waOut[hidden]{display:none}

/* secciones */
.x-sec{padding-block:84px;scroll-margin-top:calc(var(--protoH,44px) + 50px)}
.x-head{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;max-width:44em}
#v-web .x-head h2{font-size:clamp(2rem,3.8vw,3.2rem)}

/* locales */
#horarios{background:var(--white)}
.x-locs{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.x-loc{border:1.5px solid var(--g2);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;background:var(--white)}
.x-loc img{width:100%;aspect-ratio:16/8.5;object-fit:cover;display:block}
.x-loc-b{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}
#v-web .x-loc h3{font-family:var(--ser);font-weight:600;font-size:1.9rem;line-height:1.05}
.x-bighrs{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding:14px 16px;background:var(--bg);border-radius:10px}
.x-bighrs b{font-family:var(--ser);font-weight:600;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums lining-nums}
.x-bighrs span{font-size:.86rem;color:var(--g7)}
.x-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0;font-size:.92rem}
.x-kv dt{color:var(--g5)}
.x-kv dd{margin:0}
.x-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.x-acts .wide{grid-column:1/-1}

/* por qué */
.x-why-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:start}
.x-reasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.x-reasons li{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:20px 0;border-top:1.5px solid var(--g3)}
.x-reasons b{font-family:var(--ser);font-size:1.5rem;font-weight:600;line-height:1}
.c-r{color:var(--red)}.c-b{color:var(--blue)}.c-y{color:#B88A00}
#v-web .x-reasons h3{font-family:var(--sans);font-size:1.02rem;font-weight:700;line-height:1.25}
.x-reasons p{font-size:.9rem;color:var(--g7);margin-top:4px}
.x-why-ph{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.x-why-ph img{width:100%;aspect-ratio:3/4.2;object-fit:cover;border-radius:10px;display:block}
.x-why-ph img:last-child{margin-top:34px}
.x-proof{margin-top:44px;background:var(--dark);color:#fff;border-radius:14px;padding:28px;display:grid;grid-template-columns:auto auto auto 1.6fr;gap:34px;align-items:center}
.x-proof>div{display:flex;flex-direction:column;gap:4px}
.x-proof b{font-family:var(--ser);font-weight:600;font-size:2.4rem;line-height:1;white-space:nowrap}
.x-proof>div:first-child b{color:var(--yel)}
.x-proof span{font-size:.78rem;color:#C9C9C9;max-width:15em}
.x-proof blockquote{margin:0;padding-left:26px;border-left:1.5px solid #555;font-family:var(--ser);font-style:italic;font-size:1.3rem;line-height:1.3}
#v-web .x-proof blockquote{background:none;border:0;border-left:1.5px solid #555;border-radius:0;display:block;color:#fff;gap:0}
.x-proof cite{display:block;margin-top:8px;font-family:var(--sans);font-style:normal;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#C9C9C9}

/* fotos */
#fotos{background:var(--white)}
.x-gal{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;gap:10px}
.x-gal img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}
.x-gal .g-t{aspect-ratio:3/4}
.x-gal .g-w{grid-column:span 2;aspect-ratio:auto;min-height:0}
.x-gal .g-t{object-position:50% 40%}

/* quiénes + cierre */
.x-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.x-about-p{margin-top:16px!important;font-size:1.08rem;color:var(--g7);max-width:32em}
.x-cta{background:var(--white);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:14px;border:1.5px solid var(--g2)}
#v-web .x-cta h2{font-size:2.4rem}
.x-cta p{color:var(--g7)}

.x-foot{background:var(--dark);color:#BDBDBD;font-size:.9rem;padding-block:56px 120px}
.x-foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:34px}
.x-foot img{height:44px;width:auto;margin-bottom:12px}
#v-web .x-foot h4{color:#fff;font-size:.9rem;margin-bottom:8px;font-family:var(--sans)}
.x-foot a{color:#fff}
.x-foot p{margin-bottom:3px!important}
.x-copy{max-width:1200px;margin:40px auto 0!important;padding:16px 20px 0;border-top:1px solid #3A3A3A;font-size:.76rem}

/*v6*/
.x-mottos{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--ser);font-style:italic;font-weight:600;font-size:1.35rem;color:var(--ink)}
.x-mottos i{width:6px;height:6px;background:var(--yel);transform:rotate(45deg);flex:none}
.x-promos{background:var(--bg);padding-top:20px}
.x-promos .x-head{margin-bottom:26px}
.x-promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.x-promo{background:var(--white);border:1.5px solid var(--g2);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.x-promo-tag{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35em .7em;border-radius:6px;color:#fff;background:var(--red)}
.x-promo-tag.c1{background:var(--blue)}.x-promo-tag.c2{background:var(--yel);color:var(--ink)}
#v-web .x-promo h3{font-family:var(--ser);font-weight:600;font-size:1.7rem;line-height:1.1}
.x-promo p{color:var(--g7);font-size:.95rem}
.x-promo .x-btn{margin-top:auto}
.x-promo-ex{font-size:.72rem;color:var(--g5);border:1px dashed var(--g3);border-radius:6px;padding:.2em .6em}
.x-lemas{background:var(--dark);color:#fff;padding-block:70px}
.x-lemas-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;align-items:start}
.x-eye.light{color:#CFCFCF;grid-column:1/-1}
.x-lema{display:flex;flex-direction:column;gap:10px;border-top:1.5px solid #4A4A4A;padding-top:18px}
.x-lema b{font-family:var(--ser);font-weight:600;font-size:clamp(2.2rem,4.4vw,3.6rem);line-height:1}
.x-lema:nth-of-type(2) b{color:#fff}.x-lema em{color:var(--yel)}
.x-lema span{color:#BDBDBD;font-size:.95rem}
@media (max-width:980px){.x-lemas-grid{grid-template-columns:1fr;gap:26px}}

.x-fab{position:fixed;z-index:34;right:max(20px,env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--dark);color:#fff;border-radius:999px;padding:.85em 1.2em;display:inline-flex;gap:.55em;align-items:center;font-weight:600;font-size:.92rem;text-decoration:none;box-shadow:0 10px 26px -8px rgba(0,0,0,.5),inset 0 0 0 2px var(--yel)}
.x-fab svg{width:1.25em;height:1.25em}
.x-bar{display:none}

@media (max-width:980px){
  .x-nav{display:none}
  .x-hero-grid,.x-why-grid,.x-about-grid{grid-template-columns:1fr;gap:34px}
  .x-proof{grid-template-columns:1fr 1fr 1fr;gap:22px}
  #v-web .x-proof blockquote{grid-column:1/-1;padding:18px 0 0;border-left:0;border-top:1.5px solid #555}
  .x-foot-grid{grid-template-columns:1fr 1fr}
  .x-gal{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:700px){
  .x-fab{display:none}
  .x-bar{display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;position:fixed;left:0;right:0;bottom:0;z-index:34;background:var(--white);box-shadow:0 -1px 0 var(--g3);padding-bottom:env(safe-area-inset-bottom,0px)}
  .x-bar>*{background:none;border:0;border-right:1px solid var(--g2);font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--ink);padding:1.1em .2em;cursor:pointer;text-align:center;text-decoration:none}
  .x-bar .red{background:var(--red);color:#fff;border:0}
  .x-top .x-btn.red,.x-top .x-wa span{display:none}
  .x-top .x-wa{padding:.62em .7em}
  .x-logo{height:34px}
  .x-hero{padding-block:30px 44px}
  .x-hero-grid{gap:20px}
  .x-hero-l{display:contents}
  .x-res{order:1}
  .x-facts,.x-quick,.x-today{order:2}
  .x-hero-l .x-quick{margin-top:6px}
  .x-facts{grid-template-columns:1fr 1fr}
  .x-facts li:nth-child(n+3){border-top:1px solid var(--g3)}
  .x-today,.x-places,.x-locs,.x-reasons{grid-template-columns:1fr}
  .x-res{padding:0 16px 20px}
  .x-res .tri.wide{margin:0 -16px}
  .x-row3{grid-template-columns:1fr 1fr}
  .x-row3 .pop:nth-child(3){grid-column:1/-1}
  .x-row2{grid-template-columns:1fr}
  .x-sec{padding-block:56px}
  .x-proof{grid-template-columns:1fr;padding:22px}
  .x-gal{grid-template-columns:1fr 1fr}
  .x-gal .g-w{aspect-ratio:16/10}
  .x-why-ph img:last-child{margin-top:0}
  .x-foot-grid{grid-template-columns:1fr}
  .pop-g.c7{grid-template-columns:repeat(4,1fr);width:240px}
  .x-cta{padding:22px}
}

/* ===== v8 · minimalista: blanco, gris muy claro, una sola sombra, pastillas, aire; rojo/azul/amarillo solo como punto de color ===== */
#v-web{--bg:#FFFFFF;--soft:#F6F6F4;--white:#FFFFFF;--ink:#111111;--g7:#4A4A48;--g5:#7C7C78;--g3:#E4E4E1;--g2:#EFEFEC;--dark:#121212;
  --red:#D2312B;--blue:#2448A8;--yel:#F0B400;--r:18px;font-size:15.5px;letter-spacing:-.003em}
#v-web h1,#v-web h2{font-weight:500;letter-spacing:-.025em}
.tri{width:22px;height:6px;background:linear-gradient(90deg,var(--red) 0 6px,transparent 6px 8px,var(--blue) 8px 14px,transparent 14px 16px,var(--yel) 16px 22px)}
.tri.wide{height:3px;background:linear-gradient(90deg,var(--red) 0 33.3%,var(--blue) 33.3% 66.6%,var(--yel) 66.6%)}
.x-eye{font-size:.7rem;letter-spacing:.18em;color:var(--g5);font-weight:600}
.x-btn{border-radius:999px;font-weight:600;padding:.8em 1.3em;transition:background .2s,box-shadow .2s,transform .15s}
.x-btn:active{transform:scale(.98)}
.x-btn.red:hover{filter:none;background:#B9241F}
.x-btn.line,.x-btn.ghost{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--g3)}
.x-btn.line:hover,.x-btn.ghost:hover{filter:none;box-shadow:inset 0 0 0 1px var(--ink)}
.x-btn.blue{box-shadow:inset 0 0 0 1px var(--g3);color:var(--blue)}
.x-btn.sm{padding:.55em 1em;font-size:.82rem}
.x-btn.dark{background:var(--ink)}

/* cabecera blanca */
.x-top{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(14px);color:var(--ink);box-shadow:0 1px 0 var(--g2)}
.x-top-in{padding-block:12px}
.x-logo{filter:brightness(0);height:36px}
.x-nav button{color:var(--g7);font-weight:500}
.x-nav button:hover{color:var(--ink)}
.x-top .x-btn.dark{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--g3)}
.pop-sm .pop-b{border-color:var(--g3);color:var(--ink);border-radius:999px}
.pop-sm .pop-b::after{border-color:var(--ink)}

/* portada */
.x-hero{padding-block:72px 90px;background:var(--bg)}
.x-hero-grid{gap:72px}
.x-hero-l{gap:26px}
#v-web .x-hero h1{font-size:clamp(2.7rem,5.6vw,5rem);line-height:.98}
.x-sub{color:var(--g7);font-size:1.08rem;line-height:1.6}
.x-mottos{font-size:1.25rem;color:var(--g7)}
.x-facts{border-top:1px solid var(--g3)}
.x-facts b{font-weight:500}
.x-facts li:nth-child(2) b{box-shadow:none;color:var(--ink)}
.x-facts li:nth-child(2) b::after{content:"";display:block;height:3px;width:28px;background:var(--yel);margin-top:6px}
.x-tcard{border:0;background:var(--soft);border-radius:14px}
.pop-b{border:1px solid var(--g3);border-radius:12px;background:var(--white)}
.pop-p{border:1px solid var(--g3);border-radius:16px;box-shadow:0 24px 60px -24px rgba(0,0,0,.28);padding:14px}
.pop-o{border:0;background:var(--soft);border-radius:10px}
.pop-o:hover{background:var(--g2)}
.pop-o[aria-selected="true"]{background:var(--ink)}
.x-res{border-radius:24px;box-shadow:0 1px 0 var(--g2),0 40px 80px -40px rgba(0,0,0,.28);padding:0 28px 26px;border:1px solid var(--g2)}
.x-res .tri.wide{margin:0 -28px;border-radius:24px 24px 0 0}
#v-web .x-res h2{font-size:2rem}
.x-pl{border:1px solid var(--g3);background:var(--white);border-radius:14px}
.x-pl[aria-checked="true"]{box-shadow:inset 0 0 0 1.5px var(--ink);border-color:var(--ink)}
.x-fld input{border:1px solid var(--g3);border-radius:12px}

/* secciones */
.x-sec{padding-block:110px}
.x-head{margin-bottom:48px}
#horarios,#fotos{background:var(--soft)}
.x-promos{background:var(--bg);padding-top:10px}
.x-promo,.x-loc{border:0;background:var(--soft);border-radius:var(--r)}
#horarios .x-loc{background:var(--white)}
.x-loc img{border-radius:var(--r) var(--r) 0 0}
.x-bighrs{background:var(--soft);border-radius:12px}
.x-promo-tag{border-radius:999px;padding:.4em .85em}
.x-reasons li{border-top:1px solid var(--g3)}
.x-why-ph img{border-radius:var(--r)}
.x-proof{background:var(--soft);color:var(--ink);border-radius:var(--r)}
.x-proof span,.x-proof cite{color:var(--g5)}
#v-web .x-proof blockquote{border-left:1px solid var(--g3);color:var(--ink)}
.x-proof>div:first-child b{color:var(--ink)}
.x-proof>div:first-child b::after{content:"";display:block;height:3px;width:24px;background:var(--yel);margin-top:6px}
.x-lemas{background:var(--ink)}
.x-gal{gap:12px}.x-gal img{border-radius:14px;transition:transform .5s}
.x-gal img:hover{transform:scale(1.015)}
.x-cta{border:0;background:var(--soft);border-radius:var(--r)}
.x-fab{background:#fff;color:var(--ink);box-shadow:0 12px 30px -10px rgba(0,0,0,.35),inset 0 0 0 1px var(--g3)}
.x-fab svg{color:#1FA855}

/* FAQ */
.x-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.x-faq-list{display:flex;flex-direction:column}
.x-q{border-top:1px solid var(--g3)}
.x-q:last-child{border-bottom:1px solid var(--g3)}
.x-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;font-weight:600;font-size:1.05rem}
.x-q summary::-webkit-details-marker{display:none}
.x-q summary i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--g3);position:relative;flex:none}
.x-q summary i::before,.x-q summary i::after{content:"";position:absolute;left:50%;top:50%;width:9px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%)}
.x-q summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.x-q[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.x-q p{margin:0 0 22px!important;color:var(--g7);max-width:46em}


.x-who{padding-top:40px}
.x-who-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.x-who-grid li{background:var(--soft);border-radius:var(--r);padding:22px 20px;display:flex;flex-direction:column;gap:8px}
.x-who-grid .d{width:8px;height:8px;border-radius:50%;margin-bottom:6px}
.x-who-grid .d.r{background:var(--red)}.x-who-grid .d.b{background:var(--blue)}.x-who-grid .d.y{background:var(--yel)}
#v-web .x-who-grid h3{font-family:var(--ser);font-weight:500;font-size:1.55rem;line-height:1.05}
.x-who-grid p{color:var(--g7);font-size:.9rem;margin:0}
@media (max-width:980px){.x-who-grid{grid-template-columns:repeat(2,1fr)}.x-who-grid li:last-child{grid-column:1/-1}}
@media (max-width:520px){.x-who-grid{grid-template-columns:1fr}}


/* v12 · popup de hora */
.pop-time{width:min(420px,calc(100vw - 40px));max-height:min(440px,60vh);overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.pt-g h5{margin:0 0 8px;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--g5);position:sticky;top:-16px;background:#fff;padding:4px 0}
.pop-g.ct{grid-template-columns:repeat(4,1fr);width:auto}
.pop-time .pop-o{padding:10px 4px;font-size:.92rem;font-weight:600;display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}
.pop-time .pop-o small{display:inline;font-size:.66rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--g5)}
.pop-time .pop-o[aria-selected="true"] small{color:#CFCFCF}
.mx-big{font-size:1.1rem!important;line-height:1.25!important}
@media (max-width:700px){
  .pop-time{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:72vh;z-index:90;border:0;border-radius:24px 24px 0 0;
    padding:10px 18px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 0 0 100vmax rgba(17,17,17,.38),0 -20px 50px -20px rgba(0,0,0,.3)}
  .pop-time::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--g3);margin:4px auto 6px}
  .pt-g h5{top:-10px}
  .pop-g.ct{grid-template-columns:repeat(3,1fr)}
  .pop-time .pop-o{padding:13px 4px;font-size:1rem}
}


/* v13 · modo oscuro de la web pública */
:root[data-theme="dark"] #v-web{--bg:#0E0E0D;--soft:#191918;--white:#151514;--ink:#F3F3F0;--g7:#C2C2BC;--g5:#8F8F8A;--g3:#2F2F2D;--g2:#242422;--dark:#080808;--red:#E5483F;--blue:#7B98F2;--yel:#F2B705;color-scheme:dark}
:root[data-theme="dark"] #v-web .x-top{background:rgba(14,14,13,.82);box-shadow:0 1px 0 var(--g2)}
:root[data-theme="dark"] #v-web .x-logo{filter:none}
:root[data-theme="dark"] #v-web .x-btn.dark,.x-top .x-btn.dark{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--g3)}
:root[data-theme="dark"] #v-web .x-lemas{background:#050505}
:root[data-theme="dark"] #v-web .pop-o[aria-selected="true"]{color:#0E0E0D}
:root[data-theme="dark"] #v-web .pop-o[aria-selected="true"] small,.pop-time .pop-o[aria-selected="true"] small{color:#55554F}
:root[data-theme="dark"] #v-web .x-pl[aria-checked="true"]::before{background:radial-gradient(circle,var(--red) 0 45%,var(--white) 50%)}
:root[data-theme="dark"] #v-web .x-pl::before{background:var(--white)}
:root[data-theme="dark"] #v-web .mx-box{background:var(--white)}
:root[data-theme="dark"] #v-web .pt-g h5{background:var(--white)}
:root[data-theme="dark"] #v-web .x-bar{background:rgba(21,21,20,.95)}
:root[data-theme="dark"] #v-web .x-fab{background:var(--white);color:var(--ink)}
:root[data-theme="dark"] #v-web .x-promo-tag.c2,.x-notice{color:#111}
:root[data-theme="dark"] #v-web .x-res{box-shadow:0 1px 0 var(--g2),0 40px 80px -40px rgba(0,0,0,.8)}
:root[data-theme="dark"] #v-web .x-gal img,.x-why-ph img,.x-loc img{filter:brightness(.94)}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) #v-web{--bg:#0E0E0D;--soft:#191918;--white:#151514;--ink:#F3F3F0;--g7:#C2C2BC;--g5:#8F8F8A;--g3:#2F2F2D;--g2:#242422;--dark:#080808;--red:#E5483F;--blue:#7B98F2;--yel:#F2B705;color-scheme:dark}
:root:not([data-theme="light"]) #v-web .x-top{background:rgba(14,14,13,.82);box-shadow:0 1px 0 var(--g2)}
:root:not([data-theme="light"]) #v-web .x-logo{filter:none}
:root:not([data-theme="light"]) #v-web .x-btn.dark,.x-top .x-btn.dark{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--g3)}
:root:not([data-theme="light"]) #v-web .x-lemas{background:#050505}
:root:not([data-theme="light"]) #v-web .pop-o[aria-selected="true"]{color:#0E0E0D}
:root:not([data-theme="light"]) #v-web .pop-o[aria-selected="true"] small,.pop-time .pop-o[aria-selected="true"] small{color:#55554F}
:root:not([data-theme="light"]) #v-web .x-pl[aria-checked="true"]::before{background:radial-gradient(circle,var(--red) 0 45%,var(--white) 50%)}
:root:not([data-theme="light"]) #v-web .x-pl::before{background:var(--white)}
:root:not([data-theme="light"]) #v-web .mx-box{background:var(--white)}
:root:not([data-theme="light"]) #v-web .pt-g h5{background:var(--white)}
:root:not([data-theme="light"]) #v-web .x-bar{background:rgba(21,21,20,.95)}
:root:not([data-theme="light"]) #v-web .x-fab{background:var(--white);color:var(--ink)}
:root:not([data-theme="light"]) #v-web .x-promo-tag.c2,.x-notice{color:#111}
:root:not([data-theme="light"]) #v-web .x-res{box-shadow:0 1px 0 var(--g2),0 40px 80px -40px rgba(0,0,0,.8)}
:root:not([data-theme="light"]) #v-web .x-gal img,.x-why-ph img,.x-loc img{filter:brightness(.94)}
}
.proto .thm{display:flex;gap:2px;background:color-mix(in srgb,var(--bg) 14%,transparent);border-radius:999px;padding:3px}
.proto .thm button{border:0;background:none;color:inherit;font:inherit;font-size:.78rem;font-weight:600;padding:.35em .8em;border-radius:999px;cursor:pointer;opacity:.8}
.proto .thm button[aria-pressed="true"]{background:var(--bg);color:var(--ink);opacity:1}


.proto{background:#1C1410!important;color:#F6EDE8!important}
.proto .seg,.proto .thm{background:rgba(246,237,232,.12)!important}
.proto .seg a[aria-current="page"],.proto .thm button[aria-pressed="true"]{background:#F6EDE8!important;color:#1C1410!important}


/* v14 · lo que tiene que probar */
.x-sig{padding-block:40px 110px;overflow:hidden}
.x-sig-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.x-sig-hd .x-head{margin-bottom:36px}
.x-sig-nav{display:flex;gap:8px;margin-bottom:40px}
.x-arrow{width:46px;height:46px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.x-arrow:hover{background:var(--g2)}.x-arrow svg{width:20px;height:20px}
.x-sig-row{list-style:none;margin:0;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;
  padding:0 max(20px,calc((100vw - 1200px)/2 + 20px)) 6px;scroll-padding-inline:max(20px,calc((100vw - 1200px)/2 + 20px))}
.x-sig-row::-webkit-scrollbar{display:none}
.x-sig-row li{flex:0 0 clamp(260px,26vw,340px);scroll-snap-align:start;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/4.1;background:var(--soft);color:#fff}
.x-sig-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.x-sig-row li:hover img{transform:scale(1.04)}
.x-sig-row li::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.78) 100%)}
.x-sig-row li>div{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:20px 20px 22px;display:flex;flex-direction:column;gap:6px}
.x-sig-row .n{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--yel)}
#v-web .x-sig-row h3{font-size:1.35rem;line-height:1.1;color:#fff}
.x-sig-row p{margin:0;font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.88)}
@media (max-width:700px){.x-sig-nav{display:none}.x-sig-row li{flex-basis:78vw}.x-sig{padding-block:24px 72px}}


/* v15 · Instagram y reseñas */
.x-soc{padding-top:20px}
.x-soc-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.x-soc-c{background:var(--soft);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
#v-web .x-soc-c h3{font-size:1.5rem;line-height:1.1}
.x-soc-c p{color:var(--g7);margin:0;max-width:34em}
.x-soc-c .x-btn{margin-top:auto}
.x-soc-c .x-btn svg{width:1.15em;height:1.15em}
.x-soc-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--yel),var(--red) 55%,var(--blue))}
.x-soc-ic svg{width:24px;height:24px}
.x-soc-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;margin:6px 0 8px}
.x-soc-strip img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.x-stars{color:var(--yel);font-size:1.4rem;letter-spacing:.12em}
.x-soc-score{display:flex;align-items:baseline;gap:10px;margin:4px 0 8px}
.x-soc-score b{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1}
.x-soc-score span{color:var(--g5);font-size:.85rem}
.mx-opt .mx-star{color:var(--yel);font-size:1.1rem;width:20px;text-align:center;flex:none}
.x-nav button{white-space:nowrap}
@media (max-width:1120px){.x-nav{display:none}}
.mx-ig{display:block;text-align:center;margin-top:16px;font-size:.84rem;color:var(--g7);text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.x-soc-grid{grid-template-columns:1fr}}

/* popups */
body.mx-open{overflow:hidden}
.mx-ov{position:fixed;inset:0;z-index:80;background:rgba(17,17,17,.38);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .18s}
.mx-ov.on{opacity:1}
.mx-box{background:#fff;color:var(--ink);border-radius:26px;width:min(520px,100%);max-height:86vh;overflow:auto;padding:26px;box-shadow:0 40px 100px -30px rgba(0,0,0,.45);transform:translateY(12px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1);font-family:var(--sans)}
.mx-ov.on .mx-box{transform:none}
.mx-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
#v-web .mx-hd h2{font-family:var(--ser);font-size:2rem;font-weight:500;line-height:1}
.mx-hd p{color:var(--g5);font-size:.9rem;margin-top:8px!important}
.mx-x{width:38px;height:38px;border-radius:50%;border:0;background:var(--soft);cursor:pointer;display:grid;place-items:center;flex:none;color:var(--ink)}
.mx-x svg{width:18px;height:18px}
.mx-x:hover{background:var(--g2)}
.mx-list{display:flex;flex-direction:column;gap:10px}
.mx-row{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--soft);border-radius:16px;padding:16px 18px}
.mx-row>div:first-child{display:flex;flex-direction:column;gap:4px}
.mx-big{font-family:var(--ser);font-size:1.7rem;font-weight:500;text-align:right;line-height:1;font-variant-numeric:lining-nums}
.mx-big small{display:block;font-family:var(--sans);font-size:.72rem;color:var(--g5);margin-top:4px}
.mx-loc{display:flex;flex-direction:column;gap:4px;background:var(--soft);border-radius:16px;padding:16px 18px;font-size:.9rem}
.mx-loc span{color:var(--g7)}
.mx-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mx-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.mx-acts .x-btn{flex:1}
.mx-acts svg{width:1.1em;height:1.1em}
.mx-opts{display:flex;flex-direction:column;gap:8px}
.mx-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:var(--soft);text-decoration:none;color:var(--ink);font-weight:600}
.mx-opt:hover{background:var(--g2)}
.mx-opt span{flex:1}
.mx-opt svg{width:20px;height:20px;flex:none}
.mx-opt svg:first-child{color:#1FA855}
.mx-num{margin-top:14px!important;font-size:.8rem;color:var(--g5);text-align:center}
.mx-sum{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mx-sum div{background:var(--soft);border-radius:14px;padding:12px 14px}
.mx-sum div:first-child{grid-column:1/-1}
.mx-sum dt{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--g5)}
.mx-sum dd{margin:4px 0 0;font-weight:600}
@media (max-width:700px){
  .mx-ov{align-items:flex-end;padding:0}
  .mx-box{border-radius:24px 24px 0 0;width:100%;max-height:88vh;padding:22px 20px calc(22px + env(safe-area-inset-bottom,0px));transform:translateY(40px)}
  .x-faq-grid{grid-template-columns:1fr;gap:20px}
  .x-hero{padding-block:34px 56px}
  .x-sec{padding-block:72px}
  .x-bar{background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}
  .x-bar>*{border-right:1px solid var(--g2)}
}
@media (prefers-reduced-motion:reduce){.mx-ov,.mx-box,.x-gal img{transition:none}}

/* v11 · Poppins en todo, títulos en bold */
#v-web{--ser:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--sans:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-family:var(--sans);font-size:15px}
#v-web h1,#v-web h2,#v-web h3{font-family:var(--ser);font-weight:700;letter-spacing:-.03em}
#v-web .x-hero h1{font-size:clamp(2.4rem,4.8vw,4.3rem);line-height:1.02}
#v-web .x-head h2{font-size:clamp(1.8rem,3.4vw,2.8rem);line-height:1.08}
#v-web .x-res h2,#v-web .mx-hd h2{font-size:1.6rem;font-weight:700}
#v-web .x-promo h3,#v-web .x-who-grid h3{font-size:1.25rem;line-height:1.2}
#v-web .x-loc h3{font-size:1.45rem}
#v-web .x-reasons h3{font-size:1rem}
.x-facts b,.x-proof b,.mx-big,.x-bighrs b{font-family:var(--sans);font-weight:700;letter-spacing:-.03em}
.x-facts b{font-size:clamp(1.9rem,3vw,2.6rem)}
.x-proof b{font-size:2rem}.mx-big{font-size:1.35rem}.x-bighrs b{font-size:1.6rem}
.x-mottos{font-family:var(--sans);font-style:normal;font-weight:600;font-size:1rem;letter-spacing:-.01em}
.x-lema b{font-family:var(--sans);font-weight:700;letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.2rem)}
.x-lema em{font-style:normal}
#v-web .x-proof blockquote{font-family:var(--sans);font-style:normal;font-weight:500;font-size:1.05rem}
.x-reasons b{font-family:var(--sans);font-weight:700;font-size:1rem}
.x-q summary{font-weight:600}

/* v19: datos y estado de hoy en una franja a todo el ancho, debajo de la portada */
.x-hero-strip{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;margin-top:56px;padding-top:28px;border-top:1px solid var(--g3)}
.x-hero-strip .x-facts{border-top:0;margin:0}
.x-hero-strip .x-facts li{padding:0 14px 0 0}
.x-hero-strip .x-today{grid-template-columns:1fr 1fr}
.x-hero-strip .x-tcard{padding:14px 16px}
@media (max-width:1000px){.x-hero-strip{grid-template-columns:1fr;gap:24px;margin-top:36px}}
@media (max-width:700px){.x-hero-strip{margin-top:28px;padding-top:20px}.x-hero-strip .x-facts{grid-template-columns:1fr 1fr;row-gap:18px}.x-hero-strip .x-facts li:nth-child(n+3){border-top:0}.x-hero-strip .x-today{grid-template-columns:1fr}}

/* v20: menú en la portada y visor de fotos */
.x-mtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.x-mtabs button{border:0;background:var(--soft);color:var(--ink);border-radius:999px;padding:.6em 1.1em;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer}
.x-mtabs button:hover{background:var(--g2)}
.x-mtabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.x-mintro{color:var(--g7);margin:0 0 14px!important}
.x-mh-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.x-mh-items li{padding:18px 0;border-top:1px solid var(--g3)}
#v-web .x-mh-items h3{font-size:1.05rem;font-weight:600;margin:0}
.x-mh-items p{margin:6px 0 0!important;color:var(--g7);font-size:.93rem;line-height:1.55}
.x-mt{display:block;font-size:.84rem;color:var(--g5);font-style:italic;margin-top:2px}
.x-veg{display:inline-block;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--soft);color:var(--g7);border-radius:999px;padding:.25em .7em;vertical-align:2px;margin-left:4px}
.x-mlist{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.x-mlist li{padding:.45em 1em;background:var(--soft);border-radius:999px;font-weight:600;font-size:.9rem}
.x-mfoot{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px!important}
.x-galmore{margin-top:22px!important;text-align:center}
.x-gal img{cursor:zoom-in}
.x-lb{position:fixed;inset:0;z-index:90;background:rgba(8,8,8,.92);display:flex;align-items:center;justify-content:center;padding:24px}
.x-lb[hidden]{display:none}
.x-lb figure{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px}
.x-lb img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:10px}
.x-lb figcaption{color:#ddd;font-size:.9rem;text-align:center}
.x-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer}
.x-lb button:hover{background:rgba(255,255,255,.24)}
.x-lb-x{top:16px;right:16px}.x-lb-n.p{left:16px}.x-lb-n.n{right:16px}
@media (max-width:800px){.x-mh-items{grid-template-columns:1fr}.x-lb{padding:10px}.x-lb-n{bottom:16px}.x-lb-n.p{left:calc(50% - 60px)}.x-lb-n.n{right:calc(50% - 60px)}}

/* v21: tarjetas de "Lo que tiene que probar" con detalle y carrusel que se arrastra */
.x-sig-row li{cursor:pointer;user-select:none;-webkit-user-select:none}
.x-sig-row li img{-webkit-user-drag:none}
.x-sig-row.drag{scroll-snap-type:none;cursor:grabbing}
.x-sig-row.drag li{cursor:grabbing}
.x-sig-more{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;margin-top:10px;font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);border-radius:999px;padding:.35em .85em}
.x-sig-more::after{content:"→"}
.x-sig-row li:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.sig-box{padding:0!important;overflow:hidden;position:relative;width:min(640px,100%)!important}
.sig-ph{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#111}
.sig-ph::-webkit-scrollbar{display:none}
.sig-ph img{flex:0 0 100%;width:100%;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start;display:block}
.sig-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 0}
.sig-dots button{width:8px;height:8px;border-radius:50%;border:0;background:var(--g3);padding:0;cursor:pointer}
.sig-dots button[aria-current="true"]{background:var(--ink);width:20px;border-radius:4px}
.sig-bd{padding:14px 26px 26px}
.sig-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red);margin:0 0 6px!important}
#v-web .sig-bd h2{font-size:1.7rem;font-weight:700;line-height:1.1;margin:0 0 10px;font-family:var(--sans)}
.sig-bd p{color:var(--g7);line-height:1.6;margin:0!important}
.sig-x{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.9)!important;color:#111!important}
@media (max-width:700px){.x-sig-nav{display:flex;margin-bottom:18px}.x-sig-hd{flex-direction:column;align-items:flex-start}.sig-bd{padding:12px 20px 22px}}

.x-top .x-logo{cursor:pointer}

/* v22: ventana de las tarjetas: foto a un lado y texto al otro; en celular, foto arriba y texto con scroll */
.sig-box{display:grid!important;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr;width:min(940px,100%)!important;height:min(560px,calc(100vh - 80px));max-height:none!important}
.sig-media{position:relative;min-height:0;background:#111;display:flex;flex-direction:column}
.sig-ph{flex:1;min-height:0;height:100%}
.sig-ph img{aspect-ratio:auto!important;height:100%}
.sig-dots{position:absolute;left:0;right:0;bottom:12px;padding:0!important}
.sig-dots button{background:rgba(255,255,255,.5)!important}
.sig-dots button[aria-current="true"]{background:#fff!important}
.sig-bd{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:30px 30px 26px!important}
.sig-bd .mx-acts{margin-top:auto;padding-top:20px}
.sig-x{z-index:2}
@media (max-width:760px){
  .sig-box{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;max-height:90vh!important}
  .sig-ph{flex:none;height:min(38vh,300px)}
  .sig-bd{padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-height:520px) and (min-width:761px){.sig-box{height:calc(100vh - 40px)}}

/* v23: pasar fotos en la ventana de las tarjetas */
.sig-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#111;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:2;display:grid;place-items:center;padding-bottom:3px}
.sig-nav:hover{background:#fff}
.sig-nav.p{left:12px}.sig-nav.n{right:12px}
.sig-nav[hidden]{display:none}
.sig-ph{cursor:grab}
.sig-ph.drag{cursor:grabbing;scroll-snap-type:none}
.sig-ph img{user-select:none;-webkit-user-drag:none;pointer-events:none}
.sig-dots{gap:8px!important;bottom:14px!important}
.sig-dots button{width:10px!important;height:10px!important}
.sig-dots button[aria-current="true"]{width:24px!important;border-radius:5px!important}
.sig-count{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.55);color:#fff;font-size:.75rem;font-weight:600;border-radius:999px;padding:.3em .75em;z-index:2}
.sig-count:empty{display:none}
@media (max-width:760px){.sig-nav{width:40px;height:40px;font-size:1.5rem}}

/* v24: franja de colores dentro de la tarjeta de reservas, siguiendo sus esquinas */
.x-res>.tri.wide{display:none!important}
.x-res{background-image:linear-gradient(90deg,var(--red) 0 33.33%,var(--blue) 33.33% 66.66%,var(--yel) 66.66%)!important;background-size:100% 4px!important;background-repeat:no-repeat!important;background-position:top left!important;padding-top:22px!important}

/* v25: el menú se ve como una carta */
.x-mtabs{justify-content:center}
.x-carta{position:relative;background:var(--white);border:1px solid var(--g3);border-radius:22px;padding:44px clamp(20px,5vw,60px) 40px;box-shadow:0 30px 70px -45px rgba(0,0,0,.35)}
.x-carta::before{content:"";position:absolute;inset:10px;border:1px solid var(--g2);border-radius:16px;pointer-events:none}
.x-carta-top{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:30px;position:relative}
.x-carta-logo{height:46px;width:auto;filter:brightness(0)}
.x-carta-top span{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--g5);font-weight:600}
.x-carta-hd{text-align:center;margin-bottom:26px;display:flex;flex-direction:column;align-items:center;gap:10px}
#v-web .x-carta-hd h3,#v-web .x-mcat>h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0;line-height:1.1}
.x-carta-hd p{color:var(--g7);font-style:italic;margin:0!important;max-width:44em;font-size:.95rem}
.x-carta .x-mh-items,.x-mcat ul{gap:0 56px!important}
.x-carta .x-mh-items li,.x-mcat li{border-top:0!important;border-bottom:1px dotted var(--g3);padding:16px 0!important}
#v-web .x-carta .x-mh-items h3,#v-web .x-mcat h3{font-size:.98rem!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase}
.x-carta .x-mh-items p,.x-mcat li p{font-size:.92rem}
.x-carta .x-mt,.x-mcat .x-mt{text-transform:none;letter-spacing:0}
.x-carta .x-mlist{justify-content:center}
.x-carta .x-mlist li{background:transparent;border:1px solid var(--g3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .x-carta-logo{filter:none}}
:root[data-theme="dark"] .x-carta-logo{filter:none}
@media (max-width:800px){.x-carta{padding:34px 18px 26px}.x-carta::before{inset:6px}}

/* v26: elecciones de la reserva más claras */
.pop-p{min-width:0}
.pop-ppl{width:300px;display:flex;flex-direction:column;gap:14px}
.pop-ppl h5,.pop-date h5{margin:0!important}
.ppl-step{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border-radius:14px;padding:8px}
.ppl-step output{font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:3ch;text-align:center}
.ppl-b{width:48px;height:48px;border-radius:12px;border:0;background:var(--white);color:var(--ink);font-size:1.5rem;font-weight:500;cursor:pointer;box-shadow:inset 0 0 0 1px var(--g3)}
.ppl-b:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.pop-g.c5{grid-template-columns:repeat(5,1fr);width:auto}
.pop-g.c5 .pop-o{padding:10px 0;font-size:.95rem}
.ppl-more{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--g7);font-weight:500}
.ppl-more input{border:1px solid var(--g3);border-radius:12px;padding:.7em .9em;font:inherit;font-size:.95rem;color:var(--ink);background:var(--white);width:100%;box-sizing:border-box}
.ppl-more input:focus{outline:2px solid var(--ink);outline-offset:0;border-color:transparent}
.ppl-ok{width:100%;justify-content:center}
.pop-date{width:min(400px,calc(100vw - 40px));display:flex;flex-direction:column;gap:12px}
.pop-g.cd{grid-template-columns:repeat(7,1fr);width:auto;gap:6px}
.pop-g.cd .pop-o{padding:8px 0;display:flex;flex-direction:column;align-items:center;gap:1px}
.pop-g.cd .pop-o b{font-size:1.05rem;font-weight:700}
.pop-g.cd .pop-o small{font-size:.58rem}
.pop-g.cd .pop-o[aria-selected="true"] small{color:#d8d8d8}
@media (max-width:700px){
  .pop.open .pop-p{position:fixed;left:0!important;right:0!important;top:auto!important;bottom:0;width:auto!important;max-height:80vh;overflow:auto;border-radius:22px 22px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));z-index:85;box-shadow:0 -20px 60px rgba(0,0,0,.35)}
  .pop.open::before{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:84}
  .pop-g.cd .pop-o{padding:10px 0}
}
@media (min-width:701px){.pop[data-pop="date"] .pop-p{left:50%!important;right:auto!important;transform:translateX(-50%)}}

/* v27: menú con índice a la izquierda (computadora) y una fila deslizable (celular) */
.x-carta-body{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;align-items:start;position:relative}
.x-carta .x-mtabs{display:flex;flex-direction:column;gap:2px;margin:0;justify-content:flex-start;position:sticky;top:96px;border-right:1px solid var(--g3);padding-right:18px}
.x-carta .x-mtabs button{display:flex;align-items:baseline;gap:12px;width:100%;text-align:left;background:transparent;border-radius:10px;padding:.65em .8em;font-size:.9rem;font-weight:600;color:var(--g7)}
.x-carta .x-mtabs button i{font-style:normal;font-size:.7rem;color:var(--g5);font-variant-numeric:tabular-nums;width:1.6em;flex:none}
.x-carta .x-mtabs button:hover{background:var(--soft);color:var(--ink)}
.x-carta .x-mtabs button[aria-selected="true"]{background:var(--ink);color:var(--bg)}
.x-carta .x-mtabs button[aria-selected="true"] i{color:var(--yel)}
.x-carta .x-carta-hd{text-align:left;align-items:flex-start;margin-bottom:18px}
.x-carta .x-carta-hd p{max-width:none}
.x-carta .x-mlist{justify-content:flex-start}
.x-mnav{display:flex;justify-content:space-between;gap:12px;margin-top:26px;padding-top:18px;border-top:1px solid var(--g3)}
.x-mnav button{border:0;background:var(--soft);border-radius:14px;padding:.75em 1.1em;font:inherit;font-weight:700;font-size:.9rem;color:var(--ink);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;max-width:48%}
.x-mnav button.n{align-items:flex-end;text-align:right;margin-left:auto}
.x-mnav button small{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g5)}
.x-mnav button.p small::before{content:"← "}.x-mnav button.n small::after{content:" →"}
.x-mnav button:hover{background:var(--g2)}
@media (max-width:860px){
  .x-carta-body{display:block}
  .x-carta .x-mtabs{flex-direction:row;overflow-x:auto;gap:6px;border-right:0;padding:8px 0 12px;margin:0 0 18px;top:64px;z-index:5;background:var(--white);scrollbar-width:none;scroll-snap-type:x proximity;border-bottom:1px solid var(--g3)}
  .x-carta .x-mtabs::-webkit-scrollbar{display:none}
  .x-carta .x-mtabs button{width:auto;flex:none;white-space:nowrap;background:var(--soft);border-radius:999px;padding:.55em 1em;scroll-snap-align:start}
  .x-carta .x-mtabs button i{display:none}
}

/* v28: ventana de la hora más pequeña */
.pop-t2{width:300px;padding:12px!important;display:flex;flex-direction:column;gap:10px}
.t2-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--soft);border-radius:12px;padding:3px}
.t2-seg button{border:0;background:transparent;border-radius:9px;padding:.5em .2em;font:inherit;font-size:.78rem;font-weight:600;color:var(--g7);cursor:pointer}
.t2-seg button[aria-selected="true"]{background:var(--white);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.t2-seg button:disabled{opacity:.35;cursor:default}
.pop-g.t2-g{grid-template-columns:repeat(3,1fr);gap:6px;width:auto}
.t2-g .pop-o{padding:9px 2px;font-size:.88rem;display:flex;align-items:baseline;justify-content:center;gap:3px;white-space:nowrap}
.t2-g .pop-o small{display:inline;font-size:.62rem;text-transform:none;letter-spacing:0}
@media (max-width:860px){.x-carta .x-mtabs{flex-wrap:nowrap!important;margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}}
.t2-seg button{white-space:nowrap}

/* v31: la carta cabe en la pantalla (computadora): índice fijo a la izquierda y platos con su propio desplazamiento */
@media (min-width:861px){
  .x-carta{height:min(720px,calc(100vh - 150px));min-height:520px;display:flex;flex-direction:column;padding:22px 30px 24px!important}
  .x-carta-top{flex-direction:row!important;justify-content:space-between;align-items:center!important;margin:0 0 16px!important;padding:0 8px 14px;border-bottom:1px solid var(--g3)}
  .x-carta-logo{height:30px!important}
  .x-carta-body{flex:1;min-height:0;grid-template-columns:250px minmax(0,1fr)!important;gap:30px!important;align-items:stretch!important}
  .x-carta .x-mtabs{position:static!important;overflow-y:auto;padding:0 14px 0 0!important;gap:1px!important;scrollbar-width:thin}
  .x-carta .x-mtabs button{padding:.5em .7em!important;font-size:.86rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}
  .x-carta .x-mtabs button i{display:inline-block;margin-right:8px}
  #mList{overflow-y:auto;min-height:0;padding:0 10px 4px 0;scrollbar-width:thin;scroll-behavior:smooth}
  .x-mh-panel{min-height:100%;display:flex;flex-direction:column}
  .x-mnav{margin-top:auto!important}
  #v-web .x-carta-hd h3{font-size:1.7rem!important}
  .x-carta .x-carta-hd{margin-bottom:10px}
}
.x-carta .x-mlist{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px!important}
.x-carta .x-mlist li{background:transparent!important;border:0!important;border-bottom:1px dotted var(--g3)!important;border-radius:0!important;padding:14px 0!important;font-size:.95rem!important;letter-spacing:.05em}
@media (max-width:860px){.x-carta .x-mlist{grid-template-columns:1fr}}

/* v32: reseñas reales de Google */
.x-rv-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.x-rv-sum{display:flex;align-items:center;gap:12px}
.x-rv-sum b{font-size:2.6rem;font-weight:700;letter-spacing:-.03em;line-height:1}
.x-rv-sum>span{display:flex;flex-direction:column;gap:2px}
.x-rv-sum small{color:var(--g5);font-size:.8rem}
.x-rv-st{color:#F0B400;letter-spacing:.12em;font-size:1rem;margin:0!important}
.x-rv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.x-rv{background:var(--soft);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:12px}
.x-rv-top{display:flex;align-items:center;gap:12px}
.x-rv-top>div{display:flex;flex-direction:column;flex:1;min-width:0}
.x-rv-top b{font-size:.98rem}
.x-rv-top small{color:var(--g5);font-size:.78rem}
.x-rv-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.05rem;color:#fff;flex:none}
.x-rv-av.red{background:var(--red)}.x-rv-av.blue{background:var(--blue)}.x-rv-av.yel{background:var(--yel);color:#111}
.x-rv-g{width:26px;height:26px;border-radius:50%;background:var(--white);color:#4285F4;font-weight:700;display:grid;place-items:center;font-size:.85rem;box-shadow:inset 0 0 0 1px var(--g3)}
.x-rv blockquote{margin:0;font-size:1rem;line-height:1.6;color:var(--ink)}
.x-rv-foot{margin-top:20px!important;color:var(--g5);font-size:.85rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media (max-width:900px){.x-rv-grid{grid-template-columns:1fr}}
#v-web .x-rv-hd{display:flex!important;flex-direction:row!important;justify-content:space-between;align-items:flex-end;max-width:none!important;width:100%}
#v-web .x-rv blockquote{border:0!important;background:none!important;padding:0!important;margin:0!important;border-radius:0!important;font-style:normal}
@media (max-width:700px){#v-web .x-rv-hd{flex-direction:column!important;align-items:flex-start}}

/* v34: fotos de "por qué venir" alineadas */
.x-why-grid{align-items:stretch}
.x-why-ph{align-self:start;margin-top:0;gap:12px}
.x-why-ph img,.x-why-ph img:last-child{margin-top:0;aspect-ratio:3/4}

/* v36: calificación de los dos locales */
.x-proof-2 b i{font-style:normal;color:var(--g5);font-weight:500}
.x-rv-sum{gap:28px;flex-wrap:wrap}
.x-rv-sum>div{display:flex;align-items:center;gap:12px}
.x-rv-sum>div>span{display:flex;flex-direction:column;gap:2px}
.x-soc-score{flex-wrap:wrap;row-gap:4px}
.x-soc-score{gap:24px}.x-soc-score>div{display:flex;align-items:baseline;gap:8px}

/* v37: calendario propio */
.pop-date{width:min(360px,calc(100vw - 40px))}
.dc-tog{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;border:0;background:var(--soft);color:var(--ink);font:inherit;font-size:.82rem;font-weight:600;padding:.6em 1em;border-radius:999px;cursor:pointer}
.dc-tog:hover{background:var(--g3)}
.dc-tog span{font-size:1.1em;line-height:1}
.dc{display:flex;flex-direction:column;gap:8px}
.dc-hd{display:flex;align-items:center;justify-content:space-between}
.dc-hd b{font-size:.95rem;font-weight:700}
.dc-nav{width:34px;height:34px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);font-size:1.2rem;line-height:1;cursor:pointer}
.dc-nav:hover:not(:disabled){background:var(--g3)}
.dc-nav:disabled{opacity:.3;cursor:default}
.dc-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.dc-w span{text-align:center;font-size:.66rem;font-weight:600;color:var(--g5);text-transform:uppercase;padding:2px 0}
.dc-d{height:32px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;font-variant-numeric:tabular-nums}
.dc-d:hover:not(:disabled){background:var(--soft)}
.dc-d.today{box-shadow:inset 0 0 0 1px var(--g3);font-weight:700}
.dc-d[aria-selected="true"]{background:var(--ink);color:var(--white);box-shadow:none}
.dc-d:disabled{color:var(--g3);cursor:default}

[hidden]{display:none!important}
/* ===== producción: páginas internas (menú, blog, locales) ===== */
.x-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:#fff;padding:.6em 1em;border-radius:999px}
.x-skip:focus{left:12px}
.x-nav a{color:var(--g7);font-family:var(--sans);font-size:.86rem;font-weight:500;text-decoration:none;padding:6px 0;white-space:nowrap;align-self:center}
.x-nav a:hover{color:var(--ink)}
.x-crumbs{font-size:.8rem;color:var(--g5);margin-bottom:18px;display:flex;gap:8px;flex-wrap:wrap}
.x-crumbs a{color:var(--g5)}
.x-page-hd{padding-block:64px 24px}
#v-web .x-page-hd h1{font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:1.02;font-weight:700;letter-spacing:-.03em;max-width:18em}
#v-web .x-page-hd .x-sub{max-width:44em;margin-top:18px}#v-web .x-page-hd h1{margin-top:14px}
#v-web .x-page-hd .x-quick{margin-top:26px}
.x-menu-cats{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 34px;position:sticky;top:72px;z-index:5;background:var(--bg);padding:10px 0}
.x-menu-cats a{text-decoration:none;color:var(--ink);background:var(--soft);border-radius:999px;padding:.5em 1em;font-size:.86rem;font-weight:600}
.x-menu-cats a:hover{background:var(--g2)}
.x-mcat{margin-bottom:48px;scroll-margin-top:140px}
#v-web .x-mcat h2{font-size:1.5rem;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:12px}
#v-web .x-mcat h2.__old::before{content:"";width:22px;height:6px;background:linear-gradient(90deg,var(--red) 0 6px,transparent 6px 8px,var(--blue) 8px 14px,transparent 14px 16px,var(--yel) 16px 22px)}
.x-mcat ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.x-mcat li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--g3)}
.x-mcat h3{font-size:1.05rem;font-weight:600;margin:0}
.x-mcat p{margin:6px 0 0;color:var(--g7);font-size:.93rem;line-height:1.55}
.x-veg{display:inline-block;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--soft);color:var(--g7);border-radius:999px;padding:.25em .7em;vertical-align:2px;margin-left:4px}
.x-price{white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}
.x-menu-note{background:var(--soft);border-radius:14px;padding:14px 18px;color:var(--g7);margin-bottom:28px}
.x-menu-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:var(--soft);border-radius:var(--r);padding:26px 28px;margin-top:20px}
#v-web .x-menu-foot h2{font-size:1.4rem;font-weight:700}
.x-art{max-width:760px}
#v-web .x-art h2,#v-web .x-art h3{font-weight:700;letter-spacing:-.02em;margin:40px 0 12px;line-height:1.2}
#v-web .x-art h2{font-size:1.6rem}#v-web .x-art h3{font-size:1.25rem}
.x-art p,.x-art li{color:var(--g7);font-size:1.04rem;line-height:1.75}
#v-web .x-art p{margin:0 0 16px}#v-web .x-art h1{margin:6px 0 14px}#v-web .x-art ul{margin:0 0 16px;padding-left:20px}
.x-art time{color:var(--g5);font-size:.85rem}
.x-art-cta{margin-top:40px}
.x-cards{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.x-cards a{display:flex;flex-direction:column;gap:8px;height:100%;background:var(--soft);border-radius:var(--r);padding:22px;text-decoration:none;color:var(--ink)}
.x-cards a:hover{background:var(--g2)}
.x-cards b{font-size:1.08rem;line-height:1.3}
.x-cards span{color:var(--g7);font-size:.92rem;line-height:1.5}
.x-foot-links{max-width:1200px;margin:0 auto;padding:22px 20px 0;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.86rem}
.x-foot-links a{color:inherit;opacity:.8;text-decoration:none}
.x-foot-links a:hover{opacity:1;text-decoration:underline}
.x-foot-links .sep{flex-basis:100%;height:0}
@media (max-width:800px){.x-mcat ul{grid-template-columns:1fr}.x-menu-cats{top:60px}.x-page-hd{padding-block:34px 8px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .x-menu-cats{background:var(--bg)}}
.x-mintro{color:var(--g7);margin:-4px 0 14px!important;font-size:.95rem}
.x-mt{display:block;font-size:.84rem;color:var(--g5);font-style:italic;margin-top:2px}
.x-mlist{list-style:none;padding:0;margin:0;display:flex!important;flex-wrap:wrap;gap:8px}
.x-mlist li{border:0!important;padding:.45em 1em!important;background:var(--soft);border-radius:999px;font-weight:600;font-size:.9rem}

.x-art-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);margin:10px 0 28px;display:block}
.x-cards a{padding:0 0 22px;overflow:hidden}
.x-cards a img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;margin-bottom:8px}
.x-cards a b,.x-cards a span{padding:0 22px}

.x-mcat{margin-bottom:34px}
.x-mcat+.x-mcat{padding-top:34px;border-top:1px solid var(--g3)}
#v-web .x-mcat h2{display:block}

body{--protoH:0px;margin:0}