.vipar-contact-body{--vipar-shell: 1360px;background:#f3faff;color:#051e28}.contact-page{min-height:100vh;background:#f3faff;color:#051e28}.contact-page .ds-container.contact-container{width:min(calc(100% - 48px),var(--vipar-shell))}.contact-main{padding:96px 0 80px}.contact-hero{margin-bottom:80px;text-align:center}.contact-hero__title{margin:0 0 12px;color:#0f2a3d;font-size:clamp(2.75rem,5vw,3.5rem);line-height:1.1;letter-spacing:-.02em}.contact-hero__body{width:min(100%,720px);margin:0 auto;color:#43474c;font-size:1.125rem;line-height:1.6}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 24px;align-items:start}.contact-stack{display:flex;flex-direction:column;gap:24px}.contact-panel{padding:24px}.contact-panel__head{margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--ds-color-border)}.contact-panel__title,.contact-form-panel__title,.contact-map__title{margin:0}.contact-panel__eyebrow{margin:0 0 12px}.contact-info-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.contact-info-list li{display:flex;align-items:flex-start;gap:12px}.contact-info-list .material-symbols-outlined{margin-top:3px;color:var(--ds-color-accent);font-variation-settings:"FILL" 1}.contact-info-list strong{display:block;margin-bottom:2px}.contact-info-list span,.contact-info-list a{color:#43474c;font-size:1rem;line-height:1.5}.contact-info-list a:hover{text-decoration:underline}.contact-media-panel{position:relative;overflow:hidden;min-height:400px;padding:0;aspect-ratio:16 / 9}.contact-media-panel img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.contact-media-panel:hover img{transform:scale(1.05)}.contact-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.contact-social-grid__link{min-height:72px;display:grid;place-items:center;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-md);color:var(--ds-color-on-surface);transition:background-color .22s ease,border-color .22s ease,color .22s ease}.contact-social-grid__link svg,.contact-social-grid__link i{font-size:24px}.contact-social-grid__link--whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}.contact-social-grid__link--instagram:hover{background:#e4405f;border-color:#e4405f;color:#fff}.contact-social-grid__link--tiktok:hover{background:#000;border-color:#000;color:#fff}.contact-form-panel{padding:24px 48px 48px}.contact-form-panel__intro{margin:0 0 48px;color:#43474c}.contact-form{display:grid;gap:24px}.contact-upload{display:grid;gap:var(--ds-space-2)}.contact-upload>span{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-color-on-surface);font-size:var(--ds-text-label-sm-size);font-weight:var(--ds-text-label-sm-weight);letter-spacing:var(--ds-text-label-sm-tracking);text-transform:uppercase}.contact-form__status{padding:12px 14px;border:1px solid var(--ds-color-border);border-radius:var(--ds-radius-sm);background:#e6f6ff}.contact-form__status[data-state=error]{background:#ffdad6;border-color:#ba1a1a;color:#93000a}.contact-form__status[data-state=success]{background:#dff4ff;border-color:var(--ds-color-accent);color:var(--ds-color-primary)}.contact-form__status p{margin:0;font-size:.95rem;line-height:1.5}.contact-map{margin-top:48px;overflow:hidden;padding:0}.contact-map__head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#e6f6ff;border-bottom:1px solid var(--ds-color-border)}.contact-map__copy{margin:0}.contact-map__action{white-space:nowrap}.contact-map__visual{position:relative;height:400px;overflow:hidden}.contact-map__visual iframe{width:100%;height:100%;display:block}@media (max-width: 991px){.contact-main{padding-top:40px}.contact-hero{margin-top:24px;text-align:left}.contact-hero__body{margin-left:0}.contact-grid{grid-template-columns:1fr}.contact-form-panel{padding-inline:24px}}@media (max-width: 767px){.contact-page .ds-container.contact-container{width:min(calc(100% - 32px),var(--vipar-shell))}.contact-hero{margin-bottom:32px}.contact-hero__title{font-size:clamp(1.9rem,8vw,2.4rem)}.contact-hero__body{font-size:1rem}.contact-form-panel__intro{margin-bottom:28px}.contact-form{gap:16px}.contact-media-panel{min-height:220px;aspect-ratio:unset}.contact-social-grid{gap:10px}.contact-social-grid__link{min-height:64px}.contact-map{margin-top:24px}.contact-map__head{flex-direction:column;align-items:flex-start}.contact-map__visual{height:280px}}
