/* Contact page specific styles - overrides and layout for contato.html */
:root { --contact-max: 820px; }

/* Layout split */
.split { display: grid; grid-template-columns: 1fr 360px; gap: 2rem; align-items: start; }
.split__left, .split__right { min-width: 0; }

/* Card tweaks inside contact page to ensure no overflow */
.split .card { overflow: visible; }

/* Contact form */
.contact-form { max-width: var(--contact-max); width: 100%; background: rgba(255,255,255,0.02); border-radius: 12px; padding: 1.25rem; box-sizing: border-box; }
.contact-form__fieldset { border: 0; margin: 0; padding: 0; }
.contact-form__group { display:flex; flex-direction: column; gap: 0.5rem; }
.contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.contact-form__col { min-width: 0; }

.contact-form label { font-size: 1rem; font-weight: 600; color: inherit; }
.contact-form input, .contact-form textarea, .contact-form select { width: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 0.7rem 0.9rem; color: inherit; }
.contact-form textarea { min-height: 140px; resize: vertical; }
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus { outline: none; box-shadow: 0 0 0 3px rgba(255,196,0,0.12); border-color: rgba(255,196,0,0.9); }

.contact-form__actions { display:flex; justify-content:flex-end; margin-top: 1rem; }
.contact-form .btn-primary { width: auto; padding: 0.8rem 1.6rem; border-radius: 8px; }

.meta-block__label { font-size: 0.75rem; text-transform: uppercase; color: rgba(255,255,255,0.6); margin-bottom: 0.3rem; }

/* Mobile adjustments */
@media (max-width: 980px) {
  .split { grid-template-columns: 1fr; }
  .contact-form__row { grid-template-columns: 1fr; }
  .split__right { order: 2; }
  .split__left { order: 1; }
  .contact-form { padding: 1rem; }
}

/* Small screens */
@media (max-width: 480px) {
  .contact-form { padding: 0.75rem; }
  .contact-form__row { gap: 0.5rem; }
  .contact-form input, .contact-form textarea, .contact-form select { padding: 0.6rem 0.7rem; }
  .contact-form__actions { justify-content: stretch; }
  .contact-form .btn-primary { width: 100%; }
}