/* ====== CONTACTO (sección con imagen) ====== */
.contact-section{
  position: relative;
  color:#fff;
  background:#0b0f22;       /* fallback si tarda la imagen */
  overflow: hidden;
}
.contact-section__inner{ position: relative; z-index: 1; }

/* fondo con variable --contact-bg */
.contact-section::before{
  content:""; position:absolute; inset:0;
  background: var(--contact-bg) center/cover no-repeat;
  filter: saturate(1.05) contrast(1.05);
  z-index: 0;
}
/* overlay */
.contact-section::after{
  content:""; position:absolute; inset:0;
  background:
    linear-gradient(to top, rgba(11,15,34,1) 0%, rgba(11,15,34,0) 35%),
    linear-gradient(0deg, rgba(0,0,0,.40), rgba(0,0,0,.40));
  z-index: 0;
}

/* Inputs “línea” sobre fondo oscuro (contacto) */
.form-line{
  background: transparent; border:0;
  border-bottom: 1.5px solid rgba(255,255,255,.45);
  border-radius: 0; color:#fff;
  padding-left:0; padding-right:0;
  box-shadow:none!important;
}
.form-line::placeholder{ color: rgba(255,255,255,.35); }
.form-line:focus{ border-bottom-color: rgba(139,92,246,1); outline:none; }
.form-control.form-line,
.form-control.form-line:focus,
.form-control.form-line:active{
  background-color: transparent!important;
  box-shadow:none!important; outline:none!important;
  color:#fff; caret-color:#fff;
}
.form-control.form-line:-webkit-autofill,
.form-control.form-line:-webkit-autofill:focus{
  -webkit-text-fill-color:#fff!important;
  -webkit-box-shadow:0 0 0 1000px #0b0f22 inset!important;
          box-shadow:0 0 0 1000px #0b0f22 inset!important;
}

/* Botón CTA */
.btn-cta{
  background:#fff; color:#8b5cf6;
  border:2px solid rgba(139,92,246,.9);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}
.btn-cta:hover{ background:rgba(139,92,246,.06); color:#8b5cf6; }

/* ====== FOOTER (independiente, BLANCO) ====== */
.site-footer{
  background:#fff;           /* color de fondo del footer */
  color:#1d0428;             /* color de texto */
}
.site-footer a{
  color:#1d0428; text-decoration:none; opacity:.9;
}
.site-footer a:hover{ opacity:1; text-decoration:underline; }

/* separador / borde superior tenue */
.footer-sep{ border-color: rgba(29,4,40,.15); }
.footer-bottom{ border-top: 1px solid rgba(29,4,40,.15); }

/* redes */
.social-btn{
  width:44px; height:44px; display:grid; place-items:center;
  color:#1d0428; border:1.5px solid rgba(29,4,40,.45);
  border-radius:50%;
  background: rgba(29,4,40,.06);
  transition: transform .12s ease, background .2s, border-color .2s, color .2s;
}
.social-btn:hover{
  transform: translateY(-1px);
  background: rgba(29,4,40,.12);
  border-color:#1d0428; color:#1d0428;
}

/* logo del footer */
.footer-logo{ height:72px; }
@media (min-width: 992px){ .footer-logo{ height:84px; } }

/* responsive redes */
@media (max-width:575.98px){ .social-btn{ width:40px; height:40px; } }