:root{--color-primary: #F26419;--color-secondary: #232F3E;--color-accent: #FF9900;--color-success: #4CAF50;--color-error: #D32F2F;--color-warning: #FFA726;--color-info: #2196F3;--color-bg: #F5F5F5;--color-card: #FFFFFF;--color-text-primary: #1B2346;--color-text-secondary: #757575;--color-text-disabled: #BDBDBD;--color-divider: #E0E0E0;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);--anim-fast: 150ms ease;--anim-normal: 300ms ease}
:root{--color-primary: #F26419;--color-secondary: #232F3E;--color-accent: #FF9900;--color-success: #4CAF50;--color-error: #D32F2F;--color-warning: #FFA726;--color-info: #2196F3;--color-bg: #F5F5F5;--color-card: #FFFFFF;--color-text-primary: #1B2346;--color-text-secondary: #757575;--color-text-disabled: #BDBDBD;--color-divider: #E0E0E0;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);--anim-fast: 150ms ease;--anim-normal: 300ms ease}#dt24-register-phase1,#dt24-register-phase2{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1b2346;background:rgba(0,0,0,0)}.dt24-input{width:100%;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px 16px;font-size:14px;transition:border-color 300ms ease;box-sizing:border-box;color:#1b2346;outline:none;height:auto !important;min-height:unset !important;border-width:1px !important}.dt24-input:focus{border:2px solid #f26419}.dt24-input.error{border-color:#d32f2f}.dt24-input::placeholder{color:#bdbdbd}.dt24-input-label{display:block;font-size:12px;color:#757575;margin-bottom:4px;font-weight:500}.dt24-input-label.active{color:#f26419}.dt24-input-error{font-size:12px;color:#d32f2f;margin-top:4px}.dt24-btn-primary{background:#f26419;color:#fff;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity 150ms ease}.dt24-btn-primary:hover:not(:disabled){opacity:.9}.dt24-btn-primary:disabled{background:#bdbdbd;cursor:not-allowed}.dt24-btn-secondary{background:rgba(0,0,0,0);color:#f26419;border:1.5px solid #f26419;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;width:100%;cursor:pointer;transition:all 150ms ease}.dt24-btn-secondary:hover{background:rgba(242,100,25,.05)}.dt24-role-selector{display:flex;gap:16px;margin-bottom:32px;width:100%}@media(max-width: 279px){.dt24-role-selector{flex-direction:column;gap:8px}}.dt24-role-card{padding:20px 12px;border-radius:12px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;text-align:center;transition:all 300ms ease;flex:1 1 0;min-width:0;box-sizing:border-box}.dt24-role-card.selected{border-color:#f26419;background:rgba(242,100,25,.08)}.dt24-role-card .dt24-role-card__icon{font-size:28px;margin-bottom:8px;color:#757575}@media(max-width: 360px){.dt24-role-card .dt24-role-card__icon{font-size:22px}}.dt24-role-card.selected .dt24-role-card__icon{color:#f26419}.dt24-role-card .dt24-role-card__title{font-weight:bold;font-size:12px;color:#757575;word-break:break-word}@media(max-width: 360px){.dt24-role-card .dt24-role-card__title{font-size:11px}}.dt24-role-card.selected .dt24-role-card__title{color:#f26419}@media(max-width: 279px){.dt24-role-card{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left}.dt24-role-card .dt24-role-card__icon{font-size:20px;margin-bottom:0;flex-shrink:0}}.dt24-phone-input{display:flex;gap:8px}.dt24-phone-input select{width:100px;flex-shrink:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:14px 12px;font-size:14px;color:#1b2346;outline:none}.dt24-phone-input select:focus{border:2px solid #f26419}.dt24-phone-input input{flex:1}.dt24-banner{padding:16px;border-radius:8px;font-size:12px;margin-bottom:16px}.dt24-banner.warning{background:rgba(255,167,38,.15);border-left:4px solid #ffa726;color:#c47a00}.dt24-banner.info{background:rgba(33,150,243,.1);border-left:4px solid #2196f3;color:#0d6eaf}.dt24-banner.primary{background:rgba(242,100,25,.1);border-left:4px solid #f26419;color:#c44e0f}.dt24-step-indicator{display:flex;gap:4px;margin-bottom:24px}.dt24-step-indicator .dt24-step-segment{flex:1;height:6px;border-radius:3px;background:#e0e0e0;transition:background 300ms ease}.dt24-step-indicator .dt24-step-segment.completed,.dt24-step-indicator .dt24-step-segment.active{background:#f26419}.dt24-wizard-header{background:#f26419;color:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;border-radius:12px 12px 0 0}.dt24-wizard-header .dt24-back-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.08);color:#f26419;font-size:18px;flex-shrink:0}.dt24-wizard-header h2{margin:0;font-size:18px;font-weight:bold;color:#fff}.dt24-doc-upload{height:150px;width:100%;background:#e0e0e0;border:1px solid #c7c7c7;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border-color 150ms ease;box-sizing:border-box}.dt24-doc-upload:hover{border-color:#f26419}.dt24-doc-upload.has-file{background:#fff}.dt24-doc-upload .dt24-doc-upload__icon{font-size:40px;color:#757575;margin-bottom:8px}.dt24-doc-upload .dt24-doc-upload__text{font-size:12px;color:#757575}.dt24-doc-upload img{max-height:130px;max-width:100%;object-fit:contain;border-radius:8px}.dt24-doc-upload-delete{background:#d32f2f;color:#fff;border:none;border-radius:8px;padding:4px 16px;font-size:12px;cursor:pointer;margin-top:8px;width:100%}.dt24-vendor-type-selector{display:flex;gap:16px;margin-bottom:24px}.dt24-vendor-card{flex:1;padding:20px 16px;border-radius:12px;border:2px solid #e0e0e0;background:#fff;cursor:pointer;text-align:center;transition:all 300ms ease}.dt24-vendor-card.emprendedor.selected{border-color:#2196f3;background:rgba(33,150,243,.08)}.dt24-vendor-card.empresa.selected{border-color:#4caf50;background:rgba(76,175,80,.08)}.dt24-input-readonly{background:#f5f5f5;color:#757575;cursor:not-allowed}.dt24-spinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:dt24-spin .8s linear infinite}@keyframes dt24-spin{to{transform:rotate(360deg)}}@keyframes dt24-fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dt24-fade-in{animation:dt24-fadeIn 300ms ease forwards}.dt24-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#232f3e;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;z-index:9999;box-shadow:0 4px 8px rgba(0,0,0,.12);animation:dt24-fadeIn 150ms ease forwards}@keyframes dt24-pulse-border{0%,100%{box-shadow:inset 0 0 0 3px rgba(242,100,25,.6)}50%{box-shadow:inset 0 0 0 5px #f26419}}#dt24-register-phase2 .dt24-input,#dt24-register-phase2 input.dt24-input,#dt24-register-phase2 select.dt24-input,#dt24-register-phase2 #dt24-address-search,#dt24-register-phase2 #dt24-specific-address{border-width:1px !important;height:auto !important;min-height:unset !important;line-height:normal !important}@media(max-width: 419px){#dt24-register-phase2 .dt24-input{padding:11px 12px;font-size:13px}#dt24-register-phase2 .dt24-input-label{font-size:11px}.dt24-vendor-card{padding:14px 8px}.dt24-vendor-card .dt24-role-card__icon{font-size:22px}.dt24-vendor-card .dt24-role-card__title{font-size:11px}.dt24-vendor-type-selector{gap:8px}.dt24-role-selector{gap:8px}}@media(max-width: 319px){.dt24-vendor-type-selector,.dt24-role-selector{flex-direction:column;gap:4px}.dt24-vendor-card{padding:10px 12px;display:flex;align-items:center;gap:8px;text-align:left}.dt24-vendor-card .dt24-role-card__icon{font-size:18px;margin-bottom:0;flex-shrink:0}#dt24-register-phase2 .dt24-input{padding:9px 10px;font-size:12px}}@media(max-width: 419px){#dt24-register-phase2>div>div>div[style*="padding: 24px"],#dt24-register-phase2>div>div>div>div[style*="padding: 24px"]{padding:16px !important}}
