{"id":430,"date":"2025-06-13T11:29:07","date_gmt":"2025-06-13T10:29:07","guid":{"rendered":"https:\/\/sa.ib6.pt\/?page_id=430"},"modified":"2025-06-13T11:39:55","modified_gmt":"2025-06-13T10:39:55","slug":"contacto","status":"publish","type":"page","link":"https:\/\/sa.ib6.pt\/?page_id=430","title":{"rendered":"Contacto"},"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 Contato | Paulo S\u00e1<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --dark: #0e0e0e;\r\n --light: #ffffff;\r\n --gray: #2a2a2a;\r\n --light-gray: #e0e0e0;\r\n --medium-gray: #7a7a7a;\r\n }\r\n \r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap');\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n \r\n body {\r\n margin: 0;\r\n background-color: var(--dark);\r\n color: var(--light);\r\n font-family: 'Inter', sans-serif;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Efeito de linhas animadas no fundo *\/\r\n .lines {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: -1;\r\n pointer-events: none;\r\n overflow: hidden;\r\n }\r\n \r\n .line {\r\n position: absolute;\r\n background: rgba(255, 255, 255, 0.03);\r\n animation: lineAnimation 15s linear infinite;\r\n }\r\n \r\n @keyframes lineAnimation {\r\n 0% { transform: translateY(-100%) rotate(0deg); }\r\n 100% { transform: translateY(100vh) rotate(360deg); }\r\n }\r\n \r\n .contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 80px 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n \r\n .contact-header {\r\n text-align: center;\r\n margin-bottom: 60px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 1s forwards 0.3s;\r\n }\r\n \r\n .contact-header h2 {\r\n font-size: 3rem;\r\n font-weight: 700;\r\n margin-bottom: 20px;\r\n color: var(--light);\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .contact-header h2::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -10px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80px;\r\n height: 2px;\r\n background: var(--light);\r\n border-radius: 2px;\r\n }\r\n \r\n .contact-header p {\r\n font-size: 1.2rem;\r\n color: var(--medium-gray);\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n \r\n .contact-content {\r\n display: flex;\r\n justify-content: center;\r\n width: 100%;\r\n flex-wrap: wrap;\r\n gap: 30px;\r\n opacity: 0;\r\n transform: translateY(30px);\r\n animation: fadeInUp 1s forwards 0.6s;\r\n }\r\n \r\n .contact-info {\r\n flex: 1;\r\n min-width: 300px;\r\n max-width: 500px;\r\n }\r\n \r\n .contact-methods {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n \r\n .contact-method {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 25px;\r\n padding: 25px;\r\n background: rgba(30, 30, 30, 0.8);\r\n border-radius: 12px;\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n transform: translateY(0);\r\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\r\n }\r\n \r\n .contact-method:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4);\r\n border-color: var(--medium-gray);\r\n background: rgba(40, 40, 40, 0.9);\r\n }\r\n \r\n .method-icon {\r\n font-size: 1.8rem;\r\n color: var(--light);\r\n min-width: 50px;\r\n height: 50px;\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .contact-method:hover .method-icon {\r\n background: var(--light);\r\n color: var(--dark);\r\n transform: scale(1.1);\r\n }\r\n \r\n .method-content h3 {\r\n font-size: 1.3rem;\r\n margin: 0 0 10px 0;\r\n color: var(--light);\r\n font-weight: 600;\r\n letter-spacing: 0.5px;\r\n }\r\n \r\n .method-content p {\r\n margin: 0;\r\n color: var(--medium-gray);\r\n font-size: 1.1rem;\r\n }\r\n \r\n .method-content a {\r\n color: var(--light);\r\n text-decoration: none;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n font-weight: 500;\r\n }\r\n \r\n .method-content a:hover {\r\n color: var(--light-gray);\r\n }\r\n \r\n .method-content a::after {\r\n content: '';\r\n position: absolute;\r\n bottom: -2px;\r\n left: 0;\r\n width: 0;\r\n height: 1px;\r\n background: var(--light);\r\n transition: width 0.3s ease;\r\n }\r\n \r\n .method-content a:hover::after {\r\n width: 100%;\r\n }\r\n \r\n .signature {\r\n margin-top: 80px;\r\n text-align: center;\r\n opacity: 0;\r\n animation: fadeIn 1s forwards 1s;\r\n }\r\n \r\n .signature h3 {\r\n font-size: 2rem;\r\n margin: 0 0 10px 0;\r\n color: var(--light);\r\n font-weight: 700;\r\n letter-spacing: 1px;\r\n }\r\n \r\n .social-links {\r\n display: flex;\r\n justify-content: center;\r\n gap: 25px;\r\n margin-top: 30px;\r\n }\r\n \r\n .social-links a {\r\n color: var(--medium-gray);\r\n font-size: 1.5rem;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n \r\n .social-links a:hover {\r\n color: var(--light);\r\n transform: translateY(-5px) scale(1.1);\r\n }\r\n \r\n \/* Anima\u00e7\u00f5es *\/\r\n @keyframes fadeInUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n \/* Efeito de brilho sutil nos cards *\/\r\n .contact-method::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(\r\n 45deg,\r\n transparent,\r\n rgba(255, 255, 255, 0.02),\r\n transparent\r\n );\r\n opacity: 0;\r\n transition: opacity 0.5s ease;\r\n }\r\n \r\n .contact-method:hover::before {\r\n opacity: 1;\r\n animation: shine 2s ease infinite;\r\n }\r\n \r\n @keyframes shine {\r\n 0% { background-position: -100% 0; }\r\n 100% { background-position: 200% 0; }\r\n }\r\n \r\n \/* Responsivo *\/\r\n @media (max-width: 768px) {\r\n .contact-header h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .contact-header p {\r\n font-size: 1rem;\r\n }\r\n \r\n .contact-method {\r\n padding: 20px;\r\n gap: 20px;\r\n }\r\n \r\n .method-icon {\r\n font-size: 1.5rem;\r\n min-width: 45px;\r\n height: 45px;\r\n }\r\n \r\n .social-links {\r\n gap: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Efeito de linhas animadas -->\r\n <div class=\"lines\" id=\"lines\"><\/div>\r\n\r\n <div class=\"contact-container\">\r\n <div class=\"contact-header\">\r\n <h2>Contacto<\/h2>\r\n <p>Se interessou pelo meu perfil? Abaixo voc\u00ea encontra meus contatos para propostas, projetos ou at\u00e9 mesmo um bate-papo. Espero seu contato!<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-content\">\r\n <div class=\"contact-info\">\r\n <div class=\"contact-methods\">\r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div class=\"method-content\">\r\n <h3>Telefone<\/h3>\r\n <p><a href=\"tel:+351913403792\">(+351) 913 403 792<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"contact-method\">\r\n <div class=\"method-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div class=\"method-content\">\r\n <h3>Email<\/h3>\r\n <p><a href=\"mailto:paukoy36@gmail.com\">paukoy36@gmail.com<\/a><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"signature\">\r\n <h3>Paulo S\u00e1<\/h3>\r\n \r\n <\/div>\r\n <\/div>\r\n \r\n\r\n <script>\r\n \/\/ Efeito de linhas animadas\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const linesContainer = document.getElementById('lines');\r\n const lineCount = 15;\r\n \r\n for (let i = 0; i < lineCount; i++) {\r\n const line = document.createElement('div');\r\n line.classList.add('line');\r\n \r\n \/\/ Posi\u00e7\u00e3o e tamanho aleat\u00f3rios\r\n const posX = Math.random() * 100;\r\n const width = Math.random() * 300 + 100;\r\n const height = Math.random() * 2 + 1;\r\n \r\n \/\/ Dura\u00e7\u00e3o da anima\u00e7\u00e3o aleat\u00f3ria entre 10s e 25s\r\n const duration = Math.random() * 15 + 10;\r\n \r\n \/\/ Atraso aleat\u00f3rio at\u00e9 10s\r\n const delay = Math.random() * 10;\r\n \r\n line.style.left = `${posX}%`;\r\n line.style.width = `${width}px`;\r\n line.style.height = `${height}px`;\r\n line.style.animationDuration = `${duration}s`;\r\n line.style.animationDelay = `${delay}s`;\r\n \r\n linesContainer.appendChild(line);\r\n }\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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>Contato | Paulo S\u00e1 Contacto Se interessou pelo meu perfil? Abaixo voc\u00ea encontra meus contatos para propostas, projetos ou at\u00e9 mesmo um bate-papo. Espero seu contato! Telefone (+351) 913 403 792 Email paukoy36@gmail.com Paulo S\u00e1<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=430"}],"version-history":[{"count":16,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/430\/revisions"}],"predecessor-version":[{"id":448,"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=\/wp\/v2\/pages\/430\/revisions\/448"}],"wp:attachment":[{"href":"https:\/\/sa.ib6.pt\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}