.header-actions{display:flex;align-items:center;gap:20px;margin-left:auto}
.header-actions .back-link{margin:0;white-space:nowrap}
.contact-trigger{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:10px 18px;border-radius:9px;background:var(--ui-accent);color:#1c1c1c;font:500 12px Outfit,sans-serif;white-space:nowrap}
.contact-trigger:hover{background:#f9f9f9}
.contact-trigger:focus-visible,.showcase-contact:focus-visible{outline:3px solid #fff;outline-offset:4px}
.showcase-contact{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:44px;margin-top:18px;padding:11px 15px;border:1px solid #d9d9d960;border-radius:9px;background:transparent;color:#e6e6e6;font:400 12px Outfit,sans-serif;text-align:left}
.showcase-contact:hover{border-color:var(--ui-accent);background:#d9d9d910}
#contact-dialog{width:min(1120px,calc(100vw - 32px));max-height:94svh;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:26px;border:1px solid #e6e6e6;border-radius:24px;background:var(--ui-accent);color:#1c1c1c;scrollbar-width:thin}
#contact-dialog::backdrop{background:#1c1c1ce6;backdrop-filter:blur(8px)}
#contact-dialog .dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;color:#444444;font-size:10px;letter-spacing:1.5px}
#contact-dialog .close-dialog{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#1c1c1c;color:var(--ui-accent);font-size:18px}
#contact-dialog #experience-contact{padding:0!important;background:transparent!important;color:inherit!important}
#contact-dialog .contact-layout{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:32px!important;align-items:start!important}
#contact-dialog .contact-intro{padding:14px 0;min-width:0}
#contact-dialog .contact-intro h2{font-size:clamp(34px,4.2vw,54px)!important;line-height:1.04!important;letter-spacing:-1.5px;font-weight:600!important;text-wrap:balance}
#contact-dialog .contact-intro>p{font-size:18px!important;line-height:1.5}
#contact-dialog .contact-intro>a{font-size:15px!important;min-height:44px;padding:14px 22px!important}
#contact-dialog .contact-intro>div{font-size:15px!important;overflow-wrap:anywhere}
#contact-dialog .original-briefing-card{min-width:0;padding:28px!important;border-radius:18px!important;box-shadow:none!important}
#contact-dialog .original-briefing-card h3{font-size:25px!important;line-height:1.2;font-weight:500!important;margin-bottom:24px!important}
#contact-dialog #briefing-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important}
#contact-dialog #briefing-form>*{grid-column:1/-1;min-width:0}
#contact-dialog #briefing-form>div:has(#f-nome),#contact-dialog #briefing-form>div:has(#f-empresa),#contact-dialog #briefing-form>div:has(#f-email),#contact-dialog #briefing-form>div:has(#f-whats){grid-column:auto}
#contact-dialog #briefing-form input:not([type=checkbox]),#contact-dialog #briefing-form textarea{font-size:16px!important;border-color:#828282!important;min-height:48px}
#contact-dialog #briefing-form textarea{resize:vertical;min-height:112px}
#contact-dialog #briefing-form label{line-height:1.4;font-size:14px!important}
#contact-dialog #briefing-form button{min-height:48px;cursor:pointer}
#contact-dialog .briefing-note{font-size:12px!important;line-height:1.6;color:var(--ui-accent);margin:0!important}
#contact-dialog .briefing-note a{color:#e6e6e6;text-underline-offset:3px;overflow-wrap:anywhere}
#contact-dialog .briefing-result{padding:20px;border:1px solid var(--ui-accent);border-radius:12px;background:#262626;min-width:0}
#contact-dialog .briefing-result h4{font-size:18px;color:var(--ui-accent);line-height:1.4;margin:0 0 12px}
#contact-dialog .briefing-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 14px/1.6 Outfit,sans-serif;max-height:240px;overflow-y:auto}
#contact-dialog .briefing-result a{display:block;margin:16px 0;color:var(--ui-accent);text-underline-offset:4px;line-height:1.5}
#contact-dialog .briefing-result button{padding:10px 15px;border:1px solid #999999;border-radius:8px;background:#1c1c1c;color:#f9f9f9;font:inherit}
#contact-dialog .briefing-result p{font-size:13px;line-height:1.6;color:var(--ui-accent)}
#contact-dialog :is(a,button,input,textarea):focus-visible{outline:3px solid #fff;outline-offset:3px}
#contact-dialog .contact-intro a:focus-visible{outline-color:#1c1c1c}
#contact-title:focus{outline:none}
@media(max-width:760px){
 .header-actions{gap:12px}.contact-trigger{padding:10px 13px;font-size:11px;gap:10px}
 #contact-dialog{padding:20px;border-radius:18px;max-height:96svh}
 #contact-dialog .contact-layout{grid-template-columns:1fr;gap:24px!important}
 #contact-dialog .contact-intro h2{font-size:40px!important;max-width:450px}
 #contact-dialog .contact-intro>div{margin-top:20px!important}
 #contact-dialog .original-briefing-card{padding:24px!important}
}
@media(max-width:600px){
 .app-header .header-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #contact-dialog .contact-intro h2{font-size:35px!important;letter-spacing:-1px}
 #contact-dialog .contact-intro>p{font-size:16px!important;margin-bottom:24px!important}
 #contact-dialog .original-briefing-card{padding:20px!important}
 #contact-dialog #briefing-form{grid-template-columns:1fr}
}
#contact-dialog .dialog-top{position:sticky;top:0;z-index:4;background:var(--ui-accent);padding-bottom:12px}

#contact-dialog .close-dialog:focus-visible{outline-color:#1c1c1c}