PixelBrand Studio<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n :root {\r\n --naranja: #FF4B2B;\r\n --naranja-dark: #e03a1a;\r\n --naranja-light: #fff5f3;\r\n --negro: #1a1a1a;\r\n --gris: #f7f7f7;\r\n --gris2: #2a2a2a;\r\n --texto: #555;\r\n --blanco: #ffffff;\r\n }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Poppins', sans-serif; color: var(--negro); background: #fff; overflow-x: hidden; }\r\n\r\n \/* NAV *\/\r\n nav {\r\n position: sticky; top: 0; z-index: 100;\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 1rem 4rem;\r\n background: #fff;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.07);\r\n }\r\n .logo { font-size: 1.4rem; font-weight: 800; color: var(--negro); text-decoration: none; letter-spacing: -0.02em; }\r\n .logo span { color: var(--naranja); }\r\n .logo small { font-size: 0.6rem; font-weight: 400; color: #999; display: block; letter-spacing: 0.1em; text-transform: uppercase; margin-top: -4px; }\r\n nav ul { list-style: none; display: flex; gap: 2.5rem; }\r\n nav ul a { text-decoration: none; color: var(--texto); font-size: 0.85rem; font-weight: 500; transition: color 0.2s; position: relative; }\r\n nav ul a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--naranja); transition: width 0.2s; }\r\n nav ul a:hover { color: var(--naranja); }\r\n nav ul a:hover::after { width: 100%; }\r\n\r\n \/* HERO *\/\r\n #inicio {\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%);\r\n min-height: 92vh;\r\n display: flex; align-items: center;\r\n padding: 5rem 4rem;\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%);\r\n position: relative; overflow: hidden;\r\n }\r\n #inicio::before {\r\n content: 'PBS';\r\n position: absolute; right: -2rem; top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 22rem; font-weight: 800;\r\n color: transparent;\r\n -webkit-text-stroke: 1px #f5e8e5;\r\n pointer-events: none; user-select: none;\r\n line-height: 1;\r\n }\r\n .hero-content { max-width: 650px; position: relative; z-index: 1; }\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: var(--naranja); color: #fff;\r\n font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em;\r\n text-transform: uppercase; padding: 0.45rem 1.1rem;\r\n border-radius: 999px; margin-bottom: 1.8rem;\r\n }\r\n .hero-badge::before { content: '\u25cf'; font-size: 0.5rem; }\r\n #inicio h1 {\r\n font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800;\r\n line-height: 1.1; letter-spacing: -0.03em;\r\n color: var(--negro); margin-bottom: 1.5rem;\r\n }\r\n #inicio h1 span { color: var(--naranja); }\r\n #inicio p { font-size: 1.05rem; color: var(--texto); line-height: 1.75; margin-bottom: 2.5rem; max-width: 520px; font-weight: 300; }\r\n .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n .btn-primary {\r\n background: var(--naranja); color: #fff;\r\n padding: 0.9rem 2.2rem; border-radius: 8px;\r\n font-size: 0.9rem; font-weight: 600;\r\n text-decoration: none; display: inline-block;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--naranja-dark); transform: translateY(-2px); }\r\n .btn-secondary {\r\n background: transparent; color: var(--negro);\r\n padding: 0.9rem 2.2rem; border-radius: 8px;\r\n border: 2px solid #ddd;\r\n font-size: 0.9rem; font-weight: 600;\r\n text-decoration: none; display: inline-block;\r\n transition: border-color 0.2s, color 0.2s;\r\n }\r\n .btn-secondary:hover { border-color: var(--naranja); color: var(--naranja); }\r\n .hero-stats {\r\n display: flex; gap: 3rem; margin-top: 3.5rem;\r\n padding-top: 2.5rem; border-top: 1px solid #eee;\r\n }\r\n .hero-stat .num { font-size: 2rem; font-weight: 800; color: var(--naranja); line-height: 1; }\r\n .hero-stat .desc { font-size: 0.78rem; color: #888; margin-top: 0.3rem; font-weight: 400; }\r\n\r\n \/* SECCIONES GENERALES *\/\r\n section { padding: 6rem 4rem; }\r\n .section-header { text-align: center; margin-bottom: 4rem; }\r\n .section-tag {\r\n display: inline-block;\r\n font-size: 0.72rem; font-weight: 600; letter-spacing: 0.15em;\r\n text-transform: uppercase; color: var(--naranja);\r\n border: 1.5px solid var(--naranja); padding: 0.3rem 0.9rem;\r\n border-radius: 4px; margin-bottom: 1rem;\r\n }\r\n .section-header h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: var(--negro); margin-bottom: 0.8rem; letter-spacing: -0.02em; }\r\n .section-header p { font-size: 0.95rem; color: #888; max-width: 500px; margin: 0 auto; line-height: 1.7; font-weight: 300; }\r\n\r\n \/* QUI\u00c9NES SOMOS *\/\r\n #quienes { background: var(--gris); }\r\n .quienes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; max-width: 1100px; margin: 0 auto; }\r\n .quienes-text h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.2rem; letter-spacing: -0.02em; }\r\n .quienes-text h3 span { color: var(--naranja); }\r\n .quienes-text p { font-size: 0.95rem; color: var(--texto); line-height: 1.85; font-weight: 300; margin-bottom: 1rem; }\r\n .quienes-pillars { display: flex; flex-direction: column; gap: 1.5rem; }\r\n .pillar {\r\n display: flex; gap: 1.2rem; align-items: flex-start;\r\n background: #fff; padding: 1.5rem; border-radius: 12px;\r\n border-left: 4px solid var(--naranja);\r\n }\r\n .pillar-icon { font-size: 1.8rem; flex-shrink: 0; }\r\n .pillar h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.3rem; }\r\n .pillar p { font-size: 0.85rem; color: #777; font-weight: 300; line-height: 1.6; }\r\n\r\n \/* MISI\u00d3N Y VISI\u00d3N *\/\r\n #mision { background: var(--negro); }\r\n #mision .section-header h2 { color: #fff; }\r\n #mision .section-header p { color: #aaa; }\r\n #mision .section-tag { color: var(--naranja); border-color: var(--naranja); }\r\n .mv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 900px; margin: 0 auto; }\r\n .mv-card {\r\n background: var(--gris2); border-radius: 16px;\r\n padding: 3rem 2.5rem; text-align: center;\r\n border: 1px solid #333; position: relative; overflow: hidden;\r\n transition: border-color 0.3s, transform 0.3s;\r\n }\r\n .mv-card:hover { border-color: var(--naranja); transform: translateY(-4px); }\r\n .mv-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n height: 4px; background: var(--naranja);\r\n }\r\n .mv-icon { font-size: 3rem; margin-bottom: 1.2rem; display: block; }\r\n .mv-card h3 { font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 1rem; }\r\n .mv-card p { font-size: 0.88rem; color: #aaa; line-height: 1.8; font-weight: 300; }\r\n\r\n \/* SERVICIOS *\/\r\n #servicios { background: #fff; }\r\n .servicios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }\r\n .servicio-card {\r\n border: 1.5px solid #f0f0f0; border-radius: 14px;\r\n padding: 2.2rem 1.8rem;\r\n transition: box-shadow 0.25s, border-color 0.25s, transform 0.25s;\r\n position: relative; overflow: hidden;\r\n }\r\n .servicio-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 3px; background: var(--naranja);\r\n transform: scaleX(0); transition: transform 0.3s;\r\n }\r\n .servicio-card:hover { box-shadow: 0 12px 32px rgba(255,75,43,0.12); border-color: #ffd5cc; transform: translateY(-4px); }\r\n .servicio-card:hover::after { transform: scaleX(1); }\r\n .servicio-num { font-size: 0.72rem; font-weight: 700; color: var(--naranja); letter-spacing: 0.15em; margin-bottom: 1rem; }\r\n .servicio-icon { font-size: 2.2rem; margin-bottom: 1rem; display: block; }\r\n .servicio-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.6rem; color: var(--negro); }\r\n .servicio-card p { font-size: 0.85rem; color: #777; line-height: 1.7; font-weight: 300; }\r\n\r\n \/* CONTACTO *\/\r\n #contacto { background: var(--naranja); padding: 6rem 4rem; text-align: center; }\r\n #contacto h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 0.8rem; letter-spacing: -0.02em; }\r\n #contacto > p { color: rgba(255,255,255,0.8); font-size: 1rem; margin-bottom: 3.5rem; font-weight: 300; }\r\n .contact-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; max-width: 750px; margin: 0 auto; }\r\n .contact-card {\r\n background: rgba(255,255,255,0.15); backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n border-radius: 14px; padding: 1.8rem 2.2rem;\r\n min-width: 190px; text-align: center;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .contact-card:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px); }\r\n .contact-card .c-icon { font-size: 1.8rem; margin-bottom: 0.7rem; display: block; }\r\n .contact-card .c-label { font-size: 0.68rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.12em; }\r\n .contact-card .c-val { font-size: 0.9rem; color: #fff; font-weight: 600; margin-top: 0.3rem; }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: #111; padding: 2rem 4rem;\r\n display: flex; justify-content: space-between; align-items: center;\r\n flex-wrap: wrap; gap: 1rem;\r\n }\r\n footer .f-logo { font-size: 1rem; font-weight: 800; color: #444; text-decoration: none; }\r\n footer .f-logo span { color: var(--naranja); }\r\n footer p { font-size: 0.78rem; color: #444; }\r\n footer .f-ceo { font-size: 0.78rem; color: #555; }\r\n footer .f-ceo span { color: var(--naranja); font-weight: 600; }\r\n\r\n @media (max-width: 900px) {\r\n nav { padding: 1rem 1.5rem; }\r\n nav ul { gap: 1.2rem; }\r\n section { padding: 4rem 1.5rem; }\r\n #inicio {\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%); padding: 4rem 1.5rem; min-height: auto; }\r\n #inicio::before { display: none; }\r\n .quienes-grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n footer { padding: 1.5rem; flex-direction: column; text-align: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav>\r\n <a href=\"#inicio\" class=\"logo\">\r\n Pixel<span>Brand<\/span>\r\n <small>Studio<\/small>\r\n <\/a>\r\n <ul>\r\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\r\n <li><a href=\"#quienes\">Nosotros<\/a><\/li>\r\n <li><a href=\"#mision\">Misi\u00f3n & Visi\u00f3n<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n\r\n<section id=\"inicio\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Agencia de Dise\u00f1o & Publicidad Digital<\/div>\r\n <h1>Hacemos crecer tu marca en el <span>mundo digital.<\/span><\/h1>\r\n <p>Somos PixelBrand Studio, una agencia creativa especializada en dise\u00f1o gr\u00e1fico y publicidad en redes sociales. Construimos marcas memorables que convierten seguidores en clientes.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#servicios\" class=\"btn-primary\">Ver servicios<\/a>\r\n <a href=\"#contacto\" class=\"btn-secondary\">Cont\u00e1ctanos<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">100%<\/div>\r\n <div class=\"desc\">Dise\u00f1o personalizado<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">3x<\/div>\r\n <div class=\"desc\">M\u00e1s engagement<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">360\u00b0<\/div>\r\n <div class=\"desc\">Visi\u00f3n digital<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"quienes\">\r\n <div class=\"quienes-grid\">\r\n <div class=\"quienes-text\">\r\n <h3>\u00bfQui\u00e9nes <span>somos?<\/span><\/h3>\r\n <p>PixelBrand Studio es una agencia joven y creativa especializada en dise\u00f1o gr\u00e1fico digital y publicidad en redes sociales. Nacimos con la misi\u00f3n de ayudar a negocios de todos los tama\u00f1os a destacar en el mundo digital.<\/p>\r\n <p>Creemos que el dise\u00f1o no es solo est\u00e9tica \u2014 es comunicaci\u00f3n, estrategia y resultados. Cada proyecto que tomamos es una oportunidad para construir algo memorable.<\/p>\r\n <\/div>\r\n <div class=\"quienes-pillars\">\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\ud83c\udfa8<\/div>\r\n <div>\r\n <h4>Creatividad<\/h4>\r\n <p>Cada proyecto es \u00fanico. Dise\u00f1amos pensando en tu audiencia y en lo que realmente conecta.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\ud83d\udcca<\/div>\r\n <div>\r\n <h4>Estrategia<\/h4>\r\n <p>El dise\u00f1o al servicio del crecimiento. Cada decisi\u00f3n visual tiene un prop\u00f3sito claro.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\u2705<\/div>\r\n <div>\r\n <h4>Resultados<\/h4>\r\n <p>Medimos el impacto de cada campa\u00f1a para garantizar que tu inversi\u00f3n funcione.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"mision\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Identidad Corporativa<\/span>\r\n <h2>Misi\u00f3n & Visi\u00f3n<\/h2>\r\n <p>Los valores que gu\u00edan cada proyecto que realizamos<\/p>\r\n <\/div>\r\n <div class=\"mv-grid\">\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83c\udfaf<\/span>\r\n <h3>Misi\u00f3n<\/h3>\r\n <p>Ayudar a negocios de todos los tama\u00f1os a destacar en el mundo digital, construyendo marcas memorables y estrategias visuales que convierten seguidores en clientes reales.<\/p>\r\n <\/div>\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83d\ude80<\/span>\r\n <h3>Visi\u00f3n<\/h3>\r\n <p>Ser la agencia de dise\u00f1o y publicidad digital de referencia en Per\u00fa, reconocida por transformar marcas con creatividad, estrategia y resultados medibles y sostenibles.<\/p>\r\n <\/div>\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83d\udca1<\/span>\r\n <h3>Valores<\/h3>\r\n <p>Creatividad, compromiso, transparencia y orientaci\u00f3n a resultados. Trabajamos como si tu marca fuera nuestra propia marca.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"servicios\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Lo que hacemos<\/span>\r\n <h2>Nuestros Servicios<\/h2>\r\n <p>Todo lo que necesitas para crecer en el mundo digital bajo un mismo techo<\/p>\r\n <\/div>\r\n <div class=\"servicios-grid\">\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">01<\/div>\r\n <span class=\"servicio-icon\">\ud83d\udcf1<\/span>\r\n <h3>Gesti\u00f3n de Redes Sociales<\/h3>\r\n <p>Planificaci\u00f3n, creaci\u00f3n y publicaci\u00f3n de contenido estrat\u00e9gico en Instagram, TikTok, Facebook y m\u00e1s.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">02<\/div>\r\n <span class=\"servicio-icon\">\ud83c\udfa8<\/span>\r\n <h3>Dise\u00f1o de Contenido Visual<\/h3>\r\n <p>Posts, stories, reels animados y piezas gr\u00e1ficas que comunican tu marca con impacto real.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">03<\/div>\r\n <span class=\"servicio-icon\">\ud83d\udce2<\/span>\r\n <h3>Publicidad Digital (Ads)<\/h3>\r\n <p>Campa\u00f1as en Meta Ads y Google Ads optimizadas para alcance, generaci\u00f3n de leads y ventas.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">04<\/div>\r\n <span class=\"servicio-icon\">\u270f\ufe0f<\/span>\r\n <h3>Branding & Identidad Visual<\/h3>\r\n <p>Logotipos, paletas de color, tipograf\u00edas y gu\u00edas de estilo para marcas s\u00f3lidas y coherentes.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contacto\">\r\n <h2>\u00bfListo para crecer?<\/h2>\r\n <p>Cont\u00e1ctanos y hagamos crecer tu marca juntos.<\/p>\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\u2709\ufe0f<\/span>\r\n <div class=\"c-label\">Email<\/div>\r\n <div class=\"c-val\">hola@pixelbrandstudio.pe<\/div>\r\n <\/div>\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\ud83d\udcf8<\/span>\r\n <div class=\"c-label\">Instagram<\/div>\r\n <div class=\"c-val\">@pixelbrandstudio<\/div>\r\n <\/div>\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\ud83d\udcac<\/span>\r\n <div class=\"c-label\">WhatsApp<\/div>\r\n <div class=\"c-val\">+51 999 888 777<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <a href=\"#inicio\" class=\"f-logo\">Pixel<span>Brand<\/span> Studio<\/a>\r\n <p>\u00a9 2026 PixelBrand Studio \u2014 Dise\u00f1o que conecta. Publicidad que convierte.<\/p>\r\n <p class=\"f-ceo\">CEO: <span>Brayan Ruiz Mego<\/span><\/p>\r\n<\/footer>\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>PixelBrand Studio PixelBrand Studio Inicio Nosotros Misi\u00f3n & Visi\u00f3n Servicios Contacto Agencia de Dise\u00f1o & Publicidad Digital Hacemos crecer tu marca en el mundo digital. Somos PixelBrand Studio, una agencia creativa especializada en dise\u00f1o gr\u00e1fico y publicidad en redes sociales. Construimos marcas memorables que convierten seguidores en clientes. Ver servicios Cont\u00e1ctanos 100% Dise\u00f1o personalizado 3x […]<\/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-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":25,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPixelBrand Studio<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n :root {\r\n --naranja: #FF4B2B;\r\n --naranja-dark: #e03a1a;\r\n --naranja-light: #fff5f3;\r\n --negro: #1a1a1a;\r\n --gris: #f7f7f7;\r\n --gris2: #2a2a2a;\r\n --texto: #555;\r\n --blanco: #ffffff;\r\n }\r\n html { scroll-behavior: smooth; }\r\n body { font-family: 'Poppins', sans-serif; color: var(--negro); background: #fff; overflow-x: hidden; }\r\n\r\n \/* NAV *\/\r\n nav {\r\n position: sticky; top: 0; z-index: 100;\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 1rem 4rem;\r\n background: #fff;\r\n box-shadow: 0 2px 12px rgba(0,0,0,0.07);\r\n }\r\n .logo { font-size: 1.4rem; font-weight: 800; color: var(--negro); text-decoration: none; letter-spacing: -0.02em; }\r\n .logo span { color: var(--naranja); }\r\n .logo small { font-size: 0.6rem; font-weight: 400; color: #999; display: block; letter-spacing: 0.1em; text-transform: uppercase; margin-top: -4px; }\r\n nav ul { list-style: none; display: flex; gap: 2.5rem; }\r\n nav ul a { text-decoration: none; color: var(--texto); font-size: 0.85rem; font-weight: 500; transition: color 0.2s; position: relative; }\r\n nav ul a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--naranja); transition: width 0.2s; }\r\n nav ul a:hover { color: var(--naranja); }\r\n nav ul a:hover::after { width: 100%; }\r\n\r\n \/* HERO *\/\r\n #inicio {\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%);\r\n min-height: 92vh;\r\n display: flex; align-items: center;\r\n padding: 5rem 4rem;\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%);\r\n position: relative; overflow: hidden;\r\n }\r\n #inicio::before {\r\n content: 'PBS';\r\n position: absolute; right: -2rem; top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 22rem; font-weight: 800;\r\n color: transparent;\r\n -webkit-text-stroke: 1px #f5e8e5;\r\n pointer-events: none; user-select: none;\r\n line-height: 1;\r\n }\r\n .hero-content { max-width: 650px; position: relative; z-index: 1; }\r\n .hero-badge {\r\n display: inline-flex; align-items: center; gap: 0.5rem;\r\n background: var(--naranja); color: #fff;\r\n font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em;\r\n text-transform: uppercase; padding: 0.45rem 1.1rem;\r\n border-radius: 999px; margin-bottom: 1.8rem;\r\n }\r\n .hero-badge::before { content: '\u25cf'; font-size: 0.5rem; }\r\n #inicio h1 {\r\n font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800;\r\n line-height: 1.1; letter-spacing: -0.03em;\r\n color: var(--negro); margin-bottom: 1.5rem;\r\n }\r\n #inicio h1 span { color: var(--naranja); }\r\n #inicio p { font-size: 1.05rem; color: var(--texto); line-height: 1.75; margin-bottom: 2.5rem; max-width: 520px; font-weight: 300; }\r\n .hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }\r\n .btn-primary {\r\n background: var(--naranja); color: #fff;\r\n padding: 0.9rem 2.2rem; border-radius: 8px;\r\n font-size: 0.9rem; font-weight: 600;\r\n text-decoration: none; display: inline-block;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .btn-primary:hover { background: var(--naranja-dark); transform: translateY(-2px); }\r\n .btn-secondary {\r\n background: transparent; color: var(--negro);\r\n padding: 0.9rem 2.2rem; border-radius: 8px;\r\n border: 2px solid #ddd;\r\n font-size: 0.9rem; font-weight: 600;\r\n text-decoration: none; display: inline-block;\r\n transition: border-color 0.2s, color 0.2s;\r\n }\r\n .btn-secondary:hover { border-color: var(--naranja); color: var(--naranja); }\r\n .hero-stats {\r\n display: flex; gap: 3rem; margin-top: 3.5rem;\r\n padding-top: 2.5rem; border-top: 1px solid #eee;\r\n }\r\n .hero-stat .num { font-size: 2rem; font-weight: 800; color: var(--naranja); line-height: 1; }\r\n .hero-stat .desc { font-size: 0.78rem; color: #888; margin-top: 0.3rem; font-weight: 400; }\r\n\r\n \/* SECCIONES GENERALES *\/\r\n section { padding: 6rem 4rem; }\r\n .section-header { text-align: center; margin-bottom: 4rem; }\r\n .section-tag {\r\n display: inline-block;\r\n font-size: 0.72rem; font-weight: 600; letter-spacing: 0.15em;\r\n text-transform: uppercase; color: var(--naranja);\r\n border: 1.5px solid var(--naranja); padding: 0.3rem 0.9rem;\r\n border-radius: 4px; margin-bottom: 1rem;\r\n }\r\n .section-header h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); font-weight: 700; color: var(--negro); margin-bottom: 0.8rem; letter-spacing: -0.02em; }\r\n .section-header p { font-size: 0.95rem; color: #888; max-width: 500px; margin: 0 auto; line-height: 1.7; font-weight: 300; }\r\n\r\n \/* QUI\u00c9NES SOMOS *\/\r\n #quienes { background: var(--gris); }\r\n .quienes-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; max-width: 1100px; margin: 0 auto; }\r\n .quienes-text h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 1.2rem; letter-spacing: -0.02em; }\r\n .quienes-text h3 span { color: var(--naranja); }\r\n .quienes-text p { font-size: 0.95rem; color: var(--texto); line-height: 1.85; font-weight: 300; margin-bottom: 1rem; }\r\n .quienes-pillars { display: flex; flex-direction: column; gap: 1.5rem; }\r\n .pillar {\r\n display: flex; gap: 1.2rem; align-items: flex-start;\r\n background: #fff; padding: 1.5rem; border-radius: 12px;\r\n border-left: 4px solid var(--naranja);\r\n }\r\n .pillar-icon { font-size: 1.8rem; flex-shrink: 0; }\r\n .pillar h4 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.3rem; }\r\n .pillar p { font-size: 0.85rem; color: #777; font-weight: 300; line-height: 1.6; }\r\n\r\n \/* MISI\u00d3N Y VISI\u00d3N *\/\r\n #mision { background: var(--negro); }\r\n #mision .section-header h2 { color: #fff; }\r\n #mision .section-header p { color: #aaa; }\r\n #mision .section-tag { color: var(--naranja); border-color: var(--naranja); }\r\n .mv-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; max-width: 900px; margin: 0 auto; }\r\n .mv-card {\r\n background: var(--gris2); border-radius: 16px;\r\n padding: 3rem 2.5rem; text-align: center;\r\n border: 1px solid #333; position: relative; overflow: hidden;\r\n transition: border-color 0.3s, transform 0.3s;\r\n }\r\n .mv-card:hover { border-color: var(--naranja); transform: translateY(-4px); }\r\n .mv-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; right: 0;\r\n height: 4px; background: var(--naranja);\r\n }\r\n .mv-icon { font-size: 3rem; margin-bottom: 1.2rem; display: block; }\r\n .mv-card h3 { font-size: 1.2rem; font-weight: 700; color: #fff; margin-bottom: 1rem; }\r\n .mv-card p { font-size: 0.88rem; color: #aaa; line-height: 1.8; font-weight: 300; }\r\n\r\n \/* SERVICIOS *\/\r\n #servicios { background: #fff; }\r\n .servicios-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.5rem; max-width: 1100px; margin: 0 auto; }\r\n .servicio-card {\r\n border: 1.5px solid #f0f0f0; border-radius: 14px;\r\n padding: 2.2rem 1.8rem;\r\n transition: box-shadow 0.25s, border-color 0.25s, transform 0.25s;\r\n position: relative; overflow: hidden;\r\n }\r\n .servicio-card::after {\r\n content: ''; position: absolute; bottom: 0; left: 0; right: 0;\r\n height: 3px; background: var(--naranja);\r\n transform: scaleX(0); transition: transform 0.3s;\r\n }\r\n .servicio-card:hover { box-shadow: 0 12px 32px rgba(255,75,43,0.12); border-color: #ffd5cc; transform: translateY(-4px); }\r\n .servicio-card:hover::after { transform: scaleX(1); }\r\n .servicio-num { font-size: 0.72rem; font-weight: 700; color: var(--naranja); letter-spacing: 0.15em; margin-bottom: 1rem; }\r\n .servicio-icon { font-size: 2.2rem; margin-bottom: 1rem; display: block; }\r\n .servicio-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 0.6rem; color: var(--negro); }\r\n .servicio-card p { font-size: 0.85rem; color: #777; line-height: 1.7; font-weight: 300; }\r\n\r\n \/* CONTACTO *\/\r\n #contacto { background: var(--naranja); padding: 6rem 4rem; text-align: center; }\r\n #contacto h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 0.8rem; letter-spacing: -0.02em; }\r\n #contacto > p { color: rgba(255,255,255,0.8); font-size: 1rem; margin-bottom: 3.5rem; font-weight: 300; }\r\n .contact-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; max-width: 750px; margin: 0 auto; }\r\n .contact-card {\r\n background: rgba(255,255,255,0.15); backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255,255,255,0.3);\r\n border-radius: 14px; padding: 1.8rem 2.2rem;\r\n min-width: 190px; text-align: center;\r\n transition: background 0.2s, transform 0.2s;\r\n }\r\n .contact-card:hover { background: rgba(255,255,255,0.25); transform: translateY(-3px); }\r\n .contact-card .c-icon { font-size: 1.8rem; margin-bottom: 0.7rem; display: block; }\r\n .contact-card .c-label { font-size: 0.68rem; color: rgba(255,255,255,0.7); text-transform: uppercase; letter-spacing: 0.12em; }\r\n .contact-card .c-val { font-size: 0.9rem; color: #fff; font-weight: 600; margin-top: 0.3rem; }\r\n\r\n \/* FOOTER *\/\r\n footer {\r\n background: #111; padding: 2rem 4rem;\r\n display: flex; justify-content: space-between; align-items: center;\r\n flex-wrap: wrap; gap: 1rem;\r\n }\r\n footer .f-logo { font-size: 1rem; font-weight: 800; color: #444; text-decoration: none; }\r\n footer .f-logo span { color: var(--naranja); }\r\n footer p { font-size: 0.78rem; color: #444; }\r\n footer .f-ceo { font-size: 0.78rem; color: #555; }\r\n footer .f-ceo span { color: var(--naranja); font-weight: 600; }\r\n\r\n @media (max-width: 900px) {\r\n nav { padding: 1rem 1.5rem; }\r\n nav ul { gap: 1.2rem; }\r\n section { padding: 4rem 1.5rem; }\r\n #inicio {\r\n background: linear-gradient(135deg, #fff5f3 0%, #fff 55%, #fff8f6 100%); padding: 4rem 1.5rem; min-height: auto; }\r\n #inicio::before { display: none; }\r\n .quienes-grid { grid-template-columns: 1fr; gap: 2.5rem; }\r\n footer { padding: 1.5rem; flex-direction: column; text-align: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav>\r\n <a href=\"#inicio\" class=\"logo\">\r\n Pixel<span>Brand<\/span>\r\n <small>Studio<\/small>\r\n <\/a>\r\n <ul>\r\n <li><a href=\"#inicio\">Inicio<\/a><\/li>\r\n <li><a href=\"#quienes\">Nosotros<\/a><\/li>\r\n <li><a href=\"#mision\">Misi\u00f3n & Visi\u00f3n<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n<\/nav>\r\n\r\n\r\n<section id=\"inicio\">\r\n <div class=\"hero-content\">\r\n <div class=\"hero-badge\">Agencia de Dise\u00f1o & Publicidad Digital<\/div>\r\n <h1>Hacemos crecer tu marca en el <span>mundo digital.<\/span><\/h1>\r\n <p>Somos PixelBrand Studio, una agencia creativa especializada en dise\u00f1o gr\u00e1fico y publicidad en redes sociales. Construimos marcas memorables que convierten seguidores en clientes.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"#servicios\" class=\"btn-primary\">Ver servicios<\/a>\r\n <a href=\"#contacto\" class=\"btn-secondary\">Cont\u00e1ctanos<\/a>\r\n <\/div>\r\n <div class=\"hero-stats\">\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">100%<\/div>\r\n <div class=\"desc\">Dise\u00f1o personalizado<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">3x<\/div>\r\n <div class=\"desc\">M\u00e1s engagement<\/div>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <div class=\"num\">360\u00b0<\/div>\r\n <div class=\"desc\">Visi\u00f3n digital<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"quienes\">\r\n <div class=\"quienes-grid\">\r\n <div class=\"quienes-text\">\r\n <h3>\u00bfQui\u00e9nes <span>somos?<\/span><\/h3>\r\n <p>PixelBrand Studio es una agencia joven y creativa especializada en dise\u00f1o gr\u00e1fico digital y publicidad en redes sociales. Nacimos con la misi\u00f3n de ayudar a negocios de todos los tama\u00f1os a destacar en el mundo digital.<\/p>\r\n <p>Creemos que el dise\u00f1o no es solo est\u00e9tica \u2014 es comunicaci\u00f3n, estrategia y resultados. Cada proyecto que tomamos es una oportunidad para construir algo memorable.<\/p>\r\n <\/div>\r\n <div class=\"quienes-pillars\">\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\ud83c\udfa8<\/div>\r\n <div>\r\n <h4>Creatividad<\/h4>\r\n <p>Cada proyecto es \u00fanico. Dise\u00f1amos pensando en tu audiencia y en lo que realmente conecta.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\ud83d\udcca<\/div>\r\n <div>\r\n <h4>Estrategia<\/h4>\r\n <p>El dise\u00f1o al servicio del crecimiento. Cada decisi\u00f3n visual tiene un prop\u00f3sito claro.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"pillar\">\r\n <div class=\"pillar-icon\">\u2705<\/div>\r\n <div>\r\n <h4>Resultados<\/h4>\r\n <p>Medimos el impacto de cada campa\u00f1a para garantizar que tu inversi\u00f3n funcione.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"mision\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Identidad Corporativa<\/span>\r\n <h2>Misi\u00f3n & Visi\u00f3n<\/h2>\r\n <p>Los valores que gu\u00edan cada proyecto que realizamos<\/p>\r\n <\/div>\r\n <div class=\"mv-grid\">\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83c\udfaf<\/span>\r\n <h3>Misi\u00f3n<\/h3>\r\n <p>Ayudar a negocios de todos los tama\u00f1os a destacar en el mundo digital, construyendo marcas memorables y estrategias visuales que convierten seguidores en clientes reales.<\/p>\r\n <\/div>\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83d\ude80<\/span>\r\n <h3>Visi\u00f3n<\/h3>\r\n <p>Ser la agencia de dise\u00f1o y publicidad digital de referencia en Per\u00fa, reconocida por transformar marcas con creatividad, estrategia y resultados medibles y sostenibles.<\/p>\r\n <\/div>\r\n <div class=\"mv-card\">\r\n <span class=\"mv-icon\">\ud83d\udca1<\/span>\r\n <h3>Valores<\/h3>\r\n <p>Creatividad, compromiso, transparencia y orientaci\u00f3n a resultados. Trabajamos como si tu marca fuera nuestra propia marca.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"servicios\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Lo que hacemos<\/span>\r\n <h2>Nuestros Servicios<\/h2>\r\n <p>Todo lo que necesitas para crecer en el mundo digital bajo un mismo techo<\/p>\r\n <\/div>\r\n <div class=\"servicios-grid\">\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">01<\/div>\r\n <span class=\"servicio-icon\">\ud83d\udcf1<\/span>\r\n <h3>Gesti\u00f3n de Redes Sociales<\/h3>\r\n <p>Planificaci\u00f3n, creaci\u00f3n y publicaci\u00f3n de contenido estrat\u00e9gico en Instagram, TikTok, Facebook y m\u00e1s.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">02<\/div>\r\n <span class=\"servicio-icon\">\ud83c\udfa8<\/span>\r\n <h3>Dise\u00f1o de Contenido Visual<\/h3>\r\n <p>Posts, stories, reels animados y piezas gr\u00e1ficas que comunican tu marca con impacto real.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">03<\/div>\r\n <span class=\"servicio-icon\">\ud83d\udce2<\/span>\r\n <h3>Publicidad Digital (Ads)<\/h3>\r\n <p>Campa\u00f1as en Meta Ads y Google Ads optimizadas para alcance, generaci\u00f3n de leads y ventas.<\/p>\r\n <\/div>\r\n <div class=\"servicio-card\">\r\n <div class=\"servicio-num\">04<\/div>\r\n <span class=\"servicio-icon\">\u270f\ufe0f<\/span>\r\n <h3>Branding & Identidad Visual<\/h3>\r\n <p>Logotipos, paletas de color, tipograf\u00edas y gu\u00edas de estilo para marcas s\u00f3lidas y coherentes.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contacto\">\r\n <h2>\u00bfListo para crecer?<\/h2>\r\n <p>Cont\u00e1ctanos y hagamos crecer tu marca juntos.<\/p>\r\n <div class=\"contact-grid\">\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\u2709\ufe0f<\/span>\r\n <div class=\"c-label\">Email<\/div>\r\n <div class=\"c-val\">hola@pixelbrandstudio.pe<\/div>\r\n <\/div>\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\ud83d\udcf8<\/span>\r\n <div class=\"c-label\">Instagram<\/div>\r\n <div class=\"c-val\">@pixelbrandstudio<\/div>\r\n <\/div>\r\n <div class=\"contact-card\">\r\n <span class=\"c-icon\">\ud83d\udcac<\/span>\r\n <div class=\"c-label\">WhatsApp<\/div>\r\n <div class=\"c-val\">+51 999 888 777<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <a href=\"#inicio\" class=\"f-logo\">Pixel<span>Brand<\/span> Studio<\/a>\r\n <p>\u00a9 2026 PixelBrand Studio \u2014 Dise\u00f1o que conecta. Publicidad que convierte.<\/p>\r\n <p class=\"f-ceo\">CEO: <span>Brayan Ruiz Mego<\/span><\/p>\r\n<\/footer>\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>PixelBrand Studio PixelBrand Studio Inicio Nosotros Misi\u00f3n & Visi\u00f3n Servicios Contacto Agencia de Dise\u00f1o & Publicidad Digital Hacemos crecer tu marca en el mundo digital. Somos PixelBrand Studio, una agencia creativa especializada en dise\u00f1o gr\u00e1fico y publicidad en redes sociales. Construimos marcas memorables que convierten seguidores en clientes. Ver servicios Cont\u00e1ctanos 100% Dise\u00f1o personalizado 3x […]<\/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-9","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":25,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":42,"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/42"}],"wp:attachment":[{"href":"https:\/\/ruizz.tecnologyzero.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}