{"id":3524,"date":"2025-04-26T21:00:09","date_gmt":"2025-04-27T00:00:09","guid":{"rendered":"https:\/\/equilibriospa.com\/?page_id=3524"},"modified":"2025-09-06T11:37:44","modified_gmt":"2025-09-06T14:37:44","slug":"elementor-3524","status":"publish","type":"page","link":"https:\/\/equilibriospa.com\/index.php\/elementor-3524\/","title":{"rendered":"Links Equil\u00edbrio Studio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Equil\u00edbrio Studio<\/title>\r\n <link rel=\"preload\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\" as=\"style\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n <style>\r\n \/* ==========================================================================\r\n Vari\u00e1veis CSS - PALETA DE CORES SELECIONADA\r\n ========================================================================== *\/\r\n :root {\r\n \/* Base (Paredes\/Fundo Principal): Albescent White *\/\r\n --color-base: #EBE6DB;\r\n\r\n \/* Cor Principal (Destaque): Old Vine *\/\r\n --color-primary: #507062;\r\n\r\n \/* Cor Complementar (Acento): Heather Rose *\/\r\n --color-secondary: #C06F7D;\r\n\r\n \/* Cores de Texto: Machine Gun Metal e Old Doeskin *\/\r\n --color-text-dark: #454545; \/* Machine Gun Metal *\/\r\n --color-text-light: #BDAB9C; \/* Old Doeskin *\/\r\n\r\n \/* Outras vari\u00e1veis *\/\r\n --transition-duration: 0.3s;\r\n }\r\n\r\n \/* ==========================================================================\r\n Estilos Globais e Reset\r\n ========================================================================== *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: Poppins, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n }\r\n\r\n \/* Removido o seletor 'body' aqui, pois o Elementor gerencia o fundo da p\u00e1gina.\r\n Defina o fundo da p\u00e1gina nas configura\u00e7\u00f5es do Elementor ou do tema. *\/\r\n\r\n .container {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n \/* Adicione o fundo do container se desejar que ele tenha uma cor diferente do body *\/\r\n background-color: var(--color-base); \/* Exemplo: Fundo do container com a cor base *\/\r\n }\r\n\r\n \/* Estilos para leitores de tela *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0, 0, 0, 0);\r\n white-space: nowrap;\r\n border-width: 0;\r\n }\r\n\r\n \/* ==========================================================================\r\n Estilos do Cabe\u00e7alho\r\n ========================================================================== *\/\r\n header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n padding: 20px 0;\r\n }\r\n\r\n .profile-section {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .profile-picture {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50%;\r\n object-fit: cover;\r\n border: 2px solid var(--color-secondary); \/* Borda da cor complementar *\/\r\n margin-bottom: 10px;\r\n }\r\n\r\n .username {\r\n color: var(--color-text-light); \/* Cor do texto secund\u00e1rio da paleta *\/\r\n font-size: 14px;\r\n font-weight: 500;\r\n margin-bottom: 15px;\r\n }\r\n\r\n \/* ==========================================================================\r\n Estilos dos Links de Bolha (Sociais)\r\n ========================================================================== *\/\r\n .social-bubble-links {\r\n display: flex;\r\n gap: 15px;\r\n margin-bottom: 0; \/* Espa\u00e7amento m\u00ednimo entre bolhas e links *\/\r\n }\r\n\r\n .social-bubble-link {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background-color: var(--color-primary); \/* Cor da bolha da paleta *\/\r\n color: #fff; \/* \u00cdcone branco para contraste *\/\r\n font-size: 20px;\r\n text-decoration: none;\r\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n animation: bubbleFloat 3s ease-in-out infinite alternate;\r\n }\r\n\r\n \/* Atrasos individuais para o efeito de flutua\u00e7\u00e3o *\/\r\n .social-bubble-link:nth-child(1) { animation-delay: 0s; }\r\n .social-bubble-link:nth-child(2) { animation-delay: 0.3s; }\r\n .social-bubble-link:nth-child(3) { animation-delay: 0.6s; }\r\n .social-bubble-link:nth-child(4) { animation-delay: 0.9s; }\r\n\r\n .social-bubble-link:hover,\r\n .social-bubble-link:focus {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .social-bubble-link:focus-visible {\r\n outline: 3px solid var(--color-secondary); \/* Borda de foco da cor complementar *\/\r\n outline-offset: 2px;\r\n }\r\n\r\n \/* ==========================================================================\r\n Estilos da Lista de Links Principais\r\n ========================================================================== *\/\r\n .links-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: 20px; \/* Espa\u00e7amento superior para os links *\/\r\n align-items: center;\r\n }\r\n\r\n .link-card {\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n max-width: 400px;\r\n height: auto;\r\n background-color: var(--color-base); \/* Fundo do card da paleta *\/\r\n border-radius: 8px;\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); \/* Sombra suave *\/\r\n transition: transform var(--transition-duration) ease, box-shadow var(--transition-duration) ease;\r\n text-decoration: none;\r\n color: inherit;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Efeitos de hover e focus para os links *\/\r\n .link-card:focus,\r\n .link-card:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);\r\n z-index: 1;\r\n }\r\n\r\n \/* Estilo para acessibilidade de foco (tab) *\/\r\n .link-card:focus-visible {\r\n outline: 3px solid var(--color-primary); \/* Borda de foco da cor principal *\/\r\n outline-offset: 3px;\r\n }\r\n\r\n \/* Efeito visual ao clicar\/tocar *\/\r\n .link-card.clicked {\r\n transform: scale(0.98);\r\n background-color: var(--color-text-light); \/* Cor de fundo mais escura ao clicar (Old Doeskin) *\/\r\n }\r\n\r\n \/* Container da imagem para controle de propor\u00e7\u00e3o retangular *\/\r\n .card-image-container {\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 8px 8px 0 0;\r\n }\r\n\r\n \/* Estilos da imagem dentro do card *\/\r\n .card-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n }\r\n\r\n \/* Estilos do rodap\u00e9 do card (cont\u00e9m t\u00edtulo, descri\u00e7\u00e3o e seta) *\/\r\n .card-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 10px 15px;\r\n width: 100%;\r\n background-color: var(--color-base); \/* Fundo do rodap\u00e9 do card da paleta *\/\r\n border-top: 1px solid var(--color-text-light); \/* Linha divis\u00f3ria sutil da paleta *\/\r\n border-radius: 0 0 8px 8px;\r\n min-height: 70px;\r\n }\r\n\r\n \/* Container para o texto (t\u00edtulo e descri\u00e7\u00e3o) *\/\r\n .card-text {\r\n flex: 1;\r\n text-align: left;\r\n padding-right: 10px;\r\n }\r\n\r\n \/* Estilos do t\u00edtulo do card *\/\r\n .card-title {\r\n font-weight: 600;\r\n font-size: 16px;\r\n margin: 0 0 4px 0;\r\n color: var(--color-primary); \/* Cor do t\u00edtulo da paleta *\/\r\n line-height: 1.2;\r\n }\r\n\r\n \/* Estilos da descri\u00e7\u00e3o do card *\/\r\n .card-description {\r\n font-size: 12px;\r\n color: var(--color-text-dark); \/* Cor da descri\u00e7\u00e3o da paleta *\/\r\n margin: 0;\r\n line-height: 1.3;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 2;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n\r\n \/* Estilos da seta de indica\u00e7\u00e3o *\/\r\n .card-arrow {\r\n color: var(--color-secondary); \/* Cor da seta da paleta *\/\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* ==========================================================================\r\n Estilos do Rodap\u00e9 da P\u00e1gina\r\n ========================================================================== *\/\r\n footer {\r\n text-align: center;\r\n margin-top: 40px;\r\n padding: 20px;\r\n border-top: 1px solid var(--color-text-light); \/* Borda do rodap\u00e9 da paleta *\/\r\n color: var(--color-text-dark); \/* Cor do texto do rodap\u00e9 da paleta *\/\r\n font-size: 14px;\r\n line-height: 1.5;\r\n }\r\n\r\n footer a {\r\n color: var(--color-primary); \/* Cor do link do rodap\u00e9 da paleta *\/\r\n text-decoration: none;\r\n }\r\n\r\n footer a:hover {\r\n text-decoration: underline;\r\n color: var(--color-secondary); \/* Cor do link do rodap\u00e9 em hover da paleta *\/\r\n }\r\n\r\n \/* ==========================================================================\r\n Media Queries (Responsividade)\r\n ========================================================================== *\/\r\n @media (max-width: 600px) {\r\n .container {\r\n padding: 15px;\r\n }\r\n\r\n .profile-picture {\r\n width: 80px;\r\n height: 80px;\r\n }\r\n\r\n .username {\r\n font-size: 13px;\r\n }\r\n\r\n .social-bubble-link {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 18px;\r\n }\r\n\r\n .links-list {\r\n gap: 15px;\r\n }\r\n\r\n .link-card {\r\n border-radius: 4px;\r\n }\r\n\r\n .card-image-container {\r\n border-radius: 4px 4px 0 0;\r\n }\r\n\r\n .card-footer {\r\n padding: 10px;\r\n min-height: 60px;\r\n border-radius: 0 0 4px 4px;\r\n }\r\n\r\n .card-title {\r\n font-size: 14px;\r\n }\r\n\r\n .card-description {\r\n font-size: 11px;\r\n }\r\n\r\n .card-arrow {\r\n font-size: 18px;\r\n }\r\n }\r\n\r\n \/* ==========================================================================\r\n Anima\u00e7\u00f5es\r\n ========================================================================== *\/\r\n @keyframes bubbleFloat {\r\n 0% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(-5px); \/* Move 5px para cima *\/\r\n }\r\n 100% {\r\n transform: translateY(0px);\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <header>\r\n <div class=\"profile-section\">\r\n <img decoding=\"async\" src=\"https:\/\/equilibriospa.com\/wp-content\/uploads\/2025\/04\/Design-sem-nome-1.png\" alt=\"Log\u00f3tipo do Equil\u00edbrio Studio\" class=\"profile-picture\" loading=\"lazy\" onerror='this.src=\"https:\/\/placehold.co\/100x100\/EBE6DB\/454545?text=Logo\"'>\r\n <span class=\"username\">@equilibriostudio<\/span>\r\n <div class=\"social-bubble-links\">\r\n <a href=\"https:\/\/maps.app.goo.gl\/ULeTT1XU2j2U3UcP8\" class=\"social-bubble-link\" target=\"_blank\" aria-label=\"Ver localiza\u00e7\u00e3o no mapa\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/www.instagram.com\/equilibrio_masso\/\" class=\"social-bubble-link\" target=\"_blank\" aria-label=\"Aceder ao Instagram do Equil\u00edbrio Studio\">\r\n <i class=\"fab fa-instagram\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/5527992633631\" class=\"social-bubble-link\" target=\"_blank\" aria-label=\"Entrar em contacto via WhatsApp\">\r\n <i class=\"fab fa-whatsapp\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/equilibrio.studio\/\" class=\"social-bubble-link\" target=\"_blank\" aria-label=\"Aceder ao site Equil\u00edbrio Studio\">\r\n <i class=\"fas fa-globe\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"links-list\">\r\n <a href=\"https:\/\/www.simplesagenda.com.br\/agendamento_m.php?id=845561665f33c461be03db0a1aeddf76\" class=\"link-card\" target=\"_blank\" aria-label=\"Agendar uma sess\u00e3o de massoterapia online\">\r\n <div class=\"card-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/equilibriospa.com\/wp-content\/uploads\/2025\/05\/agendaonline-1.png\" alt=\"Pessoa a relaxar numa sess\u00e3o de massoterapia\" class=\"card-image\" loading=\"lazy\" onerror='this.src=\"https:\/\/placehold.co\/400x225\/EBE6DB\/454545?text=Link\"'>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-text\">\r\n <div class=\"card-title\">Agendamento Online<\/div>\r\n <div class=\"card-description\">Reserve o seu hor\u00e1rio de massoterapia com facilidade.<\/div>\r\n <\/div>\r\n <i class=\"fas fa-chevron-right card-arrow\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/equilibriospa.com\/index.php\/nossos-profissionais\/\" class=\"link-card\" target=\"_blank\" aria-label=\"Conhecer os profissionais do Equil\u00edbrio Studio\">\r\n <div class=\"card-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/equilibriospa.com\/wp-content\/uploads\/2025\/05\/profissionais.png\" alt=\"Terapeuta do Equil\u00edbrio Studio\" class=\"card-image\" loading=\"lazy\" onerror='this.src=\"https:\/\/placehold.co\/400x225\/EBE6DB\/454545?text=Link\"'>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-text\">\r\n <div class=\"card-title\">Os Nossos Profissionais<\/div>\r\n <div class=\"card-description\">Conhe\u00e7a a nossa equipa de terapeutas especializados.<\/div>\r\n <\/div>\r\n <i class=\"fas fa-chevron-right card-arrow\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/equilibriospa.com\/#blog\" class=\"link-card\" target=\"_blank\" aria-label=\"Aceder ao blogue do Equil\u00edbrio Studio\">\r\n <div class=\"card-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/equilibriospa.com\/wp-content\/uploads\/2025\/05\/nossoblog.png\" alt=\"Artigo de bem-estar no blogue\" class=\"card-image\" loading=\"lazy\" onerror='this.src=\"https:\/\/placehold.co\/400x225\/EBE6DB\/454545?text=Link\"'>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-text\">\r\n <div class=\"card-title\">Blog<\/div>\r\n <div class=\"card-description\">Leia artigos sobre sa\u00fade e qualidade de vida.<\/div>\r\n <\/div>\r\n <i class=\"fas fa-chevron-right card-arrow\"><\/i>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/massagens.equilibrio.studio\/\" class=\"link-card\" target=\"_blank\" aria-label=\"Ver os servi\u00e7os oferecidos pelo Equil\u00edbrio Studio\">\r\n <div class=\"card-image-container\">\r\n <img decoding=\"async\" src=\"https:\/\/equilibriospa.com\/wp-content\/uploads\/2025\/05\/servicos.png\" alt=\"Ambiente de spa com terapias\" class=\"card-image\" loading=\"lazy\" onerror='this.src=\"https:\/\/placehold.co\/400x225\/EBE6DB\/454545?text=Link\"'>\r\n <\/div>\r\n <div class=\"card-footer\">\r\n <div class=\"card-text\">\r\n <div class=\"card-title\">Os Nossos Servi\u00e7os<\/div>\r\n <div class=\"card-description\">Explore as nossas terapias de relaxamento e bem-estar.<\/div>\r\n <\/div>\r\n <i class=\"fas fa-chevron-right card-arrow\"><\/i>\r\n <\/div>\r\n <\/a>\r\n\r\n <\/main>\r\n\r\n <footer>\r\n <p>\u00a92025 Equil\u00edbrio Studio - Todos os direitos reservados<\/p>\r\n <p>A promover o equil\u00edbrio entre corpo e mente<\/p>\r\n <p><a href=\"https:\/\/equilibriospa.com\/politica-de-privacidade\" target=\"_blank\">Pol\u00edtica de Privacidade<\/a><\/p>\r\n <\/footer>\r\n <\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>Equil\u00edbrio Studio @equilibriostudio Agendamento Online Reserve o seu hor\u00e1rio de massoterapia com facilidade. Os Nossos Profissionais Conhe\u00e7a a nossa equipa de terapeutas especializados. Blog Leia artigos sobre sa\u00fade e qualidade de vida. Os Nossos Servi\u00e7os Explore as nossas terapias de relaxamento e bem-estar. \u00a92025 Equil\u00edbrio Studio – Todos os direitos reservados A promover o equil\u00edbrio […]<\/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-3524","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/pages\/3524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/comments?post=3524"}],"version-history":[{"count":43,"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/pages\/3524\/revisions"}],"predecessor-version":[{"id":3653,"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/pages\/3524\/revisions\/3653"}],"wp:attachment":[{"href":"https:\/\/equilibriospa.com\/index.php\/wp-json\/wp\/v2\/media?parent=3524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}