.main-dias{max-width:900px;margin:0 auto}.mode-toggle{display:flex;gap:0;margin-bottom:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.mode-btn{flex:1;padding:var(--spacing-md);background:0 0;color:var(--color-text-secondary);border:none;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.mode-btn:hover{background:var(--bg-card-hover);color:var(--color-text)}.mode-btn.active{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#0f172a}.fechas-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.atajos-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn-atajo{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.85rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-atajo:hover{background:var(--color-primary-muted);border-color:var(--color-primary);color:var(--color-primary)}.result-section{animation:fadeInUp .4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-xl);color:#fff}.hero-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.hero-value{font-size:4rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-xs)}.hero-value--date{font-size:2.2rem}.hero-label{font-size:1.2rem;font-weight:500;opacity:.9}.hero-detail{font-size:.95rem;opacity:.8;margin-top:var(--spacing-sm)}.hero-card--sumar{background:linear-gradient(135deg,#10b981 0,#059669 100%)}.timeline-container{margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.timeline-bar{position:relative;height:12px;background:var(--bg-body);border-radius:6px;overflow:hidden;border:1px solid var(--color-border)}.timeline-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-hover) 100%);border-radius:6px;width:100%;animation:timelineGrow 1s ease}@keyframes timelineGrow{from{width:0}}.timeline-end,.timeline-start{position:absolute;top:24px;font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.timeline-start{left:0}.timeline-end{right:0}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:1px solid var(--color-border);transition:transform .2s,border-color .2s;animation:fadeInUp .4s ease backwards}.result-card:first-child{animation-delay:50ms}.result-card:nth-child(2){animation-delay:.1s}.result-card:nth-child(3){animation-delay:.15s}.result-card:nth-child(4){animation-delay:.2s}.result-card:nth-child(5){animation-delay:.25s}.result-card:nth-child(6){animation-delay:.3s}.result-card:hover{transform:translateY(-3px);border-color:var(--color-primary)}.result-icon{display:block;font-size:1.8rem;margin-bottom:var(--spacing-xs)}.result-value{display:block;font-size:1.6rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.result-label{display:block;font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.result-detail{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);font-style:italic}@media (max-width:700px){.fechas-row{grid-template-columns:1fr}.results-grid{grid-template-columns:repeat(2,1fr)}.hero-value{font-size:3rem}.hero-value--date{font-size:1.6rem}.mode-btn{font-size:.85rem;padding:var(--spacing-sm)}.atajos-grid{gap:.4rem}.btn-atajo{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.results-grid{grid-template-columns:1fr}.mode-toggle{flex-direction:column}}@media print{.formulario,.mode-toggle,.timeline-container{display:none!important}.hero-card{background:var(--color-primary);color:#fff}.result-card{border:1px solid #ccc;background:#f9f9f9}}