/* === CAMBIO PUNTUAL: contacto / formulario flotante === */
/* No modifica otras secciones del sitio. */

#rc-contact-form-target,
#contacto {
  scroll-margin-top: 120px !important;
}

/* Quitar el card que envuelve el formulario dentro de contacto */
#rc-contact-form-target form,
#contacto form,
.rc-contact form,
.rc-home-contact form,
.rc-contact-section form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Quitar fondos/card de wrappers inmediatos del formulario */
#rc-contact-form-target form > *,
#contacto form > *,
.rc-contact form > *,
.rc-home-contact form > *,
.rc-contact-section form > * {
  box-shadow: none !important;
}

/* Inputs flotantes */
#rc-contact-form-target input,
#rc-contact-form-target select,
#rc-contact-form-target textarea,
#contacto input,
#contacto select,
#contacto textarea,
.rc-contact input,
.rc-contact select,
.rc-contact textarea,
.rc-home-contact input,
.rc-home-contact select,
.rc-home-contact textarea,
.rc-contact-section input,
.rc-contact-section select,
.rc-contact-section textarea {
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #0B0B0B !important;
  box-shadow: 0 18px 44px rgba(11, 11, 11, 0.16) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}

/* Labels legibles sobre fondo oscuro */
#rc-contact-form-target label,
#contacto label,
.rc-contact label,
.rc-home-contact label,
.rc-contact-section label {
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* Botón flotante */
#rc-contact-form-target button,
#rc-contact-form-target input[type="submit"],
#contacto button,
#contacto input[type="submit"],
.rc-contact button,
.rc-contact input[type="submit"],
.rc-home-contact button,
.rc-home-contact input[type="submit"],
.rc-contact-section button,
.rc-contact-section input[type="submit"] {
  min-height: 58px !important;
  border-radius: 15px !important;
  border: 0 !important;
  background: #D9A84E !important;
  color: #0B0B0B !important;
  font-weight: 900 !important;
  box-shadow: 0 22px 48px rgba(217, 168, 78, 0.28) !important;
}

/* Evitar que algún wrapper blanco vuelva a aparecer alrededor del form */
#rc-contact-form-target .form-card,
#rc-contact-form-target .rc-form-card,
#rc-contact-form-target .contact-form-card,
#contacto .form-card,
#contacto .rc-form-card,
#contacto .contact-form-card,
.rc-contact .form-card,
.rc-contact .rc-form-card,
.rc-contact .contact-form-card,
.rc-home-contact .form-card,
.rc-home-contact .rc-form-card,
.rc-home-contact .contact-form-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* === FIN CAMBIO PUNTUAL === */

/* === AJUSTE PUNTUAL: contraste del fondo en sección Contacto === */
/* Solo mejora legibilidad de textos dentro del bloque de contacto. */

#rc-contact-form-target,
#contacto,
.rc-contact,
.rc-home-contact,
.rc-contact-section {
  position: relative !important;
  background:
    linear-gradient(
      90deg,
      rgba(11, 11, 11, 0.92) 0%,
      rgba(11, 11, 11, 0.82) 46%,
      rgba(11, 11, 11, 0.58) 100%
    ) !important;
}

/* Capa sutil para que el texto izquierdo no se pierda */
#rc-contact-form-target::before,
#contacto::before,
.rc-contact::before,
.rc-home-contact::before,
.rc-contact-section::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(
      circle at 22% 50%,
      rgba(217, 168, 78, 0.10) 0%,
      rgba(11, 11, 11, 0.38) 34%,
      rgba(11, 11, 11, 0.72) 100%
    ) !important;
}

/* Mantener contenido por encima del fondo */
#rc-contact-form-target > *,
#contacto > *,
.rc-contact > *,
.rc-home-contact > *,
.rc-contact-section > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Texto legible únicamente dentro de Contacto */
#rc-contact-form-target h1,
#rc-contact-form-target h2,
#rc-contact-form-target h3,
#rc-contact-form-target p,
#rc-contact-form-target span,
#rc-contact-form-target strong,
#contacto h1,
#contacto h2,
#contacto h3,
#contacto p,
#contacto span,
#contacto strong,
.rc-contact h1,
.rc-contact h2,
.rc-contact h3,
.rc-contact p,
.rc-contact span,
.rc-contact strong,
.rc-home-contact h1,
.rc-home-contact h2,
.rc-home-contact h3,
.rc-home-contact p,
.rc-home-contact span,
.rc-home-contact strong,
.rc-contact-section h1,
.rc-contact-section h2,
.rc-contact-section h3,
.rc-contact-section p,
.rc-contact-section span,
.rc-contact-section strong {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* Títulos principales con blanco limpio */
#rc-contact-form-target h1,
#rc-contact-form-target h2,
#contacto h1,
#contacto h2,
.rc-contact h1,
.rc-contact h2,
.rc-home-contact h1,
.rc-home-contact h2,
.rc-contact-section h1,
.rc-contact-section h2 {
  color: #ffffff !important;
}

/* Etiquetas/acento en verde corporativo legible */
#rc-contact-form-target .rc-eyebrow,
#rc-contact-form-target label,
#contacto .rc-eyebrow,
#contacto label,
.rc-contact .rc-eyebrow,
.rc-contact label,
.rc-home-contact .rc-eyebrow,
.rc-home-contact label,
.rc-contact-section .rc-eyebrow,
.rc-contact-section label {
  color: #D9A84E !important;
}

/* WhatsApp destacado legible */
#rc-contact-form-target a,
#contacto a,
.rc-contact a,
.rc-home-contact a,
.rc-contact-section a {
  color: #D9A84E !important;
}
/* === FIN AJUSTE PUNTUAL CONTACTO === */

/* === FIX PUNTUAL: legibilidad del número de WhatsApp en Contacto === */

#rc-contact-form-target .rc-contact-phone,
#contacto .rc-contact-phone,
.rc-contact .rc-contact-phone,
.rc-home-contact .rc-contact-phone,
.rc-contact-section .rc-contact-phone {
  color: #0B0B0B !important;
  background: #D9A84E !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  font-weight: 950 !important;
  text-shadow: none !important;
  box-shadow: 0 10px 24px rgba(217, 168, 78, 0.22) !important;
}

/* Por si el número ya está dentro de un span/strong/a con fondo verde */
#rc-contact-form-target span[style*="background"],
#rc-contact-form-target strong[style*="background"],
#rc-contact-form-target a[style*="background"],
#contacto span[style*="background"],
#contacto strong[style*="background"],
#contacto a[style*="background"],
.rc-contact span[style*="background"],
.rc-contact strong[style*="background"],
.rc-contact a[style*="background"],
.rc-home-contact span[style*="background"],
.rc-home-contact strong[style*="background"],
.rc-home-contact a[style*="background"],
.rc-contact-section span[style*="background"],
.rc-contact-section strong[style*="background"],
.rc-contact-section a[style*="background"] {
  color: #0B0B0B !important;
  font-weight: 950 !important;
  text-shadow: none !important;
}

/* === FIN FIX PUNTUAL === */

/* Legibilidad exclusiva de la sección Contacto en Inicio. */
body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible h2,
body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible p,
body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible label,
body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible strong,
body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible span {
  color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible .rc-eyebrow {
  color: #D9A84E !important;
}

body.home #rc-contact-form-target.rc-contact-section.rc-contacto-legible .rc-contact-section__copy a {
  color: #1A1A1A !important;
  background: #D9A84E !important;
  border-radius: 8px !important;
  padding: 2px 8px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}