/* KenAly · calendario lunar y teaser Agenda 2027 (tienda).
   Usa los tokens de marca.css (--paper, --card, --ink, --gold...). El tema oscuro llega por :root[data-theme="dark"]. */

:root{--lc-luz:#E2C98C;--lc-sombra:#EFE6D4}
:root[data-theme="dark"]{--lc-luz:#F3E6BE;--lc-sombra:#2C2843}

/* ===== Calendario lunar ===== */
.lc-card{max-width:56rem;margin-inline:auto;padding:clamp(.8rem,2.4vw,2rem);background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 0 rgb(58 54 38 / 4%)}
.lc-nav{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}
.lc-nav__titulo{flex:1;margin:0;text-align:center;font-size:clamp(1.6rem,1.2rem + 1vw,2.2rem);font-weight:500;color:var(--ink)}
.lc-nav__btn{all:unset;box-sizing:border-box;display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1.5rem;line-height:1;cursor:pointer}
.lc-nav__btn:hover{border-color:var(--gold)}
.lc-nav__btn:disabled{opacity:.5;cursor:default}
.lc-nav__btn:focus-visible,.lc-dia:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.lc-tabla{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:3px}
.lc-tabla th{padding:.2rem 0;font-family:var(--serif);font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--muted);text-align:center}
.lc-tabla td{padding:0;vertical-align:top}
.lc-dia{all:unset;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;min-height:60px;padding:.35rem .1rem;border-radius:12px;cursor:pointer;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums}
.lc-dia:hover{background:var(--paper-2)}
.lc-dia__n{font-family:var(--serif);font-size:1rem;font-weight:600;line-height:1.1}
.lc-dia--hoy .lc-dia__n{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.lc-dia--fase{background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--gold)}
.lc-dia__tag{display:none;font-size:.7rem;line-height:1.1;color:var(--gold-text)}

.lc-luna{display:block;width:22px;height:22px}
.lc-luna__sombra{fill:var(--lc-sombra);stroke:var(--line);stroke-width:.6}
.lc-luna__luz{fill:var(--lc-luz)}

@media (min-width:600px){
  .lc-dia{min-height:80px;padding-top:.5rem}
  .lc-dia__n{font-size:1.1rem}
  .lc-dia__tag{display:block}
  .lc-luna{width:30px;height:30px}
  .lc-tabla th{font-size:.95rem}
}

.lc-detalle{min-height:1.6em;margin:.9rem 0 0;font-size:1rem;color:var(--ink-2);text-align:center}
.lc-leyenda{margin:.2rem 0 0;font-size:.9rem;color:var(--muted);text-align:center}
.lc-error{margin:0;color:var(--ink-2)}

.lc-fases{list-style:none;display:grid;gap:.7rem;margin:1.1rem 0 0;padding:1rem 0 0;border-top:1px solid var(--line)}
@media (min-width:700px){.lc-fases{grid-template-columns:1fr 1fr}}
.lc-fase{margin:0;padding:.75rem .95rem;border-radius:12px;background:var(--paper-2);border:1px solid var(--line)}
.lc-fase__titulo{margin:0;font-size:1.02rem;color:var(--ink);line-height:1.4}
.lc-fase__sug{margin:.25rem 0 0;font-size:.98rem;font-style:italic;color:var(--ink-2)}

/* ===== Teaser Agenda 2027 ===== */
.lc-agenda{display:grid;gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
@media (min-width:900px){.lc-agenda{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.lc-agenda__fotos{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.25rem);margin:0}
.lc-agenda__foto{margin:0;max-width:360px;width:100%;justify-self:center}
.lc-agenda__foto img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:16px;border:1px solid var(--line);box-shadow:0 30px 50px -36px rgb(58 54 38 / 45%)}
.lc-agenda__foto figcaption{margin-top:.55rem;font-size:.92rem;color:var(--muted);text-align:center}
.lc-agenda__texto{max-width:36rem}
.lc-agenda__texto h2{font-size:clamp(2.2rem,1.4rem + 2vw,3.6rem);font-weight:500;line-height:1.08;margin:.3rem 0 1rem}
.lc-agenda__texto p{margin:0 0 1.4rem}
.lc-agenda__texto .btn{display:inline-flex}

/* Pantallas de 390 px: sin desbordes */
@media (max-width:420px){
  .lc-card{padding:.75rem}
  .lc-nav__btn{width:40px;height:40px}
  .lc-tabla{border-spacing:2px}
  .lc-dia{min-height:56px}
}

/* Agenda 2027 en preparación: sin fotos todavía (las de referencia eran de una agenda comprada en el extranjero) */
.lc-agenda:not(:has(.lc-agenda__fotos)){display:block;text-align:center}
.lc-agenda:not(:has(.lc-agenda__fotos)) .lc-agenda__texto{max-width:46rem;margin-inline:auto}
.lc-agenda:not(:has(.lc-agenda__fotos)) .lc-agenda__texto p{margin-inline:auto}
.lc-agenda:not(:has(.lc-agenda__fotos)) .btn{margin-top:.5rem}