/* ─── TIMER ─── */
.timer-wrap {
  margin-top: 12px;
  display: flex; flex-direction: column; align-items: center;
  padding: var(--space-md);
  background: var(--g-bg);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  border: 1px solid var(--g-border);
  border-radius: var(--r-md);
  box-shadow: var(--g-inner);
  animation: fadeUp .28s ease both;
}
.timer-ring { position: relative; width: 100px; height: 100px; margin-bottom: 10px; }
.timer-ring svg { transform: rotate(-90deg); }
.timer-ring circle { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 2.5; }
.timer-ring circle.prog { stroke: var(--gold); stroke-linecap: round; transition: stroke-dashoffset .92s linear; filter: drop-shadow(0 0 5px rgba(216,168,104,.5)); }
.timer-ring circle.prog.urgent { stroke: var(--rose); animation: breathe 1s ease-in-out infinite; }
.timer-num {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px; font-weight: 300;
  color: var(--text);
  text-align: center;
  padding: 0 8px;
  line-height: 1.05;
}
.timer-num.ended {
  font-family: 'Outfit', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--gold);
  text-align: center;
}
.timer-label {
  font-size: 10px; font-weight: 500;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--text-3);
  margin-top: 4px;
}
.timer-wrap.done {
  border-color: rgba(216,168,104,.55);
  box-shadow: 0 0 0 1px rgba(216,168,104,.35), 0 10px 36px rgba(216,168,104,.28), 0 0 60px rgba(240,200,120,.20), var(--g-inner);
}
.timer-label.ended {
  display: none;
}

/* ─── GLUCOSE MODAL ─── */
.glucose-overlay {
  position: fixed; inset: 0; z-index: 300;
  background: rgba(0,0,0,.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: flex; align-items: center; justify-content: center;
  animation: fadeIn .25s ease both;
}
.glucose-card {
  background: rgba(18,10,28,.92);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  border: 1px solid rgba(208,72,104,.26);
  border-radius: var(--r-lg);
  padding: 36px 26px 28px;
  max-width: 320px; width: 90%;
  text-align: center;
  box-shadow: 0 24px 80px rgba(0,0,0,.55), 0 0 48px rgba(208,72,104,.08), 0 0 0 1px rgba(255,255,255,.06) inset;
  animation: fadeUp .28s ease both;
}
.glucose-icon  { font-size: 40px; margin-bottom: 16px; }
.glucose-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 400; color: var(--text); margin-bottom: 9px; }
.glucose-sub   { font-size: 11px; color: var(--text-3); line-height: 1.55; margin-bottom: 24px; }
.glucose-btn {
  width: 100%;
  padding: 18px 20px;
  background: linear-gradient(135deg, #d86088 0%, #a83058 50%, #6e1c48 100%);
  border: none;
  border-radius: var(--r-md);
  color: #fff;
  font-family: 'Outfit', sans-serif;
  font-size: 11px; font-weight: 600;
  letter-spacing: 2.5px; text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 6px 28px rgba(200,72,110,.38), 0 0 0 1px rgba(255,255,255,.14) inset;
}
.glucose-btn:active { transform: scale(.98); opacity: .92; }

::-webkit-scrollbar { width: 0; height: 0; }

/* ── Botón inicio — círculo liquid glass (estilo Apple) con casa minimalista ── */
.btn-home-icon {
  width: 38px; height: 38px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 1px solid var(--g-border);
  background: var(--g-bg);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: var(--g-inner), 0 4px 14px rgba(0,0,0,.22);
  color: var(--text-2);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  position: relative; overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  transition: color .2s, background .2s, border-color .2s, transform .12s;
}
.btn-home-icon::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: var(--g-sheen); opacity: .5; pointer-events: none;
}
.btn-home-icon:hover { color: var(--text); border-color: var(--g-border-hi); }
.btn-home-icon:active { transform: scale(.92); color: var(--text); background: var(--g-bg-hi); }
.btn-home-icon svg { display: block; position: relative; z-index: 1; }

/* ── Indicador persistente de tipo de penetración — se mueve a la tarjeta ── */
.pen-type-ind { display: none !important; }

/* ── Botón IGNITE en ajustes avanzados ── */
.adv-start-btn {
  width: 100%; margin-top: 24px; padding: 18px 28px;
  font-size: clamp(12px,1.3vw,14px); letter-spacing: 4px;
  background: linear-gradient(135deg, rgba(var(--plum-rgb),.28) 0%, rgba(var(--rose-rgb),.22) 55%, rgba(var(--plum-rgb),.18) 100%);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(var(--g-sat));
  box-shadow: 0 10px 36px rgba(var(--plum-rgb),.28), inset 0 1px 0 rgba(255,255,255,.20);
  border-radius: var(--r-lg); color: var(--text);
  text-transform: uppercase; cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.adv-start-btn:active { opacity:.88; transform:scale(.98); }