/* Paginas del menu: cabecera editorial, prestigio discreto y rejilla de ocasiones. Solo tokens; mobile-first (600 / 1024) */
.lf-menu-hero__inner{display:grid;gap:20px;align-items:center}
/* movil: aire de la cabecera reducido (en >=600 vuelve el de la seccion) */
.lf-menu-hero{padding-block:var(--lf-s-6)}
/* retoques 2026-10-25: la banda arena acaba en un filo dorado y lo que sigue (botones o barra) respira debajo; en movil el aire se recupera del hueco foto-texto y de las migas */
.lf-menu-hero{border-bottom:1px solid var(--lf-line-gold)}
.lf-listing>.lf-menu-hero{margin-bottom:var(--lf-s-4)}
/* movil: marco compacto para que la rejilla asome en 390x844 (qa-listing: >= 2 tarjetas). Ancho = min(46%,180px); el sizes de lf_menu_hero (sections.php) lo replica, mantenerlos a la par */
.lf-menu-hero__frame{width:min(46%,180px);margin:0 auto}
/* la foto manda: sin aspect-ratio ni cover; el marco se ajusta a la proporcion natural */
.lf-menu-hero .lf-frame__media{position:relative;inset:auto;background:var(--lf-ivory)}
.lf-menu-hero .lf-frame__media::after{content:none}
.lf-menu-hero .lf-frame__media img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain}
/* movil: la etiqueta queda dentro de la banda, con aire bajo el menu oscuro */
.lf-menu-hero .lf-frame__label{top:-12px;right:-24px;bottom:auto;padding:9px 12px;font-size:14px}
.lf-menu-hero__h1{font:400 clamp(30px,5vw,48px)/1.08 var(--lf-font-head);letter-spacing:-.01em;margin:0;color:var(--lf-ink);text-wrap:balance}
.lf-menu-hero__lead{margin-top:16px;max-width:520px;color:#4b463b}
.lf-menu-hero__lead p{margin:0 0 .8em}
.lf-menu-hero__note{font-weight:500;color:var(--lf-ink)}
/* en la pagina de venta, .lf-listing>* encajona y suma el margen lateral: las secciones del menu van a todo el ancho con su contenedor */
.lf-listing>.lf-section{max-width:none;padding-inline:0}
/* migas de la pagina de venta dentro de la cabecera: separadas del kicker */
.lf-menu-hero .lf-listing__crumbs,.lf-menu-hero .lf-content__crumbs{margin-bottom:var(--lf-s-4)}
.lf-menu-hero .lf-listing__crumbs ol{padding-top:0}
.lf-menu-hero__cta{margin-top:20px}
.lf-menu-hero__trust{display:none;flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;list-style:none;font-size:14px;color:#4b463b}
.lf-menu-hero__trust li{display:flex;align-items:center;gap:8px}
.lf-menu-hero__trust svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--lf-gold-dark);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lf-menu-hero--nophoto .lf-menu-hero__inner{display:block}
@media (min-width:600px){
  .lf-menu-hero__inner{grid-template-columns:5fr 7fr;gap:72px}
  .lf-menu-hero{padding-block:var(--lf-section-y)}
  .lf-menu-hero__trust{display:flex}
  .lf-menu-hero__cta{margin-top:28px}
  .lf-menu-hero__frame{width:min(100%,320px)}
  .lf-menu-hero .lf-frame__ring{inset:-20px}
  .lf-menu-hero .lf-frame__glow{inset:32px -22px -22px 32px}
  .lf-menu-hero .lf-frame__label{top:-44px;right:-30px;padding:12px 18px;font-size:17px}
  .lf-menu-hero--nophoto .lf-menu-hero__inner{display:block}
  .lf-listing>.lf-menu-hero{margin-bottom:var(--lf-s-7)}
  .lf-menu-hero .lf-listing__crumbs,.lf-menu-hero .lf-content__crumbs{margin-bottom:var(--lf-s-6)}
}

.lf-menu-prestige{padding-block:28px;border-block:1px solid #e3d9c4}
.lf-menu-prestige__line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;text-align:center;font:500 12px/1.6 var(--lf-font-head);letter-spacing:.18em;text-transform:uppercase;color:#3d3930}
.lf-menu-prestige__lead,.lf-menu-prestige__sep{color:var(--lf-gold-dark)}
@media (min-width:1024px){.lf-menu-prestige__line{font-size:13.5px;gap:6px 22px;letter-spacing:.22em}}

.lf-menu-occasions__h2{font:400 var(--lf-fs-h2)/1.1 var(--lf-font-head);letter-spacing:-.01em;margin:0 0 28px}
.lf-menu-occasions__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;margin:0;padding:0;list-style:none;align-items:end}
.lf-menu-occasions__grid a{display:block;color:inherit;text-decoration:none}
.lf-menu-occasions__fig{display:flex;align-items:flex-end;justify-content:center;background:var(--lf-ivory)}
.lf-menu-occasions__fig img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}
.lf-menu-occasions__name{display:block;margin-top:12px;font:400 18px/1.25 var(--lf-font-head);text-align:center}
.lf-menu-occasions__grid a:hover .lf-menu-occasions__name,.lf-menu-occasions__grid a:focus-visible .lf-menu-occasions__name{text-decoration:underline;text-underline-offset:4px}
.lf-menu-occasions__grid a:focus-visible{outline:2px solid var(--lf-gold-dark);outline-offset:4px}
@media (min-width:1024px){.lf-menu-occasions__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 28px}}

/* paginas de contenido del menu: capitulos del listado dentro de una .lf-section (que pone los parrafos a 0); sus migas van con las de venta, arriba */
.lf-content__body--ed .lf-listing__prose p{margin:0 0 .9rem}
.lf-content__body--ed .lf-listing--ed .lf-listing__text.lf-ed{padding-block:0}
