/* ---------- 12c. Temporizador Pomodoro ---------- */
.timer-wrap{
  background:var(--indigo-deep);border-radius:var(--r-lg);padding:50px;color:#fff;
  position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;
}
.timer-wrap::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(58,58,255,.45),transparent 70%);bottom:-160px;left:-90px}
.timer-dial{position:relative;display:grid;place-items:center;z-index:2}
.timer-ring{transform:rotate(-90deg)}
.timer-ring circle{fill:none;stroke-linecap:round}
.timer-track{stroke:rgba(255,255,255,.12)}
.timer-prog{stroke:var(--mint);transition:stroke-dashoffset .9s linear,stroke .4s}
.timer-center{position:absolute;text-align:center}
.timer-time{font-family:var(--font-display);font-size:3.6rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}
.timer-phase{font-family:var(--font-ui);font-weight:600;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;color:#a7e8d4}
.timer-side{position:relative;z-index:2}
.timer-side .eyebrow{color:#9d9bff}
.timer-side h2{color:#fff;font-size:2rem;margin-bottom:10px}
.timer-side p{color:#c5c4e8;font-size:1rem;margin-bottom:24px}
.timer-controls{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.t-btn{
  font-family:var(--font-ui);font-weight:600;font-size:1rem;padding:14px 26px;border-radius:13px;
  display:inline-flex;align-items:center;gap:9px;transition:transform .2s,background .2s;
}
.t-btn.go{background:#fff;color:var(--indigo-deep)}
.t-btn.go:hover{transform:translateY(-2px)}
.t-btn.ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.2)}
.t-btn.ghost:hover{background:rgba(255,255,255,.18)}
.timer-config{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.timer-config label{display:block;font-family:var(--font-ui);font-weight:600;font-size:.78rem;color:#c5c4e8;margin-bottom:6px}
.timer-config input{
  width:100%;padding:11px 12px;border-radius:11px;border:1.5px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);color:#fff;font-size:1rem;text-align:center;font-family:var(--font-ui);
}
.timer-config input:focus{outline:none;border-color:#6a4bff;background:rgba(255,255,255,.14)}
.timer-stats{display:flex;gap:26px;margin-top:24px;font-family:var(--font-ui)}
.timer-stats b{font-size:1.8rem;display:block;line-height:1}
.timer-stats span{font-size:.82rem;color:#9b99c9}
/* estado descanso */
.timer-wrap.is-break .timer-prog{stroke:var(--amber)}
.timer-wrap.is-break .timer-phase{color:#f5cfa0}

/* modo pantalla completa: solo el reloj y lo esencial */
.timer-wrap:fullscreen{
  grid-template-columns:1fr;place-content:center;justify-items:center;gap:30px;
  width:100vw;height:100vh;border-radius:0;padding:40px;
}
.timer-wrap:fullscreen::after{width:60vmin;height:60vmin;bottom:-20vmin;left:50%;transform:translateX(-50%)}
.timer-wrap:fullscreen .timer-side h2,
.timer-wrap:fullscreen .timer-side p,
.timer-wrap:fullscreen .timer-side .eyebrow,
.timer-wrap:fullscreen .timer-config,
.timer-wrap:fullscreen .timer-stats{display:none}
.timer-wrap:fullscreen .timer-side{display:flex;justify-content:center}
.timer-wrap:fullscreen .timer-controls{margin:0;justify-content:center}
.timer-wrap:fullscreen .timer-ring{width:min(70vmin,560px);height:min(70vmin,560px)}
.timer-wrap:fullscreen .timer-time{font-size:min(16vmin,8rem)}
.timer-wrap:fullscreen .timer-phase{font-size:min(2.4vmin,1.1rem)}
/* prefijo -webkit para Safari */
.timer-wrap:-webkit-full-screen{grid-template-columns:1fr;place-content:center;justify-items:center;width:100vw;height:100vh;border-radius:0}
.timer-wrap:-webkit-full-screen .timer-side h2,
.timer-wrap:-webkit-full-screen .timer-side p,
.timer-wrap:-webkit-full-screen .timer-side .eyebrow,
.timer-wrap:-webkit-full-screen .timer-config,
.timer-wrap:-webkit-full-screen .timer-stats{display:none}
.timer-wrap:-webkit-full-screen .timer-ring{width:min(70vmin,560px);height:min(70vmin,560px)}
.timer-wrap:-webkit-full-screen .timer-time{font-size:min(16vmin,8rem)}