/* Página «Anunciar casa rural gratis» (registro-new.php) con el sistema de diseño Portal Rural
   (colores, campos y botones de portal-rural.css; tipografía Raleway por decisión de Marta, 20-oct). Solo afecta a .pr-anunciar:
   no cambia textos, campos ni el funcionamiento del formulario. */

.pr-anunciar {
  --pr-verde: #a2bf2c;
  --pr-verde-claro: #eef2dc;
  --pr-verde-oscuro: #788e1e;
  --pr-verde-profundo: #4f5e14;
  --pr-on-brand: #f5f5f5;
  --pr-texto: #1f2119;
  --pr-gris: #6e6e6e;
  --pr-gris-control: #8c9081;
  --pr-gris-linea: #e3e5dc;
  --pr-fondo-suave: #f6f7f1;
  --pr-blanco: #ffffff;
  --pr-exito: #2f7a3a;   --pr-exito-fondo: #e7f3e8;
  --pr-aviso: #8a5a00;   --pr-aviso-fondo: #fff3d6;
  --pr-error: #b3261e;   --pr-error-fondo: #fdeceb;
  --pr-info: #245f7e;    --pr-info-fondo: #e5f0f6;
  --pr-font-display: Raleway, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pr-font-sans: Raleway, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pr-radio-boton: 6px;
  --pr-radio-tarjeta: 12px;
  --pr-sombra: 0 1px 2px rgba(28, 31, 23, .06), 0 4px 16px rgba(28, 31, 23, .06);

  font-family: var(--pr-font-sans);
  color: var(--pr-texto);
  background: var(--pr-fondo-suave);
  padding-bottom: 48px;
}
.pr-anunciar *, .pr-anunciar *::before, .pr-anunciar *::after { box-sizing: border-box; }

/* Migas y cabecera */
.pr-anunciar .navigation { font-size: 13px; color: var(--pr-gris); padding-top: 16px; }
.pr-anunciar .navigation a { color: var(--pr-verde-profundo); text-decoration: none; }
.pr-anunciar .navigation a:hover { text-decoration: underline; }
.pr-anunciar #header-content { padding: 8px 0 24px; }
.pr-anunciar h1.title {
  font: 700 40px/1.15 var(--pr-font-display);
  color: #000; margin: 8px 0 0; letter-spacing: .2px;
}

/* Columnas */
.pr-anunciar #left-col section,
.pr-anunciar #left-col .section-content { background: transparent; border: 0; box-shadow: none; padding: 0; }
.pr-anunciar #left-col .section-content {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 24px; align-items: start;
}
.pr-anunciar #left-col .section-content > .msg { grid-column: 1 / -1; }
.pr-anunciar #left-col .section-content > .clear { display: none; }

/* Tarjetas: formulario y ventajas */
.pr-anunciar table.owners-form-register,
.pr-anunciar table.right {
  display: block; width: 100%; float: none; margin: 0;
  background: var(--pr-blanco); border: 1px solid var(--pr-gris-linea);
  border-radius: var(--pr-radio-tarjeta); box-shadow: var(--pr-sombra);
  padding: 28px; border-spacing: 0;
}
.pr-anunciar table.owners-form-register tbody,
.pr-anunciar table.owners-form-register tr,
.pr-anunciar table.owners-form-register td { display: block; width: 100%; padding: 0; text-align: left; }
.pr-anunciar table.owners-form-register td:empty { display: none; }
.pr-anunciar table.owners-form-register tr { margin-bottom: 18px; }
.pr-anunciar table.owners-form-register tr:last-child { margin-bottom: 0; }

.pr-anunciar h2, .pr-anunciar h3 {
  font: 700 26px/1.2 var(--pr-font-display); color: #000; margin: 0 0 4px;
}
.pr-anunciar h2 b { font-weight: 700; color: var(--pr-verde-oscuro); }

/* Campos (pr-label / pr-input / pr-ayuda) */
.pr-anunciar .owners-form-register td > b {
  display: block; margin-bottom: 6px;
  font: 600 14px/1.4 var(--pr-font-sans); color: var(--pr-texto);
}
.pr-anunciar .owners-form-register td > br { display: none; }
.pr-anunciar .owners-form-register input.text {
  width: 100%; min-height: 44px; padding: 10px 14px; margin: 0;
  border: 1px solid var(--pr-gris-control); border-radius: var(--pr-radio-boton);
  background: var(--pr-blanco); color: var(--pr-texto);
  font: 400 16px/1.4 var(--pr-font-sans);
  transition: border-color .15s, box-shadow .15s;
}
.pr-anunciar .owners-form-register input.text:hover { border-color: var(--pr-texto); }
.pr-anunciar .owners-form-register input.text:focus {
  outline: none; border-color: var(--pr-verde-oscuro); box-shadow: 0 0 0 3px var(--pr-verde-claro);
}
.pr-anunciar .owners-form-register td > span[style] {
  display: block; margin-top: 6px;
  font: 400 12px/1.45 var(--pr-font-sans) !important; color: var(--pr-gris) !important;
}

/* Casilla de condiciones (pr-check) */
.pr-anunciar .owners-form-register td[style*="font-size:11px"] {
  font: 400 14px/1.45 var(--pr-font-sans) !important; color: var(--pr-texto);
}
.pr-anunciar .owners-form-register input[type="checkbox"] {
  width: 20px; height: 20px; margin: 0 8px 0 0; vertical-align: -4px; accent-color: var(--pr-verde-oscuro); cursor: pointer;
}
.pr-anunciar .owners-form-register a { color: var(--pr-verde-profundo); }

/* Botón principal (pr-btn--principal, bloque, grande) */
.pr-anunciar .buttons-contact { display: block; width: 100% !important; margin: 4px 0 0; float: none; }
.pr-anunciar .buttons-contact .btn.primary {
  display: flex; width: 100% !important; max-width: none; height: auto; align-items: center; justify-content: center;
  padding: 15px 28px; border: 1px solid var(--pr-verde); border-radius: var(--pr-radio-boton);
  background: var(--pr-verde); color: var(--pr-on-brand);
  font: 600 18px/1 var(--pr-font-sans); text-shadow: none; box-shadow: none; cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
.pr-anunciar .buttons-contact .btn.primary:hover { background: var(--pr-verde-oscuro); border-color: var(--pr-verde-oscuro); }
.pr-anunciar .buttons-contact .btn.primary:focus-visible { outline: 2px solid var(--pr-verde-oscuro); outline-offset: 2px; }

/* Nota de privacidad */
.pr-anunciar .owners-form-register td[style*="background: #dadada"] {
  width: 100% !important; padding: 12px 14px !important;
  background: var(--pr-fondo-suave) !important; border-radius: 8px;
  font: 400 12px/1.5 var(--pr-font-sans) !important; color: var(--pr-gris); text-align: left !important;
}

/* Ventajas */
.pr-anunciar table.right tbody { display: grid; grid-template-columns: 1fr; gap: 10px; width: 100%; }
.pr-anunciar table.right tr:not(:first-child) td:last-child { flex: 1; }
.pr-anunciar table.right tr { width: 100%; display: flex; align-items: center; gap: 14px; padding: 10px 12px; border-radius: 10px; background: var(--pr-fondo-suave); }
.pr-anunciar table.right tr:first-child { background: transparent; padding: 0 0 6px; }
.pr-anunciar table.right td { display: block; padding: 0; border: 0; font: 500 15px/1.4 var(--pr-font-sans); color: var(--pr-texto); }
.pr-anunciar table.right td img { display: block; width: 40px; height: 40px; object-fit: contain; }

/* Avisos (pr-aviso) */
.pr-anunciar p.msg {
  margin: 0 0 4px; padding: 14px 16px; border: 0; border-radius: 10px;
  font: 400 15px/1.45 var(--pr-font-sans); background-image: none;
}
.pr-anunciar p.msg.error   { background: var(--pr-error-fondo); color: var(--pr-error); }
.pr-anunciar p.msg.done    { background: var(--pr-exito-fondo); color: var(--pr-exito); }
.pr-anunciar p.msg.warning { background: var(--pr-aviso-fondo); color: var(--pr-aviso); }
.pr-anunciar p.msg.info    { background: var(--pr-info-fondo);  color: var(--pr-info); }
.pr-anunciar p.msg a { color: inherit; font-weight: 600; }

/* Barra lateral */
.pr-anunciar #right-col .section-content {
  background: var(--pr-blanco); border: 1px solid var(--pr-gris-linea); border-radius: var(--pr-radio-tarjeta);
  box-shadow: var(--pr-sombra); padding: 20px; margin-bottom: 16px; font: 400 15px/1.9 var(--pr-font-sans);
}
.pr-anunciar #right-col a { color: var(--pr-verde-profundo); text-decoration: none; font-weight: 500; }
.pr-anunciar #right-col a:hover { text-decoration: underline; }
.pr-anunciar #right-col b { font: 700 16px/1.3 var(--pr-font-display); letter-spacing: .2px; color: #000; }

/* Móvil */
@media (max-width: 960px) {
  .pr-anunciar #left-col .section-content { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .pr-anunciar h1.title { font-size: 32px; }
  .pr-anunciar table.owners-form-register, .pr-anunciar table.right { padding: 20px; }
  .pr-anunciar h2, .pr-anunciar h3 { font-size: 23px; }
}
