@font-face{font-family:MiniLato;src:url('../fonts/comida/lato-latin-400-normal.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:MiniLato;src:url('../fonts/comida/lato-latin-700-normal.woff2') format('woff2');font-display:swap;font-weight:700}
@font-face{font-family:'Figtree';src:url('../fonts/comida/figtree-latin-wght-normal.woff2') format('woff2');font-display:swap;font-weight:400 700;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Figtree';src:url('../fonts/comida/figtree-latin-ext-wght-normal.woff2') format('woff2');font-display:swap;font-weight:400 700;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bricolage Grotesque';src:url('../fonts/comida/bricolage-grotesque-latin-opsz-normal.woff2') format('woff2');font-display:swap;font-weight:400 700}
b,strong{font-weight:700}
/* Misma paleta y tipografía del módulo interno: static/css/comida.css. */
:root {
 color-scheme: light;
 --mini-paper: #fff8f4;
 --mini-surface: #fff;
 --mini-surface-muted: #f2ece7;
 --mini-ink: #211f1c;
 --mini-muted: #66615d;
 --mini-line: #e7ddd6;
 --mini-control: #8c7b70;
 --mini-selected: #d89885;
 --mini-accent: #cf3f2a;
 --mini-action: #c5331b;
 --mini-action-hover: #aa2a15;
 --mini-soft: #fde8e0;
 --mini-success: #267344;
 --mini-success-bg: #e9f5ec;
 --mini-focus: #211f1c;
 font-family: MiniLato, Lato, sans-serif;
 color: var(--mini-ink);
 background: var(--mini-paper);
 accent-color: var(--mini-action);
}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--mini-focus);outline-offset:3px}[hidden]{display:none!important}img{max-inline-size:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.04em;margin:.4rem 0 1rem;text-wrap:balance}h2{font-size:1.2rem}h3{font-size:1.04rem}button{border:0;background:transparent;color:inherit}a{color:inherit}.mini-sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.mini-skip{position:fixed;inset-block-start:-100px;background:white;padding:1rem;z-index:20}.mini-skip:focus{inset-block-start:0}
.mini-header{position:sticky;inset-block-start:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--mini-surface);color:var(--mini-ink);padding:6px max(16px,calc((100vw - 1100px)/2));border-block-start:2px solid var(--mini-accent);border-block-end:1px solid var(--mini-line);box-shadow:0 4px 18px #44281c0a}.mini-brand{display:flex;align-items:center;gap:12px;min-inline-size:0}.mini-brand strong{display:block;font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.mini-eyebrow{display:block;font-size:.65rem;letter-spacing:.16em;font-weight:700;line-height:1.5}.mini-cart-button{flex-shrink:0;display:flex;align-items:center;gap:7px;border:1px solid var(--mini-action);border-radius:9px;background:var(--mini-action);color:#fff;padding:6px 10px;min-block-size:38px;font-variant-numeric:tabular-nums}.mini-cart-button strong{font-size:.88rem;white-space:nowrap}.mini-cart-button b{display:inline-grid;place-content:center;background:#fff;color:var(--mini-action);border-radius:6px;min-inline-size:18px;min-block-size:18px;padding-inline:3px;font-size:.68rem}.mini-main{max-inline-size:1100px;margin:auto;padding:16px 20px 95px}.mini-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;color:var(--mini-muted);margin-block-end:18px}.mini-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;text-decoration:none;padding:8px 4px;font-size:.84rem;min-block-size:40px;border-radius:8px}.mini-steps{display:flex;max-inline-size:640px;gap:4px;border:1px solid var(--mini-line);border-radius:12px;background:var(--mini-surface);margin-block-end:30px;padding:4px}.mini-steps button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-inline-size:0;min-block-size:44px;padding:8px 7px;border-radius:8px;font-size:.78rem;white-space:nowrap;color:var(--mini-muted)}.mini-steps span{display:grid;place-content:center;inline-size:24px;block-size:24px;border-radius:50%;border:1px solid var(--mini-line);font-weight:700;flex-shrink:0}.mini-steps [aria-current=step]{font-weight:700;background:var(--mini-soft);color:var(--mini-action);box-shadow:inset 0 0 0 1px var(--mini-selected)}.mini-steps [aria-current=step] span{background:var(--mini-action);color:#fff;border-color:var(--mini-action)}.mini-steps .is-done span{background:var(--mini-surface-muted);border-color:var(--mini-line);color:var(--mini-muted)}.mini-intro{max-inline-size:430px;margin:35px auto}.mini-intro>.mini-eyebrow{color:var(--mini-accent)}.mini-muted{color:var(--mini-muted);font-size:.9rem;line-height:1.55}.mini-form{display:grid;gap:16px}.mini-intro .mini-form{margin-block-start:25px}.mini-form label,.mini-reference,.mini-manual label{display:grid;gap:7px;font-size:.84rem;font-weight:700}input:not([type=radio]):not([type=checkbox]),textarea{inline-size:100%;min-inline-size:0;background:var(--mini-surface);border:1px solid var(--mini-control);border-radius:10px;min-block-size:46px;padding:11px 12px;color:var(--mini-ink);font-size:1rem;line-height:1.4}textarea{resize:vertical}.mini-primary,.mini-secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-block-size:46px;border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:700;font-size:.92rem;line-height:1.4}.mini-primary{background:var(--mini-action);color:#fff;border-color:var(--mini-action)}.mini-primary:hover:not(:disabled){background:var(--mini-action-hover)}.mini-secondary{border-color:var(--mini-selected);background:var(--mini-soft);color:var(--mini-action)}.mini-footnote{font-size:.77rem;color:var(--mini-muted);line-height:1.5;margin-block-start:13px}.mini-choice{display:flex;gap:8px;border:1px solid var(--mini-line);padding:5px;margin:0;border-radius:12px;background:var(--mini-surface)}.mini-choice label{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-block-size:46px;border:1px solid transparent;padding:10px 8px;border-radius:8px;cursor:pointer}.mini-choice label:has(:checked){border-color:var(--mini-selected);background:var(--mini-soft);color:var(--mini-action)}.mini-choice input{inline-size:18px;block-size:18px}.mini-notice{background:#fff0ee;color:#b42318;border:1px solid #d99e97;border-radius:9px;padding:12px;margin-block:12px;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}
.mini-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.mini-section-head .mini-eyebrow{color:var(--mini-accent)}.mini-search{display:block;max-inline-size:430px}.mini-categories{display:flex;overflow:auto}.mini-bottom{position:fixed;inset-block-end:0;inset-inline:0;background:var(--mini-surface);border-block-start:1px solid var(--mini-line);padding:12px max(20px,calc((100vw - 1060px)/2)) max(12px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;gap:12px;z-index:4;box-shadow:0 -4px 18px #44281c0a}.mini-bottom>span{font-size:.87rem;font-weight:700}.mini-empty{grid-column:1/-1;text-align:center;padding:45px 15px;color:var(--mini-muted)}
dialog{border:1px solid var(--mini-line);border-radius:16px;color:var(--mini-ink);background:var(--mini-surface);max-inline-size:calc(100vw - 24px);max-block-size:90dvh;padding:20px;overscroll-behavior:contain;box-shadow:0 25px 90px #38231930}dialog::backdrop{background:#211f1c80}body:has(dialog[open]){overflow:hidden}.mini-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-block-end:15px}.mini-dialog-head button{display:grid;place-content:center;font-size:1.55rem;inline-size:40px;block-size:40px;flex-shrink:0;border:1px solid var(--mini-line);border-radius:10px;background:var(--mini-paper);line-height:1}.mini-drawer{margin:0 0 0 auto;inset-block:0;block-size:100dvh;max-block-size:100dvh;inline-size:430px;border-radius:16px 0 0 16px;padding:0}.mini-drawer[open]{display:flex;flex-direction:column}.mini-drawer .mini-dialog-head{padding:16px 18px;margin:0;border-block-end:1px solid var(--mini-line)}.mini-drawer-body{padding:0 18px;flex:1;overflow:auto}.mini-drawer-footer{padding:18px;border-block-start:1px solid var(--mini-line);background:#fff;padding-block-end:max(18px,env(safe-area-inset-bottom))}.mini-drawer-footer>div{display:flex;justify-content:space-between}.mini-drawer-footer .mini-primary{inline-size:100%;margin-block-start:14px}.mini-cart-row{border-block-end:1px solid var(--mini-line);padding-block:16px;display:grid;gap:8px}.mini-cart-row-head{display:flex;justify-content:space-between;align-items:start;gap:10px;font-size:.88rem}.mini-cart-row-head strong{overflow-wrap:anywhere}.mini-cart-row-head>span{white-space:nowrap}.mini-modifications{font-size:.77rem;color:var(--mini-muted);line-height:1.6;overflow-wrap:anywhere}.mini-row-actions{display:flex;align-items:center;gap:14px}.mini-row-actions>button{font-size:.8rem;min-block-size:36px;padding:6px 10px;border:1px solid var(--mini-line);border-radius:8px;background:var(--mini-paper);color:var(--mini-action)}.mini-auth-dialog{inline-size:430px}.mini-auth-tabs{display:flex;gap:4px;margin-block:16px;border:1px solid var(--mini-line);border-radius:10px;padding:4px;background:var(--mini-paper)}.mini-auth-tabs button{flex:1;padding:10px;min-block-size:40px;border:1px solid transparent;border-radius:7px;font-size:.87rem;color:var(--mini-muted)}.mini-auth-tabs [aria-pressed=true]{border-color:var(--mini-selected);background:var(--mini-soft);color:var(--mini-action);font-weight:700}
.mini-delivery-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;margin-block-start:22px}.mini-location{min-inline-size:0;display:grid;gap:12px;align-content:start}.mini-map{background:var(--mini-surface-muted);border-radius:12px;inline-size:100%;block-size:320px;display:block;overflow:hidden}.mini-map:has(iframe){display:block}.mini-map iframe{border:0;inline-size:100%;block-size:100%;display:block}.mini-manual{font-size:.8rem}.mini-manual summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;min-block-size:42px;border:1px solid var(--mini-line);border-radius:10px;background:var(--mini-surface);list-style:none}.mini-manual label,.mini-manual button{margin-block-start:10px}.mini-reference{margin-block-start:6px}.mini-checkout-summary{border:1px solid var(--mini-line);border-radius:14px;background:#fff;padding:20px;align-self:start;min-inline-size:0}.mini-checkout-summary .mini-primary{inline-size:100%;margin-block-start:16px}.mini-checkout-summary .mini-cart-row{padding-block:12px}.mini-totals{margin-block:18px;display:grid;gap:12px}.mini-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}.mini-totals dd{margin:0;font-weight:700}.mini-grand-total{border-block-start:1px solid var(--mini-line);padding-block-start:14px;font-size:1.1rem!important}.mini-accept{display:flex;align-items:start;gap:10px;line-height:1.5;font-size:.88rem;margin-block-start:15px;padding:12px;border:1px solid var(--mini-line);border-radius:10px;background:var(--mini-paper);cursor:pointer}.mini-accept input{inline-size:20px;block-size:20px;margin:1px 0 0;flex-shrink:0}.mini-success{max-inline-size:560px;margin:40px auto;border:1px solid var(--mini-line);border-radius:16px;background:#fff;padding:28px}.mini-success-icon{font-size:2rem;color:var(--mini-success);background:var(--mini-success-bg);border-radius:14px;display:grid;place-content:center;inline-size:60px;block-size:60px;margin-block-end:20px}.mini-success h1{font-size:2rem}.mini-success .mini-primary{margin-block-start:20px;inline-size:100%}

/* Marca del negocio: la imagen conserva su proporción y permanece visible en móvil. */
.mini-icons { display: none; }
.mini-icon { inline-size: 20px; block-size: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }

.mini-brand-logo { inline-size: auto; max-inline-size: 112px; block-size: 44px; object-fit: contain; flex-shrink: 0; }
.mini-brand-fallback { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-header .mini-brand-logo { block-size: 32px; max-inline-size: min(160px, 42vw); }
.mini-cart-button > .mini-icon { inline-size: 18px; block-size: 20px; }
.mini-input-wrap { position: relative; display: block; min-inline-size: 0; }
.mini-input-wrap > .mini-icon { position: absolute; inset-inline-start: 14px; inset-block-start: 50%; transform: translateY(-50%); color: var(--mini-muted); pointer-events: none; }
.mini-input-wrap > input:not([type=radio]):not([type=checkbox]) { padding-inline-start: 44px; }
.mini-input-wrap:focus-within > .mini-icon { color: var(--mini-action); }
input::placeholder, textarea::placeholder { color: var(--mini-muted); opacity: 1; font-weight: 400; }
input:not([type=radio]):not([type=checkbox]):focus, textarea:focus { border-color: var(--mini-action); box-shadow: 0 0 0 3px var(--mini-soft); }
.mini-choice label:focus-within { outline: 2px solid var(--mini-focus); outline-offset: 2px; }
.mini-choice input { margin: 0; flex-shrink: 0; }
.mini-choice input, .mini-accept input { accent-color: var(--mini-action); }
.mini-accept:has(:checked) { background: var(--mini-soft); border-color: var(--mini-selected); }


.mini-drawer .mini-dialog-head { background: var(--mini-paper); }
.mini-grand-total dd { color: var(--mini-action); font-variant-numeric: tabular-nums; }
.mini-success > .mini-primary + .mini-secondary { margin-block-start: 12px; text-decoration: none; }
.mini-manual summary::-webkit-details-marker { display: none; }
.mini-manual summary::after { content: ''; inline-size: 7px; block-size: 7px; border-inline-end: 1.5px solid currentColor; border-block-end: 1.5px solid currentColor; transform: rotate(45deg); flex-shrink: 0; margin-inline: 4px; }
.mini-manual[open] summary::after { transform: rotate(225deg); }
@media (hover: hover) {
 .mini-cart-button:hover:not(:disabled) { background: var(--mini-action-hover); border-color: var(--mini-action-hover); }
 .mini-secondary:hover:not(:disabled) { background: var(--mini-action); color: #fff; border-color: var(--mini-action); }
 .mini-text-button:hover:not(:disabled), .mini-row-actions > button:hover:not(:disabled), .mini-dialog-head button:hover, .mini-steps button:hover:not(:disabled):not([aria-current]) { background: var(--mini-soft); color: var(--mini-action); }
 
}

@media(width<800px){.mini-delivery-grid{grid-template-columns:1fr;gap:20px}.mini-map{block-size:300px}}
@media(width<430px){.mini-main{padding-inline:14px}.mini-header{padding:6px 14px;gap:8px}.mini-brand{gap:8px}.mini-brand-logo{max-inline-size:64px;block-size:38px}.mini-cart-button{column-gap:7px}.mini-cart-button>.mini-icon{inline-size:18px}.mini-brand strong{font-size:.97rem}.mini-cart-button{padding:6px 9px}.mini-topline{font-size:.72rem;align-items:start}.mini-topline .mini-text-button{font-size:.75rem;padding-block-start:0}.mini-steps{gap:2px;margin-block-end:22px}.mini-steps button{gap:4px;font-size:.68rem;padding-inline:3px}.mini-steps span{inline-size:21px;block-size:21px}.mini-intro{margin-block:20px}.mini-section-head>span{display:none}.mini-bottom{padding-inline:14px}.mini-bottom>span{font-size:.76rem}.mini-bottom .mini-primary{font-size:.82rem;padding-inline:12px}.mini-drawer{max-inline-size:calc(100vw - 12px)}dialog{padding:16px}.mini-product-actions .mini-primary{font-size:.82rem;padding-inline:10px}.mini-success{padding:20px}}
@media(width<360px){.mini-steps button{gap:3px;font-size:.65rem;padding-inline:2px}.mini-steps span{inline-size:20px;block-size:20px}}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s}dialog[open]{animation:mini-appear .16s ease-out}@keyframes mini-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}

/* La barra de pasos y la selección comparten columna; el menú ocupa la pantalla. */
.mini-steps { max-inline-size: 620px; margin-inline: auto; }
.mini-header .mini-cart-button { min-block-size: 44px; }
.mini-menu-tools { position: sticky; inset-block-start: var(--mini-header-h, 56px); z-index: 2; display: grid; gap: 12px; padding-block: 20px 0; background: var(--mini-paper); box-shadow: 0 0 0 100vmax var(--mini-paper); clip-path: inset(0 -100vmax); }
.mini-menu-tools .mini-search { inline-size: 100%; max-inline-size: 430px; }
.mini-menu-tools input:not([type=radio]):not([type=checkbox]) { border-color: var(--mini-line); border-radius: 999px; min-block-size: 48px; }
.mini-menu-tools .mini-categories { position: relative; gap: 2px; padding: 0; min-inline-size: 0; scrollbar-width: none; box-shadow: inset 0 -1px 0 var(--mini-line); }
.mini-menu-tools .mini-categories::-webkit-scrollbar { display: none; }
.mini-menu-tools .tab { position: relative; flex: none; block-size: 54px; padding: 0 16px; border: 0; border-radius: 0; background: none; font: 600 16px 'Figtree', system-ui, sans-serif; color: var(--mini-muted); }
.mini-menu-tools .tab:hover, .mini-menu-tools .tab[aria-current=true] { background: none; color: var(--mini-ink); }
.mini-menu-tools .tab[aria-current=true]::after { content: ''; position: absolute; inset-inline: 12px; inset-block-end: 0; block-size: 3px; border-radius: 3px; background: var(--mini-accent); }
.mini-menu-tools .tab:focus-visible { outline-offset: -3px; }

/* Mismas categorías y filas de productos del menú público de Parquea. */
.mini-carta .cat { scroll-margin-block-start: 150px; padding-block-start: 44px; }
.mini-carta .cat h2 { font: 700 clamp(28px, 3vw, 40px)/1 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif; letter-spacing: -.035em; margin-block-end: 10px; }
.mini-carta .prods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px 40px; }
.mini-carta .prod { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; inline-size: calc(100% + 32px); margin-inline: -16px; padding: 16px; border: 0; border-radius: 20px; background: transparent; text-align: start; transition: background-color .3s var(--menu-ease); }
.mini-carta .prod-text { display: grid; gap: 6px; min-inline-size: 0; }
.mini-carta .pname { font: 600 18px/1.25 'Figtree', system-ui, sans-serif; overflow-wrap: anywhere; }
.mini-carta .pdesc { font-size: 15px; color: var(--mini-muted); overflow-wrap: anywhere; text-wrap: pretty; }
.mini-carta .pfoot { display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; padding-block-start: 4px; }
.mini-carta .price { font-weight: 600; font-size: 16.5px; font-variant-numeric: tabular-nums; }
.mini-carta .ppic { position: relative; inline-size: 128px; block-size: 128px; flex: none; }
.mini-carta .ppic .mini-icon { fill: currentColor; stroke: none; }
.mini-carta .ppic img, .mini-carta .ppic .noimg { inline-size: 128px; block-size: 128px; border-radius: 16px; object-fit: cover; }
.mini-carta .noimg { display: grid; place-items: center; align-content: center; gap: 4px; background: var(--mini-surface-muted); color: var(--mini-muted); font-size: 12.5px; }
.mini-carta .add { position: absolute; inset-inline-end: -8px; inset-block-end: -8px; inline-size: 42px; block-size: 42px; border-radius: 50%; background: var(--mini-ink); color: #fff; display: grid; place-items: center; box-shadow: 0 0 0 4px var(--mini-paper), 0 8px 18px -8px rgb(0 0 0 / .5); transition: transform .45s var(--menu-ease); }
@media (hover: hover) {
 .mini-carta .prod:hover:not(:disabled) { background: var(--mini-surface-muted); }
 .mini-carta .prod:hover:not(:disabled) .noimg { background: #E8E5E0; }
 .mini-carta .prod:hover:not(:disabled) .add { transform: scale(1.1) rotate(90deg); box-shadow: 0 0 0 4px var(--mini-surface-muted), 0 8px 18px -8px rgb(0 0 0 / .5); }
}
/* El «+» gira una vez al sumar el producto al pedido. */
@media (prefers-reduced-motion: no-preference) {
 .mini-carta .add.is-added { animation: mini-add-spin .6s var(--menu-ease); }
 @keyframes mini-add-spin { 0% { transform: rotate(0) scale(1); } 45% { transform: rotate(120deg) scale(1.18); } 100% { transform: rotate(180deg) scale(1); } }
}
.mini-carta .incart { position: absolute; inset-inline-start: -8px; inset-block-start: -8px; min-inline-size: 28px; block-size: 28px; border-radius: 14px; background: var(--mini-accent); color: #fff; font: 700 13px/28px 'Figtree', system-ui, sans-serif; text-align: center; padding-inline: 8px; box-shadow: 0 0 0 3px var(--mini-paper); }
@media (max-width: 899px) { .mini-carta .prods { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .mini-carta .ppic, .mini-carta .ppic img, .mini-carta .ppic .noimg { inline-size: 104px; block-size: 104px; } .mini-carta .prod { gap: 16px; } }
@media (prefers-reduced-motion: reduce) { .mini-carta .prod, .mini-carta .add { transition: none; } .mini-carta .prod:hover .add { transform: none; } }
/* Categoría destacada: tarjetas con la foto grande arriba; 3 por fila en computadora y carrusel en el celular. */
.mini-carta .cat.feat .prods { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 24px; padding-block-start: 8px; }
.mini-carta .prod.feat { grid-template-columns: 1fr; align-items: start; align-content: start; gap: 14px; inline-size: 100%; margin: 0; padding: 0 0 6px; }
.mini-carta .prod.feat .ppic { order: -1; inline-size: 100%; block-size: auto; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 20px; background: var(--mini-surface-muted); }
.mini-carta .prod.feat .ppic img, .mini-carta .prod.feat .ppic .noimg { inline-size: 100%; block-size: 100%; border-radius: 0; }
.mini-carta .prod.feat .noimg .mini-icon { inline-size: 48px; block-size: 48px; opacity: .55; }
.mini-carta .prod.feat .prod-text { padding-inline: 4px; }
.mini-carta .prod.feat .pname { font-size: 19px; }
.mini-carta .prod.feat .pdesc { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mini-carta .prod.feat .add { inset-inline-end: 12px; inset-block-end: 12px; box-shadow: 0 8px 18px -8px rgb(0 0 0 / .55); }
.mini-carta .prod.feat .incart { inset-inline-start: 12px; inset-block-start: 12px; box-shadow: 0 4px 12px -4px rgb(0 0 0 / .4); }
@media (hover: hover) {
 .mini-carta .prod.feat:hover:not(:disabled) { background: transparent; }
 .mini-carta .prod.feat:hover:not(:disabled) .add { box-shadow: 0 10px 22px -8px rgb(0 0 0 / .6); }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
 .mini-carta .prod.feat .ppic img { transition: transform .6s var(--menu-ease); }
 .mini-carta .prod.feat:hover:not(:disabled) .ppic img { transform: scale(1.04); }
}
@media (max-width: 899px) {
 .mini-carta .cat.feat .prods { --feat-gutter: 20px; display: flex; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: var(--feat-gutter); margin-inline: calc(var(--feat-gutter) * -1); padding: 8px var(--feat-gutter) 6px; scrollbar-width: none; }
 .mini-carta .cat.feat .prods::-webkit-scrollbar { display: none; }
 .mini-carta .prod.feat { flex: 0 0 min(78%, 340px); scroll-snap-align: start; }
}
@media (width < 430px) { .mini-carta .cat.feat .prods { --feat-gutter: 14px; } }


/* Carrito con fotos, personalización y un resumen siempre visible. */
.mini-count-badge { display: inline-grid; place-content: center; min-inline-size: 23px; block-size: 23px; padding-inline: 5px; border-radius: 7px; background: var(--mini-soft); color: var(--mini-action); font-size: .72rem; vertical-align: middle; }
.mini-drawer { inline-size: 470px; background: var(--mini-paper); }
.mini-drawer .mini-dialog-head { background: var(--mini-surface); padding: 18px; }
.mini-drawer .mini-dialog-head .mini-eyebrow { margin-block-end: 4px; color: var(--mini-muted); font-size: .6rem; }
.mini-drawer .mini-dialog-head h2 { display: flex; align-items: center; gap: 8px; }
.mini-drawer-body { padding: 14px; scrollbar-width: thin; }
.mini-cart-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; align-items: start; }
.mini-drawer .mini-cart-row { grid-template-columns: 72px minmax(0, 1fr); padding: 13px; margin-block-end: 10px; border: 1px solid var(--mini-line); border-radius: 12px; background: var(--mini-surface); }
.mini-cart-thumb { display: grid; place-items: center; inline-size: 100%; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--mini-surface-muted); color: var(--mini-selected); }
.mini-cart-photo { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mini-cart-thumb > .mini-icon { inline-size: 30px; block-size: 30px; stroke-width: 1.5; }
.mini-cart-content { min-inline-size: 0; display: grid; gap: 7px; }
.mini-cart-row-head { gap: 8px; line-height: 1.4; }
.mini-drawer .mini-cart-row-head { flex-direction: column; gap: 4px; }
.mini-cart-row-head > span { font-weight: 700; font-variant-numeric: tabular-nums; }
.mini-cart-unit-price { font-size: .72rem; color: var(--mini-muted); }
.mini-modifications { list-style: none; padding: 0; margin: 0; }
.mini-modifications li { font-size: .74rem; line-height: 1.5; color: var(--mini-action); }
.mini-cart-note { margin: 0; border-inline-start: 2px solid var(--mini-line); padding-inline-start: 8px; color: var(--mini-muted); font-size: .75rem; line-height: 1.5; overflow-wrap: anywhere; }
.mini-row-actions { justify-content: space-between; gap: 8px; }
.mini-row-actions > button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; text-decoration: none; font-size: .72rem; padding: 6px 8px; }
.mini-row-actions .mini-icon { inline-size: 16px; block-size: 16px; }
.mini-row-actions .mini-cart-remove { inline-size: 36px; flex-shrink: 0; color: var(--mini-muted); background: var(--mini-surface); }
.mini-drawer-footer { padding: 18px; padding-block-end: max(18px, env(safe-area-inset-bottom)); }
.mini-cart-subtotal { font-weight: 700; font-size: .95rem; }
.mini-cart-subtotal strong { color: var(--mini-action); font-size: 1.15rem; }
.mini-drawer-footer .mini-footnote { margin-block-start: 7px; }
#mini-cart-shop { inline-size: 100%; margin-block-start: 6px; color: var(--mini-muted); }
.mini-cart-empty { display: grid; justify-items: center; align-content: center; min-block-size: 230px; text-align: center; gap: 12px; padding: 20px; }
.mini-cart-empty > .mini-icon { inline-size: 48px; block-size: 48px; color: var(--mini-selected); stroke-width: 1.3; }
#mini-shipping-status[data-state=outside], #mini-shipping-status[data-state=unavailable] { background: #fff0ee; border: 1px solid #d99e97; color: #b42318; border-radius: 10px; padding: 12px; }
#mini-shipping-status[data-state=available] { color: var(--mini-success); }
@media (width < 800px) {
 .mini-menu-tools { padding-block-start: 12px; }
}
@media (width < 600px) {
 .mini-menu-footer .mini-primary { font-size: .84rem; padding-inline: 13px; }
 .mini-cart-row { grid-template-columns: 44px minmax(0, 1fr); gap: 10px; }
 .mini-drawer .mini-cart-row { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; padding: 10px; }
 .mini-cart-row-head { flex-wrap: wrap; font-size: .83rem; }
 .mini-drawer-body { padding: 10px; }
 .mini-drawer-footer { padding-inline: 14px; }
}

/* Identidad y acceso en una única barra compacta. */
.mini-header { gap: 8px; }
.mini-header .mini-brand { flex: 1; overflow: hidden; }
.mini-header .mini-brand-logo { max-inline-size: min(160px, 100%); flex-shrink: 1; }
.mini-header-auth { display: grid; place-items: center; flex-shrink: 0; inline-size: 34px; block-size: 38px; padding: 0; border: 1px solid var(--mini-line); border-radius: 9px; background: var(--mini-surface); color: var(--mini-muted); }
.mini-header-auth .mini-icon { inline-size: 18px; block-size: 18px; }
@media (hover: hover) { .mini-header-auth:hover:not(:disabled) { color: var(--mini-action); background: var(--mini-soft); border-color: var(--mini-selected); } }
@media (width < 430px) {
 .mini-header { gap: 6px; padding-inline: 12px; }
 .mini-header-auth { inline-size: 32px; }
 .mini-header .mini-cart-button { gap: 5px; padding-inline: 7px; }
}

/* Pie informativo de la sucursal, al final de la página y sin cubrir contenido. */
body { display: flex; flex-direction: column; min-block-size: 100dvh; }
.mini-main { flex: 1; inline-size: 100%; padding-block-end: 32px; }
.mini-site-footer { flex-shrink: 0; border-block-start: 1px solid var(--mini-line); padding: 10px 16px max(10px, env(safe-area-inset-bottom)); background: var(--mini-surface); color: var(--mini-action); font-weight: 700; font-size: .6875rem; line-height: 1.4; text-align: center; overflow-wrap: anywhere; }

/* Ubicación con permiso explícito y espera cancelable. */
.mini-delivery-point { display: grid; gap: 10px; scroll-margin-block: 70px 20px; }
.mini-location-help { padding: 14px; border: 1px solid var(--mini-line); border-radius: 10px; background: #fff; color: var(--mini-muted); font-size: .84rem; line-height: 1.6; }
#mini-location-status[data-state=error] { color: #b42318; }
.mini-gps-dialog { inline-size: 350px; padding: 28px 22px 16px; text-align: center; }
.mini-gps-dialog h2 { margin-block: 18px 10px; font-size: 1.15rem; }
.mini-gps-dialog .mini-muted { min-block-size: 3em; font-size: .86rem; }
.mini-gps-dialog .mini-text-button { margin-block-start: 14px; }
.mini-gps-animation { position: relative; display: grid; place-items: center; inline-size: 66px; block-size: 66px; margin-inline: auto; color: var(--mini-action); background: var(--mini-soft); border-radius: 50%; }
.mini-gps-animation > .mini-icon { inline-size: 30px; block-size: 30px; }
.mini-gps-animation::after { content: ''; position: absolute; inset: -5px; border: 3px solid var(--mini-soft); border-block-start-color: var(--mini-action); border-radius: 50%; }
@media (prefers-reduced-motion: no-preference) {
 .mini-gps-animation::after { animation: mini-gps-spin .9s linear infinite; }
 @keyframes mini-gps-spin { to { transform: rotate(360deg); } }
}

.mini-checkout-summary { scroll-margin-block-start: 70px; }
#mini-shipping-status { scroll-margin-block: 70px 20px; }

/* Una elección de entrega clara antes de pedir la ubicación. */
.mini-map[data-state=loading],.mini-map[data-state=error] { display: grid; place-items: center; padding: 20px; text-align: center; }
.mini-fulfillment-title { max-inline-size: 640px; margin: 35px auto 16px; }
.mini-fulfillment-start { max-inline-size: 640px; margin: 0 auto 35px; }
.mini-fulfillment-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-block-start: 22px; }
.mini-fulfillment-option { display: flex; align-items: center; gap: 12px; min-inline-size: 0; padding: 18px; text-align: start; border: 1px solid var(--mini-control); border-radius: 14px; background: #fff; }
.mini-fulfillment-option:hover:not(:disabled) { border-color: var(--mini-action); }
.mini-fulfillment-option[aria-pressed=true] { border-color: var(--mini-action); box-shadow: inset 0 0 0 1px var(--mini-action); background: var(--mini-soft); }
.mini-fulfillment-icon { display: grid; place-items: center; flex-shrink: 0; inline-size: 44px; block-size: 44px; border-radius: 12px; background: var(--mini-paper); color: var(--mini-action); }
.mini-fulfillment-option strong { display: block; font-size: 1rem; }
.mini-fulfillment-option small { display: block; margin-block-start: 5px; color: var(--mini-muted); font-size: .8rem; line-height: 1.45; }
.mini-fulfillment-check { margin-inline-start: auto; color: var(--mini-action); font-weight: 700; visibility: hidden; }
.mini-fulfillment-option[aria-pressed=true] .mini-fulfillment-check { visibility: visible; }
.mini-delivery-grid[data-mode=SUMMARY],.mini-delivery-grid[data-mode=LOCATION] { grid-template-columns: minmax(0, 640px); justify-content: center; }
#mini-delivery-location { scroll-margin-block-start: 70px; }
.mini-pickup-info { margin-block: 14px 8px; padding: 12px; background: var(--mini-paper); border-radius: 10px; color: var(--mini-muted); font-size: .88rem; line-height: 1.5; }
@media (width < 640px) {
 .mini-fulfillment-options { grid-template-columns: minmax(0, 1fr); gap: 10px; }
 .mini-fulfillment-option { padding: 14px; gap: 10px; }
}

/* Paso 1: la carta en la página, como la carta web (filas, categorías fijas y buscador). */
.mini-carta { --menu-ease: cubic-bezier(.16, 1, .3, 1); font: 400 16px/1.55 'Figtree', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
.mc-hero { display: flex; align-items: center; gap: 18px; margin-block: 26px 6px; }
.mc-logo { display: grid; place-items: center; flex: none; inline-size: 88px; block-size: 88px; border-radius: 50%; overflow: hidden; background: var(--mini-surface); box-shadow: 0 0 0 1px var(--mini-line); }
.mc-logo img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mc-mono { font: 700 34px/1 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif; color: var(--mini-accent); }
.mc-hero h1 { margin: 0; font: 700 clamp(34px, 6vw, 60px)/.95 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif; letter-spacing: -.04em; overflow-wrap: anywhere; }
.mc-sub { margin: 10px 0 0; color: var(--mini-muted); font-size: 16px; text-wrap: pretty; }
.mc-sub b { color: var(--mini-ink); font-weight: 600; }
.mini-carta .mini-menu-footer { position: sticky; inset-block-end: max(12px, env(safe-area-inset-bottom)); z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-block-start: 28px; padding: 8px 8px 8px 22px; border-radius: 999px; background: var(--mini-ink); color: #fff; box-shadow: 0 18px 40px -18px rgb(0 0 0 / .55); }
.mini-carta .mini-menu-footer > div { display: grid; gap: 2px; }
.mini-carta .mini-menu-footer span { font-size: 13.5px; color: rgb(255 255 255 / .72); }
.mini-carta .mini-menu-footer strong { font-size: 17px; font-variant-numeric: tabular-nums; }
.mini-carta .mini-menu-footer .mini-primary { border-radius: 999px; min-block-size: 48px; padding-inline: 22px; }
.mini-carta .mini-menu-footer .mini-primary span { color: inherit; font-size: inherit; }
.mini-site-footer { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.mini-powered { display: inline-flex; align-items: center; gap: 5px; min-block-size: 32px; color: var(--mini-muted); font-weight: 400; text-decoration: none; }
.mini-powered strong { color: var(--mini-ink); font-weight: 700; }
.mini-powered:hover strong { text-decoration: underline; }
@media (width < 600px) {
 .mc-hero { gap: 14px; margin-block-start: 18px; }
 .mc-logo { inline-size: 64px; block-size: 64px; }
 .mini-carta .mini-menu-footer { padding-inline-start: 18px; }
 .mini-carta .mini-menu-footer .mini-primary { padding-inline: 16px; }
}

/* Ficha de producto: la misma de la carta web (comida/carta), con su paleta y sus medidas. */
.mini-product-dialog {
 --bg: #FBFAF8; --bg-2: #F2F0EC; --bg-3: #E8E5E0; --card: #fff; --ink: #131313; --muted: #67635E; --line: #E4E0DA;
 --accent: #C8341B; --accent-hover: #A92912; --accent-ink: #B02C14; --accent-soft: #FBE6DF; --ease: cubic-bezier(.16, 1, .3, 1);
 inline-size: 100%; max-inline-size: 100%; max-block-size: 94dvh; margin: auto auto 0; padding: 0; border: 0; border-radius: 28px 28px 0 0;
 background: var(--bg); color: var(--ink); overflow: hidden; font: 400 16px/1.55 'Figtree', system-ui, sans-serif; -webkit-font-smoothing: antialiased;
 box-shadow: 0 28px 70px -28px rgb(46 24 12 / .42), 0 2px 10px -4px rgb(46 24 12 / .1);
}
.mini-product-dialog[open] { display: flex; flex-direction: column; }
@media (prefers-reduced-motion: no-preference) {
 .mini-product-dialog[open] { animation: mp-up .5s var(--ease); }
 @keyframes mp-up { from { transform: translateY(40%); opacity: 0; } }
}
@media (min-width: 720px) { .mini-product-dialog { inline-size: min(620px, calc(100% - 48px)); max-block-size: 90vh; margin: auto; border-radius: 28px; } }
.mp-sheet { display: flex; flex-direction: column; min-block-size: 0; flex: 1; }
.mini-product-dialog .s-scroll { flex: 1; overflow-y: auto; overscroll-behavior: contain; }
.mini-product-dialog .s-photo { position: relative; aspect-ratio: 16 / 10; background: var(--bg-2); }
.mini-product-dialog .s-photo img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.mini-product-dialog .s-photo .noimg { display: grid; place-items: center; inline-size: 100%; block-size: 100%; color: var(--muted); }
.mini-product-dialog .s-photo .noimg .mini-icon { inline-size: 44px; block-size: 44px; fill: currentColor; stroke: none; }
.mini-product-dialog .s-close { position: absolute; inset-block-start: 14px; inset-inline-end: 14px; display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: rgb(255 255 255 / .92); color: var(--ink); box-shadow: 0 6px 18px -8px rgb(0 0 0 / .45); }
.mini-product-dialog .s-close .mini-icon { fill: currentColor; stroke: none; }
.mini-product-dialog .s-body { display: grid; gap: 26px; padding: 24px 24px 12px; }
.mini-product-dialog .s-intro { display: grid; gap: 10px; }
.mini-product-dialog .s-intro h2 { margin: 0; font: 700 34px/1 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif; letter-spacing: -.035em; overflow-wrap: anywhere; }
.mini-product-dialog .desc { margin: 0; color: var(--muted); font-size: 16.5px; }
.mini-product-dialog .price { margin: 0; font-weight: 600; font-size: 16.5px; }
.mini-product-dialog .num { font-variant-numeric: tabular-nums; }
.mini-product-dialog .grp { display: grid; gap: 8px; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.mini-product-dialog .grp legend, .mini-product-dialog .grp-t { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; inline-size: 100%; margin: 0 0 6px; padding: 0; font-weight: 600; font-size: 17px; }
.mini-product-dialog .grp legend small { font-weight: 500; font-size: 14px; color: var(--muted); }
.mini-product-dialog .grp.missing legend small { color: var(--accent-ink); font-weight: 600; }
.mini-product-dialog .opt { display: flex; align-items: center; gap: 14px; min-block-size: 58px; padding: 12px 18px; border-radius: 16px; background: var(--bg-2); cursor: pointer; transition: background-color .25s, box-shadow .25s; }
.mini-product-dialog .opt:has(input:checked) { background: var(--card); box-shadow: inset 0 0 0 2px var(--ink); }
.mini-product-dialog .opt.off { cursor: not-allowed; color: var(--muted); }
.mini-product-dialog .opt .grow { flex: 1; min-inline-size: 0; font-weight: 500; overflow-wrap: anywhere; }
.mini-product-dialog .opt .delta { color: var(--muted); font-size: 15px; font-variant-numeric: tabular-nums; text-align: end; }
.mini-product-dialog input[type=radio] { appearance: none; inline-size: 22px; block-size: 22px; margin: 0; flex: none; border-radius: 50%; background: var(--card); box-shadow: inset 0 0 0 2px #8C857E; transition: box-shadow .25s var(--ease); }
.mini-product-dialog input[type=radio]:checked { box-shadow: inset 0 0 0 7px var(--accent); }
.mini-product-dialog input[type=checkbox] { appearance: none; display: grid; place-items: center; inline-size: 22px; block-size: 22px; margin: 0; flex: none; border-radius: 7px; background: var(--card); box-shadow: inset 0 0 0 2px #8C857E; }
.mini-product-dialog input[type=checkbox]:checked { background: var(--accent); box-shadow: none; }
.mini-product-dialog input[type=checkbox]:checked::after { content: ''; inline-size: 6px; block-size: 11px; border: solid #fff; border-width: 0 2.5px 2.5px 0; transform: translateY(-1px) rotate(45deg); }
.mini-product-dialog input:disabled { box-shadow: inset 0 0 0 2px var(--bg-3); }
.mini-product-dialog .comp { display: flex; align-items: center; gap: 14px; padding-block: 10px; }
.mini-product-dialog .comp + .comp { border-block-start: 1px solid var(--line); }
.mini-product-dialog .comp .grow { flex: 1; min-inline-size: 0; display: grid; gap: 2px; }
.mini-product-dialog .comp .grow small { font-size: 14px; color: var(--muted); }
.mini-product-dialog .comp .grow small.eff { color: var(--accent-ink); font-weight: 600; }
.mini-product-dialog .comp .fixed { padding: 4px 12px; border-radius: 999px; background: var(--bg-2); color: var(--muted); font-size: 14px; font-weight: 600; }
.mini-product-dialog .step { display: inline-flex; align-items: center; flex: none; block-size: 44px; border-radius: 999px; background: var(--bg-2); }
.mini-product-dialog .step button { display: grid; place-items: center; inline-size: 44px; block-size: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink); transition: background-color .2s, transform .2s var(--ease); }
.mini-product-dialog .step button:hover:not(:disabled) { background: var(--bg-3); }
.mini-product-dialog .step button:active:not(:disabled) { transform: scale(.9); }
.mini-product-dialog .step button:disabled { color: #A8A19A; opacity: 1; }
.mini-product-dialog .step .mini-icon { inline-size: 18px; block-size: 18px; fill: currentColor; stroke: none; }
.mini-product-dialog .step output { min-inline-size: 28px; text-align: center; font-weight: 700; }
.mini-product-dialog .field { display: grid; gap: 8px; }
.mini-product-dialog .field label { font-weight: 600; font-size: 15.5px; }
.mini-product-dialog .field label small { font-weight: 500; font-size: 14px; color: var(--muted); }
.mini-product-dialog .field textarea { inline-size: 100%; min-block-size: 84px; margin: 0; padding: 14px 16px; border: 0; border-radius: 16px; background: var(--bg-2); font-size: 16px; resize: vertical; }
.mini-product-dialog .field textarea:focus { outline: none; background: var(--card); box-shadow: 0 0 0 2px var(--ink); }
.mini-product-dialog .s-foot { display: flex; align-items: center; gap: 12px; padding: 14px 20px max(14px, env(safe-area-inset-bottom)); background: var(--card); box-shadow: 0 -1px 0 var(--line); }
.mini-product-dialog .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: 1; min-inline-size: 0; min-block-size: 56px; padding: 0 22px; border: 0; border-radius: 999px; font: 600 16.5px/1 'Figtree', system-ui, sans-serif; white-space: nowrap; transition: transform .2s var(--ease), background-color .2s; }
.mini-product-dialog .btn:active { transform: scale(.97); }
.mini-product-dialog .btn-accent { background: var(--accent); color: #fff; }
.mini-product-dialog .btn-accent:hover:not(:disabled) { background: var(--accent-hover); }

/* Selector de sucursales del dominio de pedidos (comida/elegir_sucursal.html). */
.mb-wrap { max-inline-size: 560px; margin: 28px auto 12px; }
.mb-wrap > .mini-eyebrow { color: var(--mini-accent); }
.mb-locate { inline-size: 100%; margin-block-start: 22px; }
.mb-locate[aria-busy=true] { cursor: progress; }
.mb-status { margin-block-start: 14px; padding: 11px 14px; border: 1px solid var(--mini-line); border-radius: 10px; background: var(--mini-surface); color: var(--mini-muted); font-size: .88rem; line-height: 1.5; }
.mb-status[data-tone=ok] { background: var(--mini-success-bg); border-color: #b9dcc3; color: var(--mini-success); }
.mb-status[data-tone=warn], .mini-coverage { background: #fff6e5; border-color: #ecc97a; color: #6b4100; }
.mb-status[data-tone=error] { background: #fff0ee; border-color: #d99e97; color: #b42318; }
.mb-list { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 10px; }
.mb-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; padding: 16px; border: 1px solid var(--mini-line); border-radius: 14px; background: var(--mini-surface); color: inherit; text-decoration: none; box-shadow: 0 2px 10px #44281c08; }
.mb-card:hover, .mb-card:focus-visible { text-decoration: none; }
.mb-icon { display: grid; place-content: center; inline-size: 46px; block-size: 46px; border-radius: 12px; background: var(--mini-soft); color: var(--mini-action); }
.mb-copy { display: grid; gap: 3px; min-inline-size: 0; }
.mb-copy strong { font-size: 1.02rem; overflow-wrap: anywhere; }
.mb-copy small { color: var(--mini-muted); font-size: .84rem; line-height: 1.45; overflow-wrap: anywhere; }
.mb-tag { justify-self: start; margin-block-end: 3px; padding: 3px 8px; border-radius: 6px; background: var(--mini-success); color: #fff; font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.mb-reach { display: flex; align-items: center; gap: 7px; margin-block-start: 5px; color: var(--mini-success); font-size: .82rem; font-weight: 700; }
.mb-reach::before { content: ''; inline-size: 8px; block-size: 8px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.mb-reach[data-llega=false] { color: #8a5300; }
.mb-distance { white-space: nowrap; }
.mb-go { color: var(--mini-action); }
.mb-card.is-best { border-color: var(--mini-success); box-shadow: 0 0 0 1px var(--mini-success), 0 10px 26px #2673441a; }
.mb-card.is-best .mb-icon { background: var(--mini-success-bg); color: var(--mini-success); }
.mb-card.is-out .mb-icon { background: var(--mini-surface-muted); color: var(--mini-muted); }
@media (hover: hover) {
 .mb-card:hover { border-color: var(--mini-selected); box-shadow: 0 8px 22px #44281c14; }
 .mb-card.is-best:hover { border-color: var(--mini-success); }
}
@media (prefers-reduced-motion: no-preference) { .mb-card { transition: border-color .15s, box-shadow .15s; } }

/* Aviso de la mini tienda cuando el selector dijo que esta sucursal no llega a la ubicación del cliente. */
.mini-coverage { display: flex; align-items: flex-start; gap: 10px; margin-block: 0 16px; padding: 12px 14px; border-width: 1px; border-style: solid; border-radius: 10px; font-size: .88rem; line-height: 1.5; }
.mini-coverage .mini-icon { margin-block-start: 1px; }