.assistancePage{color:#f7f7f5;background:#060606;min-height:100vh;font-family:Arial,sans-serif}.assistancePage header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;padding:14px max(20px,50vw - 520px);display:flex}.assistancePage header a{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.assistancePage header img{border-radius:50%;width:46px;height:46px}.assistanceIntro,.assistanceDesk{width:min(1040px,100% - 36px);margin:auto}.assistanceIntro>p{color:#208cff;letter-spacing:.12em;margin:0;font:12px monospace}.assistanceIntro h1{max-width:800px;margin:12px 0;font-size:clamp(42px,6vw,68px);line-height:1.02}.assistanceIntro>span{color:#aaa;font-size:17px}.assistanceDesk{background:#0e0e0e;border:1px solid #292929;border-radius:18px;margin-bottom:80px;padding:28px}.assistanceTabs{gap:8px;margin-bottom:20px;display:flex}.assistanceTabs button{color:#aaa;background:#171717;border:1px solid #333}.assistanceDesk form{gap:13px;display:grid}.assistanceDesk .two{grid-template-columns:1fr 1fr;gap:13px;display:grid}.assistanceDesk input,.assistanceDesk select,.assistanceDesk textarea{color:#fff;background:#080808;border:1px solid #333;border-radius:10px;width:100%;min-height:55px;padding:15px 17px;font-size:16px}.assistanceDesk textarea{resize:vertical;min-height:140px}.assistanceDesk button{color:#080808;cursor:pointer;background:#208cff;border:0;border-radius:10px;width:max-content;min-height:52px;padding:13px 22px;font-weight:800}.assistanceDesk button:disabled{opacity:.65;cursor:wait}.assistanceDesk .fileField{color:#ddd;border:1px dashed #4a4a4a;border-radius:14px;gap:11px;padding:18px;display:grid}.assistanceDesk .fileField input{border:0;min-height:0;padding:0}.trackHelp{color:#aaa;margin:0}.or{color:#777;align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.or:before,.or:after{content:"";background:#292929;flex:1;height:1px}.assistanceNotice{color:#ffc080;background:#17120d;border-left:3px solid #208cff;margin:18px 0 0;padding:14px 16px}.assistanceTicket{background:#080808;border-left:3px solid #208cff;margin-top:22px;padding:22px}.assistanceTicket>b{color:#208cff}.assistanceTicket h2{margin:8px 0;font-size:24px}.assistanceTicket>span{color:#aaa;text-transform:uppercase;font-size:12px}.thread{border-top:1px solid #292929;gap:11px;margin-top:20px;padding-top:18px;display:grid}.thread>div{background:#151515;border-left:2px solid #777;border-radius:8px;padding:13px}.thread>div.employee{border-color:#208cff}.thread time{float:right;color:#777;font-size:10px}.thread p{color:#bbb}.assistanceDesk .attachment{color:#ddd;background:#151515;border:1px solid #444}@media (max-width:650px){.assistancePage header span{display:none}.assistanceIntro{padding-top:45px}.assistanceDesk{padding:17px}.assistanceTabs,.assistanceDesk .two{grid-template-columns:1fr;display:grid}.assistanceDesk button{width:100%}.assistanceTicket{padding:16px}}.assistanceDesk .fileField .enhancedUpload{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.assistanceDesk .fileField .uploadPicker{color:#080808;background:#208cff;border:1px solid #208cff;border-radius:10px;width:max-content;min-height:48px;padding:12px 18px;font-weight:800}.assistanceDesk .fileField .uploadStatus{color:#999;margin:0;font-size:12px}.assistanceDesk .fileField .uploadStatus.success{color:#71df8a}.assistanceDesk .fileField .uploadStatus.error{color:#ff8279}@media (max-width:650px){.assistanceDesk .fileField .uploadPicker{width:100%}}.closureForm{background:#07182a;border:1px solid #208cff;border-radius:14px;margin:20px 0;padding:20px!important}.closureForm h3,.closureForm p{margin:0}.closureForm p{color:#b9c8d8}.closureForm textarea{min-height:90px}.closureActions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.assistanceDesk .closureActions button{width:100%}.assistanceDesk .closureActions .secondary{color:#d9eeff;background:#0d2941;border:1px solid #2b74ad}@media (max-width:650px){.closureActions{grid-template-columns:1fr}}.clientAppointments{background:#07182a;border:1px solid #208cff;border-radius:14px;gap:10px;margin:20px 0;padding:18px;display:grid}.clientAppointments>h3{color:#49bdff;margin:0}.clientAppointments>article{background:#06111d;border:1px solid #174a74;border-radius:10px;padding:14px}.clientAppointments p{color:#bbb}.calendarActions{flex-wrap:wrap;gap:8px;display:flex}.clientAppointments .calendarActions a{color:#8fd8ff;border:1px solid #208cff;border-radius:9px;align-items:center;min-height:42px;padding:10px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.assistancePage{isolation:isolate;background-color:#030b16;background-attachment:fixed;overflow-x:hidden;background-image:linear-gradient(90deg,#000710cc,#000e1f8c),url(/assets/tech-support-hero-v2.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important}.assistancePage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#37baff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#37baff06 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 78% 24%,#19a3ff24,#0000 30%);position:fixed;inset:0}.assistancePage header{z-index:30;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020a15e6;border-bottom-color:#54bfff33;min-height:76px;position:sticky;top:0}.assistancePage header>a:first-child{gap:16px;font-weight:800}.assistancePage header>a:first-child img{display:none}.assistancePage header>a:first-child:before{content:"";background:url(/jsa-logo-header-transparent.png) 50%/contain no-repeat;width:188px;height:58px}.assistancePage header>a:first-child span{gap:3px;display:grid}.assistancePage header>a:first-child span:after{content:"Centre d’assistance sécurisé";color:#55cfff;letter-spacing:1.5px;text-transform:uppercase;font:700 10px monospace}.assistancePage header>a:last-child{background:linear-gradient(145deg,#082a46d1,#031222e6);border:1px solid #4fcaff4d;border-radius:12px;min-height:46px;padding:0 18px;font-weight:800;transition:border-color .18s,box-shadow .18s,filter .18s;box-shadow:inset 0 1px #ffffff12,0 12px 30px #00000038;color:#79dcff!important}.assistancePage header>a:last-child:before{content:"←"}:is(.assistancePage header>a:last-child:hover,.assistancePage header>a:last-child:focus-visible){filter:brightness(1.1);border-color:#5bd7ffb8;box-shadow:0 0 26px #21a4ff29,inset 0 1px #ffffff1a}.assistanceDesk{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#051729eb,#020b17f0);border-color:#4eb7f43d;box-shadow:inset 0 1px #ffffff0d,0 24px 70px #00000057}@media (max-width:650px){.assistancePage{background-attachment:scroll;background-position:68%!important}.assistancePage header{min-height:68px;padding:10px 14px}.assistancePage header>a:first-child:before{width:132px;height:46px}.assistancePage header>a:first-child span{display:none}.assistancePage header>a:last-child{white-space:nowrap;width:46px;padding:0 13px;font-size:0;overflow:hidden}.assistancePage header>a:last-child:before{font-size:18px}}.assistanceIntro{padding:42px 0 24px}.assistanceIntro h1{font-size:clamp(34px,4.6vw,52px);line-height:1.12}.assistanceDesk{max-width:900px;padding:clamp(18px,3vw,30px)}.assistanceDesk :is(input,select,textarea){color:#fff;min-width:0;min-height:50px;font:inherit;background:#141e2a;border:1px solid #3a5369;border-radius:10px;padding:12px 14px}.assistanceDesk :is(input,textarea)::placeholder{color:#aab9c6;opacity:1}.assistanceDesk :is(input,select,textarea):focus-visible{outline-offset:2px;outline:2px solid #55cfff}.assistanceDesk button{color:#fff;text-align:center;background:#1573c9;border:1px solid #1573c9;border-radius:10px;justify-content:center;align-items:center;min-height:48px;font-size:15px;font-weight:750;display:inline-flex}.assistanceTabs button{color:#d4e5f2;background:#122438;border-color:#34516b}.assistanceTabs button.active{color:#fff;background:#1573c9;border-color:#208cff}.assistanceNotice{color:#d9eeff;background:#102438;border:1px solid #356d9c;border-left:3px solid #208cff;border-radius:10px}@media (max-width:650px){.assistanceIntro{padding:28px 0 20px}.assistanceIntro h1{font-size:clamp(32px,9vw,42px)}}.assistanceIntro{max-width:900px}.assistanceIntro h1{max-width:850px;font-size:clamp(32px,3.6vw,46px);line-height:1.16}.assistanceDesk form :is(input,select,textarea){color:#f4f8fc;background:#172334;border-color:#3a5369}.assistanceDesk form input:-webkit-autofill{-webkit-text-fill-color:#f4f8fc;caret-color:#fff;box-shadow:inset 0 0 0 1000px #172334}.assistanceDesk form input:-webkit-autofill:hover{-webkit-text-fill-color:#f4f8fc;caret-color:#fff;box-shadow:inset 0 0 0 1000px #172334}.assistanceDesk form input:-webkit-autofill:focus{-webkit-text-fill-color:#f4f8fc;caret-color:#fff;box-shadow:inset 0 0 0 1000px #172334}.assistanceNotice.error{color:#ffd2cc;background:#301716;border-color:#a7504b #a7504b #a7504b #e15b55}.assistancePage header>a:first-child span:after{content:"Centre d’assistance sécurisé"}html[lang=es] .assistancePage header>a:first-child span:after{content:"Centro de asistencia seguro"}html[lang=en] .assistancePage header>a:first-child span:after{content:"Secure support center"}