/* ==========================================================
   MENÚ 260921 · Pastelería · Cafetería · Pedidos · cuenta · carrito
   Se carga DESPUÉS de styles.css. Hoja congelada de Vivie (9 sep 2026):
   salmón fondo firma, caramelo acción, dorado badges, línea #A9704F.
   Un solo gesto nuevo: el anillo interior de los botones, tomado del
   sello ovalado (PASTELERÍA · ROSSELOT · CAFETERÍA), y su lettering.
   ========================================================== */

/* ---------- Cabecera: una sola barra en todas las páginas ---------- */
.site-header .bar{height:72px}
.nav{display:flex;align-items:center;gap:34px}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--sans);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olivo);padding:0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.nav-links a:hover{color:var(--cacao)}
.nav-links a[aria-current]{color:var(--cacao);border-bottom-color:var(--linea)}
.nav-ic{display:flex;align-items:center;gap:6px}
.nav-ic a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;color:var(--cacao);transition:background .15s}
.nav-ic a:hover{background:var(--blush)}
.nav-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* el contador va AL LADO del carrito, como cifra pequeña en caramelo: no tapa el icono */
.nav-ic a.cart{width:auto;min-width:44px;padding:0 10px 0 11px;gap:5px}
.nav-ic .count{position:static;transform:none;font-family:var(--sans);font-weight:500;font-size:.78rem;line-height:1;color:var(--cafe);min-width:0;height:auto;padding:0;background:none;display:inline-block}
.nav-ic .count:not([data-zero]){visibility:visible}
.nav-ic .count:empty,.nav-ic .count[data-zero]{display:none}
/* quita el texto "Carrito" heredado si algún script lo reinyecta */
.nav a.cart{font-size:0}
.nav a.cart .count{font-size:.68rem}

@media(max-width:560px){
  .site-header .bar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo ic" "links links";height:auto;padding-top:12px;padding-bottom:0;gap:4px 12px;flex-wrap:nowrap}
  .site-header .wordmark{grid-area:logo;width:132px;height:24px;align-self:center}
  .nav{display:contents}
  .nav-ic{grid-area:ic;justify-self:end}
  .nav-links{grid-area:links;width:100%;justify-content:flex-start;gap:22px;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{font-size:.74rem;letter-spacing:.12em;padding:0;white-space:nowrap}
}
@media(max-width:380px){.nav-links{gap:16px}.nav-links a{font-size:.7rem}}

/* ---------- Fuera los remarks (eyebrows) en todo el sitio ---------- */
.eyebrow{display:none!important}

/* ---------- Botones: lettering y anillo del sello ---------- */
.btn{font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;min-height:50px;padding:0 30px;border-radius:999px}
.btn--primary{background:var(--cafe);color:var(--hueso);box-shadow:inset 0 0 0 3px var(--cafe),inset 0 0 0 4px rgba(251,249,239,.55)}
.btn--primary:hover{background:var(--cafe-hover);box-shadow:inset 0 0 0 3px var(--cafe-hover),inset 0 0 0 4px rgba(251,249,239,.7)}
.btn--ghost{background:var(--hueso);color:var(--cacao);border:1px solid var(--linea)}
.btn--ghost:hover{background:var(--blush);border-color:var(--cacao)}
.card .add-min{font-weight:500;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:11px;border-color:var(--linea)}
.card .add-min:hover{background:var(--cafe);color:var(--hueso);border-color:var(--cafe)}
.lane .go{font-size:.78rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-bottom-color:var(--linea)}

/* ---------- Vitrina en dos mitades ---------- */
.mitades{position:sticky;top:var(--hdr,72px);z-index:12;background:rgba(246,238,225,.94);backdrop-filter:saturate(1.1) blur(8px);border-bottom:1px solid rgba(68,40,35,.10)}
.mitades .tabs{display:flex;gap:0;border-bottom:1px solid rgba(68,40,35,.10)}
.mitades .tabs a{flex:1;text-align:center;font-family:var(--serif);font-size:1.15rem;color:var(--olivo);padding:14px 0 12px;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}
.mitades .tabs a[aria-current]{color:var(--cacao);border-bottom-color:var(--cafe)}
.mitades .subs{display:flex;gap:8px;overflow-x:auto;padding:10px 4px;scrollbar-width:none}
.mitades .subs::-webkit-scrollbar{display:none}
.mitades .subs a{white-space:nowrap;flex:none;font-size:.84rem;color:var(--cacao);border:1px solid rgba(68,40,35,.18);border-radius:999px;padding:11px 16px;transition:background .15s,border-color .15s,color .15s}
.mitades .subs a:hover{background:var(--blush);border-color:transparent}
.mitades .subs a[aria-current]{background:var(--cafe);color:var(--hueso);border-color:var(--cafe)}
@media(max-width:899px){.mitades .tabs{display:none}}
@media(min-width:900px){
  .mitades .wrap{display:flex;align-items:center;gap:28px}
  .mitades .tabs{border-bottom:0;flex:none;gap:22px}
  .mitades .tabs a{flex:none;padding:16px 0;text-align:left;font-size:1.2rem}
  .mitades .subs{flex:1;padding:12px 4px}
}

.mitad{scroll-margin-top:calc(var(--hdr,72px) + 58px)}
.grupo{scroll-margin-top:calc(var(--hdr,72px) + 70px)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.umbral{background:var(--blush);position:relative;overflow:hidden;padding:48px 0 44px}
.umbral .wrap{position:relative;display:grid;grid-template-columns:minmax(0,34rem) 1fr;align-items:center;column-gap:36px}
.umbral h1,.umbral h2{grid-column:1;font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,8vw,4rem);line-height:1;letter-spacing:-.01em;margin:0 0 14px;color:var(--cacao)}
.umbral .lead{grid-column:1;color:var(--cacao);font-size:1.05rem;line-height:1.6;margin:0;max-width:40ch;text-wrap:pretty}
.umbral .lead a{color:var(--cafe);border-bottom:1px solid var(--linea)}
.umbral .fil{grid-column:2;grid-row:1/3;justify-self:start;width:280px;height:280px;margin:-40px 0;background:var(--salmon);opacity:.34;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;pointer-events:none}
@media(max-width:700px){.umbral{padding:36px 0 32px}.umbral .wrap{grid-template-columns:1fr;position:relative}.umbral .fil{position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:170px;height:170px;margin:0;opacity:.28;grid-column:auto;grid-row:auto}.umbral h2,.umbral .lead{position:relative;z-index:1;grid-column:auto}}

.sub-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:44px 0 18px;scroll-margin-top:calc(var(--hdr,72px) + 66px)}
.sub-head h3{font-family:var(--serif);font-weight:400;font-size:1.55rem;color:var(--cacao)}
.sub-head .n{font-size:.78rem;color:var(--olivo);letter-spacing:.06em}
.grupo .cat-grid{margin-bottom:6px}

/* Tortas enteras: puente al armador dentro de Pastelería */
.puente{margin:46px 0 8px;border-radius:10px;overflow:hidden;background:var(--beige);border:1px solid rgba(68,40,35,.08);display:grid;grid-template-columns:1fr}
.puente .img{aspect-ratio:16/9;position:relative;background:var(--blush)}
.puente .img img{width:100%;height:100%;object-fit:cover;display:block}
.puente .body{padding:26px}
.puente h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin-bottom:8px}
.puente p{color:var(--olivo);font-size:.95rem;margin-bottom:18px;max-width:46ch}
@media(min-width:760px){.puente{grid-template-columns:5fr 6fr}.puente .img{aspect-ratio:auto}.puente .body{padding:34px 36px;align-self:center}}

/* Cierre de la vitrina: encargo + volver */
.cierre{padding-block:40px 60px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.cierre p{font-family:var(--serif);font-size:1.3rem;color:var(--cacao);margin:0}
.cierre .acts{display:flex;gap:10px;flex-wrap:wrap}

/* búsqueda en la vitrina: fuera de la barra pegajosa */
.buscar-wrap{padding-block:22px 4px}
.buscar-wrap .search{position:relative;max-width:520px}
.buscar-wrap .search input{width:100%;font-family:var(--sans);font-size:1rem;color:var(--cacao);background:var(--papel);border:1px solid var(--linea);border-radius:999px;padding:12px 40px}
.buscar-wrap .search-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--olivo);pointer-events:none}
.buscar-wrap #q-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:1.5rem;line-height:1;color:var(--olivo);cursor:pointer;padding:2px 10px}
.resultados{padding-block:10px 50px}
.resultados .conteo{color:var(--olivo);font-size:.9rem;margin-bottom:14px}
body.buscando .mitad,body.buscando .cierre,body.buscando .mitades{display:none}
body:not(.buscando) .resultados{display:none}

/* ---------- Home: las dos mitades ---------- */
.lane .body h3,.lane .body h2{font-family:var(--serif);font-weight:400;font-size:2rem;margin-bottom:8px;color:var(--cacao)}
.lane .lista{color:var(--olivo);font-size:.92rem;margin-bottom:18px;line-height:1.7}
.encargo-banda{background:var(--blush);padding:44px 0;margin:56px 0 8px;position:relative;overflow:hidden}
.encargo-banda .wrap{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;position:relative;z-index:1}
.encargo-banda h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,4vw,2.3rem);margin:0 0 6px}
.encargo-banda p{color:var(--cacao);max-width:46ch;margin:0}
.encargo-banda .fil{position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:230px;height:230px;background:var(--salmon);opacity:.32;-webkit-mask:url(img/texturas/tiramisu.png) center/contain no-repeat;mask:url(img/texturas/tiramisu.png) center/contain no-repeat;pointer-events:none}
@media(max-width:700px){.encargo-banda .fil{width:150px;height:150px;opacity:.26}}
.lane a.img{display:block}
.lane a.img img{transition:transform .25s}
.lane a.img:hover img{transform:scale(1.02)}

/* Porción de tiramisú en el resumen del armador: la foto (1200x800) tiene la porción corrida a la
   izquierda; centrada, el recorte cuadrado le cortaba la punta (Tomás, 21 sep 2026). */
.corte-porcion img[src$="tiramisu.jpg"]{object-position:40% center}

/* ---------- Sello «sin gluten» (opción 5, 21 sep 2026): hueso, borde y texto caramelo, espiga tachada ---------- */
.sello-sg{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 8px;border-radius:999px;background:rgba(251,249,239,.94);border:1px solid var(--cafe);color:var(--cafe);font-family:var(--sans);font-weight:500;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;line-height:1;z-index:2}
.sello-sg svg,.nota-sg svg,.mitades .subs a.sg svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.card .img .badge.r{left:auto;right:12px}
.nota-sg{display:flex;align-items:flex-start;gap:8px;color:var(--cafe);font-size:.9rem;line-height:1.5;max-width:60ch;margin:-6px 0 18px}
.nota-sg svg{margin-top:3px}
.mitades .subs a.sg{display:inline-flex;align-items:center;gap:6px;color:var(--cafe);border-color:var(--cafe)}
.mitades .subs a.sg[aria-current]{color:var(--hueso)}

/* ---------- Cajas de empanadas surtidas (armador dentro de Cafetería) ---------- */
.cajas{margin:46px 0 8px;border-radius:10px;overflow:hidden;background:var(--beige);border:1px solid rgba(68,40,35,.08);display:grid;grid-template-columns:1fr;scroll-margin-top:calc(var(--hdr,72px) + 70px)}
.cajas .img{aspect-ratio:16/9;background:var(--blush)}
.cajas .img img{width:100%;height:100%;object-fit:cover;display:block}
.cajas .body{padding:26px}
.cajas h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;margin-bottom:8px}
.cajas p{color:var(--olivo);font-size:.95rem;margin-bottom:18px;max-width:46ch}
.cajas .cajas-tam{display:flex;gap:8px;margin-bottom:16px}
.cajas .pill{flex:1;border:1px solid rgba(68,40,35,.2);background:var(--hueso);color:var(--cacao);border-radius:999px;padding:11px 14px;font-family:var(--sans);font-size:.9rem;cursor:pointer;display:flex;justify-content:space-between;gap:8px}
.cajas .pill b{font-weight:500;color:var(--cafe)}
.cajas .pill[aria-pressed="true"]{background:var(--cafe);border-color:var(--cafe);color:var(--hueso)}
.cajas .pill[aria-pressed="true"] b{color:var(--hueso)}
.cajas .cajas-sab{display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(68,40,35,.12)}
.cajas .sab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(68,40,35,.12)}
.cajas .sab .nm{font-family:var(--serif);font-size:1.05rem}
.cajas .ctl{display:inline-flex;align-items:center;gap:4px}
.cajas .ctl button{width:36px;height:36px;border-radius:999px;border:1px solid var(--linea);background:var(--hueso);color:var(--cafe);font-size:1.1rem;line-height:1;cursor:pointer}
.cajas .ctl button:disabled{opacity:.35;cursor:default}
.cajas .ctl output{min-width:26px;text-align:center;font-family:var(--sans);font-weight:500}
.cajas .cajas-pie{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;flex-wrap:wrap}
.cajas .cuenta{color:var(--olivo);font-size:.9rem}
.cajas .btn:disabled{opacity:.45;cursor:default;transform:none}
@media(min-width:760px){.cajas{grid-template-columns:5fr 7fr}.cajas .img{aspect-ratio:auto}.cajas .body{padding:30px 34px}}
.cajas .pill{white-space:nowrap}
@media(max-width:460px){.cajas .cajas-tam{flex-direction:column}}

/* ---------- Opciones apagadas «Pronto» en el checkout (domicilio, tarjeta) ---------- */
.opt-card.off{opacity:.6;cursor:default;background:var(--hueso)}
.opt-card.off .tick{display:none}
.pronto{display:inline-block;margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--dorado);color:var(--cacao);font-family:var(--sans);font-weight:500;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;vertical-align:middle}

/* ---------- Sucursales con foto ---------- */
.branch .map.foto{aspect-ratio:16/9;background:var(--blush)}
.branch .map.foto img{width:100%;height:100%;object-fit:cover;display:block}

/* ---------- Pedidos: pestañas Tortas / Cajas de empanadas ---------- */
/* selector a lo ancho: dos tarjetas con foto, la elegida con borde caramelo */
.ped-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 8px}
.ped-tabs a{position:relative;display:grid;grid-template-columns:5fr 6fr;align-items:center;min-height:120px;border-radius:12px;overflow:hidden;background:var(--beige);border:1px solid rgba(68,40,35,.12);color:var(--cacao);transition:border-color .15s,box-shadow .15s,opacity .15s}
.ped-tabs a .ph{display:block;height:100%;min-height:120px;background:var(--blush)}
.ped-tabs a .ph img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85);transition:filter .2s,transform .3s}
.ped-tabs a .tx{display:flex;flex-direction:column;gap:6px;padding:18px 22px}
.ped-tabs a .ti{font-family:var(--serif);font-size:1.45rem;line-height:1.1}
.ped-tabs a .su{font-family:var(--sans);font-size:.82rem;color:var(--olivo)}
.ped-tabs a:not([aria-current]){opacity:.82}
.ped-tabs a:hover{opacity:1;border-color:var(--linea)}
.ped-tabs a:hover .ph img{transform:scale(1.03)}
.ped-tabs a[aria-current]{opacity:1;border-color:var(--cafe);box-shadow:0 0 0 1px var(--cafe)}
.ped-tabs a[aria-current] .ph img{filter:none}
.ped-tabs a[aria-current] .ti::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cafe);margin-left:10px;vertical-align:middle}
@media(max-width:700px){.ped-tabs{grid-template-columns:1fr;gap:12px}.ped-tabs a{grid-template-columns:2fr 3fr;min-height:96px}.ped-tabs a .ph{min-height:96px}.ped-tabs a .tx{padding:12px 16px}.ped-tabs a .ti{font-size:1.2rem}}
body.tab-empanadas .encargo-head,body.tab-empanadas .encargo,body.tab-empanadas .encargo-bar{display:none}
#panel-empanadas{padding-block:30px 60px}
#panel-empanadas h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,7vw,3.4rem);line-height:1.03;margin:6px 0 10px}
#panel-empanadas .lead{color:var(--olivo);margin-bottom:6px}
#panel-empanadas .cajas{margin-top:22px}
@media(max-width:560px){.nav-links{gap:18px}}
@media(max-width:400px){.nav-links{gap:14px}.nav-links a{font-size:.68rem;letter-spacing:.1em}}
.nota-ilustrativa{font-family:var(--sans);font-size:.6rem;letter-spacing:.04em;color:var(--olivo);opacity:.7;margin:6px 0 2px;text-align:left}

/* ROS-BILINGUE1 · selector ES · EN (22 sep 2026): dos letras, sin bandera */
.nav-ic .lang,.co-header .lang{display:inline-flex;align-items:center;gap:6px;margin-right:6px;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--olivo)}
.nav-ic .lang a,.co-header .lang a{width:auto;height:44px;min-width:28px;padding:0 4px;border-radius:6px;color:var(--olivo);display:inline-flex;align-items:center;justify-content:center;border-bottom:1px solid transparent}
.nav-ic .lang a:hover,.co-header .lang a:hover{background:none;color:var(--cacao)}
.nav-ic .lang a[aria-current],.co-header .lang a[aria-current]{color:var(--cacao);border-bottom-color:var(--linea)}
.lang .sep{opacity:.5}
.co-header .lang{margin-left:auto;margin-right:14px}
@media(max-width:820px){.nav-ic .lang{margin-right:2px;gap:4px}.nav-ic .lang a{min-width:24px;padding:0 2px}}
/* a 320 px la cabecera se pasaba de ancho con el selector (Astra 13): sin separador, letras y logo más chicos */
@media(max-width:380px){.nav-ic{gap:0}.nav-ic .lang{gap:1px;margin-right:0;font-size:.64rem}.nav-ic .lang a{min-width:20px;padding:0 1px}.lang .sep{display:none}.site-header .wordmark{width:112px}.nav-ic a.cart{padding:0 4px 0 6px}}