/* GREEN DEMONS · la carta (solo tipografía) */
.pagina-menu{background:var(--paper)}
.carta{padding-top:clamp(64px,8vh,92px)}
.carta-cabeza{text-align:center;padding:clamp(2rem,6vh,4rem) var(--pad) clamp(1.2rem,3vh,2rem)}
.carta-titulo{font-size:clamp(4rem,15vw,15rem);line-height:.9;color:var(--sage);white-space:nowrap;user-select:none}
.carta-sub{margin-top:clamp(.8rem,2vh,1.4rem);font-family:var(--serif);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--moss)}

/* índice pegajoso: chips que se deslizan en el teléfono */
.carta-indice{
  position:sticky;top:var(--top-h,64px);z-index:40;background:var(--paper);
  display:flex;gap:.2rem 1.6rem;justify-content:center;flex-wrap:wrap;
  padding:.9rem var(--pad);border-bottom:1px solid var(--sage);
}
.carta-indice[hidden]{display:none}
.carta-indice a{
  font-family:var(--sans);font-weight:700;font-stretch:var(--wdth);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--moss);padding:.35rem 0;border-bottom:2px solid transparent;transition:color .3s ease,border-color .3s ease;white-space:nowrap;
}
.carta-indice a.activa,.carta-indice a:hover{color:var(--ink);border-color:var(--ink)}
@media (max-width:760px){
  .carta-indice{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;gap:1.2rem;padding:.7rem 1.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .carta-indice::-webkit-scrollbar{display:none}
}

.carta-secciones{max-width:60rem;margin-inline:auto;padding:clamp(2rem,6vh,4rem) var(--pad) clamp(3rem,8vh,6rem)}
.seccion{padding:clamp(2.4rem,6vh,4rem) 0;border-bottom:1px solid var(--sage);scroll-margin-top:calc(var(--top-h,64px) + 3.4rem)}
.seccion:last-child{border-bottom:0}
.seccion-cabeza{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.2rem,3vh,2rem)}
.seccion h2{font-size:clamp(2rem,4.6vw,4.2rem);line-height:.95}
.seccion .mod{color:var(--sage);align-self:center}
.seccion-nota{font-style:italic;color:var(--moss);margin:-.6rem 0 1.4rem;font-size:1rem}
.platillos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.1rem,2.4vh,1.8rem) clamp(2rem,5vw,4rem)}
.platillo{display:grid;grid-template-columns:1fr auto;gap:.15rem .9rem;align-items:baseline}
.platillo .n{font-family:var(--sans);font-weight:700;font-stretch:var(--wdth);text-transform:uppercase;font-size:.92rem;letter-spacing:.05em}
.platillo .p{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:1.05rem;white-space:nowrap;color:var(--moss)}
.platillo .d{grid-column:1/-1;font-size:1rem;line-height:1.45;color:var(--moss)}
.platillo .tag{display:inline-block;font-family:var(--sans);font-weight:700;font-size:.58em;letter-spacing:.14em;text-transform:uppercase;
  color:var(--paper);background:var(--sage);padding:.2em .5em;margin-left:.55em;vertical-align:.2em}
/* copa / botella */
.platillos--dos{grid-template-columns:1fr;max-width:34rem;gap:.55rem}
.platillo .p-dos{display:flex;gap:1.4rem}
.platillo .p-dos span{min-width:4.6em;text-align:right}
.dos-cabeza{display:flex;justify-content:flex-end;gap:1.4rem;max-width:34rem;margin-bottom:.6rem;
  font-family:var(--sans);font-weight:700;font-stretch:var(--wdth);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss)}
.dos-cabeza span{min-width:4.6em;text-align:right}
@media (max-width:760px){
  .platillos{grid-template-columns:1fr}
}

/* cierre */
.carta-cierre{position:relative;background:var(--ink);color:var(--paper);text-align:center;overflow:hidden;
  padding:clamp(5rem,14vh,10rem) var(--pad) clamp(4rem,10vh,7rem);display:flex;flex-direction:column;align-items:center;gap:1.6rem}
.carta-cierre .campo{position:absolute;inset:0;pointer-events:none;color:var(--sage)}
.carta-cierre .campo .mod{position:absolute;left:var(--x);top:var(--y);opacity:.85}
.carta-cierre h2{position:relative;font-size:clamp(2.6rem,7vw,7rem);line-height:.95}
.carta-cierre .btn{position:relative}
.carta-cierre .nota{position:relative;font-size:.95rem;color:var(--sage);max-width:30rem}


/* estado vacío (mientras no hay carta) */
.carta-vacia{text-align:center;padding:clamp(3rem,10vh,6rem) var(--pad);color:var(--moss);font-size:1.1rem}