[data-mockup-id=tareas-1-tipos-vistas] .tv1-layout{justify-content:center;align-items:flex-start;gap:18px;width:100%;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-col{flex-direction:column;flex-shrink:0;width:470px;min-width:0;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-col-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--tm-muted-fg);margin:0 2px 14px;font-size:11px;font-weight:600}[data-mockup-id=tareas-1-tipos-vistas] .tv1-arrow{flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-arrow-circle{border:1px solid color-mix(in oklab, var(--tm-border) 55%, transparent);background:var(--tm-card);width:34px;height:34px;color:var(--tm-muted-fg);border-radius:50%;justify-content:center;align-items:center;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-arrow-circle svg{width:16px;height:16px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo{align-items:center;gap:13px;padding:19px 20px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo+.tv1-tipo{border-top:1px solid color-mix(in oklab, var(--tm-border) 28%, transparent)}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-tile{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-tile svg{color:#fff;width:19px;height:19px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-nombre{font-size:13px;font-weight:600}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-ejemplo{color:var(--tm-fg);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}[data-mockup-id=tareas-1-tipos-vistas] .tv1-tipo-meta{color:var(--tm-muted-fg);font-size:11px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-badge{color:#fff;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-card-foot{border-top:1px solid color-mix(in oklab, var(--tm-border) 35%, transparent);background:color-mix(in oklab, var(--tm-muted) 35%, transparent);color:var(--tm-muted-fg);padding:12px 20px;font-size:11.5px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-views{background:color-mix(in oklab, var(--tm-muted) 70%, transparent);border-radius:9px;gap:3px;margin:16px 16px 14px;padding:3px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-views span{height:28px;color:var(--tm-muted-fg);border-radius:7px;flex:1;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-views .is-active{background:var(--tm-card);border:1px solid color-mix(in oklab, var(--tm-border) 50%, transparent);color:var(--tm-fg)}[data-mockup-id=tareas-1-tipos-vistas] .tv1-week{gap:10px;padding:0 16px 16px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day{border:1px solid color-mix(in oklab, var(--tm-border) 40%, transparent);border-radius:10px;flex-direction:column;flex:1;gap:7px;min-width:0;padding:9px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-head{justify-content:center;align-items:center;gap:6px;padding:2px 0 4px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-nombre{text-transform:uppercase;letter-spacing:.04em;color:var(--tm-muted-fg);font-size:11px;font-weight:500}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-num{border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;font-size:12px;font-weight:600;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-num.is-hoy{background:var(--tm-primary);color:#fff}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento{flex-direction:column;gap:3px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-hora{color:var(--tm-muted-fg);font-size:10px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-card{border:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);background:var(--tm-card);border-left:3px solid;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px 9px;display:flex;position:relative}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-top{align-items:center;gap:5px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-code{color:var(--tm-muted-fg);font-size:10px;font-weight:600}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-estado{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-titulo{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}[data-mockup-id=tareas-1-tipos-vistas] .tv1-evento-avatar{color:#fff;border-radius:50%;justify-content:center;align-self:flex-start;align-items:center;width:18px;height:18px;margin-top:2px;font-size:7.5px;font-weight:600;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-add{border:1px dashed color-mix(in oklab, var(--tm-border) 70%, transparent);height:26px;color:var(--tm-muted-fg);border-radius:7px;justify-content:center;align-items:center;margin-top:auto;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-day-add svg{width:12px;height:12px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-strip{border:1px solid color-mix(in oklab, var(--tm-border) 45%, transparent);background:var(--tm-card);border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-strip-icon{background:color-mix(in oklab, var(--tm-muted) 70%, transparent);width:30px;height:30px;color:var(--tm-muted-fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-mockup-id=tareas-1-tipos-vistas] .tv1-strip-icon svg{width:14px;height:14px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-strip-text{color:var(--tm-fg);font-size:12px}[data-mockup-id=tareas-1-tipos-vistas] .tv1-strip-text b{font-weight:600}