/* Ficha de la caja de cata: «Lo que guarda la caja» (banda noche) y «La cata en casa». */
body.lm-ficha-pagina .lm-ficha .lm-especial { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(70% 60% at 62% 58%, #2E3824 0%, var(--lm-noche) 66%); color: #D9D3C4; }
body.lm-ficha-pagina .lm-ficha .lm-especial-marco { max-width: 1320px; margin: 0 auto; padding: 120px var(--gutter) 104px; }
body.lm-ficha-pagina .lm-ficha .lm-especial .lm-titulo-seccion { color: var(--lm-marfil); }
body.lm-ficha-pagina .lm-ficha .lm-especial .lm-titulo-seccion em { color: #E4D6B0; }
body.lm-ficha-pagina .lm-ficha .lm-especial-cabeza { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; flex-wrap: wrap; }
body.lm-ficha-pagina .lm-ficha .lm-especial-tapa { margin: 0; max-width: 46ch; padding-left: 22px; border-left: 1px solid rgba(228, 214, 176, .35); }
body.lm-ficha-pagina .lm-ficha .lm-especial-tapa p { font: italic 400 19px/1.55 var(--lm-titulos); color: #ECE5D2; }
body.lm-ficha-pagina .lm-ficha .lm-especial-tapa footer { margin-top: 10px; font: 500 11px/1.4 var(--lm-texto); letter-spacing: .14em; text-transform: uppercase; color: #A79F8C; }

body.lm-ficha-pagina .lm-ficha .lm-especial-cuerpo { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(36px, 5vw, 80px); align-items: center; margin-top: 64px; }
body.lm-ficha-pagina .lm-ficha .lm-especial-escena { position: relative; }
body.lm-ficha-pagina .lm-ficha .lm-especial-escena img { width: 100%; filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .45)); }

/* Puntos sobre cada pieza: aro dorado fijo (DESIGN.md: sin animación continua); el activo se rellena. */
body.lm-ficha-pagina .lm-ficha .lm-especial-punto { all: unset; position: absolute; left: var(--x); top: var(--y); width: 44px; height: 44px; margin: -22px 0 0 -22px; display: grid; place-items: center; cursor: pointer; border-radius: 50%; }
body.lm-ficha-pagina .lm-ficha .lm-especial-punto span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(28, 34, 22, .72); box-shadow: 0 0 0 1px #E4D6B0, 0 6px 16px rgba(0, 0, 0, .35); color: #F3EBD6; font: 500 13px/1 var(--lm-texto); font-variant-numeric: tabular-nums; transition: background-color .3s var(--ease), color .3s var(--ease), transform .4s var(--ease); }
body.lm-ficha-pagina .lm-ficha .lm-especial-punto::before { content: ""; position: absolute; inset: 4px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(228, 214, 176, .6); transform: scale(1.3); transition: opacity .3s var(--ease); }
body.lm-ficha-pagina .lm-ficha .lm-especial-punto:hover span, body.lm-ficha-pagina .lm-ficha .lm-especial-punto[aria-expanded="true"] span { background: #E4D6B0; color: var(--lm-noche); transform: scale(1.08); }
body.lm-ficha-pagina .lm-ficha .lm-especial-punto[aria-expanded="true"]::before { opacity: 0; }
body.lm-ficha-pagina .lm-ficha .lm-especial-punto:focus-visible span { outline: 2px solid #E4D6B0; outline-offset: 4px; }

/* Lista de piezas: la activa se ilumina, las demás bajan. */
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas { list-style: none; margin: 0; padding: 0; display: grid; }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 16px; padding: 20px 0; border-top: 1px solid rgba(228, 214, 176, .16); cursor: pointer; transition: opacity .35s var(--ease); }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li:last-child { border-bottom: 1px solid rgba(228, 214, 176, .16); }
body.lm-ficha-pagina .lm-ficha .lm-especial.is-eligiendo .lm-especial-piezas li:not(.is-activa) { opacity: .45; }
body.lm-ficha-pagina .lm-ficha .lm-especial-n { font: 400 22px/1.2 var(--lm-titulos); color: #E4D6B0; font-variant-numeric: tabular-nums; }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas h3 { font-size: 23px; line-height: 1.2; color: var(--lm-marfil); }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas h3 em { color: #E4D6B0; }
body.lm-ficha-pagina .lm-ficha .lm-especial-dato { margin-top: 4px; font: 500 11px/1.4 var(--lm-texto); letter-spacing: .14em; text-transform: uppercase; color: #A79F8C; }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li p:not(.lm-especial-dato) { font-size: 15px; line-height: 1.6; color: #CFC8B6; max-width: 40ch; }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li a { display: inline-block; margin-top: 10px; font: 500 12px/1.4 var(--lm-texto); letter-spacing: .14em; text-transform: uppercase; color: #E4D6B0; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li a:hover { color: var(--lm-marfil); }
body.lm-ficha-pagina .lm-ficha .lm-especial-piezas li > div > p:not(.lm-especial-dato) { margin-top: 10px; }
body.lm-ficha-pagina .lm-ficha .lm-especial-total { margin-top: 56px; padding-top: 28px; border-top: 1px solid rgba(228, 214, 176, .16); font: 400 22px/1.4 var(--lm-titulos); color: var(--lm-marfil); max-width: 40ch; }

/* La cata en casa */
body.lm-ficha-pagina .lm-ficha .lm-cata-casa { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 104px); align-items: center; }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa figure img { width: 100%; border-radius: 2px; }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa-intro { margin-top: 18px; color: var(--lm-piedra); max-width: 44ch; }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa ol { list-style: none; margin: 40px 0 0; padding: 0; counter-reset: gesto; }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa li { counter-increment: gesto; display: grid; grid-template-columns: 56px 110px minmax(0, 1fr); gap: 0 16px; align-items: baseline; padding: 18px 0; border-top: 1px solid var(--lm-hilo); }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa li::before { content: counter(gesto, decimal-leading-zero); font: 400 15px/1 var(--lm-titulos); color: var(--lm-oro-tinta); font-variant-numeric: tabular-nums; }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa li b { font: 400 24px/1.2 var(--lm-titulos); color: var(--lm-negro); }
body.lm-ficha-pagina .lm-ficha .lm-cata-casa li span { font-size: 16px; line-height: 1.6; color: var(--lm-tinta); max-width: 46ch; }

@media (max-width: 900px) {
	body.lm-ficha-pagina .lm-ficha .lm-especial-marco { padding: 80px var(--gutter) 72px; }
	body.lm-ficha-pagina .lm-ficha .lm-especial-cuerpo, body.lm-ficha-pagina .lm-ficha .lm-cata-casa { grid-template-columns: minmax(0, 1fr); }
	body.lm-ficha-pagina .lm-ficha .lm-especial-cuerpo { margin-top: 40px; }
	body.lm-ficha-pagina .lm-ficha .lm-especial-punto span { width: 26px; height: 26px; font-size: 12px; }
	body.lm-ficha-pagina .lm-ficha .lm-cata-casa li { grid-template-columns: 40px minmax(0, 1fr); }
	body.lm-ficha-pagina .lm-ficha .lm-cata-casa li span { grid-column: 2; margin-top: 4px; }
}