/* La Avenida Pastas Frescas — estilos del sitio público.
   Mármol claro + crema, verde oliva de acento, títulos Barlow Condensed. */
:root{
  /* harina y tinta: cálidos, sin blanco ni negro puros */
  --crema:#F6F2EA; --blanco:#FBF9F4; --tinta:#2B2723; --carbon:#35302B;
  /* albahaca */
  --oliva:#4E6838; --oliva-osc:#3b5029; --oliva-claro:#9db37f;
  /* salsa de tomate: el color de las acciones */
  --tomate:#B4532F; --tomate-osc:#963F22;
  /* semolín / yema */
  --semola:#E3B24F; --semola-claro:#F4E4B8;
  --txt2:#665E54; --linea:#E3DCCF;
  --radio:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 16px/1.65 Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--crema)}
img,svg{max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{margin:0;font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif;text-transform:uppercase;line-height:.98;font-weight:800;letter-spacing:.005em}
h1{font-size:clamp(2.4rem,8.5vw,4.4rem)}
/* titular de la portada: los dos renglones al mismo ancho (queda como un bloque).
   1,17 = ancho de "PASTAS FRESCAS" / ancho de "ARTESANALES" en Barlow Condensed 800. */
.h1-a,.h1-b{display:block}
.h1-b{font-size:1.17em;line-height:.92}
h2{font-size:clamp(2rem,7vw,3.3rem);margin-bottom:.4em}
h3{font-size:1.55rem;line-height:1.05}
p{margin:0 0 1em}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
section{padding:60px 0}
.marmol{background:linear-gradient(rgba(252,251,248,.55),rgba(252,251,248,.55)),url(/img/marmol-claro.svg) center/cover no-repeat #FCFBF8}
.kicker{font:700 .75rem Montserrat,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--oliva);margin:0 0 .8rem}
.lead{font-size:1.08rem;font-weight:500;color:var(--txt2);max-width:56ch}
.saltar{position:absolute;left:-999px;top:0;background:var(--tomate);color:#FBF9F4;padding:10px 16px;z-index:100}
.saltar:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--tomate);outline-offset:2px}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:6px;border:2px solid var(--tomate);background:var(--tomate);color:#FBF9F4;font:700 .82rem Montserrat,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--tomate-osc);border-color:var(--tomate-osc)}
.btn.sec{background:transparent;color:var(--tomate)}
.btn.sec:hover{background:var(--tomate);color:#FBF9F4}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.1rem}

/* encabezado */
header.top{position:sticky;top:0;z-index:20;background:rgba(246,242,234,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--linea)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px}
.logo img{height:46px;width:auto;display:block}
nav.main{display:none;gap:26px}
nav.main a{text-decoration:none;font:700 .75rem Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 0}
nav.main a:hover,nav.main a[aria-current]{color:var(--oliva)}
.bar .btn{min-height:42px;padding:0 18px;font-size:.74rem}
.mnav{display:flex;gap:20px;overflow-x:auto;padding:0 16px 10px;font:700 .72rem Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.mnav a{text-decoration:none;color:var(--txt2);padding:6px 0}
.mnav a[aria-current]{color:var(--oliva)}
@media(min-width:820px){nav.main{display:flex}.mnav{display:none}}

/* portada */
.hero{padding:52px 0 70px}
.hero-g{display:grid;gap:34px;align-items:center}
@media(min-width:860px){.hero-g{grid-template-columns:1.3fr .7fr}}
.hero-arte{display:flex;justify-content:center}
.hero-logo{width:min(70vw,380px);height:auto;opacity:.93}
.domingo{background:var(--tinta);color:var(--crema);padding:14px 0;text-align:center;font:600 .78rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}

/* sucursales */
.grid{display:grid;gap:16px}
@media(min-width:760px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c2{grid-template-columns:repeat(2,1fr)}}
.suc{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(60,45,30,.05)}
.suc h3 a{text-decoration:none}
.suc h3 a:hover{color:var(--tomate)}
.suc p{margin:.45rem 0 0;font-size:.95rem}
.suc .btns{margin-top:auto;padding-top:1rem}
.etq{align-self:flex-start;font:700 .66rem Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;background:var(--oliva);color:#fff;padding:4px 10px;border-radius:4px;margin-bottom:10px}
.estado{font:700 .8rem Montserrat,sans-serif;margin:.7rem 0 0}
.estado::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:#b8b0a4;margin-right:8px}
.estado.on::before{background:#3fb950}

/* horarios */
.horarios{list-style:none;padding:0;margin:.6rem 0 0}
.horarios li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--linea);font-size:.95rem}
.horarios li.hoy{font-weight:700;color:var(--oliva)}
.horarios li span:last-child{text-align:right}
.panel{border:1px solid var(--linea);border-radius:var(--radio);padding:24px;background:var(--blanco)}
.dos{display:grid;gap:20px}
@media(min-width:820px){.dos{grid-template-columns:1fr 1fr}}
.mapa{border:0;width:100%;height:340px;border-radius:6px;background:#e6e0d6}
.migas{font-size:.85rem;color:var(--txt2);margin:0 0 1.2rem}
.migas a{text-decoration:none;color:var(--oliva)}

/* menú */
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;margin-top:1rem;position:sticky;top:66px;z-index:10;background:var(--crema)}
.chips a{flex:none;min-height:42px;display:inline-flex;align-items:center;padding:0 16px;border-radius:6px;border:1px solid var(--linea);background:var(--blanco);font:700 .72rem Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.chips a:hover{background:var(--tomate);border-color:var(--tomate);color:#FBF9F4}
.cat{padding:34px 0;border-bottom:1px solid var(--linea);scroll-margin-top:130px}
.cat h2{font-size:clamp(2rem,7vw,3.2rem);margin-bottom:.2em}
.cat .nota{font:700 .7rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);margin:0 0 .5rem}
.cat .desc{color:var(--txt2);margin:0 0 .8rem}
.items{list-style:none;margin:0;padding:0;display:grid;gap:0 32px}
@media(min-width:640px){.items{grid-template-columns:1fr 1fr}}
.items li{padding:9px 0;border-bottom:1px solid var(--linea);display:flex;justify-content:space-between;gap:10px}
.items .tag{font:700 .64rem Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--txt2);white-space:nowrap;align-self:center}
.tiles{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:1.4rem}
@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr)}}
.tile{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:16px;text-decoration:none;display:block}
.tile:hover{border-color:var(--tomate)}
.tile h3{font-size:1.5rem}
.tile p{margin:.3rem 0 0;font-size:.85rem;color:var(--txt2)}

/* bloques oscuros / calidad */
.oscura{background:var(--carbon);color:var(--crema)}
.oscura .kicker{color:var(--semola)}
.oscura .lead{color:#c9c2b6}
.datos{margin-top:2rem;gap:28px}
.datos h3{color:var(--crema);border-top:2px solid var(--semola);padding-top:14px}
.datos p{color:#c9c2b6;margin:.6rem 0 0}

/* preguntas */
details{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:0 20px;margin:0 0 10px}
summary{cursor:pointer;padding:16px 0;font-weight:700;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";float:right;color:var(--tomate);font-size:1.4rem;line-height:1}
details[open] summary::after{content:"–"}
details p{color:var(--txt2)}

/* pie */
footer{background:var(--carbon);color:#cfc8bb;padding:48px 0 28px;font-size:.92rem}
footer a{color:var(--crema)}
footer h3{color:var(--crema);margin-bottom:.6rem;font-size:1.4rem}
footer ul{list-style:none;padding:0;margin:0}
footer li{margin:.4rem 0}
.flogo{height:54px;width:auto;display:block;margin-bottom:12px}
.copy{border-top:1px solid #4a433b;margin-top:28px;padding-top:16px;color:#9a9285;font-size:.82rem}
.fab{position:fixed;right:14px;bottom:14px;z-index:15}
.fab .btn{box-shadow:0 8px 20px rgba(0,0,0,.3)}
@media(min-width:820px){.fab{display:none}}
.legal h2{font-size:2rem;margin:1.6rem 0 .3rem}
.legal{max-width:70ch}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* al saltar a una sección, que el encabezado fijo no tape el título */
section[id]{scroll-margin-top:84px}
@media(max-width:819px){section[id]{scroll-margin-top:110px}}
@media(max-width:819px){.chips{top:96px}.cat{scroll-margin-top:150px}}

/* ---- portada: texto + fotos ---- */
.hero{padding:44px 0 56px}
.hero-g{display:grid;gap:32px;align-items:center}
@media(min-width:860px){.hero-g{grid-template-columns:1.05fr .95fr;gap:48px}}
.hero-txt .lead{margin:1rem 0 0}
.hero-fotos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-fotos img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radio);display:block;background:#EDEAE4}
.hero-fotos img:nth-child(even){transform:translateY(22px)}
@media(max-width:859px){.hero-fotos{margin-bottom:22px}}

/* ---- tarjetas con foto ---- */
.tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:1.4rem}
@media(min-width:760px){.tiles{grid-template-columns:repeat(4,1fr);gap:16px}}
.tile{background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;text-decoration:none;display:block}
.tile img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;display:block;background:#EDEAE4}
.tile h3{padding:12px 14px 14px;font-size:1.35rem}
.tile:hover{border-color:var(--tomate)}

/* ---- menú: foto al costado ---- */
.cat-g{display:grid;gap:18px}
.cat-f img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radio);display:block;background:#EDEAE4}
@media(min-width:760px){
  .cat-g.con-foto{grid-template-columns:1fr 260px;gap:32px;align-items:start}
  .cat-g.con-foto .cat-f{order:2}
  .cat-f img{aspect-ratio:4/5}
}

/* ---- banda de la calculadora ---- */
.calc-banda{background:var(--blanco);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.calc-banda-g{max-width:760px}

/* ---- calculadora ---- */
.calc{display:grid;gap:16px;margin-top:1.6rem}
@media(min-width:820px){.calc{grid-template-columns:1fr 1fr}}
.calc-form label,.calc-apetito legend{display:block;font:600 .8rem Montserrat,sans-serif;letter-spacing:.04em;margin:0 0 14px}
.calc-form input[type=number],.calc-form select{display:block;width:100%;margin-top:6px;min-height:48px;padding:0 12px;border:1px solid var(--linea);border-radius:8px;background:var(--crema);color:var(--tinta);font:500 1rem Montserrat,sans-serif}
.calc-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-apetito{border:0;padding:0;margin:0 0 4px}
.calc-apetito label{display:inline-flex;align-items:center;gap:8px;margin:0 18px 8px 0;min-height:44px;font-weight:500;letter-spacing:0}
.calc-apetito input{width:20px;height:20px;accent-color:var(--tomate)}
.calc-nota{font-size:.82rem;color:var(--txt2);margin:0}
.calc-res{display:grid;gap:14px;align-content:start}
.calc-foto img{width:min(60%,240px);height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radio);display:block}
.calc-foto:empty{display:none}
.calc-quien{font:600 .8rem Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--oliva);margin:0}
.calc-cant{font:800 clamp(2.2rem,8vw,3.4rem)/1 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:.1em 0 0}
.calc-que{font-size:1.05rem;font-weight:500;margin:0 0 .6em}
.calc-ref{font-size:.9rem;color:var(--txt2);margin:0}
.tabla{overflow-x:auto}
table{border-collapse:collapse;width:100%;max-width:560px}
th,td{padding:11px 12px;border-bottom:1px solid var(--linea);text-align:left;font-size:.95rem}
thead th{font:700 .72rem Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--txt2)}
tbody th{font-weight:600}
.nota-pie{font-size:.88rem;color:var(--txt2);margin-top:1rem;max-width:62ch}
input[type=number]{-moz-appearance:textfield}
h1{margin-bottom:.32em}

/* ---- chips de categorías: en la compu se ven todas (varias filas); en el celular se desliza ---- */
.chips{scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
@media(min-width:820px){.chips{flex-wrap:wrap;overflow:visible;position:static;background:transparent;padding:4px 0 10px}}
.chips a.chip-hielo{background:#E4EEF4;border-color:#C5D8E4;color:#23506D}
.chips a.chip-hielo:hover{background:#2F6584;border-color:#2F6584;color:#FBF9F4}

/* ---- congelados: su propio color (celeste hielo) ---- */
.nota-hielo{color:#2F6584!important}
.hielo-tag{color:#2F6584!important}
.hielo{background:#E9F1F6;color:var(--tinta);border-top:1px solid #C9DCE8;border-bottom:1px solid #C9DCE8}
.hielo .kicker{color:#2F6584}
.hielo h2{color:#1C465F}
.hielo-g{display:grid;gap:16px;margin-top:1.4rem}
@media(min-width:760px){.hielo-g{grid-template-columns:repeat(2,1fr)}}
.hielo-c{background:#F7FAFC;border:1px solid #CFE0EA;border-radius:var(--radio);padding:20px;scroll-margin-top:100px}
.hielo-c h3{display:flex;align-items:center;gap:10px;color:#1C465F;margin-bottom:.3rem}
.hielo-c .desc{color:var(--txt2);margin:0 0 .6rem}
.hielo-c .items{grid-template-columns:1fr}
.hielo-c .items li{border-bottom-color:#D9E6EE}
.hielo-foto{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;margin:0 0 14px;background:#E1EBF1}
.tacc-ico{width:44px;height:44px;flex:none}
@media(min-width:760px){.hielo-c.tacc{grid-column:1/-1}.hielo-c.tacc .items{grid-template-columns:repeat(3,1fr);gap:0 28px}}

/* ---- armador de pedido ---- */
.pedido{display:grid;gap:16px;margin-top:1.6rem;max-width:760px}
.ped-panel{padding:20px}
.ped-h{font-size:1.7rem;margin:0 0 .6rem}
.ped-n{font:600 .75rem Montserrat,sans-serif;letter-spacing:.1em;color:var(--txt2);margin-left:6px}
.ped-dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ped-step{background:var(--crema);border:1px solid var(--linea);border-radius:var(--radio);padding:14px;text-align:center}
.ped-step-t{display:block;font:700 .72rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--txt2)}
.ped-step-s{display:block;font-size:.78rem;color:var(--txt2);margin-top:4px}
.ped-step-c{display:flex;align-items:center;justify-content:center;gap:14px}
.ped-step-c b{min-width:2ch;text-align:center;font:800 1.6rem/1 "Barlow Condensed","Arial Narrow",sans-serif}
.ped-step .ped-step-c{margin:8px 0 2px}
.ped-mas{width:44px;height:44px;border-radius:8px;border:2px solid var(--tomate);background:var(--blanco);color:var(--tomate);font:700 1.3rem/1 Montserrat,sans-serif;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.ped-mas:hover{background:var(--tomate);color:#FBF9F4}
.ped-apetito{border:0;padding:0;margin:14px 0 4px}
.ped-apetito legend,.ped-locales legend{font:700 .72rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--txt2);margin:0 0 6px;padding:0}
.ped-apetito label,.ped-locales label{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 16px 0 0;font-weight:500;cursor:pointer}
.ped-apetito input,.ped-locales input,.ped-check input{width:20px;height:20px;accent-color:var(--tomate)}
.ped-check{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600;cursor:pointer;margin-top:6px}
.ped-check span{font-weight:400;color:var(--txt2);font-size:.86rem}
.ped-pastas{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:620px){.ped-pastas{grid-template-columns:repeat(4,1fr)}}
.ped-pasta{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--crema);border:1.5px solid var(--linea);border-radius:var(--radio);cursor:pointer;text-align:center;font-family:inherit;color:inherit;min-height:44px}
.ped-pasta:hover{border-color:var(--tomate)}
.ped-pasta.on{border-color:var(--tomate);background:#FBEFE8;box-shadow:0 0 0 1px var(--tomate) inset}
.ped-pasta img,.ped-sinfoto{width:64px;height:64px;border-radius:50%;object-fit:cover;background:#E6E1D8;display:block}
.ped-pn{font-weight:600;font-size:.8rem;line-height:1.2}
.ped-pu{font-size:.7rem;color:var(--txt2)}
.ped-sug{font-size:1rem;margin:0 0 .6rem}
.ped-sug b{color:var(--tomate)}
.ped-sug span{color:var(--txt2);font-size:.85rem}
.ped-sub{font:700 .72rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--oliva);margin:14px 0 4px}
.ped-sub span{font-weight:500;letter-spacing:0;text-transform:none;color:var(--txt2)}
.ped-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--linea)}
.ped-fila>span{font-size:.95rem}
.ped-add,.ped-wa{width:100%;margin-top:16px}
.ped-add[disabled],.ped-wa[disabled],.btn[disabled]{background:#C9C4BB;border-color:#C9C4BB;color:#F4F1EB;cursor:not-allowed}
.ped-wa{background:#1E9D54;border-color:#1E9D54}
.ped-wa:hover{background:#17803F;border-color:#17803F}
.ped-oscuro{background:var(--carbon);color:var(--crema);border-color:var(--carbon)}
.ped-oscuro .ped-h{color:var(--crema)}
.ped-lista{list-style:none;margin:0;padding:0}
.ped-item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #4a433b}
.ped-item span{font-size:.85rem;color:#c9c2b6}
.ped-vacio{color:#c9c2b6;font-size:.92rem;padding:6px 0}
.ped-acc{display:flex;gap:12px;align-items:flex-start;flex:none}
.ped-link{background:none;border:0;color:var(--semola);font:600 .82rem Montserrat,sans-serif;cursor:pointer;padding:6px 0;min-height:32px}
.ped-link.ped-x{color:#E89A86}
.ped-com{margin:12px 0 0;font-size:.9rem;color:#c9c2b6}
.ped-locales{border:0;padding:0;margin:0 0 6px}
.ped-campo{display:block;font:600 .8rem Montserrat,sans-serif;margin:12px 0 0}
.ped-campo select,.ped-campo input{display:block;width:100%;margin-top:6px;min-height:48px;padding:0 12px;border:1px solid var(--linea);border-radius:8px;background:var(--crema);color:var(--tinta);font:500 1rem Montserrat,sans-serif}
.ped-nota,.ped-aviso{font-size:.85rem;color:var(--txt2);margin:8px 0 0}
.ped-aviso{margin:14px 0 8px}
.ped-cargando{color:var(--txt2)}

/* ---- pedido: que nada se salga de la pantalla en el celular ---- */
.pedido,.ped-panel{min-width:0}
.ped-dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.ped-step{padding:12px 8px}
.ped-step-c{gap:6px}
.ped-step-c b{min-width:1.6ch}
@media(max-width:420px){.ped-panel{padding:16px}.ped-h{font-size:1.5rem}}
.lead strong{color:var(--tinta);font-weight:700}

/* ---- tarjetas de sucursal: Llamar y PedidosYa arriba, Cómo llegar abajo ocupando los dos ---- */
.btns-suc{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;padding-top:1rem}
.btns-suc .btn{width:100%;padding:0 10px;min-width:0;text-align:center}
.btns-suc.tres .como{grid-column:1/-1}

/* ---- preguntas frecuentes: respuestas ordenadas ---- */
details p{margin:0 0 .7em}
details>p:first-of-type{margin-top:0}
.faq-lista{list-style:none;margin:0 0 .9em;padding:0;max-width:420px}
.faq-lista li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--linea)}
.faq-lista li:first-child{border-top:1px solid var(--linea)}
.faq-lista strong{font-weight:700}
.faq-lista span{color:var(--txt2);text-align:right}
.faq-link{color:var(--tomate);font-weight:700;text-decoration:none;border-bottom:2px solid currentColor}
.faq-link:hover{color:var(--tomate-osc)}
details[open]{padding-bottom:6px}

/* extras cerrados hasta que se elige una pasta */
.ped-cerrado{background:#F1EEE8;border-style:dashed}
.ped-cerrado .ped-h{font-size:1.3rem;color:var(--txt2);margin-bottom:.2rem}
.ped-cerrado p{margin:0;color:var(--txt2);font-size:.92rem}

/* ---- sucursales: lo que distingue a cada una ---- */
.destacados{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:6px;max-width:60ch}
.destacados li{padding-left:22px;position:relative;font-weight:500}
.destacados li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:10px;background:var(--tomate);border-radius:2px}

/* ---- guías de cocina ---- */
.guias-banda{background:var(--blanco);border-top:1px solid var(--linea);border-bottom:1px solid var(--linea)}
.guia-c{display:block;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:20px;text-decoration:none}
.guias-banda .guia-c{background:var(--crema)}
.guia-c:hover{border-color:var(--tomate)}
.guia-c h2,.guia-c h3{font-size:1.5rem;margin:0 0 .3rem}
.guia-c p{margin:0;color:var(--txt2);font-size:.92rem}
.guia-mas{display:inline-block;margin-top:.8rem;color:var(--tomate);font-weight:700;font-size:.85rem}
.guias-g{margin-top:1.4rem}
.guia{max-width:760px;margin:0 auto}
.pasos{list-style:none;margin:1.6rem 0;padding:0;display:grid;gap:12px}
.pasos li{display:flex;gap:16px;background:var(--blanco);border:1px solid var(--linea);border-radius:var(--radio);padding:16px 18px}
.paso-n{flex:none;width:40px;height:40px;border-radius:8px;background:var(--tomate);color:#FBF9F4;display:flex;align-items:center;justify-content:center;font:800 1.4rem/1 "Barlow Condensed","Arial Narrow",sans-serif}
.pasos h2{font-size:1.5rem;margin:0 0 .15rem}
.pasos p{margin:0;color:var(--txt2)}
.guia-cierre{font-weight:600;border-left:4px solid var(--tomate);padding:2px 0 2px 14px;margin:0 0 1.2rem}
.curiosidades{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:0 32px}
@media(min-width:760px){.curiosidades{grid-template-columns:1fr 1fr}}
.curiosidades li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px solid var(--linea)}
.curiosidades strong{font:800 1.7rem/1.05 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;color:var(--oliva)}
.curiosidades span{color:var(--txt2)}
.otras{display:flex;flex-wrap:wrap;gap:10px;margin:.5rem 0 0}

.foto-local{margin:0 0 20px}.foto-local img{width:100%;height:auto;max-height:460px;object-fit:cover;object-position:center 40%;border-radius:var(--radio);display:block}.foto-local figcaption{font-size:.85rem;color:var(--suave,#666);margin-top:6px}

/* ---- colores de marca: solo al pasar el mouse (en reposo quedan como los demas) ---- */
.btn.sec.pya:hover,.btn.sec.pya:focus-visible{background:#FA0050;border-color:#FA0050;color:#fff}
.btn.sec.wa:hover,.btn.sec.wa:focus-visible{background:#1DA851;border-color:#1DA851;color:#fff}
.btn.sec.maps:hover,.btn.sec.maps:focus-visible{background:#1A73E8;border-color:#1A73E8;color:#fff}

/* ---- tarjeta de sucursal entera clicable (el enlace del nombre se estira) ---- */
.suc{position:relative;cursor:pointer}
.suc-link::after{content:"";position:absolute;inset:0;z-index:1}
.suc:hover{border-color:var(--tomate)}
.suc .btns-suc .btn{position:relative;z-index:2}
.btn.wa:hover,.btn.wa:focus-visible{background:#1DA851;border-color:#1DA851;color:#fff}