.contact-hero{background:linear-gradient(125deg,#07185b 0%,#173da4 58%,#6620aa 100%);color:#fff;padding:48px 20px}
.contact-hero__inner{width:min(1160px,100%);margin:auto;display:flex;justify-content:space-between;gap:40px;align-items:center}
.contact-hero h1{font-size:clamp(2.25rem,5vw,4.4rem);line-height:.98;margin:8px 0 14px}.contact-hero p{max-width:720px;margin:0;font-size:1.05rem}
.contact-hero__security{max-width:330px;padding:18px;border:1px solid rgba(255,255,255,.3);border-radius:16px;background:rgba(255,255,255,.1);display:grid;gap:5px}.contact-hero__security span{font-size:.82rem;line-height:1.45}
.contact-page{width:min(1160px,calc(100% - 32px));margin:28px auto 60px}.contact-alert{padding:13px 16px;border-radius:12px;margin:0 0 14px;font-weight:700}.contact-alert.is-error{background:#ffe8e8;color:#a31321;border:1px solid #ffc0c5}.contact-alert.is-success{background:#e5f8ec;color:#126638;border:1px solid #afe4c4}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.contact-form-card,.contact-side section,.contact-ticket{background:#fff;border:1px solid #dbe2f1;border-radius:18px;box-shadow:0 12px 36px rgba(19,36,92,.08)}
.contact-form-card{padding:28px}.contact-heading h2{color:#0b246f;font-size:1.75rem;margin:4px 0 8px}.contact-heading>p:last-child{color:#52617e;margin:0 0 24px}.contact-form{display:grid;gap:19px}
.contact-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.contact-profile-grid label{cursor:pointer}.contact-profile-grid input{position:absolute;opacity:0;pointer-events:none}.contact-profile-grid span{min-height:74px;padding:12px;border:1px solid #cbd5e5;border-radius:12px;display:grid;align-content:center;gap:3px;background:#f9fbff}.contact-profile-grid strong{color:#10296f;font-size:.86rem}.contact-profile-grid small{color:#66728b;font-size:.7rem}.contact-profile-grid input:checked+span{border:2px solid #174bb7;background:#edf4ff;box-shadow:0 0 0 3px rgba(23,75,183,.08)}
.contact-fields{display:grid;gap:14px}.contact-fields.two{grid-template-columns:1fr 1fr}.contact-form label,.contact-reply label{display:grid;gap:7px;color:#132764;font-weight:800;font-size:.82rem}.contact-form label>small{color:#66728b;font-weight:500}
.contact-form input,.contact-form select,.contact-form textarea,.contact-reply textarea{width:100%;box-sizing:border-box;border:1px solid #bdc9df;border-radius:10px;padding:11px 12px;background:#fff;color:#16213b;font:inherit}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.contact-reply textarea:focus{outline:3px solid rgba(28,84,197,.15);border-color:#1c54c5}.contact-form input[readonly]{background:#f1f4f9;color:#4d5b76}
.contact-guidance{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 16px;border-radius:12px;background:#fff5cf;border:1px solid #f1cf56;color:#654700}.contact-guidance p{margin:4px 0 0;font-size:.78rem}.contact-guidance a{flex:none;background:#805000;color:#fff;text-decoration:none;border-radius:9px;padding:9px 12px;font-weight:800;font-size:.76rem}
.contact-confirm{grid-template-columns:auto 1fr!important;align-items:start!important;padding:12px;border-radius:10px;background:#f5f7fb}.contact-confirm input{width:auto;margin-top:2px}.contact-form>button,.contact-reply button{justify-self:start;border:0;border-radius:10px;background:#1647ad;color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.contact-form>button:hover,.contact-reply button:hover{background:#0b2f82}.contact-honeypot{position:absolute!important;left:-9999px!important}
.contact-side{display:grid;gap:16px}.contact-side section{padding:20px}.contact-side section>span{font-size:2rem;font-weight:900;color:#184bb4}.contact-side h2{font-size:1.15rem;color:#0d276f;margin:4px 0 14px}.contact-side section>a{display:grid;gap:2px;text-decoration:none;border-top:1px solid #e3e8f2;padding:11px 0;color:#203769}.contact-side section>a strong{font-size:.77rem}.contact-side section>a span{font-size:.76rem}.contact-side section>a small{color:#7452a5}.contact-side__help a{font-weight:800}
.contact-ticket{padding:28px}.contact-ticket>header{display:flex;justify-content:space-between;gap:20px;align-items:start}.contact-ticket h2{color:#102c7f;font-size:2rem;margin:3px 0}.contact-ticket>header p{margin:0;color:#53617b}.contact-ticket>header>span{border-radius:999px;padding:7px 11px;background:#eef2fb;color:#35466e;font-weight:900;font-size:.72rem}.contact-ticket>header>span.is-novo{background:#fff0bf;color:#785500}.contact-ticket>header>span.is-resolvido{background:#dff7e8;color:#176238}
.contact-ticket__facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.contact-ticket__facts>div{padding:12px;background:#f5f7fc;border-radius:10px;display:grid;gap:4px}.contact-ticket__facts small{color:#65718a;text-transform:uppercase;font-size:.62rem;font-weight:900}.contact-ticket__facts strong{font-size:.8rem;color:#10235e}
.contact-timeline{border-top:1px solid #e1e6f0;padding-top:18px;display:grid;gap:12px}.contact-timeline article{width:min(760px,90%);padding:14px 16px;border-radius:13px;background:#eef3ff;border-left:4px solid #2359c4}.contact-timeline article.is-administracao{margin-left:auto;background:#eee7ff;border-color:#7040ba}.contact-timeline article header{display:flex;justify-content:space-between;gap:10px}.contact-timeline article header strong{color:#173274;font-size:.8rem}.contact-timeline time{font-size:.68rem;color:#69758c}.contact-timeline p{margin:8px 0 0;line-height:1.55}.contact-reply{display:grid;gap:12px;border-top:1px solid #e1e6f0;margin-top:22px;padding-top:20px}.contact-new{text-align:center;margin:18px}.contact-new a{font-weight:900;color:#1647ad}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr}.contact-profile-grid{grid-template-columns:1fr 1fr}.contact-ticket__facts{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.contact-hero__inner{display:grid}.contact-hero__security{max-width:none}.contact-form-card,.contact-ticket{padding:19px}.contact-fields.two,.contact-side{grid-template-columns:1fr}.contact-profile-grid{grid-template-columns:1fr}.contact-guidance{align-items:start;display:grid}.contact-ticket>header{display:grid}.contact-ticket__facts{grid-template-columns:1fr}.contact-timeline article{width:auto}.contact-timeline article.is-administracao{margin-left:0}}