/* VITALIZA 14.7 — ciclo contextual, memoria controlable y rutas coherentes. */
.vz147-cycle-kitchen-note{
  margin:14px 0 18px;
  padding:14px 16px;
  border:1px solid rgba(94,113,72,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(224,234,207,.72),rgba(255,250,241,.88));
  color:var(--vz-ink,#282521);
  font-size:13px;
  line-height:1.5;
}
.vz14-recipe-card.is-cycle-recipe{border-color:rgba(92,126,68,.24);background:linear-gradient(145deg,#fffdf8,#f4f7ed)}
.vz14-recipe-card.is-cycle-recipe em{
  display:inline-flex;
  margin:0 0 8px;
  padding:5px 9px;
  border-radius:999px;
  background:#dfe9ce;
  color:#496238;
  font-style:normal;
  font-size:9px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.vz147-resolve-context{
  margin:16px 0 20px;
  padding:clamp(18px,3vw,26px);
  border:1px solid rgba(88,110,65,.22);
  border-radius:28px;
  background:linear-gradient(135deg,#f2f6e9,#fffaf1 70%);
  box-shadow:0 18px 44px rgba(69,58,42,.06);
}
.vz147-resolve-context>small{color:#52713d;font-size:10px;font-weight:900;letter-spacing:.13em}
.vz147-resolve-context>h2{margin:8px 0 7px;font:500 clamp(25px,4vw,38px)/1.08 var(--vz-display,Georgia,serif)}
.vz147-resolve-context>p{max-width:68ch;margin:0;color:var(--vz-muted,#756c62);line-height:1.5}
.vz147-context-rows{display:grid;gap:9px;margin-top:16px}
.vz147-context-rows article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;border:1px solid rgba(41,39,34,.1);border-radius:17px;background:rgba(255,253,248,.84)}
.vz147-context-rows article>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.vz147-context-rows a,.vz147-context-rows button,.vz147-prepare-choices a,.vz147-prepare-choices button{
  border:1px solid rgba(41,39,34,.12);
  border-radius:999px;
  background:#fffdf8;
  color:inherit;
  padding:9px 12px;
  text-decoration:none;
  font:800 12px/1 var(--vz-sans,system-ui);
  cursor:pointer;
}
.vz147-context-rows a,.vz147-prepare-choices a:first-child{background:var(--vz-ink,#292722);color:#fff;border-color:transparent}
.vz147-prepare-choices{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.vz147-context-empty{margin-top:14px!important;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.65)}
.vz147-discard{opacity:.78}
.vz14-row-actions [data-row-dismiss]{color:#85543d}
@media(max-width:720px){
  .vz147-context-rows article{align-items:flex-start;flex-direction:column}
  .vz147-prepare-choices{display:grid;grid-template-columns:1fr}
  .vz147-prepare-choices a,.vz147-prepare-choices button{text-align:center}
}

/* VITALIZA 14.7.1 — contexto visible, jerarquía real y navegación sin tapar contenido. */
.cycle-context-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}
.cycle-context-chips span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(86,112,63,.1);color:#526b41;font:800 10px/1.2 var(--vz-sans,system-ui);letter-spacing:.03em}
.cycle-actions a p{display:grid;gap:4px;margin:0;min-width:0}
.cycle-actions a p strong{font:800 13px/1.25 var(--vz-sans,system-ui)}
.cycle-actions a p em{font:500 11px/1.35 var(--vz-sans,system-ui);font-style:normal;color:rgba(41,39,34,.66)}
.cycle-actions a.is-primary p em{color:rgba(67,52,39,.72)}
.vz147-context-rows article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.vz147-context-rows article>small{grid-column:1/-1;color:#52713d;font:900 9px/1 var(--vz-sans,system-ui);letter-spacing:.12em}
.vz147-context-rows article>p{grid-column:1;margin:4px 0 0;color:var(--vz-muted,#756c62);font-size:11px;line-height:1.4}
.vz147-context-rows article.is-primary{border-color:rgba(82,113,61,.32);box-shadow:0 10px 24px rgba(82,113,61,.08)}
.vz147-other-memory{margin-top:22px}
.jrn-cycle-context{margin:0 0 18px;padding:16px 18px;border:1px solid rgba(82,113,61,.22);border-radius:20px;background:linear-gradient(135deg,#f2f6e9,#fffaf1)}
.jrn-cycle-context small{display:block;color:#52713d;font:900 9px/1 var(--vz-sans,system-ui);letter-spacing:.13em}
.jrn-cycle-context strong{display:block;margin-top:7px;font:500 24px/1.1 Georgia,serif}
.jrn-cycle-context p{margin:7px 0 4px;color:#39362f;line-height:1.45}
.jrn-cycle-context span{display:block;color:#756c62;font-size:12px;line-height:1.45}

@media(max-width:720px){
  .cycle-actions a p em{font-size:10px}
  .vz147-context-rows article{grid-template-columns:1fr}
  .vz147-context-rows article>div{grid-column:1}
}

/* En escritorio la navegación pasa a rail y el contenido reserva su espacio.
   En móvil conserva el dock inferior táctil. */
@media(min-width:1280px){
  :root{--vz147-rail-width:92px;--vz146-page-clearance:34px}
  #app{padding-left:var(--vz147-rail-width)!important;padding-bottom:0!important}
  #app>main,#app main.vz13-page,#app main.vz14-page,#app main.more-page,#app main.notif-page,#app main.life-page,#app main.journal-page,#app main.kitchen-page,#app main.sub-new,#app main[class*="-page"]{padding-bottom:42px!important}
  .v-bottom-nav.v-bottom-nav-vitaliza,.vz13-page .v-bottom-nav-vitaliza,.vz14-page .v-bottom-nav-vitaliza{
    inset:50% auto auto 14px!important;top:50%!important;left:14px!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;
    width:70px!important;max-width:70px!important;min-height:0!important;padding:7px!important;border-radius:25px!important;
    grid-template-columns:1fr!important;grid-template-rows:repeat(5,minmax(58px,auto))!important;gap:5px!important;
  }
  .v-bottom-nav-vitaliza a,.vz13-page .v-bottom-nav-vitaliza a,.vz14-page .v-bottom-nav-vitaliza a{width:100%!important;min-height:58px!important;padding:6px 3px!important}
  .v-bottom-nav-vitaliza a:nth-child(3){grid-column:1!important;grid-row:3!important}
  .v-global-ambient-player{left:102px!important;right:auto!important;bottom:16px!important;transform:none!important}
  body.vitaliza-ambient-playing{--vz146-page-clearance:42px}
  .toast,[data-toast],.vz-toast{bottom:20px!important}
}

/* La animación editorial no debe convertir a las barras fijas en elementos
   relativos a páginas centradas. Se conserva la entrada suave solo con opacidad. */
@keyframes vitaliza-page-in{from{opacity:0}to{opacity:1}}