{"id":1242,"date":"2026-05-06T09:34:14","date_gmt":"2026-05-06T09:34:14","guid":{"rendered":"https:\/\/stadiaorg.com\/?page_id=1242"},"modified":"2026-07-07T09:26:38","modified_gmt":"2026-07-07T09:26:38","slug":"civic-discussion-room","status":"publish","type":"page","link":"https:\/\/stadiaorg.com\/es\/civic-discussion-room\/","title":{"rendered":"Sala de Debate C\u00edvico"},"content":{"rendered":"<div id=\"sv-civic-room\">\n\n<style>\n#sv-civic-room{\n  width:100%;\n  max-width:100%;\n  margin:0;\n  padding:0 0 100px;\n  font-family:Arial,Helvetica,sans-serif;\n  color:#0f172a;\n  background:#ffffff;\n  overflow:hidden;\n  box-sizing:border-box;\n}\n\n#sv-civic-room *{\n  box-sizing:border-box;\n}\n\n#sv-civic-room .sv-wrap{\n  width:min(96vw,1700px);\n  max-width:1700px;\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* HERO *\/\n#sv-civic-room .sv-hero{\n  position:relative;\n  margin:0 auto 86px;\n  padding:96px 0 86px;\n  background:\n    radial-gradient(circle at 78% 30%,rgba(106,92,255,.20),transparent 34%),\n    radial-gradient(circle at 12% 20%,rgba(225,29,72,.09),transparent 30%),\n    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);\n  overflow:hidden;\n}\n\n#sv-civic-room .sv-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:28px 18px;\n  border:1px solid rgba(226,232,240,.95);\n  border-radius:46px;\n  background:rgba(255,255,255,.58);\n  box-shadow:0 30px 100px rgba(15,23,42,.08);\n  pointer-events:none;\n}\n\n#sv-civic-room .sv-hero-inner{\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);\n  gap:72px;\n  align-items:center;\n}\n\n#sv-civic-room .sv-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n  margin-bottom:22px;\n  padding:12px 18px;\n  border-radius:999px;\n  background:#eef2ff;\n  color:#4f46e5;\n  font-size:13px;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-civic-room h1{\n  margin:0 0 26px;\n  font-size:78px;\n  line-height:.98;\n  font-weight:900;\n  letter-spacing:-.06em;\n  color:#0f172a;\n}\n\n#sv-civic-room .sv-lead{\n  max-width:820px;\n  margin:0 0 22px;\n  color:#334155;\n  font-size:24px;\n  line-height:1.6;\n}\n\n#sv-civic-room .sv-sub{\n  max-width:760px;\n  margin:0 0 36px;\n  color:#64748b;\n  font-size:18px;\n  line-height:1.85;\n}\n\n#sv-civic-room .sv-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:14px;\n  align-items:center;\n}\n\n#sv-civic-room .sv-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:210px;\n  min-height:58px;\n  padding:16px 26px;\n  border-radius:18px;\n  background:#6a5cff;\n  color:#ffffff !important;\n  font-size:16px;\n  font-weight:900;\n  text-decoration:none !important;\n  border:none;\n  cursor:pointer;\n  box-shadow:0 18px 42px rgba(106,92,255,.28);\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-civic-room .sv-btn:hover{\n  transform:translateY(-3px);\n  box-shadow:0 26px 56px rgba(106,92,255,.34);\n}\n\n#sv-civic-room .sv-btn-dark{\n  background:#0f172a;\n  box-shadow:0 18px 42px rgba(15,23,42,.20);\n}\n\n#sv-civic-room .sv-btn-light{\n  background:#ffffff;\n  color:#0f172a !important;\n  border:1px solid #e2e8f0;\n  box-shadow:0 14px 34px rgba(15,23,42,.08);\n}\n\n\/* PANEL *\/\n#sv-civic-room .sv-panel{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:38px;\n  padding:36px;\n  box-shadow:0 28px 78px rgba(15,23,42,.12);\n}\n\n#sv-civic-room .sv-panel-main{\n  padding:34px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.18),transparent 38%),\n    linear-gradient(180deg,#f8fafc,#ffffff);\n  border:1px solid #e2e8f0;\n  margin-bottom:18px;\n}\n\n#sv-civic-room .sv-panel-main strong{\n  display:block;\n  margin-bottom:12px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#sv-civic-room .sv-panel-main span{\n  display:block;\n  color:#64748b;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-civic-room .sv-mini-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n}\n\n#sv-civic-room .sv-mini{\n  padding:20px;\n  border-radius:22px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 12px 30px rgba(15,23,42,.05);\n}\n\n#sv-civic-room .sv-mini strong{\n  display:block;\n  margin-bottom:7px;\n  color:#0f172a;\n  font-size:17px;\n}\n\n#sv-civic-room .sv-mini span{\n  display:block;\n  color:#64748b;\n  font-size:14px;\n  line-height:1.6;\n}\n\n\/* INTRO *\/\n#sv-civic-room .sv-section-title{\n  max-width:980px;\n  margin:0 auto 42px;\n  text-align:center;\n}\n\n#sv-civic-room .sv-section-title h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:58px;\n  line-height:1.05;\n  letter-spacing:-.05em;\n}\n\n#sv-civic-room .sv-section-title p{\n  max-width:860px;\n  margin:0 auto;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.75;\n}\n\n\/* ROOM GRID *\/\n#sv-civic-room .sv-room-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:24px;\n  margin-bottom:92px;\n}\n\n#sv-civic-room .sv-room-card{\n  min-height:360px;\n  padding:34px 30px;\n  border-radius:34px;\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  box-shadow:0 24px 58px rgba(15,23,42,.08);\n  display:flex;\n  flex-direction:column;\n  justify-content:space-between;\n  transition:transform .22s ease,box-shadow .22s ease;\n}\n\n#sv-civic-room .sv-room-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 34px 76px rgba(15,23,42,.13);\n}\n\n#sv-civic-room .sv-room-card:nth-child(1){\n  background:linear-gradient(180deg,#eef2ff,#ffffff);\n  border-color:#c4b5fd;\n}\n\n#sv-civic-room .sv-room-card:nth-child(2){\n  background:linear-gradient(180deg,#fff1f2,#ffffff);\n  border-color:#fda4af;\n}\n\n#sv-civic-room .sv-room-card:nth-child(3){\n  background:linear-gradient(180deg,#eff6ff,#ffffff);\n  border-color:#93c5fd;\n}\n\n#sv-civic-room .sv-room-card:nth-child(4){\n  background:linear-gradient(180deg,#fff7ed,#ffffff);\n  border-color:#fdba74;\n}\n\n#sv-civic-room .sv-icon{\n  width:76px;\n  height:76px;\n  border-radius:24px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:#ffffff;\n  font-size:38px;\n  box-shadow:0 14px 34px rgba(15,23,42,.09);\n  margin-bottom:24px;\n}\n\n#sv-civic-room .sv-room-card h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:30px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-civic-room .sv-room-card p{\n  margin:0;\n  color:#475569;\n  line-height:1.72;\n  font-size:16px;\n}\n\n\/* DISCUSSION FORM *\/\n#sv-civic-room .sv-discussion{\n  margin-top:70px;\n  padding:54px;\n  border-radius:46px;\n  background:\n    radial-gradient(circle at top right,rgba(106,92,255,.14),transparent 34%),\n    radial-gradient(circle at bottom left,rgba(225,29,72,.08),transparent 32%),\n    linear-gradient(180deg,#ffffff,#f8fafc);\n  border:1px solid #e2e8f0;\n  box-shadow:0 30px 90px rgba(15,23,42,.08);\n}\n\n#sv-civic-room .sv-discussion-grid{\n  display:grid;\n  grid-template-columns:.95fr 1.05fr;\n  gap:30px;\n  align-items:start;\n}\n\n#sv-civic-room .sv-box{\n  background:#ffffff;\n  border:1px solid #e2e8f0;\n  border-radius:34px;\n  padding:34px;\n  box-shadow:0 22px 58px rgba(15,23,42,.07);\n}\n\n#sv-civic-room .sv-box h2,\n#sv-civic-room .sv-box h3{\n  margin:0 0 14px;\n  color:#0f172a;\n  font-size:34px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n}\n\n#sv-civic-room .sv-box p{\n  margin:0 0 20px;\n  color:#64748b;\n  font-size:17px;\n  line-height:1.85;\n}\n\n#sv-civic-room label{\n  display:block;\n  margin:18px 0 8px;\n  color:#0f172a;\n  font-weight:900;\n  font-size:14px;\n}\n\n#sv-civic-room select,\n#sv-civic-room textarea,\n#sv-civic-room input{\n  width:100%;\n  border:1px solid #cbd5e1;\n  border-radius:18px;\n  padding:16px;\n  font-family:Arial,Helvetica,sans-serif;\n  font-size:15px;\n  line-height:1.6;\n  color:#0f172a;\n  background:#ffffff;\n  outline:none;\n}\n\n#sv-civic-room textarea{\n  min-height:170px;\n  resize:vertical;\n}\n\n#sv-civic-room select:focus,\n#sv-civic-room textarea:focus,\n#sv-civic-room input:focus{\n  border-color:#6a5cff;\n  box-shadow:0 0 0 4px rgba(106,92,255,.12);\n}\n\n#sv-civic-room .sv-preview{\n  padding:24px;\n  border-radius:26px;\n  background:#0f172a;\n  color:#ffffff;\n}\n\n#sv-civic-room .sv-preview small{\n  display:inline-block;\n  margin-bottom:14px;\n  padding:8px 12px;\n  border-radius:999px;\n  background:rgba(255,255,255,.12);\n  color:#dbe4f0;\n  font-weight:900;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n#sv-civic-room .sv-preview h3{\n  margin:0 0 14px;\n  color:#ffffff;\n  font-size:30px;\n  line-height:1.12;\n}\n\n#sv-civic-room .sv-preview p{\n  margin:0;\n  color:#dbe4f0;\n  font-size:16px;\n  line-height:1.75;\n}\n\n#sv-civic-room .sv-generated{\n  margin-top:18px;\n  padding:18px;\n  border-radius:20px;\n  background:rgba(255,255,255,.08);\n  border:1px solid rgba(255,255,255,.14);\n  color:#ffffff;\n  line-height:1.7;\n}\n\n\/* DARK *\/\n#sv-civic-room .sv-dark{\n  margin:90px 0;\n  padding:108px 56px;\n  border-radius:48px;\n  background:\n    radial-gradient(circle at top left,rgba(225,29,72,.20),transparent 36%),\n    radial-gradient(circle at bottom right,rgba(106,92,255,.22),transparent 34%),\n    linear-gradient(135deg,#0f172a 0%,#111827 55%,#312e81 100%);\n  color:#fff;\n  text-align:center;\n  box-shadow:0 36px 100px rgba(15,23,42,.28);\n}\n\n#sv-civic-room .sv-dark h2{\n  max-width:1100px;\n  margin:0 auto 24px;\n  color:#fff;\n  font-size:70px;\n  line-height:.98;\n  letter-spacing:-.06em;\n}\n\n#sv-civic-room .sv-dark p{\n  max-width:880px;\n  margin:0 auto;\n  color:#dbe4f0;\n  font-size:22px;\n  line-height:1.75;\n}\n\n\/* FINAL *\/\n#sv-civic-room .sv-final{\n  margin-top:100px;\n  padding:82px 40px;\n  border-radius:42px;\n  background:\n    radial-gradient(circle at top,rgba(106,92,255,.12),transparent 36%),\n    #f8fafc;\n  border:1px solid #e2e8f0;\n  text-align:center;\n}\n\n#sv-civic-room .sv-final h2{\n  margin:0 0 18px;\n  color:#0f172a;\n  font-size:60px;\n  line-height:1.03;\n  letter-spacing:-.05em;\n}\n\n#sv-civic-room .sv-final p{\n  max-width:820px;\n  margin:0 auto 34px;\n  color:#64748b;\n  font-size:20px;\n  line-height:1.8;\n}\n\n\/* RESPONSIVE *\/\n@media(max-width:1280px){\n  #sv-civic-room h1{\n    font-size:66px;\n  }\n\n  #sv-civic-room .sv-hero-inner,\n  #sv-civic-room .sv-discussion-grid{\n    grid-template-columns:1fr;\n    gap:54px;\n  }\n\n  #sv-civic-room .sv-panel{\n    max-width:980px;\n    margin:0 auto;\n  }\n\n  #sv-civic-room .sv-room-grid{\n    grid-template-columns:repeat(2,1fr);\n  }\n}\n\n@media(max-width:860px){\n  #sv-civic-room .sv-hero-inner{\n    text-align:center;\n  }\n\n  #sv-civic-room .sv-lead,\n  #sv-civic-room .sv-sub{\n    margin-left:auto;\n    margin-right:auto;\n  }\n\n  #sv-civic-room .sv-actions{\n    justify-content:center;\n  }\n\n  #sv-civic-room .sv-mini-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-civic-room .sv-dark h2{\n    font-size:48px;\n  }\n}\n\n@media(max-width:760px){\n  #sv-civic-room .sv-wrap{\n    width:100%;\n    padding:0 16px;\n  }\n\n  #sv-civic-room .sv-hero{\n    padding:58px 0 66px;\n  }\n\n  #sv-civic-room .sv-hero::before{\n    inset:18px 12px;\n    border-radius:32px;\n  }\n\n  #sv-civic-room h1{\n    font-size:42px;\n  }\n\n  #sv-civic-room .sv-lead{\n    font-size:19px;\n  }\n\n  #sv-civic-room .sv-sub{\n    font-size:16px;\n  }\n\n  #sv-civic-room .sv-panel,\n  #sv-civic-room .sv-discussion{\n    padding:22px;\n    border-radius:30px;\n  }\n\n  #sv-civic-room .sv-panel-main{\n    padding:24px;\n  }\n\n  #sv-civic-room .sv-panel-main strong{\n    font-size:28px;\n  }\n\n  #sv-civic-room .sv-section-title h2,\n  #sv-civic-room .sv-final h2{\n    font-size:38px;\n  }\n\n  #sv-civic-room .sv-room-grid{\n    grid-template-columns:1fr;\n  }\n\n  #sv-civic-room .sv-dark{\n    padding:76px 22px;\n    margin:70px 0;\n  }\n\n  #sv-civic-room .sv-dark h2{\n    font-size:38px;\n  }\n\n  #sv-civic-room .sv-dark p{\n    font-size:18px;\n  }\n\n  #sv-civic-room .sv-btn{\n    width:100%;\n  }\n}\n<\/style>\n\n<div class=\"sv-wrap\">\n\n  <section class=\"sv-hero\">\n    <div class=\"sv-hero-inner\">\n\n      <div>\n        <div class=\"sv-kicker\">Sala de Debate C\u00edvico<\/div>\n\n        <h1>\n          Dentro de lo serio<br>\n          conversaci\u00f3n c\u00edvica.\n        <\/h1>\n\n        <p class=\"sv-lead\">\n          Esta sala est\u00e1 dise\u00f1ada para se\u00f1ales, patrones e interpretaci\u00f3n reflexiva.\n        <\/p>\n\n        <p class=\"sv-sub\">\n          Las personas discuten la presi\u00f3n real, el cambio social, la inestabilidad laboral, el estr\u00e9s de la vivienda, los costos de energ\u00eda, la confianza p\u00fablica y la direcci\u00f3n futura, no como ruido, sino como se\u00f1ales c\u00edvicas estructuradas.\n        <\/p>\n\n        <div class=\"sv-actions\">\n          <a class=\"sv-btn\" href=\"#room-builder\">Iniciar discusi\u00f3n<\/a>\n          <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-signals\/\">Volver a Se\u00f1ales C\u00edvicas \u2192<\/a>\n          <a class=\"sv-btn sv-btn-light\" href=\"\/proposals\/\">Ir a Propuestas \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-panel\">\n        <div class=\"sv-panel-main\">\n          <strong>La discusi\u00f3n no es reacci\u00f3n.<\/strong>\n          <span>\n            La sala ayuda a transformar la presi\u00f3n en interpretaci\u00f3n, comparaci\u00f3n y propuesta.\n          <\/span>\n        <\/div>\n\n        <div class=\"sv-mini-grid\">\n          <div class=\"sv-mini\">\n            <strong>Se\u00f1ales<\/strong>\n            <span>Problemas recurrentes que afectan a m\u00e1s de una persona.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Interpretaci\u00f3n<\/strong>\n            <span>Lo que significa la se\u00f1al para personas y sistemas.<\/span>\n          <\/div>\n\n          <div class=\"sv-mini\">\n            <strong>Propuesta<\/strong>\n            <span>C\u00f3mo la discusi\u00f3n puede llevar a mejores modelos.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <section class=\"sv-section-title\">\n    <h2>\u00bfQu\u00e9 sucede en la habitaci\u00f3n?<\/h2>\n    <p>\n      La sala no est\u00e1 construida para comentarios aleatorios. Est\u00e1 construida para guiar a las personas desde la experiencia hasta la interpretaci\u00f3n, desde la interpretaci\u00f3n hasta la comparaci\u00f3n y desde la comparaci\u00f3n hasta posibles propuestas.\n    <\/p>\n  <\/section>\n\n  <section class=\"sv-room-grid\">\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udd0e<\/div>\n        <h3>Interpretar la se\u00f1al<\/h3>\n        <p>\n          \u00bfQu\u00e9 revela esta presi\u00f3n sobre la sociedad, los sistemas, el comportamiento o la confianza?\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83d\udccc<\/div>\n        <h3>Compartir impacto<\/h3>\n        <p>\n          Describe qu\u00e9 experimentan realmente las personas, familias, trabajadores, empresas o comunidades.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\u2696\ufe0f<\/div>\n        <h3>Comparar perspectivas<\/h3>\n        <p>\n          Reunir puntos de vista personales, c\u00edvicos, profesionales e institucionales.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"sv-room-card\">\n      <div>\n        <div class=\"sv-icon\">\ud83e\udded<\/div>\n        <h3>Pasar a la propuesta<\/h3>\n        <p>\n          Convertir la discusi\u00f3n en modelos m\u00e1s claros, mejores reglas o alternativas pr\u00e1cticas.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-dark\">\n    <h2>\n      Una sala c\u00edvica deber\u00eda reducir el ruido.\n    <\/h2>\n\n    <p>\n      El objetivo no es ganar una discusi\u00f3n. El objetivo es comprender la se\u00f1al,\nidentificar la presi\u00f3n detr\u00e1s de ella y permitir un siguiente paso constructivo.\n    <\/p>\n  <\/section>\n\n  <section id=\"room-builder\" class=\"sv-discussion\">\n\n    <div class=\"sv-section-title\" style=\"margin-bottom:34px;\">\n      <h2>Iniciar una contribuci\u00f3n estructurada.<\/h2>\n      <p>\n        Elige el tipo de contribuci\u00f3n, escribe una declaraci\u00f3n clara y genera una introducci\u00f3n m\u00e1s estructurada.\n      <\/p>\n    <\/div>\n\n    <div class=\"sv-discussion-grid\">\n\n      <div class=\"sv-box\">\n        <h2>Tu contribuci\u00f3n<\/h2>\n        <p>\n          Esta es una versi\u00f3n temprana del generador de discusiones. Ayuda a las personas a evitar reacciones vagas y a comenzar con una contribuci\u00f3n c\u00edvica m\u00e1s clara.\n        <\/p>\n\n        <label for=\"sv-room-type\">Tipo de contribuci\u00f3n<\/label>\n        <select id=\"sv-room-type\">\n          <option value=\"Interpretation\">Interpretaci\u00f3n<\/option>\n          <option value=\"Impact\">Impacto<\/option>\n          <option value=\"Comparison\">Comparaci\u00f3n<\/option>\n          <option value=\"Proposal\">Propuesta<\/option>\n        <\/select>\n\n        <label for=\"sv-room-signal\">Se\u00f1al<\/label>\n        <select id=\"sv-room-signal\">\n          <option value=\"Energy prices and instability\">Precios e inestabilidad de la energ\u00eda<\/option>\n          <option value=\"Housing pressure\">Presi\u00f3n de la vivienda<\/option>\n          <option value=\"Work instability\">Inestabilidad laboral<\/option>\n          <option value=\"Public trust\">Confianza p\u00fablica<\/option>\n          <option value=\"AI and society\">IA y sociedad<\/option>\n          <option value=\"Future uncertainty\">Incertidumbre futura<\/option>\n        <\/select>\n\n        <label for=\"sv-room-text\">Tu declaraci\u00f3n<\/label>\n        <textarea id=\"sv-room-text\" placeholder=\"Escriba una observaci\u00f3n, experiencia o propuesta clara...\"><\/textarea>\n\n        <div class=\"sv-actions\" style=\"margin-top:18px;\">\n          <button class=\"sv-btn\" id=\"sv-room-build\" type=\"button\">Crear apertura estructurada \u2192<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"sv-preview\">\n        <small>Apertura estructurada<\/small>\n        <h3 id=\"sv-room-preview-title\">Interpretaci\u00f3n \u2192 Precios de la energ\u00eda e inestabilidad<\/h3>\n\n        <p>\n          Esta vista previa ayuda a que la discusi\u00f3n sea m\u00e1s clara antes de que se env\u00ede o se convierta en una propuesta.\n        <\/p>\n\n        <div class=\"sv-generated\" id=\"sv-room-generated\">\n          \u201cMe gustar\u00eda aportar una interpretaci\u00f3n sobre los precios de la energ\u00eda y la inestabilidad. Mi principal observaci\u00f3n es que esta se\u00f1al afecta la confianza, la planificaci\u00f3n y el comportamiento social.\u201d\n        <\/div>\n\n        <div class=\"sv-actions\" style=\"margin-top:20px;\">\n          <button class=\"sv-btn sv-btn-light\" id=\"sv-room-copy\" type=\"button\">Copiar texto de apertura \u2192<\/button>\n        <\/div>\n\n        <p id=\"sv-room-note\" style=\"margin-top:14px;font-size:14px;color:#cbd5e1;\">\n          Puedes copiar esta introducci\u00f3n y usarla en la discusi\u00f3n, un formulario o una propuesta futura.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <section class=\"sv-final\">\n    <h2>\n      De la discusi\u00f3n a la propuesta.\n    <\/h2>\n\n    <p>\n      La Sala de Discusi\u00f3n C\u00edvica es el puente entre las Se\u00f1ales C\u00edvicas y las Propuestas.\nAyuda a transformar la presi\u00f3n social en inteligencia p\u00fablica estructurada.\n    <\/p>\n\n    <div class=\"sv-actions\">\n      <a class=\"sv-btn\" href=\"\/proposals\/\">Propuestas Ab<\/a>\n      <a class=\"sv-btn sv-btn-dark\" href=\"\/civic-signals\/\">Volver a Se\u00f1ales C\u00edvicas \u2192<\/a>\n      <a class=\"sv-btn sv-btn-light\" href=\"\/open-conversation\/\">Abrir conversaci\u00f3n<\/a>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n  var root=document.getElementById(\"sv-civic-room\");\n  if(!root){return;}\n\n  var typeEl=root.querySelector(\"#sv-room-type\");\n  var signalEl=root.querySelector(\"#sv-room-signal\");\n  var textEl=root.querySelector(\"#sv-room-text\");\n  var titleEl=root.querySelector(\"#sv-room-preview-title\");\n  var generatedEl=root.querySelector(\"#sv-room-generated\");\n  var buildBtn=root.querySelector(\"#sv-room-build\");\n  var copyBtn=root.querySelector(\"#sv-room-copy\");\n  var noteEl=root.querySelector(\"#sv-room-note\");\n\n  function updatePreview(){\n    var type=typeEl ? typeEl.value : \"Interpretation\";\n    var signal=signalEl ? signalEl.value : \"Energy prices and instability\";\n    var text=textEl && textEl.value.trim() ? textEl.value.trim() : \"this signal affects trust, planning and social behavior\";\n\n    if(titleEl){\n      titleEl.textContent=type+\" \u2192 \"+signal;\n    }\n\n    if(generatedEl){\n      generatedEl.textContent=\"\u201cI would like to contribute a \"+type.toLowerCase()+\" about \"+signal.toLowerCase()+\". My main observation is that \"+text+\".\u201d\";\n    }\n  }\n\n  if(typeEl){typeEl.addEventListener(\"change\",updatePreview);}\n  if(signalEl){signalEl.addEventListener(\"change\",updatePreview);}\n  if(textEl){textEl.addEventListener(\"input\",updatePreview);}\n\n  if(buildBtn){\n    buildBtn.addEventListener(\"click\",function(){\n      updatePreview();\n      var preview=root.querySelector(\".sv-preview\");\n      if(preview){\n        preview.scrollIntoView({behavior:\"smooth\",block:\"center\"});\n      }\n    });\n  }\n\n  if(copyBtn){\n    copyBtn.addEventListener(\"click\",function(){\n      updatePreview();\n      var text=generatedEl ? generatedEl.textContent : \"\";\n\n      if(navigator.clipboard && navigator.clipboard.writeText){\n        navigator.clipboard.writeText(text).then(function(){\n          if(noteEl){noteEl.textContent=\"Copied. You can now paste it into a form, comment or proposal.\";}\n        }).catch(function(){\n          if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n        });\n      }else{\n        if(noteEl){noteEl.textContent=\"Copy not available. Select the text manually.\";}\n      }\n    });\n  }\n\n  updatePreview();\n});\n<\/script>\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Civic Discussion Room Inside the serious civic conversation. This room is designed for signals, patterns and thoughtful interpretation. People discuss real pressure, social change, work instability, housing stress, energy costs, public trust and future direction \u2014 not as noise, but as structured civic signals. Start discussion \u2192 Back to Civic Signals \u2192 Go to Proposals [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1242","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/comments?post=1242"}],"version-history":[{"count":7,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1242\/revisions"}],"predecessor-version":[{"id":1444,"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/pages\/1242\/revisions\/1444"}],"wp:attachment":[{"href":"https:\/\/stadiaorg.com\/es\/wp-json\/wp\/v2\/media?parent=1242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}