.contact-hero{min-height:clamp(430px,35vw,580px);padding:165px max(24px,calc((100% - 1400px)/2)) 62px;display:flex;align-items:center;color:#fff;background:#083586 url('/assets/img/contato-banner-definitivo.png') center top/cover no-repeat}.contact-hero-copy{width:min(650px,52%)}.contact-hero h1{font-size:clamp(42px,4vw,58px);line-height:1.04;margin:12px 0 18px}.contact-hero p{font-size:18px;line-height:1.5;color:#edf2ff}.contact-section{padding:76px max(24px,calc((100% - 1400px)/2));background:#fbfcff}.contact-layout{display:grid;grid-template-columns:.94fr 1.06fr;gap:32px;align-items:stretch}.contact-channels,.contact-form{padding:34px;border:1px solid #e1e5f2;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(24,40,99,.06)}.contact-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:28px}.contact-heading>span{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:11px;background:#eeeaff;color:#5d35df;font-size:12px;font-weight:700}.contact-heading h2{font-size:23px;line-height:1.2;margin:0}.contact-heading p{margin:3px 0 0;color:#747d9b;font-size:13px}.channel-list{display:grid;gap:14px}.channel-list>a,.channel-list>div{display:flex;align-items:center;gap:16px;padding:17px 18px;border-radius:14px;background:linear-gradient(145deg,#f9f9ff,#f1f3ff);color:#17245b}.channel-list i{width:50px;height:50px;flex:0 0 50px;border-radius:13px;background:linear-gradient(145deg,#1244c7,#7740e5);position:relative}.channel-list i:before{content:'';position:absolute;inset:13px;background:#fff;mask:center/contain no-repeat var(--icon);-webkit-mask:center/contain no-repeat var(--icon)}.channel-list .whatsapp{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a9.8 9.8 0 0 0-8.4 14.9L2 22l5.3-1.5A10 10 0 1 0 12 2Zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3.1.9.9-3-.2-.3A8 8 0 1 1 12 20Zm4.4-6c-.2-.1-1.4-.7-1.6-.7-.2-.1-.4-.1-.6.1l-.5.7c-.1.2-.3.2-.5.1a6.5 6.5 0 0 1-1.9-1.2 7.2 7.2 0 0 1-1.3-1.7c-.1-.2 0-.4.1-.5l.4-.5.2-.4c.1-.1 0-.3 0-.4l-.7-1.5c-.2-.4-.4-.3-.5-.3h-.5c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.8 2.3.9 2.5c.1.2 1.6 2.5 3.9 3.4.5.2 1 .4 1.4.5.6.2 1.1.2 1.5.1.5-.1 1.4-.6 1.6-1.2.2-.6.2-1.1.1-1.2 0-.1-.2-.2-.4-.3Z'/%3E%3C/svg%3E")}.channel-list .mail{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5Zm2 2v.5l7 4.4 7-4.4V7l-7 4.4L5 7Zm14 10V9.8l-7 4.4-7-4.4V17h14Z'/%3E%3C/svg%3E")}.channel-list .pin{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5Z'/%3E%3C/svg%3E")}.channel-list .clock{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16Zm1 3h-2v6l5 3 1-1.7-4-2.3V7Z'/%3E%3C/svg%3E")}.channel-list strong,.channel-list small{display:block}.channel-list strong{font-size:14px}.channel-list small{margin-top:3px;color:#6d7694;font-size:12px}.contact-form{display:grid;gap:16px}.contact-form .contact-heading{margin-bottom:5px}.contact-form label>span{display:block;margin-bottom:7px;color:#27366a;font-size:12px;font-weight:650}.contact-form input,.contact-form textarea{border:1px solid #dfe3f1;border-radius:9px;padding:13px 14px;background:#fcfdff;color:#17245b}.contact-form textarea{min-height:120px;resize:vertical}.contact-submit{border:0;border-radius:10px;padding:14px 22px;background:linear-gradient(110deg,#154bcf,#6b35e6);color:#fff;font-weight:650;cursor:pointer}.contact-submit span{margin-left:12px}
@media(max-width:850px){.contact-hero{min-height:500px;padding:135px 24px 50px;background-position:62% top}.contact-hero-copy{width:65%}.contact-layout{grid-template-columns:1fr}}
@media(max-width:560px){.contact-hero{min-height:500px;padding-top:125px;background-position:68% top;position:relative}.contact-hero:after{content:'';position:absolute;inset:0;background:rgba(4,27,91,.25)}.contact-hero-copy{width:100%;position:relative;z-index:1}.contact-hero h1{font-size:37px}.contact-section{padding:46px 18px}.contact-channels,.contact-form{padding:22px}.channel-list>a,.channel-list>div{padding:14px}.channel-list i{width:44px;height:44px;flex-basis:44px}}

/* Mesmo enquadramento proporcional dos banners institucionais em desktop. */
@media (min-width:851px){.contact-hero{height:clamp(520px,31.7vw,820px);min-height:0;background-position:center top}}

/* Banners internos: formato compacto, com espaço suficiente para título e texto. */
@media (min-width:851px){.contact-hero{height:clamp(390px,23vw,480px)}}

/* Preserva a composição das pessoas em monitores largos, sem voltar ao banner original. */
@media (min-width:851px){.contact-hero{height:clamp(440px,28vw,560px);background-position:center top}}