.support-page{color:#071a38;background:white;min-height:65vh;padding:28px 0 45px}.support-page h1,html[lang=es] .support-page h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1px;line-height:1.15;margin:0 0 14px}.support-page h2{font-size:25px;line-height:1.25;overflow-wrap:anywhere}.support-intro{max-width:900px;line-height:1.5}.support-toolbar,.support-status-controls{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.support-page button,.support-page input,.support-page select,.support-page textarea{font:inherit;color:#102a49}.support-page button{min-height:44px;padding:10px 18px;background:white;border:1px solid #284364;border-radius:8px;cursor:pointer}.support-page button.support-primary{background:#071a38;color:white;border-color:#071a38;border-bottom:3px solid #c69c40}.support-page button:disabled{opacity:.65;cursor:wait}.support-page :is(button,a,input,textarea,select):focus-visible{outline:3px solid #c7952f;outline-offset:3px}.support-page :is(input,select,textarea){padding:11px;border:1px solid #cbd5e2;border-radius:7px;background:white;min-height:44px;min-width:0;box-sizing:border-box;width:100%}.support-page textarea{min-height:140px;resize:vertical}.support-page input[type=file]{white-space:normal}.support-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1000px}.support-field{display:flex;flex-direction:column;gap:8px;font-weight:600}.support-wide{grid-column:1/-1}.support-hint{font-weight:400;font-size:14px;line-height:1.5;margin:0}.support-previews,.support-attachments{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,260px));gap:16px}.support-file,.support-attachment{border:1px solid #d7dfeb;border-radius:8px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:10px}.support-page :is(img,video){width:100%;height:180px;object-fit:contain;background:#f2f5f8}.support-page progress{width:100%}.support-filename,.support-attachment a{overflow-wrap:anywhere}.support-notice{line-height:1.5;color:#206041}.support-notice.error{color:#99364c}.support-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0}.support-rows{display:grid;gap:12px}.support-row{border:1px solid #d6deea;border-radius:10px;padding:18px;min-width:0}.support-row p{margin:8px 0;overflow-wrap:anywhere}.support-page .support-ticket-link{font-weight:700;border:0;padding:5px 0;text-align:left;display:block;font-size:20px;overflow-wrap:anywhere}.support-number{font-size:13px;letter-spacing:1px;color:#6f581c}.support-status{display:inline-block;background:#eef3fa;border:1px solid #c9d5e5;color:#25456c;border-radius:20px;padding:5px 12px;font-size:14px}.support-status.status-resolved{background:#edf8f0;color:#21603d;border-color:#b7d4c0}.support-status.status-waiting_for_member{background:#fff8e8;color:#76530f;border-color:#e5cf96}.support-message{border:1px solid #d5deea;padding:20px;border-radius:10px;margin:16px 0;max-width:1050px}.support-message.staff{border-left:4px solid #c69c40;background:#fcfaf6}.support-message time{display:block;color:#52637b;font-size:13px;margin:8px 0}.support-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.support-external{display:inline-block;margin:8px 22px 8px 0;overflow-wrap:anywhere}.support-status-controls select{width:auto;max-width:100%}.submission-page .support-page{padding-top:10px}.support-content{min-width:0}.support-page small{color:#4f6177}body.support-page-open{height:auto;overflow:auto;display:block}body.support-page-open .page{height:auto;min-height:100svh;overflow:visible}body.support-page-open footer{position:static}
@media(max-width:639px){.support-form,.support-filters{grid-template-columns:minmax(0,1fr)}.support-wide{grid-column:auto}.support-page{padding-top:22px}.support-page h1,html[lang=es] .support-page h1{font-size:32px}.support-attachments,.support-previews{grid-template-columns:minmax(0,1fr)}.support-message{padding:15px}.support-page :is(img,video){height:auto;max-height:300px}.support-toolbar button{flex:1}.support-status-controls{align-items:stretch}.support-status-controls>*{flex:1}.support-status-controls select{width:100%}}
