:root{--gold-ae:#ff8a00;--green-ae:#238686;--bg-page:#f6f7f8;--bg-card:#fff;--text-main:#1f2933;--text-muted:#6b7280;--border-light:#e5e7eb;--border-focus:var(--green-ae);--danger:#dc2626}.reclamaciones-container{background-color:#0000;background-image:linear-gradient(#ffffffe0,#ffffffe0),url(/assets/LibroDeReclamaciones.jpg);background-position:100%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:10rem 1rem 5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.step-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;width:100%;max-width:680px;padding:2.25rem;box-shadow:0 12px 30px #0000000d}.step-header{width:100%;max-width:680px;margin-bottom:1.5rem}.step-header p{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem}.progress-bar{background:var(--border-light);border-radius:999px;width:100%;height:6px;overflow:hidden}.progress{background:linear-gradient(90deg,var(--green-ae),var(--gold-ae));height:100%;transition:width .3s}.step-card h2{color:var(--text-main);margin-bottom:.5rem;font-size:1.4rem;font-weight:600}.step-info{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.step-card input,.step-card select,.step-card textarea{border:1px solid var(--border-light);width:100%;color:var(--text-main);background:#fff;border-radius:8px;margin-bottom:1rem;padding:.75rem .85rem;font-size:.95rem}.step-card textarea{resize:vertical;min-height:100px}.step-card input:focus,.step-card select:focus,.step-card textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #23868626}.radio-group{gap:1.5rem;margin-bottom:1.25rem;display:flex}.radio-group label{color:var(--text-main);align-items:center;gap:.4rem;font-size:.95rem;display:flex}.buttons{justify-content:space-between;margin-top:2rem;display:flex}.buttons button{cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.5rem;font-size:.95rem;font-weight:500}.buttons button:first-child{color:var(--text-muted);background:0 0}.buttons button:first-child:hover{color:var(--text-main)}.buttons button:last-child{background:var(--green-ae);color:#fff;box-shadow:0 6px 16px #23868640}.buttons button:last-child:hover{background:#1f7373}.buttons button:last-child:active{transform:scale(.98)}.verify-box{border:1px solid var(--border-light);background:#fafafa;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.verify-section{margin-bottom:1.25rem}.verify-section h4{color:var(--green-ae);text-transform:uppercase;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.verify-item{grid-template-columns:160px 1fr;gap:.75rem;margin-bottom:.4rem;font-size:.9rem;display:grid}.verify-label{color:var(--text-muted)}.verify-value{color:var(--text-main);font-weight:500}@media (max-width:768px){.step-card{padding:2rem}}@media (max-width:640px){.buttons{flex-direction:column;gap:.75rem}.buttons button{width:100%}.verify-item{grid-template-columns:1fr}}@media (max-width:480px){.step-card{padding:1.5rem}.step-card h2{font-size:1.25rem}.step-info{font-size:.9rem}}.verify-box{flex-wrap:wrap;gap:30px;margin-top:20px;display:flex}.verify-section{background:#f9f9f9;border-radius:8px;flex:1;padding:20px}.verify-item{justify-content:space-between;margin-top:8px;display:flex}.verify-label{font-weight:600}.verify-value{color:#333}.captcha-box{margin-top:25px;margin-bottom:20px}.buttons{gap:10px;margin-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;padding:10px 18px}.btn-secondary{cursor:pointer;background:#e4e4e4;border:none;border-radius:6px;padding:10px 18px}.field-error{color:#dc2626;margin-top:5px;font-size:13px}.input-error{border:1px solid #dc2626}.char-counter{color:#6b7280;text-align:right;margin-top:4px;font-size:12px}.error-box{color:#991b1b;background:#fee2e2;border-radius:6px;margin-bottom:15px;padding:10px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-success{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:420px;padding:40px 35px;animation:.35s fadeIn;box-shadow:0 25px 60px #00000040}.success-icon{color:#16a34a;margin-bottom:10px;font-size:55px}.numero-box{background:#f8fafc;border:2px dashed #0d6efd;border-radius:10px;margin-top:20px;padding:18px}.numero-box span{color:#6b7280;margin-bottom:5px;font-size:14px;display:block}.numero-box strong{letter-spacing:1px;color:#0d6efd;font-size:26px;font-weight:700}.modal-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:25px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.paso1-wrapper{color:#000;justify-content:center;align-items:center;width:100%;max-width:1100px;height:100vh;margin:0 auto;display:flex}.paso1-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;width:100%;max-height:95vh;padding:1.8rem 2rem;animation:.4s fadeIn;overflow:hidden;box-shadow:0 25px 50px #0000000f}.paso1-header{margin-bottom:1.2rem}.paso1-top{justify-content:space-between;align-items:center;display:flex}.paso1-step{color:var(--text-muted);font-size:.75rem}.paso1-title{color:var(--text-main);margin-top:4px;font-size:1.3rem;font-weight:600}.paso1-subtitle{color:var(--text-muted);margin-top:2px;font-size:.85rem}.paso1-progress-bar{background:var(--border-light);border-radius:999px;width:100%;height:5px;margin-top:10px}.paso1-progress{background:linear-gradient(90deg,var(--green-ae),var(--gold-ae));border-radius:999px;width:25%;height:100%}.paso1-form{grid-template-columns:repeat(3,1fr);gap:.8rem 1.2rem;display:grid}.full{grid-column:span 3}.field{flex-direction:column;display:flex}.label{color:var(--text-muted);margin-bottom:4px;font-size:.7rem}.input{border:1px solid var(--border-light);color:var(--text-main);background:#fff;border-radius:10px;padding:.6rem .75rem;font-size:.88rem;transition:all .2s}.input:hover{border-color:#d1d5db}.input:focus{border-color:var(--green-ae);outline:none;box-shadow:0 0 0 2px #23868626}.input.valid{border-color:#16a34a}.input.error{border-color:var(--danger);background:#fff5f5}.helper-text{color:var(--text-muted);margin-top:2px;font-size:.68rem}.error-text{color:var(--danger);margin-top:2px;font-size:.68rem}.paso1-actions{justify-content:space-between;align-items:center;margin-top:1.3rem;display:flex}.paso1-hint{color:var(--text-muted);font-size:.72rem}.btn-next{background:linear-gradient(135deg,var(--green-ae),var(--gold-ae));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:.6rem 1.6rem;font-size:.9rem;transition:all .25s;box-shadow:0 10px 20px #23868633}.btn-next:hover{transform:translateY(-1px)}.btn-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-back{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:.4rem .8rem;font-size:.78rem;font-weight:500;transition:all .25s;display:inline-flex}.btn-back .icon{font-size:.85rem;transition:transform .25s}.btn-back:hover{color:var(--text-main);background:#fff;border-color:#d1d5db;box-shadow:0 6px 14px #0000000d}.btn-back:hover .icon{transform:translate(-3px)}.btn-back:active{transform:scale(.97)}.btn-back:focus{outline:none;box-shadow:0 0 0 2px #23868633}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.paso1-wrapper{align-items:flex-start;height:auto;padding:1rem}.paso1-card{max-height:none}.paso1-form{grid-template-columns:1fr 1fr}.full{grid-column:span 2}}@media (max-width:640px){.paso1-form{grid-template-columns:1fr}.full{grid-column:span 1}}
.paso2-wrapper{box-sizing:border-box;background:0 0;justify-content:center;align-items:flex-start;width:100%;min-height:auto;padding:40px 20px;display:flex}.paso2-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:1000px;padding:50px 60px;box-shadow:0 15px 40px #00000014}.paso2-card h2{color:#0f172a;margin-bottom:6px;font-size:24px;font-weight:700}.step-info{color:#64748b;margin-bottom:22px;font-size:14px}.paso2-radio-group{gap:15px;margin-bottom:10px;display:flex}.paso2-radio{cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:14px;font-size:14px;transition:all .25s}.paso2-radio input{display:none}.paso2-radio:hover{background:#fff;border-color:#3b82f6}.paso2-radio.selected{background:#eff6ff;border-color:#3b82f6;font-weight:600}.paso2-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:45px;margin-top:15px;padding:0 12px;font-size:14px;transition:all .25s}.paso2-select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.paso2-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:45px;margin-top:15px;padding:0 14px;font-size:14px;transition:all .25s}.paso2-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.paso2-textarea{resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:110px;margin-top:15px;padding:12px 14px;font-size:14px;transition:all .25s}.paso2-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.paso2-valid{background:#f0fdf4!important;border-color:#22c55e!important}.paso2-error{background:#fef2f2!important;border-color:#ef4444!important}.error-text{color:#ef4444;margin-top:5px;font-size:12px;display:block}.buttons{justify-content:space-between;gap:10px;margin-top:35px;display:flex}.paso2-btn-back{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:11px 20px;font-size:14px;transition:all .25s}.paso2-btn-back:hover{background:#f1f5f9}.paso2-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s}.paso2-btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb59}.paso2-btn-next:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}@media (max-width:768px){.paso2-card{padding:35px 25px}}@media (max-width:600px){.paso2-radio-group,.buttons{flex-direction:column}.paso2-btn-back,.paso2-btn-next{width:100%}}
.paso3-wrapper{box-sizing:border-box;background:0 0;justify-content:center;align-items:flex-start;width:100%;min-height:auto;padding:40px 20px;display:flex}.paso3-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:1000px;padding:50px 60px;box-shadow:0 15px 40px #00000014}.paso3-title{color:#0f172a;margin-bottom:6px;font-size:24px;font-weight:700}.paso3-info{color:#64748b;margin-bottom:18px;font-size:14px}.paso3-box-info{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:15px 18px;font-size:13px;line-height:1.5}.paso3-radio-group{gap:15px;margin-bottom:20px;display:flex}.paso3-radio{cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:14px;font-size:14px;transition:all .25s}.paso3-radio input{display:none}.paso3-radio:hover{background:#fff;border-color:#3b82f6}.paso3-radio.selected{background:#eff6ff;border-color:#3b82f6;font-weight:600}.paso3-textarea{resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:120px;margin-top:15px;padding:12px 14px;font-size:14px;transition:all .25s}.paso3-textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.valid{background:#f0fdf4!important;border-color:#22c55e!important}.error{background:#fef2f2!important;border-color:#ef4444!important}.error-text{color:#ef4444;margin-top:5px;font-size:12px;display:block}.paso3-actions{justify-content:space-between;gap:10px;margin-top:35px;display:flex}.paso3-btn-back{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:11px 20px;font-size:14px;transition:all .25s}.paso3-btn-back:hover{background:#f1f5f9}.paso3-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s}.paso3-btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb59}.paso3-btn-next:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}@media (max-width:768px){.paso3-card{padding:35px 25px}}@media (max-width:600px){.paso3-radio-group,.paso3-actions{flex-direction:column}.paso3-btn-back,.paso3-btn-next{width:100%}}
.paso4-wrapper{box-sizing:border-box;background:0 0;justify-content:center;align-items:flex-start;width:100%;min-height:auto;padding:40px 20px;display:flex}.paso4-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:1000px;padding:50px 60px;box-shadow:0 15px 40px #00000014}.paso4-title{color:#0f172a;margin-bottom:5px;font-size:24px;font-weight:700}.paso4-subtitle{color:#64748b;margin-bottom:25px;font-size:14px}.paso4-error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px}.paso4-verify{flex-wrap:wrap;gap:30px;display:flex}.paso4-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;min-width:280px;padding:20px}.paso4-block h4{color:#3b82f6;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:600}.paso4-block p{color:#1f2937;margin-bottom:6px;font-size:14px}.paso4-textarea{resize:vertical;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;min-height:110px;margin-top:10px;margin-bottom:5px;padding:12px 14px;font-size:14px;transition:all .25s}.paso4-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.paso4-textarea.error{background:#fef2f2;border-color:#ef4444}.paso4-counter{text-align:right;color:#6b7280;margin-bottom:8px;font-size:11px;display:block}.paso4-error{color:#ef4444;margin-bottom:10px;font-size:12px;display:block}.paso4-captcha{margin-top:25px}.captcha-loading{color:#6b7280;margin-bottom:10px;font-size:13px}.captcha-fallback{color:#991b1b;font-size:13px}.captcha-fallback button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;margin-left:10px;padding:6px 10px}.paso4-actions{justify-content:space-between;gap:10px;margin-top:30px;display:flex}.paso4-btn-back{cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;padding:11px 20px;font-size:14px;transition:all .25s}.paso4-btn-back:hover{background:#f1f5f9}.paso4-btn-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .25s}.paso4-btn-next:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb59}.paso4-btn-next:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.paso4-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.paso4-modal-card{text-align:center;background:#fff;border-radius:14px;width:90%;max-width:420px;padding:40px 35px;animation:.3s fadeIn;box-shadow:0 25px 60px #00000040}.success{color:#22c55e;margin-bottom:10px;font-size:50px}.numero{color:#2563eb;margin:15px 0;font-size:24px;font-weight:700}.paso4-modal-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.paso4-modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:13px}.paso4-modal-actions button:first-child{background:#e5e7eb}.paso4-modal-actions button:last-child{color:#fff;background:#2563eb}@media (max-width:768px){.paso4-card{padding:35px 25px}}@media (max-width:600px){.paso4-actions{flex-direction:column}.paso4-btn-back,.paso4-btn-next{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:32px 28px;animation:.35s modalFadeScale;position:relative}@keyframes modalFadeScale{0%{opacity:0;transform:scale(.92)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:14px}.modal-close:hover{color:#111827}.modal-icon{color:#16a34a;margin-bottom:12px;font-size:48px}.modal-title{margin-bottom:6px;font-size:22px;font-weight:600}.modal-subtitle{color:#6b7280;margin-bottom:20px;font-size:14px}.modal-code{letter-spacing:1px;background:#f3f4f6;border-radius:10px;margin-bottom:10px;padding:12px;font-size:18px;font-weight:700}.modal-copiado{color:#16a34a;margin-bottom:15px;font-size:13px;display:block}.modal-actions{justify-content:center;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 18px;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:10px 18px;transition:all .2s}.btn-secondary:hover{background:#d1d5db}