.contact-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1.3fr}}.contact-info,.contact-form-card{padding:var(--space-8)}@media (width<=640px){.contact-info,.contact-form-card{padding:var(--space-5) var(--space-4)}}.contact-info h2,.contact-form-card h2{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.contact-desc{color:var(--color-text-2);font-size:var(--font-size-base);line-height:var(--lh-normal);margin-bottom:var(--space-6)}.info-items{gap:var(--space-5);flex-direction:column;display:flex}.info-item{gap:var(--space-1);flex-direction:column;display:flex}.info-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-muted)}.info-value{font-size:var(--font-size-md);color:var(--color-text-2);align-items:center;gap:var(--space-2);line-height:var(--lh-normal);display:inline-flex}.email-link,.whatsapp-link{color:var(--color-primary);transition:color var(--duration-fast);text-decoration:none}.email-link:hover,.whatsapp-link:hover{color:var(--color-primary-dim);text-decoration:underline}.contact-icon{opacity:.85;flex-shrink:0}.social-row{gap:var(--space-2);margin-top:var(--space-1);display:flex}.social-badge{padding:var(--space-1) var(--space-3);background:var(--color-bg-2);border:var(--border-width-sm) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-2);transition:all var(--duration-fast);align-items:center;gap:var(--space-2);display:inline-flex}.social-badge:hover{color:var(--color-primary);border-color:var(--color-primary)}.social-icon{opacity:.8;flex-shrink:0}.contact-social-footer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:var(--border-width-sm) solid var(--color-border)}.contact-form{gap:var(--space-4);flex-direction:column;display:flex}.success-icon{width:var(--space-12);height:var(--space-12);background:var(--color-primary-glow);border:var(--border-width-sm) solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-4xl);margin:0 auto var(--space-4);justify-content:center;align-items:center;font-weight:700;display:flex}.form-input--textarea{resize:none}.contact-submit-btn{width:100%;margin-top:var(--space-2);justify-content:center}.contact-success-box{text-align:center;padding:var(--space-8) 0;display:none}.contact-success-title{font-family:var(--font-display);font-size:var(--font-size-2xl);margin-bottom:var(--space-2);color:var(--color-primary)}.contact-success-desc{color:var(--color-text-2);font-size:var(--font-size-md)}.contact-reset-btn{margin-top:var(--space-6);margin-inline:auto}.address-value{line-height:var(--lh-normal);align-items:flex-start}.address-value .contact-icon{margin-top:var(--space-1)}.map-wrapper{margin-top:var(--space-2);border:var(--border-width-sm) solid var(--color-border-2);border-radius:var(--radius-md);filter:grayscale()invert(.9)contrast(1.2);opacity:.8;transition:all var(--duration-fast) ease-in-out;line-height:0;overflow:hidden}.map-wrapper:hover{filter:grayscale(.2)invert(0)contrast();opacity:1}.map-frame{border:0;width:100%}.custom-subject-field--hidden{display:none}.subject-note-box{background:var(--color-primary-glow);border-left:var(--space-1) solid var(--color-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-2);line-height:var(--lh-normal);margin-bottom:var(--space-4)}.contact-label-row{margin-bottom:var(--space-1-5);justify-content:space-between;align-items:center;display:flex}.contact-char-counter{font-size:var(--font-size-xs);color:var(--color-muted);font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;transition:color var(--duration-fast)}.contact-char-counter--warn{color:var(--status-warning-dark,#f59e0b)}.contact-char-counter--limit{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.contact-char-hint{font-size:var(--font-size-2xs);color:var(--color-muted);margin-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}