{"id":16,"date":"2026-07-28T21:35:51","date_gmt":"2026-07-28T21:35:51","guid":{"rendered":"http:\/\/191.252.178.10\/?page_id=16"},"modified":"2026-07-28T22:24:39","modified_gmt":"2026-07-28T22:24:39","slug":"home","status":"publish","type":"page","link":"https:\/\/rustphill.tec.br\/","title":{"rendered":"Home"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!-- C\u00d3DIGO COMPLETO - HOME DARK LIMPA (SEM IMAGEM DE FUNDO) -->\n<style>\n  :root {\n    --bg-dark: #0f172a;\n    --bg-card: #1e293b;\n    --bg-card-hover: #334155;\n    --text-main: #f8fafc;\n    --text-muted: #94a3b8;\n    --accent: #38bdf8;\n    --accent-glow: rgba(56, 189, 248, 0.15);\n    --border: #334155;\n    --radius: 12px;\n  }\n\n  \/* Reset global *\/\n  html, body {\n    background-color: var(--bg-dark) !important;\n    color: var(--text-main) !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow-x: hidden;\n  }\n\n  \/* Esconde t\u00edtulos autom\u00e1ticos da p\u00e1gina *\/\n  .entry-title, .page-title, h1.wp-block-post-title {\n    display: none !important;\n  }\n\n  \/* Estrutura da Home *\/\n  .dark-site-container {\n    width: 100%;\n    max-width: 100%;\n    background-color: var(--bg-dark);\n    color: var(--text-main);\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    line-height: 1.6;\n    padding: 2rem 1rem 4rem 1rem;\n    box-sizing: border-box;\n  }\n\n  .dark-site-content {\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto !important;\n  }\n\n  \/* Hero Section *\/\n  .hero-section {\n    text-align: center;\n    padding: 3rem 1rem 4rem 1rem;\n    border-bottom: 1px solid var(--border);\n  }\n\n  .hero-badge {\n    display: inline-block;\n    background: var(--accent-glow);\n    color: var(--accent);\n    border: 1px solid var(--accent);\n    padding: 0.35rem 1rem;\n    border-radius: 50px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    margin-bottom: 1.5rem;\n  }\n\n  .hero-title {\n    font-size: 2.75rem;\n    font-weight: 800;\n    line-height: 1.2;\n    margin-bottom: 1rem;\n    color: #ffffff;\n    font-family: system-ui, -apple-system, sans-serif !important;\n  }\n\n  .hero-subtitle {\n    font-size: 1.15rem;\n    color: var(--text-muted);\n    max-width: 650px;\n    margin: 0 auto 2rem auto;\n  }\n\n  \/* Bot\u00f5es CTA *\/\n  .cta-button {\n    display: inline-block;\n    background-color: var(--accent);\n    color: #0f172a;\n    font-weight: 700;\n    padding: 0.85rem 1.75rem;\n    border-radius: 8px;\n    text-decoration: none;\n    transition: all 0.2s ease;\n  }\n\n  .cta-button:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 0 20px rgba(56, 189, 248, 0.4);\n  }\n\n  .cta-button-outline {\n    display: inline-block;\n    background-color: transparent;\n    color: var(--text-main);\n    border: 1px solid var(--border);\n    font-weight: 600;\n    padding: 0.85rem 1.75rem;\n    border-radius: 8px;\n    text-decoration: none;\n    transition: all 0.2s ease;\n  }\n\n  .cta-button-outline:hover {\n    border-color: var(--accent);\n    color: var(--accent);\n    transform: translateY(-2px);\n  }\n\n  \/* Se\u00e7\u00f5es e Cards *\/\n  .section-title {\n    font-size: 1.75rem;\n    font-weight: 700;\n    margin: 3.5rem 0 1.5rem 0;\n    color: #ffffff;\n    text-align: left;\n    font-family: system-ui, -apple-system, sans-serif !important;\n  }\n\n  .grid-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 1.5rem;\n  }\n\n  .card {\n    background-color: var(--bg-card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    padding: 1.75rem;\n    transition: all 0.2s ease;\n  }\n\n  .card:hover {\n    border-color: var(--accent);\n    transform: translateY(-3px);\n  }\n\n  .card-icon {\n    font-size: 1.75rem;\n    margin-bottom: 1rem;\n  }\n\n  .card-title {\n    font-size: 1.25rem;\n    font-weight: 600;\n    margin-bottom: 0.5rem;\n    color: #ffffff;\n    font-family: system-ui, -apple-system, sans-serif !important;\n  }\n\n  .card-text {\n    color: var(--text-muted);\n    font-size: 0.95rem;\n  }\n\n  \/* Rodap\u00e9 \/ Contato *\/\n  .contact-footer {\n    margin-top: 4rem;\n    padding: 3rem 1.5rem;\n    background: var(--bg-card);\n    border: 1px solid var(--border);\n    border-radius: var(--radius);\n    text-align: center;\n    font-family: system-ui, -apple-system, sans-serif !important;\n  }\n\n  .contact-title {\n    font-size: 2rem;\n    font-weight: 800;\n    color: #ffffff !important;\n    margin: 0 0 0.5rem 0;\n    font-family: system-ui, -apple-system, sans-serif !important;\n  }\n\n  .contact-links-grid {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 1.25rem;\n    margin-top: 2rem;\n  }\n\n  .contact-item {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.6rem;\n    background: #0f172a;\n    border: 1px solid var(--border);\n    padding: 0.75rem 1.25rem;\n    border-radius: 8px;\n    color: var(--text-main);\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 0.95rem;\n    transition: all 0.2s ease;\n  }\n\n  .contact-item:hover {\n    border-color: var(--accent);\n    color: var(--accent);\n    transform: translateY(-2px);\n  }\n\n  .contact-item svg {\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n    flex-shrink: 0;\n  }\n<\/style>\n\n<div class=\"dark-site-container\">\n  <div class=\"dark-site-content\">\n\n    <!-- HERO SECTION -->\n    <section class=\"hero-section\">\n      <span class=\"hero-badge\">INFRAESTRUTURA &#038; TECNOLOGIA<\/span>\n      <h1 class=\"hero-title\">Solu\u00e7\u00f5es em TI, Automa\u00e7\u00e3o e Redes<\/h1>\n      <p class=\"hero-subtitle\">\n        Projetando ambientes computacionais eficientes, automa\u00e7\u00f5es personalizadas e consultoria t\u00e9cnica especializada.\n      <\/p>\n      <div style=\"display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap;\">\n        <a href=\"#contato\" class=\"cta-button\">Entre em Contato<\/a>\n        <a href=\"https:\/\/rustphill.tec.br\/index.php\/blog\/\" class=\"cta-button-outline\">Ver Publica\u00e7\u00f5es \/ Blog \u2192<\/a>\n      <\/div>\n    <\/section>\n\n    <!-- SERVI\u00c7OS -->\n    <h2 class=\"section-title\">O que eu fa\u00e7o<\/h2>\n    <div class=\"grid-cards\">\n      <div class=\"card\">\n        <div class=\"card-icon\">\u26a1<\/div>\n        <h3 class=\"card-title\">Automa\u00e7\u00e3o de Processos<\/h3>\n        <p class=\"card-text\">Integra\u00e7\u00e3o de APIs, pipelines com n8n e otimiza\u00e7\u00e3o de fluxos corporativos.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"card-icon\">\ud83d\udda5\ufe0f<\/div>\n        <h3 class=\"card-title\">Servidores &#038; Virtualiza\u00e7\u00e3o<\/h3>\n        <p class=\"card-text\">Gest\u00e3o de ambientes Proxmox, containers Docker, LXC e storage TrueNAS.<\/p>\n      <\/div>\n      <div class=\"card\">\n        <div class=\"card-icon\">\ud83d\udd12<\/div>\n        <h3 class=\"card-title\">Redes &#038; Seguran\u00e7a<\/h3>\n        <p class=\"card-text\">Configura\u00e7\u00e3o de VPNs (Tailscale, NetBird), Firewalls e infraestrutura corporativa.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- \u00c1REA DE DESTAQUE DO BLOG -->\n    <h2 class=\"section-title\">Blog &#038; Artigos<\/h2>\n    <div class=\"card\" style=\"display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem; background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border-color: var(--accent);\">\n      <div>\n        <h3 class=\"card-title\" style=\"margin: 0 0 0.5rem 0;\">Acesse meus artigos e tutoriais<\/h3>\n        <p class=\"card-text\" style=\"margin: 0;\">Confira os posts publicados sobre tecnologia, automa\u00e7\u00e3o e infraestrutura de TI.<\/p>\n      <\/div>\n      <a href=\"https:\/\/rustphill.tec.br\/index.php\/blog\/\" class=\"cta-button\" style=\"white-space: nowrap;\">Acessar o Blog \u2192<\/a>\n    <\/div>\n\n    <!-- RODAP\u00c9 DE CONTATO -->\n    <section id=\"contato\" class=\"contact-footer\">\n      <h2 class=\"contact-title\">Entre em Contato<\/h2>\n      <p style=\"color: var(--text-muted); margin: 0; font-size: 1rem;\">Dispon\u00edvel para consultorias e projetos de infraestrutura.<\/p>\n\n      <div class=\"contact-links-grid\">\n        <!-- EMAIL -->\n        <a href=\"mailto:philipsscosta@gmail.com\" class=\"contact-item\" title=\"Enviar E-mail\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n          philipsscosta@gmail.com\n        <\/a>\n\n        <!-- LINKEDIN -->\n        <a href=\"https:\/\/www.linkedin.com\/in\/phillcosta\/\" target=\"_blank\" rel=\"noopener\" class=\"contact-item\" title=\"Acessar LinkedIn\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-0.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.46 10.9v8.37H9.25V10.9H6.46M7.86 6.75a1.48 1.48 0 1 0 0 2.96 1.48 1.48 0 0 0 0-2.96z\"\/><\/svg>\n          LinkedIn\n        <\/a>\n\n        <!-- WHATSAPP -->\n        <a href=\"https:\/\/wa.link\/9q1sio\" target=\"_blank\" rel=\"noopener\" class=\"contact-item\" title=\"Mandar WhatsApp\">\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.816 9.816 0 0 0 12.04 2m.01 1.67c4.55 0 8.24 3.69 8.24 8.24 0 2.2-0.86 4.27-2.42 5.82a8.188 8.188 0 0 1-5.82 2.42c-1.46 0-2.91-.39-4.18-1.14l-.3-.18-3.11.82.83-3.03-.2-.31a8.17 8.17 0 0 1-1.28-4.4c0-4.55 3.69-8.24 8.24-8.24m-3.52 4.8c-.19 0-.49.07-.75.36s-1 1-.1 2.41 1.02 2.78 2.37 4.13c1.35 1.35 2.73 2.11 4.13 2.37.42.08 1-.1 1.29-.36s.36-.56.49-.75.07-.36 0-.49-.49-.75-1.02-1.02-.27-1.15.07c-.13.33-.26.49-.49.49s-1.15-.36-2.18-1.28c-.81-.72-1.35-1.61-1.51-1.88s-.02-.42.11-.55c.12-.12.27-.31.4-.46s.18-.26.27-.43.04-.33 0-.46-.49-1.29-.75-1.78c-.26-.49-.52-.42-.71-.42z\"\/><\/svg>\n          WhatsApp\n        <\/a>\n      <\/div>\n    <\/section>\n\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>INFRAESTRUTURA &#038; TECNOLOGIA Solu\u00e7\u00f5es em TI, Automa\u00e7\u00e3o e Redes Projetando ambientes computacionais eficientes, automa\u00e7\u00f5es personalizadas e consultoria t\u00e9cnica especializada. Entre em Contato Ver Publica\u00e7\u00f5es \/ Blog \u2192 O que eu fa\u00e7o \u26a1 Automa\u00e7\u00e3o de Processos Integra\u00e7\u00e3o de APIs, pipelines com n8n e otimiza\u00e7\u00e3o de fluxos corporativos. \ud83d\udda5\ufe0f Servidores &#038; Virtualiza\u00e7\u00e3o Gest\u00e3o de ambientes Proxmox, containers [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":18,"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":47,"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/47"}],"wp:attachment":[{"href":"https:\/\/rustphill.tec.br\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}