.codificador-url_modeControl__qeLBn{margin-bottom:20px}.codificador-url_modeLabel__GfnbJ{display:block;font-weight:600;color:#363636;margin-bottom:8px}.codificador-url_modeSelect__tzN5_{width:100%;max-width:200px;padding:8px 12px;border:1px solid #696969;border-radius:3px;font-size:14px;background:white}.codificador-url_inputLabel__9Pf8e{display:block;font-weight:600;color:#363636;margin-bottom:8px}.codificador-url_result__ftA03{margin-top:30px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.codificador-url_outputLabel__6B5U6{display:block;font-weight:600;color:#363636;margin-bottom:8px}.codificador-url_outputText__AbVSD{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-family:monospace;font-size:14px;background:#ffffff;resize:vertical;min-height:120px}.codificador-url_actionButtons__CVRM1{display:flex;gap:12px;margin-top:16px}.codificador-url_copyBtn__nRl_y,.codificador-url_downloadBtn__kDS73{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.codificador-url_copyBtn__nRl_y{background:#059669;color:white}.codificador-url_copyBtn__nRl_y:hover{background:#047857}.codificador-url_downloadBtn__kDS73{background:#3b82f6;color:white}.codificador-url_downloadBtn__kDS73:hover{background:#2563eb}.codificador-url_stepByStep___rCRW{margin-top:60px;padding:30px;background-color:#f9fafb;border-radius:8px}.codificador-url_stepByStep___rCRW h2{font-size:24px;font-weight:600;color:#363636;margin-bottom:24px}.codificador-url_step__bJJXL{display:flex;gap:16px;margin-bottom:20px;align-items:flex-start}.codificador-url_stepNumber__5FcHh{min-width:32px;height:32px;background:#3b82f6;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.codificador-url_step__bJJXL p{margin:0;padding-top:4px;color:#363636;line-height:1.6}.codificador-url_aboutSection__Mc6HX{margin-top:40px;padding:30px;background-color:#ffffff;border:1px solid #e5e7eb;border-radius:8px}.codificador-url_aboutSection__Mc6HX h2{font-size:24px;font-weight:600;color:#363636;margin-bottom:20px}.codificador-url_toolDescription__sZ6n_{color:#363636;line-height:1.8}.codificador-url_description__BRhFl{font-size:16px;margin-bottom:16px}.codificador-url_aboutText__TyRXx{font-size:15px;color:#4b5563}