/**
 * Circle Template — Modulo CONTACTS — CSS specifico.
 */

.contacts-hero { position:relative; min-height:60vh; display:flex; align-items:flex-end; overflow:hidden; padding-top:80px; }
.contacts-hero__bg { position:absolute; inset:0; background:var(--color-bg); }
.contacts-hero__overlay { position:absolute; inset:0; background:linear-gradient(to bottom,rgba(12,11,9,.1) 0%,rgba(12,11,9,.95) 100%); }
.contacts-hero__content { position:relative; z-index:2; padding-bottom:var(--space-12); }

.contacts-layout { display:grid; grid-template-columns:1fr 380px; gap:var(--space-16); align-items:start; padding-block:var(--space-16); }
.contacts-sidebar { position:sticky; top:calc(80px + var(--space-6)); display:flex; flex-direction:column; gap:var(--space-5); }
.contacts-form-wrap {}
@media(max-width:900px){ .contacts-layout { grid-template-columns:1fr; } .contacts-sidebar { position:static; } }