{"id":136,"date":"2026-09-23T14:30:11","date_gmt":"2026-09-23T14:30:11","guid":{"rendered":"https:\/\/sites.inoarena.com\/moxi-services\/?page_id=136"},"modified":"2026-09-23T15:42:26","modified_gmt":"2026-09-23T15:42:26","slug":"inicio","status":"publish","type":"page","link":"https:\/\/sites.inoarena.com\/moxi-services\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"136\" class=\"elementor elementor-136\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2705b5 e-con-full e-flex e-con e-parent\" data-id=\"b2705b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2da480 elementor-widget elementor-widget-html\" data-id=\"d2da480\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MOXI.<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@300;400;500&family=Inter:wght@300;400&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n:root {\r\n  --off-white: #F2EFE9;\r\n  --ink:       #0A0A0A;\r\n  --mid:       rgba(255,255,255,.55);\r\n  --panel-gap: 2px;\r\n}\r\n\r\nhtml, body {\r\n  height: 100%;\r\n  font-family: 'Inter', sans-serif;\r\n  background: var(--ink);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.nav {\r\n  position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n  height: 56px;\r\n  background: var(--off-white);\r\n  display: flex; align-items: center; justify-content: center;\r\n  border-bottom: 1px solid rgba(0,0,0,.08);\r\n}\r\n.nav-logo {\r\n  font-family: 'Cormorant Garamond', Georgia, serif;\r\n  font-size: 1.35rem; font-weight: 400;\r\n  letter-spacing: .18em;\r\n  color: var(--ink);\r\n  text-decoration: none;\r\n}\r\n\r\n\/* \u2500\u2500 SPLIT SCREEN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.split {\r\n  position: fixed;\r\n  top: 56px; left: 0; right: 0; bottom: 0;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: var(--panel-gap);\r\n}\r\n\r\n.panel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  text-decoration: none;\r\n  display: block;\r\n}\r\n\r\n\/* Foto de fundo \u2014 placeholders escuros com gradiente *\/\r\n.panel-bg {\r\n  position: absolute; inset: 0;\r\n  background-size: cover;\r\n  background-position: center;\r\n  transition: transform .9s cubic-bezier(.25,.46,.45,.94),\r\n              filter .9s cubic-bezier(.25,.46,.45,.94);\r\n  will-change: transform;\r\n}\r\n\r\n.panel:hover .panel-bg {\r\n  transform: scale(1.04);\r\n  filter: brightness(.75);\r\n}\r\n\r\n\/* Overlay escuro base *\/\r\n.panel-bg::after {\r\n  content: '';\r\n  position: absolute; inset: 0;\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(0,0,0,.18) 0%,\r\n    rgba(0,0,0,.52) 100%\r\n  );\r\n  transition: background .5s ease;\r\n}\r\n.panel:hover .panel-bg::after {\r\n  background: linear-gradient(\r\n    to bottom,\r\n    rgba(0,0,0,.28) 0%,\r\n    rgba(0,0,0,.65) 100%\r\n  );\r\n}\r\n\r\n\/* Imagem placeholder \u2014 caf\u00e9 *\/\r\n.panel--cafe .panel-bg {\r\n  background-color: #2C2520;\r\n  background-image:\r\n    radial-gradient(ellipse at 30% 70%, rgba(120,80,40,.35) 0%, transparent 60%),\r\n    radial-gradient(ellipse at 70% 30%, rgba(80,55,30,.2) 0%, transparent 50%);\r\n}\r\n\r\n\/* Imagem placeholder \u2014 lavagens *\/\r\n.panel--lavagens .panel-bg {\r\n  background-color: #1A1E22;\r\n  background-image:\r\n    radial-gradient(ellipse at 60% 60%, rgba(30,60,100,.4) 0%, transparent 60%),\r\n    radial-gradient(ellipse at 30% 20%, rgba(20,40,70,.25) 0%, transparent 50%);\r\n}\r\n\r\n\/* Quando o utilizador colocar imagens reais: *\/\r\n .panel--cafe .panel-bg      { background-image: url('https:\/\/sites.inoarena.com\/moxi-services\/wp-content\/uploads\/2026\/09\/cafe1.jpg'); }\r\n \r\n .panel--lavagens .panel-bg  { background-image: url('https:\/\/sites.inoarena.com\/moxi-services\/wp-content\/uploads\/2026\/09\/carro-rotated.jpg'); }\r\n\r\n\/* \u2500\u2500 CONTE\u00daDO DO PAINEL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.panel-content {\r\n  position: relative; z-index: 2;\r\n  height: 100%;\r\n  display: flex; flex-direction: column;\r\n  align-items: center; justify-content: center;\r\n  gap: 1.25rem;\r\n  padding: 2rem;\r\n  text-align: center;\r\n}\r\n\r\n.panel-label {\r\n  font-family: 'Cormorant Garamond', Georgia, serif;\r\n  font-size: clamp(2.2rem, 5vw, 4rem);\r\n  font-weight: 300;\r\n  letter-spacing: .22em;\r\n  color: #fff;\r\n  line-height: 1;\r\n  text-transform: uppercase;\r\n  transition: letter-spacing .5s ease;\r\n}\r\n.panel:hover .panel-label {\r\n  letter-spacing: .28em;\r\n}\r\n\r\n.panel-tagline {\r\n  font-size: clamp(.7rem, 1.2vw, .875rem);\r\n  font-weight: 300;\r\n  color: var(--mid);\r\n  letter-spacing: .06em;\r\n  line-height: 1.6;\r\n  max-width: 240px;\r\n  transition: color .4s ease;\r\n}\r\n.panel:hover .panel-tagline {\r\n  color: rgba(255,255,255,.8);\r\n}\r\n\r\n\/* Bot\u00e3o circular seta *\/\r\n.panel-arrow {\r\n  width: 52px; height: 52px;\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(255,255,255,.4);\r\n  display: flex; align-items: center; justify-content: center;\r\n  margin-top: .5rem;\r\n  transition: border-color .4s ease, background .4s ease, transform .4s ease;\r\n}\r\n.panel-arrow svg {\r\n  width: 18px; height: 18px;\r\n  color: rgba(255,255,255,.7);\r\n  transition: color .4s ease, transform .4s ease;\r\n}\r\n.panel:hover .panel-arrow {\r\n  border-color: rgba(255,255,255,.9);\r\n  background: rgba(255,255,255,.1);\r\n  transform: scale(1.1);\r\n}\r\n.panel:hover .panel-arrow svg {\r\n  color: #fff;\r\n  transform: translateX(2px);\r\n}\r\n\r\n\/* Linha divis\u00f3ria vertical *\/\r\n.split::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; bottom: 0;\r\n  left: calc(50% - 1px);\r\n  width: 1px;\r\n  background: rgba(255,255,255,.15);\r\n  pointer-events: none;\r\n  z-index: 10;\r\n}\r\n\r\n\/* \u2500\u2500 COPYRIGHT \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.copyright {\r\n  position: fixed;\r\n  bottom: 1.5rem; left: 0; right: 0;\r\n  z-index: 50;\r\n  text-align: center;\r\n  font-size: .65rem;\r\n  font-weight: 300;\r\n  letter-spacing: .08em;\r\n  color: rgba(255,255,255,.25);\r\n  pointer-events: none;\r\n}\r\n.copyright a {\r\n  color: rgba(255,255,255,.4);\r\n  text-decoration: none;\r\n  pointer-events: all;\r\n  transition: color .3s;\r\n}\r\n.copyright a:hover { color: rgba(255,255,255,.75); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 640px) {\r\n  html, body { overflow: hidden; }\r\n  .split {\r\n    grid-template-columns: 1fr;\r\n    grid-template-rows: 1fr 1fr;\r\n  }\r\n  .split::after {\r\n    top: calc(50% - 1px); bottom: auto;\r\n    left: 0; right: 0;\r\n    width: auto; height: 1px;\r\n  }\r\n  .panel-label { font-size: 2rem; }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .panel-bg, .panel-label, .panel-tagline,\r\n  .panel-arrow, .panel-arrow svg { transition: none !important; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- NAV -->\r\n<nav class=\"nav\">\r\n  <a href=\"#\" class=\"nav-logo\">MOXI.<\/a>\r\n<\/nav>\r\n\r\n\r\n<!-- SPLIT SCREEN -->\r\n<div class=\"split\">\r\n\r\n  <!-- CAF\u00c9 -->\r\n  <a href=\"https:\/\/moxi.ao\/cafe\" class=\"panel panel--cafe\" target=\"_blank\" rel=\"noopener\">\r\n    <div class=\"panel-bg\"><\/div>\r\n    <div class=\"panel-content\">\r\n      <h2 class=\"panel-label\">Caf\u00e9<\/h2>\r\n      <p class=\"panel-tagline\">Uma pausa no teu ritmo.<\/p>\r\n      <div class=\"panel-arrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n  <!-- LAVAGENS -->\r\n  <a href=\"https:\/\/moxi.ao\/lavagens\" class=\"panel panel--lavagens\" target=\"_blank\" rel=\"noopener\">\r\n    <div class=\"panel-bg\"><\/div>\r\n    <div class=\"panel-content\">\r\n      <h2 class=\"panel-label\">Lavagens<\/h2>\r\n      <p class=\"panel-tagline\">Cuidado para seguir.<br>Leal ao teu ritmo.<\/p>\r\n      <div class=\"panel-arrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- COPYRIGHT -->\r\n<p class=\"copyright\">\r\n  Copyright &copy; 2026 Moxi Services &nbsp;|&nbsp;\r\n  By <a href=\"https:\/\/its.ao\/\" target=\"_blank\" rel=\"noopener\">INOARENA \u2013 ITS<\/a>\r\n<\/p>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MOXI. MOXI. Caf\u00e9 Uma pausa no teu ritmo. Lavagens Cuidado para seguir.Leal ao teu ritmo. Copyright &copy; 2026 Moxi Services &nbsp;|&nbsp; By INOARENA \u2013 ITS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/pages\/136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/comments?post=136"}],"version-history":[{"count":13,"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/pages\/136\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/pages\/136\/revisions\/159"}],"wp:attachment":[{"href":"https:\/\/sites.inoarena.com\/moxi-services\/wp-json\/wp\/v2\/media?parent=136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}