/*
 * Realtor Center V2
 * Ajuste puntual:
 * Elimina únicamente el espacio entre el menú/header y el hero
 * en la página /calculadora-hipotecaria/.
 */

body.rc-calculadora-spacing-fix .site-main,
body.rc-calculadora-spacing-fix main,
body.rc-calculadora-spacing-fix #primary,
body.rc-calculadora-spacing-fix .content-area,
body.rc-calculadora-spacing-fix .entry-content,
body.rc-calculadora-spacing-fix .page-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Elimina posibles separadores vacíos al inicio */
body.rc-calculadora-spacing-fix .site-main > .wp-block-spacer:first-child,
body.rc-calculadora-spacing-fix main > .wp-block-spacer:first-child,
body.rc-calculadora-spacing-fix .entry-content > .wp-block-spacer:first-child,
body.rc-calculadora-spacing-fix .page-content > .wp-block-spacer:first-child {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* La primera sección debe empezar pegada al header */
body.rc-calculadora-spacing-fix .site-main > *:first-child,
body.rc-calculadora-spacing-fix main > *:first-child,
body.rc-calculadora-spacing-fix .entry-content > *:first-child,
body.rc-calculadora-spacing-fix .page-content > *:first-child {
  margin-top: 0 !important;
}

/* Selectores específicos posibles de la calculadora */
body.rc-calculadora-spacing-fix .rc-calculadora-hero,
body.rc-calculadora-spacing-fix .calculadora-hero,
body.rc-calculadora-spacing-fix .rc-mortgage-hero,
body.rc-calculadora-spacing-fix .mortgage-hero,
body.rc-calculadora-spacing-fix .rc-page-hero,
body.rc-calculadora-spacing-fix .page-hero {
  margin-top: 0 !important;
}

/* === AJUSTE PUNTUAL: transparencia calculadora === */
/* Solo afecta /calculadora-hipotecaria/. No modifica menú, fondo, layout ni otras secciones. */

/* Card principal: más transparente */
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="card"],
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="shell"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="card"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="shell"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="card"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="shell"],
body.rc-calculadora-spacing-fix .rc-calculadora-hero > .container,
body.rc-calculadora-spacing-fix .rc-calculadora-hero > .rc-container,
body.rc-calculadora-spacing-fix .calculadora-hero > .container,
body.rc-calculadora-spacing-fix .calculadora-hero > .rc-container,
body.rc-calculadora-spacing-fix .site-main section:first-of-type > .container > div,
body.rc-calculadora-spacing-fix .site-main section:first-of-type > .rc-container > div {
  background: rgba(255, 255, 255, 0.52) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
}

/* Área del formulario: más transparente */
body.rc-calculadora-spacing-fix [class*="calculadora"] form,
body.rc-calculadora-spacing-fix [class*="calculator"] form,
body.rc-calculadora-spacing-fix [class*="mortgage"] form,
body.rc-calculadora-spacing-fix [class*="calculadora"] [class*="form"],
body.rc-calculadora-spacing-fix [class*="calculator"] [class*="form"],
body.rc-calculadora-spacing-fix [class*="mortgage"] [class*="form"] {
  background: rgba(220, 241, 248, 0.34) !important;
}

/* Inputs: más transparentes, completos y sin recorte */
body.rc-calculadora-spacing-fix input,
body.rc-calculadora-spacing-fix select,
body.rc-calculadora-spacing-fix textarea {
  background: rgba(255, 255, 255, 0.58) !important;
  min-height: 58px !important;
  height: auto !important;
  line-height: 1.35 !important;
  padding: 14px 18px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Texto "Herramienta financiera": legible */
body.rc-calculadora-spacing-fix .rc-eyebrow,
body.rc-calculadora-spacing-fix [class*="eyebrow"],
body.rc-calculadora-spacing-fix [class*="kicker"],
body.rc-calculadora-spacing-fix [class*="subtitle"] {
  color: #D9A84E !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px rgba(11, 11, 11, 0.28) !important;
}

/* Labels de campos: legibles sobre transparencia */
body.rc-calculadora-spacing-fix label,
body.rc-calculadora-spacing-fix form span,
body.rc-calculadora-spacing-fix form strong {
  color: #5f7b7b !important;
  opacity: 1 !important;
}

/* Resultado oscuro: más transparente, manteniendo lectura */
body.rc-calculadora-spacing-fix [class*="result"],
body.rc-calculadora-spacing-fix [class*="resultado"],
body.rc-calculadora-spacing-fix [class*="summary"],
body.rc-calculadora-spacing-fix [class*="output"] {
  background: rgba(11, 11, 11, 0.72) !important;
  backdrop-filter: blur(14px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
}

/* === FIN AJUSTE PUNTUAL: transparencia calculadora === */

/* === AJUSTE PUNTUAL: quitar card envolvente de inputs calculadora === */
/* Solo afecta /calculadora-hipotecaria/. No modifica header, fondo, footer ni otras páginas. */

/* Quitar el card/contenedor visual que envuelve toda la calculadora */
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="card"],
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="calculadora"][class*="shell"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="card"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="calculator"][class*="shell"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="card"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="panel"],
body.rc-calculadora-spacing-fix [class*="mortgage"][class*="shell"],
body.rc-calculadora-spacing-fix .rc-calculadora-hero > .container,
body.rc-calculadora-spacing-fix .rc-calculadora-hero > .rc-container,
body.rc-calculadora-spacing-fix .calculadora-hero > .container,
body.rc-calculadora-spacing-fix .calculadora-hero > .rc-container,
body.rc-calculadora-spacing-fix .site-main section:first-of-type > .container > div,
body.rc-calculadora-spacing-fix .site-main section:first-of-type > .rc-container > div {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Quitar fondo del bloque del formulario para que inputs y botón queden flotantes */
body.rc-calculadora-spacing-fix [class*="calculadora"] form,
body.rc-calculadora-spacing-fix [class*="calculator"] form,
body.rc-calculadora-spacing-fix [class*="mortgage"] form,
body.rc-calculadora-spacing-fix [class*="calculadora"] [class*="form"],
body.rc-calculadora-spacing-fix [class*="calculator"] [class*="form"],
body.rc-calculadora-spacing-fix [class*="mortgage"] [class*="form"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Mantener inputs flotantes, visibles y completos */
body.rc-calculadora-spacing-fix input,
body.rc-calculadora-spacing-fix select,
body.rc-calculadora-spacing-fix textarea {
  background: rgba(255, 255, 255, 0.62) !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  box-shadow: 0 16px 34px rgba(11, 11, 11, 0.10) !important;
  backdrop-filter: blur(16px) saturate(120%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
}

/* Mantener el botón flotante sin card detrás */
body.rc-calculadora-spacing-fix button,
body.rc-calculadora-spacing-fix input[type="submit"] {
  box-shadow: 0 18px 38px rgba(11, 11, 11, 0.22) !important;
}

/* Resultado como bloque flotante, no como parte del card de inputs */
body.rc-calculadora-spacing-fix [class*="result"],
body.rc-calculadora-spacing-fix [class*="resultado"],
body.rc-calculadora-spacing-fix [class*="summary"],
body.rc-calculadora-spacing-fix [class*="output"] {
  background: rgba(11, 11, 11, 0.62) !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 22px 48px rgba(11, 11, 11, 0.24) !important;
}

/* === FIN AJUSTE PUNTUAL: quitar card envolvente de inputs calculadora === */

/* Tratamiento visual exclusivo de /calculadora-hipotecaria/. */
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero {
  background:
    linear-gradient(rgba(11, 11, 11, 0.62), rgba(11, 11, 11, 0.62)),
    url("../img/hero-realtor-center.png") center center / cover fixed no-repeat !important;
  color: #ffffff !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-section-heading h1,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-section-heading p:not(.rc-eyebrow),
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form label,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form label > span {
  color: #ffffff !important;
  text-shadow: none !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-eyebrow {
  color: #D9A84E !important;
  text-shadow: none !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-card,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form input {
  background: #ffffff !important;
  color: #1A1A1A !important;
  border: 1px solid rgba(11, 11, 11, 0.10) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(11, 11, 11, 0.10) !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form input::placeholder {
  color: rgba(11, 11, 11, 0.58) !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form button,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-form input[type="submit"] {
  background: #D9A84E !important;
  color: #1A1A1A !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 38px rgba(217, 168, 78, 0.22) !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-result {
  background: rgba(11, 11, 11, 0.74) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 48px rgba(11, 11, 11, 0.24) !important;
  color: #ffffff !important;
}

body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-result div,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-result span,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-result strong,
body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero .rc-calculator-result p {
  color: #ffffff !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  body.rc-calculadora-spacing-fix #rc-contact-form-target.rc-calculadora-hero {
    background-attachment: scroll !important;
  }
}