/**
 * GC-81: Footer contact pixel-perfect (gc-site-contact).
 * Dedicated sheet so parallel style.css edits cannot drop mint/hairline/radius rules.
 * Loads after grupocolec-style (sitewide — footer is global).
 */

.gc-site-contact {
  --gc-contact-mint: #a0ccb4;
  --gc-contact-mint-soft: #b7d4c4;
  --gc-contact-link: #3ecf84;
  --gc-contact-btn: #2f9a70;
}

.gc-site-contact__brand img,
.gc-site-contact__logo {
  /* Logo asset is mid-green (#308868); lift toward mint used on production footer. */
  filter: brightness(1.55) saturate(0.72) hue-rotate(8deg);
}

.gc-site-contact__nit {
  color: var(--gc-contact-mint-soft);
  font-size: .88rem;
}

.gc-site-contact__details h3::after,
.gc-site-contact__form-wrap h2::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.gc-site-contact__details p {
  color: rgba(255, 255, 255, .85);
}

.gc-site-contact__details a,
.gc-contact__consent a {
  transition: color var(--gc-transition-base);
}

.gc-site-contact__details a {
  color: var(--gc-contact-mint);
  text-decoration: none;
}

.gc-site-contact__details a:hover,
.gc-site-contact__details a:focus-visible,
.gc-contact__consent a:hover,
.gc-contact__consent a:focus-visible {
  color: var(--gc-contact-link);
}

.gc-contact__form label {
  color: var(--gc-contact-mint);
  font-family: Poppins, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.gc-contact__form input:not([type="checkbox"]),
.gc-contact__form select {
  border: 0;
  border-radius: 5px;
  color: #333336;
  background: #fff;
  font-weight: 400;
  -webkit-appearance: none;
  appearance: none;
}

.gc-contact__form select {
  padding-right: 40px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath stroke='%23666666' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.75 6 6.25l4.5-4.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  cursor: pointer;
}

.gc-contact__form input::placeholder {
  color: #9a9a9a;
  opacity: 1;
}

.gc-contact__consent {
  color: var(--gc-contact-mint) !important;
  font-size: .9rem;
  font-weight: 400 !important;
}

.gc-contact__consent a {
  color: var(--gc-contact-link);
  text-decoration: none;
  font-weight: 600;
}

.gc-contact__consent input {
  accent-color: #fff;
}

.gc-contact__form button {
  border: 0;
  border-radius: 5px;
  color: #fff;
  background: var(--gc-contact-btn);
  font-family: Poppins, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  transition: background var(--gc-transition-base), transform var(--gc-transition-base);
}

.gc-contact__form button:hover,
.gc-contact__form button:focus-visible {
  background: #37a875;
  transform: translateY(-1px);
}

/* Desktop / tablet spacing (overrides style.css title gap). */
@media (min-width: 901px) {
  .gc-site-contact__form-wrap h2 {
    margin-bottom: 18px;
  }

  .gc-contact__form label:not(.gc-contact__consent) {
    gap: 4px;
  }
}

@media (min-width: 600px) and (max-width: 900px) {
  .gc-site-contact__form-wrap h2 {
    margin-bottom: 14px;
  }

  .gc-contact__form label:not(.gc-contact__consent) {
    gap: 4px;
  }
}