{"id":6,"date":"2005-02-15T10:19:00","date_gmt":"2005-02-15T10:19:00","guid":{"rendered":"http:\/\/fitout.es\/?page_id=6"},"modified":"2026-07-07T17:18:16","modified_gmt":"2026-07-07T17:18:16","slug":"inicio","status":"publish","type":"page","link":"https:\/\/fitout.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\n<style>\n.fitout-maintenance,\n.fitout-maintenance * {\n  box-sizing: border-box;\n}\n\n.fitout-maintenance {\n  --brand: #2F3D3A;\n  --green: #5C8A80;\n  --sage: #788A86;\n  --clay: #8A5E4E;\n  --dark: #3D332F;\n  --neutral: #A3A3A3;\n  --bg: #F4F1EA;\n  --paper: #FFFFFF;\n  --line: #CBC4B9;\n  --text: #26312F;\n  --muted: #56605D;\n\n  width: 100%;\n  min-height: 100vh;\n  margin: 0;\n  color: var(--text);\n  background:\n    radial-gradient(\n      circle at 12% 18%,\n      rgba(92, 138, 128, 0.18),\n      transparent 27rem\n    ),\n    radial-gradient(\n      circle at 88% 78%,\n      rgba(138, 94, 78, 0.11),\n      transparent 24rem\n    ),\n    linear-gradient(\n      180deg,\n      #F4F1EA 0%,\n      #FAF8F4 100%\n    );\n\n  font-family:\n    Inter,\n    ui-sans-serif,\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  line-height: 1.55;\n  overflow: hidden;\n}\n\n.fitout-maintenance a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.fitout-maintenance a:focus-visible {\n  outline: 3px solid var(--clay);\n  outline-offset: 4px;\n}\n\n.fo-m-shell {\n  width: min(1180px, calc(100% - 40px));\n  min-height: 100vh;\n  margin-inline: auto;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n}\n\n.fo-m-header {\n  min-height: 82px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 24px;\n  border-bottom: 1px solid rgba(47, 61, 58, 0.15);\n}\n\n.fo-m-logo {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 10px;\n  color: var(--brand);\n  font-size: 28px;\n  font-weight: 900;\n  letter-spacing: -0.05em;\n}\n\n.fo-m-logo span {\n  color: var(--dark);\n  font-size: 12px;\n  font-weight: 750;\n  letter-spacing: 0.13em;\n  text-transform: uppercase;\n}\n\n.fo-m-status {\n  display: inline-flex;\n  align-items: center;\n  gap: 9px;\n  color: var(--brand);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.fo-m-status::before {\n  content: \"\";\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: var(--clay);\n  box-shadow: 0 0 0 6px rgba(138, 94, 78, 0.12);\n}\n\n.fo-m-main {\n  display: grid;\n  grid-template-columns: 1.02fr 0.98fr;\n  gap: 68px;\n  align-items: center;\n  padding: 72px 0 54px;\n}\n\n.fo-m-content {\n  min-width: 0;\n}\n\n.fo-m-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 24px;\n  color: var(--clay);\n  font-size: 13px;\n  font-weight: 850;\n  letter-spacing: 0.17em;\n  text-transform: uppercase;\n}\n\n.fo-m-kicker::before {\n  content: \"\";\n  width: 34px;\n  height: 2px;\n  background: var(--clay);\n}\n\n.fo-m-title {\n  max-width: 830px;\n  margin: 0;\n  line-height: 0;\n}\n\n\/* Logotipo principal cargado desde WordPress *\/\n.fo-m-logo-svg {\n  display: block;\n  width: min(460px, 100%);\n  height: auto;\n  max-height: 188px;\n  object-fit: contain;\n  object-position: left center;\n}\n\n.fo-m-lead {\n  max-width: 690px;\n  margin: 30px 0 0;\n  color: var(--muted);\n  font-size: clamp(18px, 2vw, 22px);\n  line-height: 1.62;\n}\n\n.fo-m-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n  margin-top: 32px;\n}\n\n.fo-m-btn {\n  display: inline-flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: center;\n  padding: 0 20px;\n  border: 2px solid var(--brand);\n  border-radius: 999px;\n  background: var(--brand);\n  color: #FFFFFF !important;\n  font-size: 14px;\n  font-weight: 850;\n  transition:\n    transform 0.18s ease,\n    background 0.18s ease,\n    color 0.18s ease;\n}\n\n.fo-m-btn:hover {\n  transform: translateY(-1px);\n  background: #202B29;\n}\n\n.fo-m-btn-secondary {\n  background: transparent;\n  color: var(--brand) !important;\n}\n\n.fo-m-btn-secondary:hover {\n  background: var(--brand);\n  color: #FFFFFF !important;\n}\n\n.fo-m-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 9px;\n  margin-top: 28px;\n}\n\n.fo-m-tag {\n  padding: 8px 11px;\n  border: 1px solid rgba(47, 61, 58, 0.18);\n  border-radius: 999px;\n  background: rgba(255, 255, 255, 0.62);\n  color: var(--brand);\n  font-size: 12px;\n  font-weight: 800;\n}\n\n.fo-m-visual {\n  position: relative;\n  min-height: 500px;\n}\n\n.fo-m-card-main,\n.fo-m-card-small,\n.fo-m-note {\n  position: absolute;\n  border: 1px solid var(--line);\n  background: var(--paper);\n  box-shadow: 0 28px 80px rgba(47, 61, 58, 0.13);\n}\n\n.fo-m-card-main {\n  inset: 0 0 auto auto;\n  width: 88%;\n  height: 74%;\n  border-radius: 38px;\n  overflow: hidden;\n}\n\n.fo-m-card-small {\n  left: 0;\n  bottom: 0;\n  width: 58%;\n  height: 38%;\n  border-radius: 28px;\n  overflow: hidden;\n}\n\n.fo-m-note {\n  right: 10px;\n  bottom: 42px;\n  width: 250px;\n  padding: 20px;\n  border-radius: 24px;\n}\n\n.fo-m-note strong {\n  display: block;\n  color: var(--brand);\n  font-size: 28px;\n  letter-spacing: -0.04em;\n}\n\n.fo-m-note span {\n  display: block;\n  margin-top: 5px;\n  color: var(--muted);\n  font-size: 14px;\n}\n\n.fo-m-svg {\n  display: block;\n  width: 100%;\n  height: 100%;\n}\n\n.fo-m-footer {\n  min-height: 78px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n  color: var(--muted);\n  font-size: 14px;\n  border-top: 1px solid rgba(47, 61, 58, 0.15);\n}\n\n.fo-m-footer strong {\n  color: var(--brand);\n}\n\n@media (max-width: 980px) {\n  .fo-m-main {\n    grid-template-columns: 1fr;\n  }\n\n  .fo-m-visual {\n    width: 100%;\n    max-width: 720px;\n    min-height: 430px;\n    margin-inline: auto;\n  }\n}\n\n@media (max-width: 640px) {\n  .fo-m-shell {\n    width: min(calc(100% - 24px), 1180px);\n  }\n\n  .fo-m-header {\n    min-height: 70px;\n  }\n\n  .fo-m-logo span {\n    display: none;\n  }\n\n  .fo-m-status {\n    font-size: 12px;\n  }\n\n  .fo-m-main {\n    gap: 44px;\n    padding: 46px 0 38px;\n  }\n\n  .fo-m-logo-svg {\n    width: min(330px, 100%);\n    max-height: 135px;\n  }\n\n  .fo-m-lead {\n    margin-top: 24px;\n  }\n\n  .fo-m-visual {\n    min-height: 370px;\n  }\n\n  .fo-m-card-main {\n    width: 94%;\n    height: 64%;\n  }\n\n  .fo-m-card-small {\n    width: 68%;\n    height: 34%;\n  }\n\n  .fo-m-note {\n    right: 0;\n    bottom: 18px;\n    width: min(245px, 80%);\n  }\n\n  .fo-m-footer {\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    padding: 20px 0;\n  }\n  \n .fo-m-logo {\n  display: inline-flex;\n  align-items: center;\n  gap: 12px;\n  }\n\n.fo-m-header-logo {\n  display: block;\n  width: 90px;\n  height: auto;\n  max-height: 38px;\n  object-fit: contain;\n  object-position: left center;\n  }\n\n.fo-m-logo span {\n  color: var(--dark);\n  font-size: 12px;\n  font-weight: 750;\n  letter-spacing: 0.13em;\n  line-height: 1.3;\n  text-transform: uppercase;\n  }\n\n @media (max-width: 640px) {\n  .fo-m-header-logo {\n    width: 75px;\n    max-height: 32px;\n  }\n\n  .fo-m-logo span {\n    display: none;\n  }\n}\n\n}\n<\/style>\n\n<div class=\"fitout-maintenance\">\n  <div class=\"fo-m-shell\">\n\n    <header class=\"fo-m-header\">\n      <a\n      class=\"fo-m-logo\"\n      href=\"\/\"\n      aria-label=\"FITOUT \u2014 Inicio\"\n    >\n      <img decoding=\"async\"\n        class=\"fo-m-header-logo\"\n        src=\"https:\/\/fitout.es\/wp-content\/uploads\/2026\/07\/fitout-logo-1.svg\"\n        alt=\"FITOUT\"\n      >\n\n        <span>Retail design &amp; fit-out<\/span>\n      <\/a>\n\n      <div class=\"fo-m-status\">\n        Web en preparaci\u00f3n\n      <\/div>\n    <\/header>\n\n    <main class=\"fo-m-main\">\n\n      <section class=\"fo-m-content\">\n\n        <p class=\"fo-m-kicker\">\n          Web en mantenimiento\n        <\/p>\n\n        <h1 class=\"fo-m-title\">\n          <img loading=\"lazy\" decoding=\"async\"\n            class=\"fo-m-logo-svg\"\n            src=\"https:\/\/fitout.es\/wp-content\/uploads\/2026\/07\/fitout-logo-1.svg\"\n            alt=\"FITOUT\"\n            width=\"565\"\n            height=\"231\"\n          >\n        <\/h1>\n\n        <p class=\"fo-m-lead\">\n          Dise\u00f1o y construcci\u00f3n de espacios comerciales.\n        <\/p>\n\n        <div class=\"fo-m-actions\">\n\n          <a\n            class=\"fo-m-btn\"\n            href=\"mailto:info@fitout.es?subject=Consulta%20FITOUT\"\n          >\n            Contactar\n          <\/a>\n\n          <a\n            class=\"fo-m-btn fo-m-btn-secondary\"\n            href=\"mailto:info@fitout.es\"\n          >\n            info@fitout.es\n          <\/a>\n\n        <\/div>\n\n        <div\n          class=\"fo-m-tags\"\n          aria-label=\"\u00c1reas de trabajo\"\n        >\n          <span class=\"fo-m-tag\">Retail<\/span>\n          <span class=\"fo-m-tag\">Hosteler\u00eda<\/span>\n          <span class=\"fo-m-tag\">Showrooms<\/span>\n          <span class=\"fo-m-tag\">Pop-ups<\/span>\n          <span class=\"fo-m-tag\">Corners<\/span>\n        <\/div>\n\n      <\/section>\n\n    <\/main>\n\n    <footer class=\"fo-m-footer\">\n      <span>\n        \u00a9 <strong>FITOUT<\/strong> \u2014 Retail Design &amp; Fit-out\n      <\/span>\n\n      <span id=\"foMaintenanceYear\"><\/span>\n    <\/footer>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var yearElement = document.getElementById(\"foMaintenanceYear\");\n\n  if (yearElement) {\n    yearElement.textContent = new Date().getFullYear();\n  }\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>Retail design &amp; fit-out Web en preparaci\u00f3n Web en mantenimiento Dise\u00f1o y construcci\u00f3n de espacios comerciales. Contactar info@fitout.es Retail Hosteler\u00eda Showrooms Pop-ups Corners \u00a9 FITOUT \u2014 Retail Design &amp; Fit-out<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"fitout-landing","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fitout.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":4,"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/fitout.es\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/fitout.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}