.new-case{background-color:var(--neutral-50);min-height:100vh}.new-case__container{max-width:1400px;margin:0 auto;padding:20px}.new-case__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.new-case__logo{display:flex;align-items:center;gap:15px}.new-case__logo-icon{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#8b4513,#d2691e);position:relative;display:flex;align-items:center;justify-content:center}.new-case__logo-radiating-lines{width:30px;height:30px;background:radial-gradient(circle,transparent 30%,#fff 0,#fff 35%,transparent 0);position:relative}.new-case__logo-radiating-lines:after,.new-case__logo-radiating-lines:before{content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;background:#fff;transform:translate(-50%,-50%)}.new-case__logo-radiating-lines:before{transform:translate(-50%,-50%) rotate(45deg)}.new-case__logo-radiating-lines:after{transform:translate(-50%,-50%) rotate(-45deg)}.new-case__logo-text{font-weight:600;font-size:16px;color:#333}.new-case__header-controls{display:flex;align-items:center;gap:20px}.new-case__back-button{padding:10px 20px;background:var(--white);border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s;font-weight:600}.new-case__font-controls{display:flex;gap:10px}.new-case__font-size{padding:8px 12px;background:white;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;transition:all .3s}.new-case__font-size:hover{background:#f0f0f0}.new-case__font-size--small{font-size:10px}.new-case__font-size--large{font-size:14px}.new-case__main{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start}.new-case__progress{position:sticky;top:20px}.new-case__progress-card{background:var(--white);border-radius:16px;padding:40px}.new-case__title{font-size:24px;font-weight:700;color:#333;margin-bottom:10px;line-height:1.2}.new-case__description{color:#666;font-size:14px;line-height:1.5;margin-bottom:30px}.whatsapp-link{color:#25d366;text-decoration:none;font-weight:500;transition:color .2s ease}.whatsapp-link:hover{color:#128c7e;text-decoration:underline}.new-case__steps{display:flex;flex-direction:column;gap:5px}.new-case__step{display:flex;align-items:flex-start;gap:15px}.new-case__step-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.new-case__step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:white;position:relative;z-index:2}.new-case__step-circle--current{background:var(--secondary-900)}.new-case__step-circle--completed{background:var(--primary-900)}.new-case__step-circle--clickable{cursor:pointer;transition:all .2s ease}.new-case__step-circle--clickable:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.2)}.new-case__step-circle--error{background:#dc3545}.new-case__step-circle--pending{background:#6c757d}.new-case__step-line{width:2px;height:30px;margin-top:5px}.new-case__step-line--current{background:var(--secondary-900)}.new-case__step-line--completed{background:var(--primary-900)}.new-case__step-line--error{background:#dc3545}.new-case__step-line--pending{background:#6c757d}.new-case__step-check,.new-case__step-error{font-weight:700;font-size:18px}.new-case__step-content{flex:1;padding-top:5px}.new-case__step-title{font-size:16px;font-weight:600;color:#333;margin-bottom:5px}.new-case__step-description{font-size:12px;color:#666;line-height:1.4}.new-case__step-content--clickable{cursor:pointer;transition:all .2s ease}.new-case__step-content--clickable:hover{opacity:.8}.new-case__step-content--clickable:hover .new-case__step-title{color:var(--primary-900)}.new-case__form-card{background:var(--white);border-radius:16px;padding:40px;min-height:600px}.steps__header{margin-bottom:30px}.steps__step-number{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.steps__title{font-size:28px;font-weight:700;color:#333;margin:0}.steps__form{display:flex;flex-direction:column;gap:30px}.steps__section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:20px}.steps__form-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.steps__form-group--full-width{grid-column:1/-1;width:100%}.steps__form-group--full-width .steps__input{width:100%}.steps__form-row{display:grid;gap:20px}.steps__form-row--three-col{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}@media (max-width:768px){.steps__form-row--three-col{grid-template-columns:1fr}}.steps__label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.steps__required{color:#dc3545;font-weight:700}.steps__input,.steps__select{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s,box-shadow .3s;background:white}.steps__input:focus,.steps__select:focus{outline:none;border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.1)}.steps__input::placeholder,.steps__select::placeholder{color:var(--neutral-400)}.react-datepicker__input-container input::placeholder{color:var(--neutral-400)}.steps__input[disabled],.steps__select[disabled]{background:var(--neutral-100)}.steps__input--error,.steps__select--error{border-color:#dc3545}.steps__textarea{width:100%;min-height:120px;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .3s,box-shadow .3s}.steps__textarea:focus{outline:none;border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.1)}.steps__textarea--error{border-color:#dc3545;box-shadow:0 0 0 3px rgba(220,53,69,.1)}.steps__character-count{text-align:right;font-size:12px;color:#666;margin-top:4px}.steps__dropzone{cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:8px;margin-bottom:20px;padding:20px 70px;transition:all .3s;position:relative}.steps__dropzone:hover{border-color:#d2691e;background:#f8f8f8}.steps__dropzone--active{border-color:#d2691e;background:#fff3e0}.steps__dropzone-icon{color:#666;position:absolute;top:28px;left:24px;background:#fff;box-shadow:0 0 0 8px #fff;border-radius:4px}.steps__dropzone-text{font-size:16px;font-weight:500;color:#333;margin:0 0 5px}.steps__dropzone-hint{font-size:12px;color:#666;margin:0}.steps__uploaded-files{margin-bottom:20px}.steps__uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:10px}.steps__file-name{font-weight:500;color:#333;flex:1}.steps__file-size{font-size:12px;color:#666;margin:0 15px}.steps__file-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s}.steps__file-remove:hover{background:#ffe6e6}.steps__consent-statement{border-radius:8px;align-items:flex-start;gap:20px;padding:0;display:flex}.steps__consent-icon{color:var(--secondary-900);margin-top:2px;background:#fff;box-shadow:0 0 0 6px #fff,0 0 0 7px #ddd;border-radius:4px}.steps__consent-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;flex:1}.steps__consent-checkbox{margin:0;width:18px;height:18px;accent-color:#d2691e}.steps__consent-text{font-size:16px;line-height:1.5;color:#333;font-weight:500}.steps__legal-document{margin-bottom:0}.steps__legal-textarea{width:100%;min-height:200px;padding:16px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#f8f9fa;resize:vertical;margin-bottom:10px}.steps__download-button{display:inline-flex;align-items:center;gap:8px;padding:0;color:var(--secondary-900);background:var(--white);border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s;text-decoration:underline;font-weight:600}.steps__download-button:hover{color:#b85a1a}.steps__signature-controls{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.steps__signature-actions{display:flex;gap:10px;flex-wrap:wrap}.steps__signature-mode-button{padding:8px 16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;color:#666;white-space:nowrap}.steps__signature-mode-button:hover{background:#e9ecef;border-color:#d2691e;color:#333}.steps__signature-mode-button--active{background:var(--primary-900);border-color:var(--primary-900);color:white}.steps__signature-mode-button--active:hover{background:var(--primary-800);border-color:var(--primary-800);color:white}.steps__signature-hint{font-size:12px;color:#666;font-style:italic;margin-top:5px}.steps__type-input-container{margin-bottom:15px}.steps__type-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:white;transition:border-color .3s}.steps__type-input:focus{outline:none;border-color:var(--primary-600);box-shadow:0 0 0 2px rgba(185,90,26,.1)}.steps__signature-button{padding:8px 16px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s;margin-right:8px}html[lang=ar] .steps__signature-button{margin-right:0;margin-left:8px}.steps__signature-button:hover{background:#e9ecef}.steps__signature-area{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:white;position:relative}.steps__signature-canvas{width:100%;height:150px;cursor:crosshair;background:white}.steps__signature-mode-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;pointer-events:auto;z-index:10}.steps__button--submit{background:var(--primary-900);color:white}.steps__button--submit:hover:not(:disabled){background:var(--primary-800)}.steps__button--submit:disabled{background:#6c757d;cursor:not-allowed}.steps__input--with-icon{padding-left:50px}.steps__input-wrapper{position:relative}.steps__input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;font-size:16px;pointer-events:none}.steps__datepicker-wrapper{position:relative;width:100%}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.react-datepicker__input-container input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .3s,box-shadow .3s;background:white;cursor:pointer}.react-datepicker__input-container input:focus{outline:none;border-color:#d2691e;box-shadow:0 0 0 3px rgba(210,105,30,.1)}.react-datepicker__input-container input.steps__input--error{border-color:#dc3545}.react-datepicker{font-family:Geist,sans-serif;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.react-datepicker__header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:6px 6px 0 0}.react-datepicker__current-month{font-weight:600;color:#333}.react-datepicker__day-name{color:#666;font-weight:500}.react-datepicker__day{border-radius:4px;margin:2px;color:#333}.react-datepicker__day:hover{background-color:#f0f0f0}.react-datepicker__day--selected{background-color:#d2691e!important;color:white!important}.react-datepicker__day--keyboard-selected{background-color:rgba(210,105,30,.1);color:#d2691e}.react-datepicker__day--disabled{color:#ccc}.react-datepicker__navigation{top:8px}.react-datepicker__navigation-icon:before{border-color:#666}.react-datepicker__year-dropdown{background:white;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.react-datepicker__year-option{padding:8px 12px;cursor:pointer}.react-datepicker__year-option:hover{background-color:#f0f0f0}.react-datepicker__year-option--selected{background-color:#d2691e;color:white}.steps__hint{color:#666;margin-bottom:10px}.steps__error,.steps__hint{display:block;font-size:12px;margin-top:5px}.steps__error,.steps__error-summary{color:var(--danger-900)}.steps__error-summary{margin-bottom:12px}.steps__character-count--error{color:var(--danger-900)}.steps__navigation{display:flex;justify-content:space-between;gap:15px}.steps__button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.steps__button--previous{background:#f8f9fa;color:#333;border:2px solid #e0e0e0}.steps__button--previous:hover{background:#e9ecef}.steps__button--next{background:#333;color:white}.steps__button--next:hover:not(:disabled){background:#555}.steps__button--next:disabled{background:#ccc;cursor:not-allowed}.step2,.step3,.step4,.step5,.step6{padding:20px 0}.step2__header,.step3__header,.step4__header,.step5__header,.step6__header{margin-bottom:30px}.step2__step-number,.step3__step-number,.step4__step-number,.step5__step-number,.step6__step-number{display:block;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.step2__title,.step3__title,.step4__title,.step5__title,.step6__title{font-size:28px;font-weight:700;color:#333;margin:0}.step2__content,.step3__content,.step4__content,.step5__content,.step6__content{margin-bottom:30px}.step2__content p,.step3__content p,.step4__content p,.step5__content p,.step6__content p{color:#666;line-height:1.6;margin-bottom:15px}.step2__content ul,.step3__content ul,.step4__content ul,.step5__content ul,.step6__content ul{color:#666;padding-left:20px}.step2__content li,.step3__content li,.step4__content li,.step5__content li,.step6__content li{margin-bottom:8px}.step2__navigation,.step3__navigation,.step4__navigation,.step5__navigation,.step6__navigation{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.step2__button,.step3__button,.step4__button,.step5__button,.step6__button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.step2__button--previous,.step3__button--previous,.step4__button--previous,.step5__button--previous,.step6__button--previous{background:#f8f9fa;color:#333;border:2px solid #e0e0e0}.step2__button--previous:hover,.step3__button--previous:hover,.step4__button--previous:hover,.step5__button--previous:hover,.step6__button--previous:hover{background:#e9ecef}.step2__button--next,.step3__button--next,.step4__button--next,.step5__button--next{background:#333;color:white}.step2__button--next:hover,.step3__button--next:hover,.step4__button--next:hover,.step5__button--next:hover{background:#555}.step6__button--submit{background:var(--primary-900);color:white}.step6__button--submit:hover{background:var(--primary-500)}@media (max-width:1024px){.new-case__main{grid-template-columns:1fr;gap:20px}.new-case__progress{position:static}}@media (max-width:768px){.new-case__container{padding:10px}.new-case__header{flex-direction:column;gap:20px;text-align:center}.new-case__logo-text{font-size:14px}.new-case__title{font-size:20px}.step2__title,.step3__title,.step4__title,.step5__title,.step6__title,.steps__title{font-size:24px}.new-case__form-card,.new-case__progress-card{padding:20px}}