/* ============================================================================
   Casalia — PATRÓN ÚNICO de formularios de contacto.
   Unifica los 4 formularios Fusion (Home / Comprar / Alquilar / Vender) y el de
   Formidable (fichas de inmueble) a un mismo look: card naranja de marca
   (#C33C00), textos blancos legibles, inputs blancos, checkbox visible y botón
   blanco con texto naranja. Hover naranja oscuro #A63300.
   Nota: el CSS dinámico de Avada carga DESPUÉS que este fichero, así que algunas
   reglas necesitan especificidad extra (body …) para ganar a sus !important.
   ========================================================================== */

/* --- 1) Card del formulario: SIEMPRE naranja (Comprar/Alquilar la traían blanca) --- */
.fusion-column-wrapper:has(form.fusion-form),
.fusion-column-wrapper:has(.fusion-form-form-wrapper),
.fusion-column-wrapper:has(.frm_forms) {
  background-color: #C33C00 !important;
}

/* --- 2) Labels y textos del formulario en BLANCO (en la Home salían negros).
   OJO: NO se toca la tabla "Información básica sobre protección de datos", que
   mantiene su fondo claro y su texto/enlaces oscuros (legibles). --- */
.fusion-form label,
.fusion-form legend,
.fusion-column-wrapper:has(form.fusion-form) .fusion-title,
.fusion-column-wrapper:has(form.fusion-form) .fusion-title h1,
.fusion-column-wrapper:has(form.fusion-form) .fusion-title h2,
.fusion-column-wrapper:has(form.fusion-form) .fusion-title h3,
.fusion-column-wrapper:has(form.fusion-form) .fusion-title h4,
.frm_forms label,
.frm_forms .frm_primary_label,
.frm_forms .frm_description {
  color: #fff !important;
}
/* Título del acordeón "Política de privacidad": blanco y sin subrayado (es un toggle). */
.fusion-form .fusion-toggle-heading,
.fusion-form .fusion-toggle-heading a,
.fusion-form .fusion-panel .panel-title a {
  color: #fff !important;
  text-decoration: none !important;
}
/* Enlaces DE TEXTO dentro de labels (p. ej. "Política de Privacidad" del check):
   blancos y subrayados. Los enlaces de la tabla NO se tocan (siguen visibles). */
.fusion-form label a {
  color: #fff !important;
  text-decoration: underline;
}
/* Enlaces del formulario Formidable (ficha): el "Política de Privacidad" NO va en un
   <label> sino en .frm_primary_label, así que se quedaba negro con hover azul. Blanco
   en TODOS los estados (Formidable no tiene tabla de privacidad que romper). */
.frm_forms a,
.frm_forms a:hover,
.frm_forms a:focus,
.frm_forms a:active {
  color: #fff !important;
  text-decoration: underline;
}

/* --- 3) Inputs: fondo blanco con borde suave para que resalten sobre el naranja --- */
.fusion-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.fusion-form textarea,
.fusion-form select,
.frm_forms input[type="text"],
.frm_forms input[type="email"],
.frm_forms input[type="tel"],
.frm_forms input[type="number"],
.frm_forms textarea,
.frm_forms select {
  background: #fff !important;
  border: 1px solid rgba(255, 255, 255, .55) !important;
  color: #2b2b2b !important;
}

/* --- 4) Checkbox / radio visibles sobre el naranja --- */
.fusion-form input[type="checkbox"],
.fusion-form input[type="radio"],
.frm_forms input[type="checkbox"],
.frm_forms input[type="radio"] {
  accent-color: #fff;
  width: 18px;
  height: 18px;
  outline: 1px solid rgba(255, 255, 255, .7);
  outline-offset: 1px;
}

/* --- 5) Botón: blanco con texto naranja (visible sobre el naranja, IGUAL en todos) --- */
.fusion-form .fusion-button,
.fusion-form button[type="submit"],
.fusion-form input[type="submit"],
.frm_forms .frm_button_submit,
.frm_forms button[type="submit"],
.frm_forms input[type="submit"] {
  background: #fff !important;
  color: #C33C00 !important;
  border: 0 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}
.fusion-form .fusion-button:hover,
.fusion-form button[type="submit"]:hover,
.frm_forms .frm_button_submit:hover,
.frm_forms button[type="submit"]:hover {
  background: #f2f2f2 !important;
  color: #A63300 !important;
}
/* El texto del botón Fusion va en un <span> con su propio color BLANCO (de cuando
   el botón era naranja) → quedaba blanco sobre blanco. Lo forzamos a naranja. */
.fusion-form .fusion-button .fusion-button-text,
.fusion-form .fusion-button span {
  color: #C33C00 !important;
}
.fusion-form .fusion-button:hover .fusion-button-text,
.fusion-form .fusion-button:hover span {
  color: #A63300 !important;
}

/* --- 6) Icono [+]/[-] del acordeón "Política de privacidad" ---
   Avada lo colorea con variables (--awb-icon-box-color = caja, --awb-icon-color =
   signo, --awb-toggle-hover/active-accent-color = hover/pulsado). Antes: caja negra
   por defecto y azul claro al pulsar. Redefinimos las variables EN el propio icono
   (gana a la especificidad de Avada): caja blanca, signo naranja y hover/activo gris
   claro — igual que los botones. */
.fusion-form .fa-fusion-box {
  --awb-icon-box-color: #ffffff;
  --awb-icon-color: #C33C00;
  --awb-toggle-hover-accent-color: #f2f2f2;
  --awb-toggle-active-accent-color: #f2f2f2;
}

/* --- 7) Contenido del acordeón "Política de privacidad": al abrirlo, el texto
   salía OSCURO sobre naranja (ilegible). Lo pasamos a blanco. La tabla blanca
   que va SIEMPRE visible (fuera del acordeón) no se toca. --- */
.fusion-form .panel-collapse,
.fusion-form .panel-collapse p,
.fusion-form .panel-collapse td,
.fusion-form .panel-collapse th,
.fusion-form .panel-collapse li,
.fusion-form .panel-collapse span,
.fusion-form .toggle-content,
.fusion-form .toggle-content * {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .35) !important;
}

/* --- 8) Comprar (935) y Alquilar (552): los campos de texto salían apilados a
   ancho completo. Los ponemos en fila como en la Home. Solo los campos de texto;
   privacidad, checkbox y botón siguen a ancho completo. --- */
.fusion-form-935 .fusion-form-field.fusion-form-text-field,
.fusion-form-552 .fusion-form-field.fusion-form-text-field {
  flex: 1 1 0 !important;      /* reparten la fila a partes iguales */
  width: auto !important;
  min-width: 170px;
  margin-left: 8px !important;  /* espacio entre inputs (antes iban pegados) */
  margin-right: 8px !important;
}

/* (Nota: la "franja negra" del borde derecho en Comprar NO es un elemento de la
   página — barrido exhaustivo sin resultado, ni bg, ni pseudo-elemento, ni iframe,
   ni overflow. Es la barra de desplazamiento del navegador. Pendiente de confirmar
   con el cliente en su navegador real.) */