/* Conteúdo institucional e formulário corporativo. */
#panel>header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.mia-contact{display:inline-flex;align-items:center;gap:10px;padding:7px 15px 7px 7px;border:1px solid #74e8d980;border-radius:50px;background:linear-gradient(125deg,#154955e8,#102e37ed);box-shadow:0 0 18px #23c6ba22;color:#effffc;cursor:pointer;min-height:50px;transition:transform .2s,box-shadow .2s}.mia-contact:hover{transform:translateY(-2px);box-shadow:0 0 24px #23c6ba44}.mia-contact img{width:35px!important;height:35px;object-fit:cover;object-position:50% 10%;border-radius:50%;background:#104550}.mia-contact span{text-align:left;display:grid;gap:3px}.mia-contact b{font-size:12px;color:#9effed}.mia-contact small{font-size:9px;color:#c1d8d9;font-weight:400}.expanded .cards{column-gap:20px;row-gap:16px}.expanded .card{padding:22px 23px}.card b{font-size:15px;font-weight:600}.card p{font-size:13px;line-height:1.75}.lead{font-size:14px;max-width:920px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,54px);align-items:start}.contact-intro h2{font-size:clamp(28px,2.25vw,42px);margin-top:15px}.contact-intro .lead{font-size:13px;line-height:1.85}.contact-intro h3{font-size:17px;font-weight:500;margin:26px 0 16px}.contact-blocks{display:grid;gap:10px}.contact-block{display:flex;align-items:flex-start;gap:14px;padding:14px 15px;border:1px solid #83dfd520;border-radius:12px;background:#102b344d}.contact-block svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:#23c6ba;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.contact-block span{display:grid;gap:5px}.contact-block small{font-size:11px;color:#a8c7c9}.contact-block strong{font-size:13px;font-weight:400;line-height:1.6;overflow-wrap:anywhere}.contact-form-box{background:linear-gradient(145deg,#103e48d9,#092c36f2);border:1px solid #6cdccc40;border-radius:20px;padding:26px}.contact-form-box h3{font-size:21px;font-weight:500;margin:0 0 9px;color:#f2fffd}.contact-form-box>p{font-size:12px;color:#abcdd0;line-height:1.7;margin:0 0 23px}#contact-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}#contact-form label{display:grid;gap:8px;font-size:12px;color:#def2f0}#contact-form input:not([type=checkbox]),#contact-form textarea{width:100%;min-width:0;background:#061e289e;color:#fff;border:1px solid #69b8b963;border-radius:9px;padding:12px 13px;font:400 14px/1.4 Arial,sans-serif;outline:none}#contact-form textarea{resize:vertical;min-height:110px}#contact-form input:focus,#contact-form textarea:focus{border-color:#23c6ba;box-shadow:0 0 0 3px #23c6ba22}#contact-form .privacy-check{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7}.privacy-check input{accent-color:#23c6ba;flex-shrink:0;width:17px;height:17px;margin:1px 0}.privacy-link{border:0;background:none;padding:0;color:#7bf4df;font:inherit;text-decoration:underline;cursor:pointer}.privacy-notice{padding:16px;background:#031e29aa;border:1px solid #6ee4d733;border-radius:10px}.privacy-notice[hidden]{display:none}.privacy-notice h4{font-size:13px;margin:0 0 10px}.privacy-notice p{font-size:12px;line-height:1.75;color:#c3dedd}.privacy-notice a{color:#7bf4df}.form-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:1px solid #79e9dd77;border-radius:10px;background:linear-gradient(120deg,#23c6ba,#138d91);padding:13px 17px;color:white;font-size:13px;font-weight:600;cursor:pointer}.form-submit:hover{filter:brightness(1.12)}.form-submit:disabled{opacity:.65;cursor:wait}.form-status{margin:0;color:#bddcda;font-size:12px;line-height:1.7}.form-status:empty{display:none}.form-status.success{color:#94f3c7}.form-status.error{color:#ffcec6}.form-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-layout>*{min-width:0}#panel.contact-panel{padding:28px 30px}.contact-panel #panel>header{margin-bottom:18px}
@media(min-width:761px) and (max-width:1200px){.contact-layout{grid-template-columns:1fr;gap:24px}.contact-blocks{grid-template-columns:1fr}.contact-form-box{padding:23px}}
@media(max-width:760px){#panel>header{gap:10px;margin-bottom:24px}.mia-contact{padding:6px 12px 6px 6px;min-height:48px}.mia-contact b{font-size:11px}.mia-contact small{font-size:8px}.mia-contact img{width:31px!important;height:31px}.expanded .cards{grid-template-columns:1fr;gap:14px}.expanded .card{padding:21px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-form-box{padding:22px 18px}.form-grid{grid-template-columns:1fr;gap:15px}#panel.contact-panel{padding:24px 18px}.contact-intro h2{font-size:29px!important}.contact-intro .lead{font-size:13px}.contact-block{padding:14px}.contact-block strong{font-size:13px}#contact-form input:not([type=checkbox]),#contact-form textarea{font-size:16px;min-height:44px}.privacy-link{min-height:28px}#panel>header #back{font-size:10px;white-space:nowrap}.lead{font-size:13px}.form-submit{min-height:48px}}
@media(prefers-reduced-motion:reduce){.mia-contact{transition:none}}
/* Mobile: conteúdo em primeiro plano, rosto no selo e sem avatar em pé. */
.mia-contact .mia-thumb{display:block;width:35px;height:35px;border-radius:50%;overflow:hidden;background:#104550;flex-shrink:0}.mia-contact .mia-thumb img{display:block;width:35px!important;height:35px;max-width:none;transform:scale(1.9);transform-origin:50% 30%;border-radius:0}
@media(max-width:760px){.expanded .guide{height:215px!important;min-height:215px!important}.expanded .portrait{display:none!important}.expanded #panel{scroll-margin-top:18px}.mia-contact .mia-thumb{width:31px;height:31px}.mia-contact .mia-thumb img{width:31px!important;height:31px}.expanded #panel>header{position:relative}.contact-layout{gap:22px}}

.mobile-peek{display:none}
@media(max-width:760px){.expanded .guide{height:345px!important;min-height:345px!important}.expanded #panel{scroll-margin-top:145px}.mobile-peek{display:block;position:absolute;top:-113px;right:18px;width:180px;height:auto;z-index:6;pointer-events:none;filter:drop-shadow(0 0 8px #23c6ba22)}}
@media(max-width:760px){.mobile-peek{left:50%;right:auto;transform:translateX(-50%)}}

.modal-footer{display:flex;justify-content:center;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid #7af2df22}#panel>header{justify-content:flex-end;margin-bottom:16px}@media(max-width:760px){.modal-footer{margin-top:24px;padding-top:20px;padding-bottom:4px}}
.mia-contact .mia-thumb img{transform:none;object-fit:contain;object-position:center;background:transparent}.mia-contact .mia-thumb{background:transparent}


@media(max-width:760px){html,body{overflow-anchor:none;scroll-behavior:auto}#scene{background:none;background-color:#001b22}#scene::before{content:"";position:fixed;inset:0;height:100svh;z-index:-1;pointer-events:none;background:#001b22 url("Plataforma Holográfica Neon em Ciberespaço.png") center center/cover no-repeat}.guide,.portrait{transition:none!important}.expanded #panel{animation:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(105deg,#16353bf5,#07505bf5)}}

.ui-arrow{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}#back{display:inline-flex;align-items:center;gap:7px}#back .ui-arrow{transform:rotate(180deg)}
/* Rolagem interna, entre o cabeçalho e o selo. */
.expanded #panel{display:flex;flex-direction:column;overflow:visible}.expanded #panel>header,.modal-footer{flex-shrink:0}.expanded #content{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#7bbeb8 #15444c66;padding-right:12px;overscroll-behavior:contain}.expanded #content::-webkit-scrollbar{width:5px}.expanded #content::-webkit-scrollbar-track{background:#15444c66;border-radius:8px}.expanded #content::-webkit-scrollbar-thumb{background:#7bbeb8;border-radius:8px}.expanded #panel .modal-footer{margin-top:18px;padding-top:16px}@media(min-width:761px){.expanded #content{flex:1}}@media(max-width:760px){.expanded #content{max-height:55svh;padding-right:10px}.expanded #panel{max-height:none}.expanded #panel>header{margin-bottom:14px}}