.main-timer{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);align-items:start}@media (max-width:900px){.main-timer{grid-template-columns:1fr}}.modo-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:var(--bg-card);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.modo-tab{flex:1;padding:var(--spacing-md);border:none;background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s;font-family:inherit}.modo-tab:hover{background:var(--bg-card-hover);color:var(--color-text)}.modo-tab.active{background:var(--docentes-gradient);color:#fff}.timer-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);border:1px solid var(--color-border);text-align:center}.timer-display-container{margin-bottom:var(--spacing-xl)}.timer-display{font-family:'JetBrains Mono','Fira Code',monospace;font-size:6rem;font-weight:700;color:var(--color-text);letter-spacing:4px;margin-bottom:var(--spacing-sm);transition:color .3s}.timer-display.warning{color:var(--color-warning)}.timer-display.danger{color:var(--color-danger);animation:pulse-danger .5s ease-in-out infinite}.timer-display.finished{color:var(--color-success);animation:pulse-success .5s ease-out 3}@keyframes pulse-danger{0%,100%{opacity:1}50%{opacity:.6}}@keyframes pulse-success{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.timer-label{font-size:1.1rem;color:var(--color-text-secondary);font-weight:500}.config-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-body);border-radius:var(--radius-md)}.config-section h3{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.config-section.hidden{display:none}.time-inputs{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.time-input label{display:block;font-size:.85rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.time-input input{width:100px;padding:var(--spacing-md);font-size:1.5rem;font-weight:600;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text);font-family:'JetBrains Mono',monospace}.time-input input:focus{border-color:var(--docentes-accent);outline:0}.time-inputs .separator{font-size:2rem;color:var(--color-text-muted);margin-top:1.5rem}.pomodoro-config{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.pomodoro-input{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.pomodoro-input label{font-size:.85rem;color:var(--color-text-muted)}.pomodoro-input input{width:70px;padding:var(--spacing-sm);font-size:1.2rem;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--color-text)}.pomodoro-input span{font-size:.8rem;color:var(--color-text-muted)}.pomodoro-info{font-size:.85rem;color:var(--color-text-muted);margin-top:var(--spacing-md);text-align:center}.info-text{color:var(--color-text-secondary);text-align:center}.timer-controls{display:flex;justify-content:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.timer-btn{width:80px;height:80px;border-radius:50%;border:none;font-size:2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.timer-btn.play{background:var(--color-success);color:#fff;box-shadow:0 0 20px rgba(16,185,129,.3)}.timer-btn.pause{background:var(--color-warning);color:#fff;box-shadow:0 0 20px rgba(245,158,11,.3)}.timer-btn.reset{background:var(--color-danger);color:#fff;box-shadow:0 0 20px rgba(239,68,68,.3)}.timer-btn:hover{transform:scale(1.1)}.timer-btn:active{transform:scale(.95)}.timer-btn.hidden{display:none}.timer-options{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.checkbox-opcion{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.9rem;color:var(--color-text-secondary)}.checkbox-opcion input{accent-color:var(--docentes-accent);width:18px;height:18px}.info-panel{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-pomodoro{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.stats-pomodoro.hidden{display:none}.stats-pomodoro h3{font-size:1rem;margin-bottom:var(--spacing-md)}.stats-grid-pomodoro{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.stats-grid-pomodoro .stat{text-align:center;padding:var(--spacing-md);background:var(--bg-body);border-radius:var(--radius-md)}.stats-grid-pomodoro .stat .value{display:block;font-size:1.75rem;font-weight:700;color:var(--docentes-accent)}.stats-grid-pomodoro .stat .label{font-size:.85rem;color:var(--color-text-muted)}.historial-timers{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.historial-timers h3{font-size:1rem;margin-bottom:var(--spacing-md)}.historial-lista{max-height:300px;overflow-y:auto;background:var(--bg-body);border-radius:var(--radius-md)}.historial-lista .vacio{color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg);font-size:.9rem}.historial-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:.9rem}.historial-item:last-child{border-bottom:none}.historial-item .tipo{width:24px;text-align:center}.historial-item .info{flex:1}.historial-item .duracion{color:var(--docentes-accent);font-weight:600}.historial-item .hora{color:var(--color-text-muted);font-size:.8rem}@media (max-width:600px){.timer-display{font-size:3.5rem}.modo-tabs{flex-direction:column}.timer-controls{gap:var(--spacing-md)}.timer-btn{width:65px;height:65px;font-size:1.5rem}.pomodoro-config{gap:var(--spacing-md)}.stats-grid-pomodoro{grid-template-columns:1fr}}