.main{display:grid;gap:var(--spacing-xl)}@media (min-width:900px){.main{grid-template-columns:1fr 1fr;align-items:start}}.tip-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tip-chip{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px;text-align:center}.tip-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.tip-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#0f172a;font-weight:600;box-shadow:0 0 12px var(--color-primary-muted)}#custom-tip-container{margin-top:var(--spacing-sm)}.people-selector{display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.people-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--bg-card);color:var(--color-text);font-size:1.2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.people-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.people-btn:active{transform:scale(.95)}.people-display{display:flex;align-items:baseline;gap:var(--spacing-xs);flex:1;justify-content:center}.people-display span:first-child{font-size:1.5rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.people-label{font-size:.9rem;color:var(--color-text-secondary)}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.result-card{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-left:3px solid var(--color-border);transition:border-color .2s}.result-card.result-highlight{grid-column:1/-1;border-left-color:var(--color-success);background:var(--color-success-bg);text-align:center;padding:var(--spacing-lg)}.result-card:nth-child(3){border-left-color:var(--color-primary)}.result-card:nth-child(4){border-left-color:var(--color-primary)}.result-label{display:block;font-size:.8rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:500}.result-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.result-highlight .result-value{font-size:1.75rem;color:var(--color-success)}.result-highlight .result-label{font-size:.85rem;color:var(--color-text-secondary)}.breakdown-section{margin-top:var(--spacing-lg)}.breakdown-section h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.breakdown-bar{display:flex;height:40px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.breakdown-fill-cuenta{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));display:flex;align-items:center;justify-content:center;min-width:0;transition:width .4s ease;overflow:hidden}.breakdown-fill-propina{background:linear-gradient(135deg,#059669,#10b981);display:flex;align-items:center;justify-content:center;min-width:0;transition:width .4s ease;overflow:hidden}.bar-label{color:#0f172a;font-size:.8rem;font-weight:600;white-space:nowrap;padding:0 var(--spacing-sm)}.breakdown-legend{display:flex;justify-content:center;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--color-text-secondary)}.legend-color{width:14px;height:14px;border-radius:3px;flex-shrink:0}.legend-cuenta{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.legend-propina{background:linear-gradient(135deg,#059669,#10b981)}.legend-item strong{color:var(--color-text);font-variant-numeric:tabular-nums}.instrucciones{margin-top:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.instrucciones h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);text-align:center}.instrucciones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.instruccion-card{background:var(--bg-body);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;border:1px solid var(--color-border)}.instruccion-num{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#0f172a;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm)}.instruccion-card h3{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.instruccion-card p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5}.error-msg{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:.9rem;line-height:1.5}.oculto{display:none!important}@media (max-width:700px){.results-grid{grid-template-columns:1fr}.result-card.result-highlight{grid-column:1}.instrucciones-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.breakdown-legend{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.tip-chips{gap:var(--spacing-xs)}.tip-chip{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem;min-width:50px}}@media (max-width:400px){.result-value{font-size:1.1rem}.result-highlight .result-value{font-size:1.4rem}}@media print{body{background:#fff;font-size:12pt;color:#000}.container{max-width:none}.acciones,.breadcrumb,.footer,.formulario,.instrucciones{display:none!important}.resultado{box-shadow:none;padding:0;background:#fff;border:none}.result-card{background:#f5f5f5;border:1px solid #ddd;border-left:3px solid #999}.result-card.result-highlight{border-left-color:#333;background:#eee}.result-value{color:#000}.result-highlight .result-value{color:#000}.breakdown-bar{border:1px solid #ccc}.breakdown-fill-cuenta{background:#999}.breakdown-fill-propina{background:#666}.bar-label{color:#fff}.legend-item{color:#333}.legend-item strong{color:#000}.legend-cuenta{background:#999}.legend-propina{background:#666}}