Con la marca incorporada primera versión

components/survey-footer.tsx

@@ -0,0 +1,27 @@
+export function SurveyFooter() {
+  return (
+    <footer
+      style={{ background: 'var(--color-re-dark)' }}
+      className="survey-footer-bar"
+    >
+      <div className="survey-footer-group">
+        <span className="survey-footer-label">Un producto de</span>
+        <img
+          src="/logos/FS-ISO-SVG.svg"
+          alt="Fundación Solidaridad"
+          className="survey-footer-logo"
+          height={32}
+        />
+      </div>
+      <div className="survey-footer-group">
+        <span className="survey-footer-label">Powered by</span>
+        <img
+          src="/logos/inq-white-svg.svg"
+          alt="InQuality"
+          className="survey-footer-logo"
+          height={32}
+        />
+      </div>
+    </footer>
+  )
+}

components/survey-header.tsx

@@ -0,0 +1,17 @@
+export function SurveyHeader() {
+  return (
+    <header
+      style={{ background: 'var(--color-re-teal)' }}
+      className="survey-header-bar"
+    >
+      <img
+        src="/logos/re-mono-svg.svg"
+        alt="RE"
+        className="survey-header-logo"
+        width={48}
+        height={48}
+      />
+      <span className="survey-header-title">DATOS PAÍS SOBRE EL CUIDADO</span>
+    </header>
+  )
+}