.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:10px;font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sf-primary);color:var(--sf-surface)}.btn-primary:hover:not(:disabled){background:var(--sf-text)}.btn-secondary{background:var(--sf-bg);color:var(--sf-text);border:1px solid var(--sf-bg-dark)}.btn-secondary:hover:not(:disabled){border-color:var(--sf-primary)}.btn-tertiary{background:transparent;color:var(--sf-text);padding:10px 16px}.btn-tertiary:hover:not(:disabled){background:var(--sf-bg)}.btn-danger{background:#dc2626;color:var(--sf-surface)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-whatsapp{background:#25d366;color:var(--sf-surface)}.btn-whatsapp:hover:not(:disabled){background:#1da851}.btn-full{width:100%}.btn-sm{padding:10px 14px;font-size:13px}.btn-lg{padding:16px 24px;font-size:16px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;font-size:14px;margin-bottom:8px;color:var(--sf-text)}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:1px solid var(--sf-bg-dark);border-radius:10px;font-size:16px;font-family:var(--font-body);background:var(--sf-bg);color:var(--sf-text);transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--sf-primary)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#999}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-hint{font-size:12px;color:#888;margin-top:6px}.form-error{font-size:12px;color:#dc2626;margin-top:6px}.price-input-group{display:flex;align-items:center;background:var(--sf-bg);border:1px solid var(--sf-bg-dark);border-radius:10px;overflow:hidden}.price-input-group .currency{padding:14px;background:var(--sf-bg-dark);font-weight:600;color:var(--sf-text)}.price-input-group .form-input{border:none;border-radius:0}.phone-input-group{display:flex;align-items:center;background:var(--sf-bg);border:1px solid var(--sf-bg-dark);border-radius:10px;overflow:hidden}.phone-input-group .phone-prefix{padding:14px;background:var(--sf-bg-dark);font-weight:600;font-size:14px;color:#555}.phone-input-group .form-input{border:none;border-radius:0}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.toggle-row.bordered{border:1px solid var(--sf-bg-dark);border-radius:12px;padding:14px;margin-bottom:16px}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-weight:500;font-size:14px;color:var(--sf-text)}.toggle-desc{font-size:12px;color:#888}.toggle-switch{width:48px;height:28px;background:var(--sf-bg-dark);border-radius:14px;position:relative;cursor:pointer;transition:all .2s ease}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;background:var(--sf-surface);border-radius:50%;transition:all .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.active{background:var(--sf-primary)}.toggle-switch.active:after{left:22px}.card{background:var(--sf-surface);border:1px solid var(--sf-bg-dark);border-radius:12px;padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-family:var(--font-display);font-size:17px;font-weight:600;margin:0}.card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--sf-bg-dark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease}.modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.modal{background:var(--sf-surface);border-radius:20px 20px 0 0;width:100%;max-height:90vh;overflow-y:auto;transform:translateY(100%);transition:transform .3s ease}.modal-overlay.show .modal{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--sf-bg-dark);position:sticky;top:0;background:var(--sf-surface);z-index:10}.modal-title{font-weight:600;font-size:16px;color:var(--sf-text)}.modal-close{width:32px;height:32px;border:none;background:var(--sf-bg);border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--sf-text)}.modal-close:hover{background:var(--sf-bg-dark)}.modal-body{padding:20px}.modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid var(--sf-bg-dark);position:sticky;bottom:0;background:var(--sf-surface)}.modal-footer .btn{flex:1}@media(min-width:768px){.modal-overlay{align-items:center}.modal{border-radius:16px;max-width:500px;max-height:85vh}}.page-header{display:grid;align-items:center;padding:12px 16px}.page-header-left{justify-self:start}.page-header-center{text-align:center}.page-header-right{justify-self:end}.page-title{font-family:var(--font-display);font-size:18px;font-weight:600;margin:0}.back-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--sf-bg);border:none;border-radius:50%;cursor:pointer;color:var(--sf-text);text-decoration:none}.back-btn:hover{background:var(--sf-bg-dark)}.alert{display:flex;gap:10px;padding:14px;border-radius:10px;font-size:13px;line-height:1.5}.alert-icon{font-size:18px;flex-shrink:0}.alert-info{background:var(--sf-bg);color:#555}.alert-success{background:#dcfce7;color:#166534}.alert-warning{background:#fef3c7;color:#92400e}.alert-error{background:#fee2e2;color:#dc2626}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-error{background:#fee2e2;color:#dc2626}.badge-info{background:var(--sf-bg);color:#666}.badge-terracotta{background:var(--sf-accent-light);color:var(--sf-accent)}.loading-state,.empty-state{text-align:center;padding:60px 20px;background:var(--sf-surface);border-radius:12px}.loading-state-icon,.empty-state-icon{font-size:48px;margin-bottom:16px}.loading-state-text,.empty-state-text{color:#666;font-size:14px}.spinner{width:24px;height:24px;border:3px solid var(--sf-bg-dark);border-top-color:var(--sf-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:4px}.spinner-white{border-color:#ffffff4d;border-top-color:var(--sf-surface)}@keyframes spin{to{transform:rotate(360deg)}}.section{margin-bottom:24px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-icon{width:32px;height:32px;background:var(--sf-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.section-title{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.section-subtitle{font-size:12px;color:#666;margin:0}.option-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--sf-surface);border:2px solid var(--sf-bg-dark);border-radius:12px;cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:var(--sf-primary)}.option-card.selected{border-color:var(--sf-primary);background:linear-gradient(135deg,#3d5a450d,#3d5a4505)}.option-card.disabled{opacity:.5;cursor:not-allowed}.option-icon{width:44px;height:44px;background:var(--sf-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.option-card.selected .option-icon{background:var(--sf-accent-light)}.option-content{flex:1}.option-title{font-weight:600;font-size:14px;margin:0 0 2px}.option-desc{font-size:12px;color:#666;margin:0}.option-check{width:24px;height:24px;border:2px solid var(--sf-bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-card.selected .option-check{background:var(--sf-primary);border-color:var(--sf-primary);color:var(--sf-surface)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-muted{color:#666}.text-success{color:#166534}.text-error{color:#dc2626}.font-display{font-family:var(--font-display)}.font-semibold{font-weight:600}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.hidden{display:none}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}:root{--sf-primary: #3D5A45;--sf-primary-dark: #2d4a35;--sf-primary-light: #e8f0eb;--sf-accent: #C75B39;--sf-accent-light: #FBEEE8;--sf-bg: #F7F3ED;--sf-bg-dark: #EBE4D8;--sf-surface: #FFFFFF;--sf-text: #2C2C2C;--sf-dark: #222222;--sf-muted: #C4A484;--sf-border: #ddd5c8;--sf-success: #008A05;--sf-error: #dc2626;--sf-warning: #E65100;--font-display: "Fraunces", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: var(--font-display);--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--header-height-mobile: 64px;--header-height-desktop: 80px;--bottom-nav-height: 64px;--max-width: 1400px;--padding-mobile: 20px;--padding-desktop: 48px;--duration-short: .1s;--duration-default: .2s;--duration-long: .5s}input,select,textarea{font-size:16px;font-family:var(--font-body)}