/* Sana Vita · Mi Día P0 · layout de jornada sobre el espejo vigente */

body.sv-p0-ready{
  --sv-p0-paper:#EEE5D2;
  --sv-p0-paper-deep:#E4D8BE;
  --sv-p0-navy:#07091A;
  --sv-p0-ink:#11172D;
  --sv-p0-safe-bottom:calc(176px + env(safe-area-inset-bottom,0px));
}

body.sv-p0-ready #voto-identidad,
body.sv-p0-ready #apertura-guardian,
body.sv-p0-ready #sv-peak-end{display:none!important}

/* 12-sep · refutación del lote (arnés B80): #bento no es sólo el tablero. Adentro viven la racha, el
   check-in del día, el plan ancla, el stack, el ciclo, los pasos y el aviso de datos guardados: eso es
   jornada y se queda. Se apaga SOLO lo que la decisión del fundador mandó a «Más»: bonos, tema del mes,
   meta del mes; y la frecuencia, que ya vive en el momento Mente. */
body.sv-p0-ready #bento .cell-bonos,body.sv-p0-ready #bento .cell-tema,body.sv-p0-ready #bento .cell-reto,body.sv-p0-ready #bento .cell-frec{display:none!important}
body.sv-p0-ready #seccion-hoy>.wrap{padding-bottom:var(--sv-p0-safe-bottom)}
body.sv-p0-ready{scroll-padding-bottom:var(--sv-p0-safe-bottom)}

#sv-momentos{
  border-radius:24px;
  box-shadow:0 34px 90px -52px rgba(201,168,76,.7);
}
.sv-momentos-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:visible!important;
  scroll-snap-type:none!important;
}
.sv-momento-tab{
  min-width:0!important;
  min-height:70px!important;
  padding:8px 2px 7px!important;
  font-size:clamp(.47rem,2.25vw,.66rem)!important;
  letter-spacing:.035em!important;
  white-space:normal;
}
.sv-momento-tab::before{
  content:attr(data-step);
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  margin:0 auto 5px;
  border:1px solid rgba(232,201,106,.38);
  border-radius:50%;
  color:#D3CCBC;
  font:700 .58rem/1 'Raleway',sans-serif;
}
.sv-momento-tab[aria-selected="true"]::before{
  border-color:#E8C96A;
  background:#E8C96A;
  color:#07091A;
}

.sv-p0-controls{
  display:grid;
  grid-template-columns:minmax(90px,1fr) auto minmax(90px,1fr);
  align-items:center;
  gap:10px;
  padding:14px 16px;
  border-top:1px solid rgba(201,168,76,.18);
  background:#0B1024;
}
.sv-p0-control{
  min-height:44px;
  border:1px solid rgba(201,168,76,.34);
  border-radius:999px;
  background:transparent;
  color:#E8C96A;
  font:700 .62rem/1 'Raleway',sans-serif;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.sv-p0-control:last-child{justify-self:stretch}
.sv-p0-control:disabled{opacity:.36;cursor:default}
.sv-p0-control:focus-visible{outline:2px solid #4ECDC4;outline-offset:3px}
.sv-p0-position{margin:0;color:#C8C2B5;font:600 .7rem/1 'Raleway',sans-serif;white-space:nowrap}

.sv-p0-feed{
  display:grid;
  gap:12px;
  margin:-18px 0 34px;
}
.sv-p0-message{
  position:relative;
  padding:18px 48px 18px 20px;
  border:1px solid rgba(201,168,76,.32);
  border-left:3px solid #C9A84C;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(201,168,76,.11),rgba(11,22,40,.94));
  color:#E8E1D4;
}
.sv-p0-message-eyebrow{margin:0 0 5px;color:#E8C96A;font:700 .58rem/1.3 'Cinzel',serif;letter-spacing:.18em;text-transform:uppercase}
.sv-p0-message-title{margin:0 0 6px;color:#F2ECDB;font:500 1.55rem/1.08 'Cormorant Garamond',Georgia,serif}
.sv-p0-message-copy{margin:0;color:#CFC8BA;font:italic 1rem/1.5 'Cormorant Garamond',Georgia,serif}
.sv-p0-message-link{display:inline-flex;min-height:44px;align-items:center;margin-top:11px;color:#E8C96A;font:700 .64rem/1 'Raleway',sans-serif;letter-spacing:.08em;text-transform:uppercase}
.sv-p0-message-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;background:transparent;color:#CFC8BA;font-size:1.1rem}
.sv-p0-message-close:focus-visible,.sv-p0-message-link:focus-visible{outline:2px solid #4ECDC4;outline-offset:3px}

#hoy-grid.sv-p0-grid:not([style*="display:none"]):not([style*="display: none"]){display:block!important}
.sv-p0-moment[hidden],.sv-p0-depth[hidden]{display:none!important}
.sv-p0-moment{
  --ink:#11172D;
  --ink-soft:#384057;
  --ink-mute:#636B7B;
  --line:rgba(17,23,45,.15);
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
  padding:clamp(16px,3.4vw,32px);
  border:1px solid rgba(201,168,76,.5);
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0,rgba(201,168,76,.16),transparent 28%),
    linear-gradient(160deg,var(--sv-p0-paper),var(--sv-p0-paper-deep));
  color:var(--sv-p0-ink);
  box-shadow:0 30px 80px -56px rgba(0,0,0,.86);
}
.sv-p0-moment>*,.sv-p0-depth-inner>*{
  grid-column:1/-1!important;
  width:100%;
  margin:0;
}
.sv-p0-moment .hoy-card{
  opacity:1;
  transform:none;
  border-color:rgba(17,23,45,.15)!important;
  background:rgba(255,255,255,.42)!important;
  color:var(--sv-p0-ink)!important;
  box-shadow:0 16px 40px -34px rgba(17,23,45,.55);
}
.sv-p0-moment .hoy-card::before,.sv-p0-moment .hoy-card::after{display:none}
.sv-p0-moment .hoy-card-body,
.sv-p0-moment .hoy-card-title,
.sv-p0-moment .hoy-dia-titulo,
.sv-p0-moment .hoy-journaling-q,
.sv-p0-moment .hoy-club-fragmento,
.sv-p0-moment .hoy-cierre,
.sv-p0-moment .hoy-check-txt{color:var(--sv-p0-ink)!important}
.sv-p0-moment .hoy-nutr-nota,.sv-p0-moment .hoy-journaling-hint,.sv-p0-moment .hoy-check-progress{color:#50596D!important}
.sv-p0-moment .hoy-card-label,.sv-p0-moment .hoy-club-cta{color:#745D1F!important} /* C-6 refutador 12-sep: 1,55:1 → 5,55:1 sobre crema */
.sv-p0-moment .hoy-card-label.teal,.sv-p0-moment .hoy-card-label.avatar{color:#2F5F5A!important}
.sv-p0-moment .hoy-card-label.lila{color:#4A3E78!important}
.sv-p0-moment .hoy-card-label::before{background:currentColor!important;box-shadow:none!important}
.sv-p0-moment .hoy-eco-link,.sv-p0-moment .hoy-journaling-hint a{color:#745D1F!important}
.sv-p0-moment .hoy-check-item{background:rgba(255,255,255,.38)!important;border-color:rgba(17,23,45,.16)!important}
.sv-p0-moment .hoy-check-item.hecho{background:rgba(201,168,76,.15)!important}
.sv-p0-moment .hoy-check-box{border-color:#6C624B!important}
.sv-p0-moment .hoy-deep-toggle{color:#745D1F!important}
.sv-p0-moment .hoy-club-card{background:rgba(255,255,255,.38)!important;border-color:rgba(17,23,45,.16)!important}

.sv-p0-tools[hidden]{display:none!important}
.sv-p0-tools{
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(201,168,76,.5);
  border-radius:20px;
  background:linear-gradient(160deg,var(--sv-p0-paper),var(--sv-p0-paper-deep));
  color:var(--sv-p0-ink);
}
.sv-p0-tools h3{margin:0 0 14px;color:var(--sv-p0-ink);font:500 2rem/1 'Cormorant Garamond',Georgia,serif}
.sv-p0-tools .ritmo-box,.sv-p0-tools .hoy-club-card{background:rgba(255,255,255,.42)!important;color:var(--sv-p0-ink)!important;border-color:rgba(17,23,45,.16)!important}
.sv-p0-tools .ritmo-tit,.sv-p0-tools .ritmo-sub,.sv-p0-tools .hoy-club-fragmento{color:var(--sv-p0-ink)!important}
.sv-p0-depth{
  grid-column:1/-1;
  margin:0;
  border-top:1px solid rgba(17,23,45,.16);
}
.sv-p0-depth>summary{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 4px;
  color:#745D1F;
  cursor:pointer;
  list-style:none;
  font:800 .66rem/1 'Raleway',sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sv-p0-depth>summary::-webkit-details-marker{display:none}
.sv-p0-depth>summary::after{content:'+';font-size:1.1rem;font-weight:400}
.sv-p0-depth[open]>summary::after{content:'−'}
.sv-p0-depth>summary:focus-visible{outline:2px solid #4ECDC4;outline-offset:3px}
.sv-p0-depth-inner{display:grid;grid-template-columns:1fr;gap:14px;padding-top:10px}

.sv-p0-shortcuts{margin:12px 0 4px;padding-top:12px;border-top:1px solid rgba(201,168,76,.18)}
.sv-p0-shortcuts-title{margin:0 0 9px;color:#C9A84C;text-align:center;font:700 .6rem/1 'Raleway',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.sv-p0-shortcuts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.sv-p0-shortcut{display:flex;min-height:48px;align-items:center;justify-content:center;padding:8px 4px;border:1px solid rgba(201,168,76,.18);border-radius:10px;background:rgba(255,255,255,.03);color:#D7D0C1;text-align:center;text-decoration:none;font:600 .62rem/1.2 'Raleway',sans-serif}
.sv-p0-shortcut:focus-visible{outline:2px solid #4ECDC4;outline-offset:2px}

@media(max-width:700px){
  #sv-momentos{margin:22px 0 34px}
  .sv-momento-tab{flex:none!important}
  .sv-p0-moment{grid-template-columns:1fr;border-radius:18px}
  .sv-p0-moment>*,.sv-p0-depth-inner>*{grid-column:1!important}
}
@media(max-width:359px){
  .sv-momento-tab{font-size:.52rem!important;letter-spacing:0!important}
  .sv-momento-tab::before{width:23px;height:23px}
  .sv-p0-controls{grid-template-columns:1fr auto 1fr;padding-inline:10px;gap:6px}
  .sv-p0-control{font-size:.56rem;letter-spacing:.05em}
}
@media(prefers-reduced-motion:reduce){.sv-p0-control,.sv-p0-message{transition:none!important}}
