.complaint-page{background:#f4f5f7;padding:0 0 60px}.complaint-hero{background:#0b0b0f;padding:52px 0 62px;position:relative;overflow:hidden}.complaint-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 20% 80%,rgba(255,45,45,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(255,114,114,.08) 0%,transparent 60%);pointer-events:none}.complaint-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#ff2d2d 30%,#ff7272 50%,#ff2d2d 70%,transparent 100%)}.complaint-hero__inner{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.complaint-hero__tag{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ffffff80;margin-bottom:10px}.complaint-hero__tag i{font-size:14px;color:#ff2d2d}.complaint-hero__title{font-size:2rem;font-weight:900;color:#fff;line-height:1.15;letter-spacing:-.01em;margin:0}.complaint-hero__legal{font-size:.78rem;color:#ffffff59;text-align:right;max-width:280px;line-height:1.5}@media (max-width: 767px){.complaint-hero{padding:36px 0 44px}.complaint-hero__title{font-size:1.5rem}.complaint-hero__inner{flex-direction:column;align-items:flex-start}.complaint-hero__legal{text-align:left;max-width:100%;margin-top:8px}}.complaint-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 12px 40px #0000000f;padding:32px;margin-top:-28px;position:relative;z-index:2;animation:complaint-card-in .5s ease both}@keyframes complaint-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.complaint-card{padding:20px 16px;border-radius:14px}}.complaint-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}@media (max-width: 575px){.complaint-types{grid-template-columns:1fr;gap:10px}}.complaint-type{position:relative;cursor:pointer;display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:14px;border:2px solid rgba(0,0,0,.08);background:#fafafa;transition:all .2s ease}.complaint-type:hover{border-color:#00000026;background:#fff;box-shadow:0 6px 20px #0000000d}.complaint-type.is-active{border-color:#ff2d2d;background:#fff;box-shadow:0 8px 28px #ff2d2d1a}.complaint-type input[type=radio]{position:absolute;opacity:0;pointer-events:none}.complaint-type__radio{width:22px;height:22px;border-radius:999px;border:2px solid rgba(0,0,0,.18);flex-shrink:0;margin-top:1px;position:relative;transition:border-color .2s ease}.complaint-type.is-active .complaint-type__radio{border-color:#ff2d2d}.complaint-type.is-active .complaint-type__radio:after{content:"";position:absolute;top:4px;left:4px;width:10px;height:10px;border-radius:999px;background:#ff2d2d;animation:radio-pop .2s ease}@keyframes radio-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.complaint-type__icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.complaint-type--reclamo .complaint-type__icon{background:#ef44441a;color:#dc2626}.complaint-type--queja .complaint-type__icon{background:#f59e0b1a;color:#d97706}.complaint-type__title{font-weight:800;font-size:.95rem;color:#111;margin-bottom:3px}.complaint-type__desc{font-size:.82rem;color:#6c757d;line-height:1.45;margin:0}.complaint-section{margin-bottom:24px}.complaint-section__header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed rgba(0,0,0,.12)}.complaint-section__num{width:28px;height:28px;border-radius:8px;background:#111;color:#fff;font-weight:900;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.complaint-section__title{font-size:1.05rem;font-weight:800;color:#111;letter-spacing:.02em;margin:0}.complaint-form .form-label{font-weight:700;font-size:.88rem;color:#2b2b2b;margin-bottom:6px}.complaint-form .form-label .req{color:#ff2d2d;margin-left:2px}.complaint-form .form-label .opt{font-weight:500;color:#9ca3af;font-size:.8rem}.complaint-form .form-control{border-radius:12px;border:1px solid rgba(0,0,0,.12);padding:12px 14px;height:auto;box-shadow:none;font-size:.92rem;transition:border-color .15s ease,box-shadow .15s ease}.complaint-form .form-control:focus{border-color:#0000004d;box-shadow:0 0 0 3px #0000000d}.complaint-form .form-control.is-invalid{border-color:#dc3545}.complaint-form .form-control.is-invalid:focus{box-shadow:0 0 0 3px #dc35451a}.complaint-form textarea.form-control{resize:vertical;min-height:80px}.complaint-form .invalid-feedback{font-size:.8rem;font-weight:600;margin-top:4px}.complaint-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(0,0,0,.08)}.complaint-submit__hint{font-size:.8rem;color:#9ca3af;line-height:1.5;max-width:300px}.complaint-submit__hint i{color:#d97706;margin-right:4px}.btn-complaint-submit{border-radius:14px;padding:14px 36px;font-weight:900;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;background:#111;color:#fff;border:2px solid #111;transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap}.btn-complaint-submit:hover{background:#ff2d2d;border-color:#ff2d2d;color:#fff;box-shadow:0 10px 30px #ff2d2d33;transform:translateY(-1px)}.btn-complaint-submit:active{transform:translateY(0)}.btn-complaint-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 575px){.complaint-submit{flex-direction:column-reverse;align-items:stretch;gap:12px}.complaint-submit__hint{max-width:100%;text-align:center}.btn-complaint-submit{width:100%;padding:14px 20px}}.complaint-success{text-align:center;padding:40px 20px;animation:complaint-card-in .5s ease both}.complaint-success__icon{width:80px;height:80px;border-radius:999px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;animation:success-bounce .6s ease .2s both}@keyframes success-bounce{0%{transform:scale(0)}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1)}}.complaint-success__icon i{font-size:36px;color:#16a34a}.complaint-success__title{font-size:1.4rem;font-weight:900;color:#111;margin-bottom:8px}.complaint-success__code{display:inline-block;font-size:1.6rem;font-weight:900;color:#ff2d2d;letter-spacing:.08em;padding:10px 24px;border-radius:12px;background:#ff2d2d0f;border:2px dashed rgba(255,45,45,.2);margin:12px 0 20px;font-variant-numeric:tabular-nums}.complaint-success__msg{font-size:.92rem;color:#6c757d;line-height:1.7;max-width:440px;margin:0 auto 24px}.complaint-success__msg strong{color:#111}.btn-back-store{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:12px 28px;font-weight:800;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;background:#111;color:#fff;border:2px solid #111;text-decoration:none;transition:all .2s ease}.btn-back-store:hover{background:#ff2d2d;border-color:#ff2d2d;color:#fff;box-shadow:0 8px 24px #ff2d2d33;transform:translateY(-1px)}.complaint-notice{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:14px;background:#00000008;border:1px solid rgba(0,0,0,.06);margin-bottom:28px}.complaint-notice__icon{width:36px;height:36px;border-radius:10px;background:#0000000f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;color:#6c757d}.complaint-notice__text{font-size:.85rem;color:#6c757d;line-height:1.6;margin:0}.complaint-notice__text strong{color:#2b2b2b}