/* Contact page — self-contained like about / services (not on web.assets_frontend bundle). */

.hero-bg {
  background: url("../../img/dark-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #161616;
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-hero h1 {
  font-size: 2.5rem !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

@media (min-width: 640px) {
  #wrapwrap #wrap.tarmez-contact-page .tarmez-contact-hero h1 {
    font-size: 3rem !important;
  }
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-hero .tarmez-breadcrumb-trail {
  color: #d1d5db !important;
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-hero .tarmez-breadcrumb-trail a {
  color: #e5e7eb !important;
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-hero .tarmez-breadcrumb-current {
  color: #2cd4d9 !important;
}

/* Left column */
#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-lead h2 {
  font-size: 2.25rem !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #111111 !important;
}

@media (min-width: 1024px) {
  #wrapwrap #wrap.tarmez-contact-page .tarmez-contact-lead h2 {
    font-size: 2.75rem !important;
  }
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-lead .tarmez-contact-body {
  font-size: 1.0625rem !important;
  line-height: 1.65 !important;
  color: #222222 !important;
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-lead h3 {
  font-weight: 700 !important;
  color: #111111 !important;
}

#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-lead .tarmez-contact-phone {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Form card title */
#wrapwrap #wrap.tarmez-contact-page .tarmez-contact-form-card h3 {
  font-weight: 800 !important;
  color: #111111 !important;
}

/* Submit — Odoo / Bootstrap often strip snippet button styles */
#wrapwrap #wrap.tarmez-contact-page .main-button,
#wrapwrap #wrap.tarmez-contact-page button.main-button[type="submit"] {
  display: inline-block !important;
  padding: 0.875rem 2.5rem !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  background-color: #7a4f7a !important;
  border: none !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 14px rgba(122, 79, 122, 0.35) !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

#wrapwrap #wrap.tarmez-contact-page .main-button:hover,
#wrapwrap #wrap.tarmez-contact-page button.main-button[type="submit"]:hover {
  background-color: #5d3b5d !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(93, 59, 93, 0.4) !important;
}