/* ============================================================
   PROMESA — sección cian con interruptor Hoy / Día 90
   ============================================================ */
.promesa{background:var(--color-cyan);color:var(--color-bg);padding:var(--space-section) 0;overflow:hidden}
.promesa .eyebrow{color:rgba(10,10,10,.65)}
.promesa .sub{color:rgba(10,10,10,.72)}

/* fila del interruptor */
.switch-row{display:flex;align-items:center;gap:18px;margin:44px 0 34px;flex-wrap:wrap}
.sw-label{font-family:var(--font-heading);font-weight:900;font-size:clamp(19px,2.4vw,26px);letter-spacing:-.02em;opacity:.35;transition:opacity .25s;cursor:pointer}
.sw-label.on{opacity:1}
.switch{width:78px;height:40px;border-radius:var(--radius-pill);background:var(--color-bg);position:relative;cursor:pointer;flex:0 0 auto;border:none}
.switch i{position:absolute;top:5px;left:5px;width:30px;height:30px;border-radius:var(--radius-pill);background:var(--color-cyan);transition:transform .35s cubic-bezier(.6,-.2,.3,1.3)}
.switch.d90 i{transform:translateX(38px)}
.sw-hint{font-family:var(--font-mono);font-size:12px;color:rgba(10,10,10,.55);animation:hintblink 2s infinite}
@keyframes hintblink{50%{opacity:.35}}

/* paneles apilados que se intercambian */
.panels{display:grid}
.pan{grid-area:1/1;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.pan.on{opacity:1;transform:none;pointer-events:auto}
.pan ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.pan li{background:rgba(10,10,10,.08);border:1px solid rgba(10,10,10,.18);border-radius:var(--radius-card);padding:20px 22px;display:flex;gap:14px;align-items:flex-start;
  font-family:var(--font-heading);font-weight:700;font-size:clamp(16px,1.9vw,20px);line-height:1.3;letter-spacing:-.015em;transition:transform .2s,background .2s}
.pan li:hover{transform:translateX(6px);background:rgba(10,10,10,.14)}
.pan li em{font-style:normal;flex:0 0 auto;font-size:18px;margin-top:1px}
.pan--hoy li em{color:#a33327}
.pan--d90 li{background:var(--color-bg);color:#fff;border-color:var(--color-bg)}
.pan--d90 li:hover{background:#141414}
.pan--d90 li em{color:var(--color-cyan)}
.promesa-close{font-family:var(--font-heading);font-weight:800;font-size:clamp(19px,2.6vw,28px);letter-spacing:-.02em;line-height:1.25;margin-top:44px;max-width:30ch}