{"id":14,"date":"2026-06-28T23:20:54","date_gmt":"2026-06-29T04:20:54","guid":{"rendered":"https:\/\/senalcreativa.com\/?page_id=14"},"modified":"2026-06-29T02:26:52","modified_gmt":"2026-06-29T07:26:52","slug":"inicio","status":"publish","type":"page","link":"https:\/\/senalcreativa.com\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7866acb e-con e-atomic-element e-flexbox-base e-a6e2f2e \" data-id=\"7866acb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7866acb\">\n    \t\t<div class=\"elementor-element elementor-element-0eec432 elementor-widget elementor-widget-html\" data-id=\"0eec432\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Hero | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2500\u2500 CURSOR GLOW \u2500\u2500 *\/\r\n.cursor-glow{\r\n  position:fixed;\r\n  width:400px;\r\n  height:400px;\r\n  border-radius:50%;\r\n  background:radial-gradient(circle,rgba(205,81,11,0.08) 0%,transparent 70%);\r\n  pointer-events:none;\r\n  z-index:9999;\r\n  transform:translate(-50%,-50%);\r\n  transition:opacity .3s;\r\n}\r\n\r\n\/* \u2550\u2550 HERO \u2550\u2550 *\/\r\n.hero{\r\n  min-height:100vh;\r\n  background:var(--ink);\r\n  position:relative;\r\n  overflow:hidden;\r\n  display:flex;\r\n  align-items:center;\r\n}\r\n.hero-noise{\r\n  position:absolute;\r\n  inset:0;\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n  opacity:.4;\r\n  pointer-events:none;\r\n}\r\n.hero-orb{\r\n  position:absolute;\r\n  border-radius:50%;\r\n  filter:blur(80px);\r\n  pointer-events:none;\r\n}\r\n.hero-orb-1{\r\n  width:600px;\r\n  height:600px;\r\n  background:radial-gradient(circle,rgba(205,81,11,0.25),transparent 70%);\r\n  top:-100px;\r\n  right:-100px;\r\n}\r\n.hero-orb-2{\r\n  width:400px;\r\n  height:400px;\r\n  background:radial-gradient(circle,rgba(205,81,11,0.12),transparent 70%);\r\n  bottom:-50px;\r\n  left:10%;\r\n}\r\n.hero-line{\r\n  position:absolute;\r\n  top:0;\r\n  left:50%;\r\n  width:1px;\r\n  height:100%;\r\n  background:linear-gradient(to bottom,transparent,rgba(205,81,11,0.3),transparent);\r\n  opacity:.5;\r\n}\r\n\r\n.hero-inner{\r\n  max-width:1280px;\r\n  margin:0 auto;\r\n  width:100%;\r\n  padding:120px 60px;\r\n  display:grid;\r\n  grid-template-columns:1.1fr 0.9fr;\r\n  gap:80px;\r\n  align-items:center;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.hero-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:32px;\r\n  font-size:.7rem;\r\n  font-weight:600;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:var(--brand-light);\r\n}\r\n.hero-eyebrow::before{content:'';width:32px;height:1px;background:var(--brand)}\r\n.hero-eyebrow::after{content:'';width:32px;height:1px;background:var(--brand)}\r\n\r\n.hero h1{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(3rem,5.5vw,5.2rem);\r\n  font-weight:900;\r\n  line-height:1.05;\r\n  color:var(--white);\r\n  margin-bottom:28px;\r\n  letter-spacing:-1px;\r\n}\r\n.hero h1 .line-accent{\r\n  font-style:italic;\r\n  background:linear-gradient(100deg,#f5a623,var(--brand));\r\n  -webkit-background-clip:text;\r\n  -webkit-text-fill-color:transparent;\r\n  background-clip:text;\r\n}\r\n.hero-sub{\r\n  font-size:1.05rem;\r\n  color:rgba(255,255,255,0.55);\r\n  line-height:1.85;\r\n  margin-bottom:48px;\r\n  font-weight:300;\r\n  max-width:440px;\r\n}\r\n.hero-sub strong{color:rgba(255,255,255,0.85);font-weight:500}\r\n\r\n.hero-actions{\r\n  display:flex;\r\n  gap:16px;\r\n  flex-wrap:wrap;\r\n  align-items:center;\r\n}\r\n.btn-fire{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  background:var(--brand);\r\n  color:#fff;\r\n  padding:16px 36px;\r\n  border-radius:4px;\r\n  font-weight:600;\r\n  font-size:.88rem;\r\n  letter-spacing:.5px;\r\n  text-transform:uppercase;\r\n  box-shadow:0 0 0 0 var(--brand-glow);\r\n  transition:all .3s;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.btn-fire::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);\r\n  opacity:0;\r\n  transition:opacity .3s;\r\n}\r\n.btn-fire:hover{\r\n  box-shadow:0 8px 40px var(--brand-glow);\r\n  transform:translateY(-2px);\r\n}\r\n.btn-fire:hover::before{opacity:1}\r\n\r\n.btn-ghost{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  color:rgba(255,255,255,0.65);\r\n  font-size:.88rem;\r\n  font-weight:500;\r\n  padding:16px 0;\r\n  border-bottom:1px solid rgba(255,255,255,0.2);\r\n  transition:all .3s;\r\n  letter-spacing:.3px;\r\n}\r\n.btn-ghost:hover{color:#fff;border-color:rgba(255,255,255,0.6)}\r\n.btn-ghost .arrow{transition:transform .3s}\r\n.btn-ghost:hover .arrow{transform:translateX(6px)}\r\n\r\n.hero-visual{\r\n  position:relative;\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n.hero-visual-ring{\r\n  position:absolute;\r\n  width:420px;\r\n  height:420px;\r\n  border-radius:50%;\r\n  border:1px solid rgba(205,81,11,0.2);\r\n  animation:spin 20s linear infinite;\r\n}\r\n.hero-visual-ring::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:-4px;\r\n  left:50%;\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:var(--brand);\r\n  transform:translateX(-50%);\r\n}\r\n.hero-visual-ring-2{\r\n  position:absolute;\r\n  width:320px;\r\n  height:320px;\r\n  border-radius:50%;\r\n  border:1px dashed rgba(205,81,11,0.15);\r\n  animation:spin 14s linear infinite reverse;\r\n}\r\n@keyframes spin{\r\n  from{transform:rotate(0deg)}\r\n  to{transform:rotate(360deg)}\r\n}\r\n.hero-img-wrap{\r\n  width:360px;\r\n  height:360px;\r\n  position:relative;\r\n  z-index:1;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n.hero-img-wrap img{\r\n  width:280px;\r\n  filter:drop-shadow(0 30px 60px rgba(205,81,11,0.4));\r\n  animation:float 5s ease-in-out infinite;\r\n}\r\n@keyframes float{\r\n  0%,100%{transform:translateY(0)}\r\n  50%{transform:translateY(-16px)}\r\n}\r\n\r\n.hero-stats{\r\n  display:flex;\r\n  gap:40px;\r\n  margin-top:56px;\r\n  padding-top:40px;\r\n  border-top:1px solid rgba(255,255,255,0.08);\r\n}\r\n.hero-stat strong{\r\n  display:block;\r\n  font-family:'Playfair Display',serif;\r\n  font-size:2rem;\r\n  font-weight:700;\r\n  color:var(--white);\r\n}\r\n.hero-stat span{\r\n  font-size:.72rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.35);\r\n  font-weight:500;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL (para esta secci\u00f3n) \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .hero-inner{\r\n    grid-template-columns:1fr;\r\n    padding:100px 40px;\r\n  }\r\n  .hero-visual{\r\n    display:none;\r\n  }\r\n}\r\n@media(max-width:640px){\r\n  .hero-inner{\r\n    padding:80px 24px;\r\n  }\r\n  .hero-stats{\r\n    flex-direction:column;\r\n    gap:20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor-glow\" id=\"glow\"><\/div>\r\n\r\n<!-- \u2550\u2550 HERO \u2550\u2550 -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-noise\"><\/div>\r\n  <div class=\"hero-orb hero-orb-1\"><\/div>\r\n  <div class=\"hero-orb hero-orb-2\"><\/div>\r\n  <div class=\"hero-line\"><\/div>\r\n  <div class=\"hero-inner\">\r\n    <div class=\"hero-left reveal\">\r\n      <div class=\"hero-eyebrow\">Agencia Digital #1 en Per\u00fa<\/div>\r\n      <h1>Dise\u00f1amos tu<br><span class=\"line-accent\">Presencia Digital<\/span><br>al siguiente nivel<\/h1>\r\n      <p class=\"hero-sub\">\u00bfDeseas contar con la p\u00e1gina web, tienda online y campa\u00f1as que te ayuden a <strong>Incrementar tus Ventas?<\/strong><\/p>\r\n      <div class=\"hero-actions\">\r\n        <a class=\"btn-fire\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402\" target=\"_blank\">Cont\u00e1ctanos <span>\u2192<\/span><\/a>\r\n        <a class=\"btn-ghost\" href=\"#servicios\">Ver Servicios <span class=\"arrow\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"hero-stats\">\r\n        <div class=\"hero-stat\"><strong>215<\/strong><span>Clientes<\/span><\/div>\r\n        <div class=\"hero-stat\"><strong>12+<\/strong><span>A\u00f1os<\/span><\/div>\r\n        <div class=\"hero-stat\"><strong>100%<\/strong><span>Satisfacci\u00f3n<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"hero-visual reveal\" style=\"transition-delay:.2s\">\r\n      <div class=\"hero-visual-ring\"><\/div>\r\n      <div class=\"hero-visual-ring-2\"><\/div>\r\n      <div class=\"hero-img-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/SEO-Consultancy.png\" alt=\"Digital Marketing Per\u00fa\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Cursor glow\r\nconst glow = document.getElementById('glow');\r\ndocument.addEventListener('mousemove', e => {\r\n  glow.style.left = e.clientX + 'px';\r\n  glow.style.top = e.clientY + 'px';\r\n});\r\n\r\n\/\/ Scroll reveal (solo para esta secci\u00f3n)\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9d8981d e-con e-atomic-element e-flexbox-base e-d656451 \" data-id=\"9d8981d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9d8981d\">\n    \t\t<div class=\"elementor-element elementor-element-b7cc29c elementor-widget elementor-widget-html\" data-id=\"b7cc29c\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Marquee | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nbody{font-family:'Inter',sans-serif;background:var(--white);overflow-x:hidden}\r\n\r\n\/* \u2550\u2550 MARQUEE \u2550\u2550 *\/\r\n.marquee-bar{\r\n  background:var(--brand);\r\n  padding:14px 0;\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n.marquee-track{\r\n  display:flex;\r\n  width:max-content;\r\n  animation:marquee 18s linear infinite;\r\n  gap:0;\r\n}\r\n.marquee-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:16px;\r\n  padding:0 36px;\r\n  font-size:.72rem;\r\n  font-weight:700;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.9);\r\n  white-space:nowrap;\r\n}\r\n.marquee-item::after{\r\n  content:'\u2726';\r\n  opacity:.5;\r\n}\r\n@keyframes marquee{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-50%)}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 MARQUEE \u2550\u2550 -->\r\n<div class=\"marquee-bar\">\r\n  <div class=\"marquee-track\">\r\n    <div class=\"marquee-item\">Dise\u00f1o Web<\/div>\r\n    <div class=\"marquee-item\">Tiendas Online<\/div>\r\n    <div class=\"marquee-item\">Campa\u00f1as Digitales<\/div>\r\n    <div class=\"marquee-item\">SEO & SEM<\/div>\r\n    <div class=\"marquee-item\">Redes Sociales<\/div>\r\n    <div class=\"marquee-item\">Branding<\/div>\r\n    <div class=\"marquee-item\">Ecommerce<\/div>\r\n    <div class=\"marquee-item\">Marketing Digital<\/div>\r\n    <div class=\"marquee-item\">Dise\u00f1o Web<\/div>\r\n    <div class=\"marquee-item\">Tiendas Online<\/div>\r\n    <div class=\"marquee-item\">Campa\u00f1as Digitales<\/div>\r\n    <div class=\"marquee-item\">SEO & SEM<\/div>\r\n    <div class=\"marquee-item\">Redes Sociales<\/div>\r\n    <div class=\"marquee-item\">Branding<\/div>\r\n    <div class=\"marquee-item\">Ecommerce<\/div>\r\n    <div class=\"marquee-item\">Marketing Digital<\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-775d128 e-con e-atomic-element e-flexbox-base e-2fc3c46 \" data-id=\"775d128\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"775d128\">\n    \t\t<div class=\"elementor-element elementor-element-53f35ba elementor-widget elementor-widget-html\" data-id=\"53f35ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"services\" id=\"servicios\">\r\n  <div class=\"container\">\r\n    <div class=\"services-top reveal\">\r\n      <div>\r\n        <div class=\"eyebrow\">Lo que hacemos<\/div>\r\n        <h2 class=\"h2\">Lineas<br><em>especializadas<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"services-desc\">\r\n        <p class=\"lead\">Dise\u00f1amos experiencias con enfoque comercial para diferenciarte en el mercado peruano.<\/p>\r\n        <a class=\"btn-fire\" style=\"align-self:flex-start\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402\" target=\"_blank\">Solicitar Asesor\u00eda \u2192<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"services-grid reveal\">\r\n      <div class=\"svc\">\r\n        <div class=\"svc-num\">01 \/ Hoteles y Restaurantes<\/div>\r\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/SEO-Consultancy.png\" alt=\"Hoteles y Restaurantes\">\r\n        <h3 class=\"svc-title\">Hoteles y Restaurantes<\/h3>\r\n        <p class=\"svc-text\">Brindamos servicios integrales con enfoque comercial para diferenciarte en el mercado.<\/p>\r\n        <a class=\"svc-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402&text=Quiero%20cotizar%20servicios%20para%20hoteles%20y%20restaurantes\" target=\"_blank\">Cotizar <span class=\"arr\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"svc\">\r\n        <div class=\"svc-num\">02 \/ Colegios e Instituciones<\/div>\r\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/Competitor-Analysis.png\" alt=\"Colegios e Instituciones\">\r\n        <h3 class=\"svc-title\">Colegios e Instituciones<\/h3>\r\n        <p class=\"svc-text\">Brindamos servicios integrales con enfoque comercial para diferenciarte en el mercado.<\/p>\r\n        <a class=\"svc-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402&text=Quiero%20cotizar%20servicios%20para%20colegios%20e%20instituciones\" target=\"_blank\">Cotizar <span class=\"arr\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      <div class=\"svc\">\r\n        <div class=\"svc-num\">03 \/ Salones de Belleza y Spa<\/div>\r\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/Social-Media-Marketing.png\" alt=\"Salones de Belleza y Spa\">\r\n        <h3 class=\"svc-title\">Salones de Belleza y Spa<\/h3>\r\n        <p class=\"svc-text\">Brindamos servicios integrales con enfoque comercial para diferenciarte en el mercado.<\/p>\r\n       <a class=\"svc-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402&text=Quiero%20cotizar%20servicios%20para%20salones%20de%20belleza%20y%20spa\" target=\"_blank\">Cotizar <span class=\"arr\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      \r\n       <div class=\"svc\">\r\n        <div class=\"svc-num\">04 \/ Licorer\u00edas y Bares<\/div>\r\n        <img decoding=\"async\" class=\"svc-img\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/Social-Media-Marketing.png\" alt=\"Licorer\u00edas y Bares\">\r\n        <h3 class=\"svc-title\">Licorer\u00edas y Bares<\/h3>\r\n        <p class=\"svc-text\">Brindamos servicios integrales con enfoque comercial para diferenciarte en el mercado.<\/p>\r\n       <a class=\"svc-cta\" href=\"https:\/\/api.whatsapp.com\/send?phone=51991490402&text=Quiero%20cotizar%20servicios%20para%20licorer%C3%ADas%20y%20bares\" target=\"_blank\">Cotizar <span class=\"arr\">\u2192<\/span><\/a>\r\n      <\/div>\r\n      \r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Variables base necesarias para el dise\u00f1o *\/\r\n:root {\r\n  --brand: #CD510B;\r\n  --brand-dark: #9e3d08;\r\n  --brand-light: #e8783a;\r\n  --brand-glow: rgba(205,81,11,0.35);\r\n  --ink: #0f0a08;\r\n  --text: #3a3028;\r\n  --muted: #8a7a6e;\r\n  --cream: #faf8f5;\r\n  --border: #e8e0d8;\r\n  --white: #fff;\r\n}\r\n\r\n\/* Estilos de Utilidad y Contenedor *\/\r\n.container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 60px;\r\n}\r\n.eyebrow {\r\n  font-size: .68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 3.5px;\r\n  text-transform: uppercase;\r\n  color: var(--brand);\r\n  margin-bottom: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n.eyebrow::before {\r\n  content: '';\r\n  width: 24px;\r\n  height: 2px;\r\n  background: var(--brand);\r\n  display: inline-block;\r\n}\r\n.h2 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(2rem, 3.5vw, 3.2rem);\r\n  font-weight: 700;\r\n  line-height: 1.15;\r\n  color: var(--ink);\r\n  letter-spacing: -.5px;\r\n}\r\n.h2 em {\r\n  font-style: italic;\r\n  color: var(--brand);\r\n}\r\n.lead {\r\n  font-size: 1rem;\r\n  color: var(--muted);\r\n  line-height: 1.85;\r\n  font-weight: 300;\r\n}\r\n.btn-fire {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  background: var(--brand);\r\n  color: #fff;\r\n  padding: 16px 36px;\r\n  border-radius: 4px;\r\n  font-weight: 600;\r\n  font-size: .88rem;\r\n  letter-spacing: .5px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 0 0 0 var(--brand-glow);\r\n  transition: all .3s;\r\n  text-decoration: none;\r\n}\r\n.btn-fire:hover {\r\n  box-shadow: 0 8px 40px var(--brand-glow);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Estilos espec\u00edficos de la secci\u00f3n Servicios *\/\r\n.services {\r\n  padding: 110px 0;\r\n  background: var(--cream);\r\n  font-family: 'Inter', sans-serif;\r\n  color: var(--text);\r\n}\r\n.services-top {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 80px;\r\n  align-items: end;\r\n  margin-bottom: 70px;\r\n}\r\n.services-desc {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n}\r\n.services-desc .lead {\r\n  max-width: 360px;\r\n  margin-bottom: 32px;\r\n}\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 2px;\r\n  background: var(--border);\r\n}\r\n.svc {\r\n  background: var(--white);\r\n  padding: 48px 40px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: background .4s;\r\n  cursor: default;\r\n}\r\n.svc::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 3px;\r\n  background: var(--brand);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform .4s;\r\n}\r\n.svc:hover {\r\n  background: var(--ink);\r\n}\r\n.svc:hover::after {\r\n  transform: scaleX(1);\r\n}\r\n.svc:hover .svc-num, \r\n.svc:hover .svc-title, \r\n.svc:hover .svc-text {\r\n  color: rgba(255,255,255,0.85);\r\n}\r\n.svc:hover .svc-title {\r\n  color: #fff;\r\n}\r\n.svc:hover .svc-cta {\r\n  color: var(--brand-light);\r\n  border-color: rgba(205,81,11,0.4);\r\n}\r\n.svc-num {\r\n  font-size: .65rem;\r\n  font-weight: 700;\r\n  letter-spacing: 3px;\r\n  color: var(--brand);\r\n  margin-bottom: 28px;\r\n  transition: color .4s;\r\n}\r\n.svc-img {\r\n  width: 64px;\r\n  height: 64px;\r\n  object-fit: contain;\r\n  margin-bottom: 28px;\r\n  transition: filter .4s;\r\n  display: block;\r\n}\r\n.svc:hover .svc-img {\r\n  filter: brightness(0) invert(1) opacity(.8);\r\n}\r\n.svc-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: var(--ink);\r\n  margin-bottom: 14px;\r\n  transition: color .4s;\r\n  line-height: 1.3;\r\n}\r\n.svc-text {\r\n  font-size: .88rem;\r\n  color: var(--muted);\r\n  line-height: 1.8;\r\n  margin-bottom: 32px;\r\n  transition: color .4s;\r\n}\r\n.svc-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: .75rem;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  text-transform: uppercase;\r\n  color: var(--brand);\r\n  border-bottom: 1px solid var(--brand);\r\n  padding-bottom: 4px;\r\n  transition: all .3s;\r\n  text-decoration: none;\r\n}\r\n.svc-cta .arr {\r\n  transition: transform .3s;\r\n}\r\n.svc:hover .svc-cta .arr {\r\n  transform: translateX(5px);\r\n}\r\n\r\n\/* Efecto Scroll Reveal *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  transition: opacity .7s, transform .7s;\r\n}\r\n.reveal.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Responsive \/ Media Queries *\/\r\n@media(max-width:1024px){\r\n  .services-top {\r\n    flex-direction: column;\r\n    gap: 24px;\r\n    align-items: flex-start;\r\n  }\r\n  .services-grid {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n  .container {\r\n    padding: 0 40px;\r\n  }\r\n}\r\n@media(max-width:640px){\r\n  .services-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .container {\r\n    padding: 0 24px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const reveals = document.querySelectorAll('.reveal');\r\n  \r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach((e) => {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('visible');\r\n        io.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { \r\n    threshold: 0.12 \r\n  });\r\n  \r\n  reveals.forEach(el => io.observe(el));\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2210461 e-con e-atomic-element e-flexbox-base e-f998955 \" data-id=\"2210461\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2210461\">\n    \t\t<div class=\"elementor-element elementor-element-7409d11 elementor-widget elementor-widget-html\" data-id=\"7409d11\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Nosotros | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 SHARED \u2550\u2550 *\/\r\n.container{max-width:1280px;margin:0 auto;padding:0 60px}\r\n.eyebrow{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:var(--brand);\r\n  margin-bottom:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n.eyebrow::before{\r\n  content:'';\r\n  width:24px;\r\n  height:2px;\r\n  background:var(--brand);\r\n  display:inline-block;\r\n}\r\n.h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(2rem,3.5vw,3.2rem);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--ink);\r\n  letter-spacing:-.5px;\r\n}\r\n.h2 em{font-style:italic;color:var(--brand)}\r\n.lead{\r\n  font-size:1rem;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n  font-weight:300;\r\n}\r\n.btn-fire{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  background:var(--brand);\r\n  color:#fff;\r\n  padding:16px 36px;\r\n  border-radius:4px;\r\n  font-weight:600;\r\n  font-size:.88rem;\r\n  letter-spacing:.5px;\r\n  text-transform:uppercase;\r\n  box-shadow:0 0 0 0 var(--brand-glow);\r\n  transition:all .3s;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.btn-fire::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);\r\n  opacity:0;\r\n  transition:opacity .3s;\r\n}\r\n.btn-fire:hover{\r\n  box-shadow:0 8px 40px var(--brand-glow);\r\n  transform:translateY(-2px);\r\n}\r\n.btn-fire:hover::before{opacity:1}\r\n\r\n\/* \u2550\u2550 ABOUT \u2550\u2550 *\/\r\n.about{\r\n  padding:120px 0;\r\n  background:var(--white);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.about::before{\r\n  content:'12+';\r\n  font-family:'Playfair Display',serif;\r\n  font-size:22rem;\r\n  font-weight:900;\r\n  color:var(--cream2);\r\n  position:absolute;\r\n  right:-40px;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  line-height:1;\r\n  pointer-events:none;\r\n  user-select:none;\r\n  z-index:0;\r\n}\r\n.about-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:100px;\r\n  align-items:center;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.about-visual{position:relative}\r\n.about-img-main{\r\n  border-radius:2px;\r\n  box-shadow:40px 40px 0 var(--cream2);\r\n  width:100%;\r\n  object-fit:cover;\r\n}\r\n.about-badge{\r\n  position:absolute;\r\n  bottom:-30px;\r\n  right:-30px;\r\n  background:var(--brand);\r\n  color:#fff;\r\n  padding:30px 36px;\r\n  border-radius:2px;\r\n  box-shadow:0 20px 50px var(--brand-glow);\r\n}\r\n.about-badge strong{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:3rem;\r\n  font-weight:900;\r\n  display:block;\r\n  line-height:1;\r\n}\r\n.about-badge span{\r\n  font-size:.72rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  opacity:.85;\r\n}\r\n.about-copy .lead{margin-bottom:36px}\r\n\r\n\/* REVISI\u00d3N Y SOLUCI\u00d3N DEL CONTENEDOR DE ESTAD\u00cdSTICAS *\/\r\n.stats-strip{\r\n  display:grid;\r\n  grid-template-columns:repeat(4, 1fr);\r\n  gap:0;\r\n  border:1px solid var(--border);\r\n  margin-top:48px;\r\n}\r\n.stat-item{\r\n  padding:24px 10px; \/* Reducido levemente el padding horizontal de 20px a 10px *\/\r\n  text-align:center;\r\n  border-right:1px solid var(--border);\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n}\r\n.stat-item:last-child{border-right:none}\r\n.stat-item strong{\r\n  display:block;\r\n  font-family:'Playfair Display',serif;\r\n  font-size:2rem;\r\n  font-weight:700;\r\n  color:var(--brand);\r\n}\r\n.stat-item span{\r\n  display:block;\r\n  font-size:.65rem; \/* Reducido sutilmente de .68rem a .65rem *\/\r\n  letter-spacing:1.5px; \/* Reducido de 2px a 1.5px para evitar desbordes *\/\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n  font-weight:600;\r\n  white-space: nowrap; \/* Evita por completo que palabras sueltas caigan de l\u00ednea *\/\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .about-inner{\r\n    grid-template-columns:1fr;\r\n    gap:60px;\r\n  }\r\n  .container{padding:0 40px}\r\n  .about-badge{\r\n    bottom:-20px;\r\n    right:-20px;\r\n    padding:20px 28px;\r\n  }\r\n  .about-badge strong{font-size:2.2rem}\r\n}\r\n@media(max-width:768px){\r\n  \/* A\u00f1adido break intermedio para evitar que se aprieten las palabras antes de pasar a m\u00f3vil *\/\r\n  .stat-item span {\r\n    font-size: .58rem;\r\n    letter-spacing: 1px;\r\n  }\r\n}\r\n@media(max-width:640px){\r\n  .container{padding:0 24px}\r\n  .stats-strip{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n  .stat-item{\r\n    border-right:none;\r\n    border-bottom:1px solid var(--border);\r\n    padding:20px 10px;\r\n  }\r\n  .stat-item:nth-child(odd){\r\n    border-right:1px solid var(--border); \/* Agrega divisi\u00f3n interna en grid de 2x2 *\/\r\n  }\r\n  .stat-item:nth-child(3), .stat-item:nth-child(4){\r\n    border-bottom:none;\r\n  }\r\n  .stat-item span {\r\n    font-size: .65rem; \/* Recupera tama\u00f1o \u00f3ptimo al tener m\u00e1s espacio en 2 columnas *\/\r\n    letter-spacing: 1.5px;\r\n  }\r\n  .about-badge{\r\n    bottom:-15px;\r\n    right:-10px;\r\n    padding:16px 20px;\r\n  }\r\n  .about-badge strong{font-size:1.8rem}\r\n  .about-badge span{font-size:.6rem}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 ABOUT \u2550\u2550 -->\r\n<section class=\"about\">\r\n  <div class=\"container\">\r\n    <div class=\"about-inner\">\r\n      <!-- Columna izquierda: imagen -->\r\n      <div class=\"about-visual reveal\">\r\n        <img decoding=\"async\" class=\"about-img-main\" \r\n             src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/website_traffic.png\" \r\n             alt=\"Nosotros\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.about-img-fallback').style.display='flex'\">\r\n        <div class=\"about-img-fallback\" style=\"display:none; width:100%; aspect-ratio:4\/3; background:var(--cream2); border-radius:2px; box-shadow:40px 40px 0 var(--cream2); align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:1.5rem; color:var(--muted);\">\r\n          <span>Digital Marketing Per\u00fa<\/span>\r\n        <\/div>\r\n        <div class=\"about-badge\">\r\n          <strong>12+<\/strong>\r\n          <span>A\u00f1os de experiencia<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Columna derecha: texto -->\r\n      <div class=\"about-copy reveal\" style=\"transition-delay:.15s\">\r\n        <div class=\"eyebrow\">Creamos tu camino al \u00e9xito<\/div>\r\n        <h2 class=\"h2\">M\u00e1s de 12 a\u00f1os siendo<br>tu <em>pilar digital<\/em><\/h2>\r\n        <p class=\"lead\" style=\"margin-top:20px\">Contamos con la experiencia y los profesionales m\u00e1s capacitados para brindarte un servicio integral de Marketing Digital y Dise\u00f1o Web que te permita diferenciarte en el mercado.<\/p>\r\n        <a class=\"btn-fire\" style=\"margin-top:4px\" href=\"https:\/\/digitalmarketing.pe\/nosotros\" target=\"_blank\">Conoce m\u00e1s \u2192<\/a>\r\n\r\n        <!-- Estad\u00edsticas -->\r\n        <div class=\"stats-strip\">\r\n          <div class=\"stat-item\"><strong>215<\/strong><span>Clientes<\/span><\/div>\r\n          <div class=\"stat-item\"><strong>100%<\/strong><span>Satisfacci\u00f3n<\/span><\/div>\r\n          <div class=\"stat-item\"><strong>99%<\/strong><span>Experiencia<\/span><\/div>\r\n          <div class=\"stat-item\"><strong>98%<\/strong><span>Metas<\/span><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cfb78ff e-con e-atomic-element e-flexbox-base e-6637d97 \" data-id=\"cfb78ff\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cfb78ff\">\n    \t\t<div class=\"elementor-element elementor-element-dfe077d elementor-widget elementor-widget-html\" data-id=\"dfe077d\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Split CTA | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 SHARED \u2550\u2550 *\/\r\n.eyebrow{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:var(--brand);\r\n  margin-bottom:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n.eyebrow::before{\r\n  content:'';\r\n  width:24px;\r\n  height:2px;\r\n  background:var(--brand);\r\n  display:inline-block;\r\n}\r\n.h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(2rem,3.5vw,3.2rem);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--ink);\r\n  letter-spacing:-.5px;\r\n}\r\n.h2 em{font-style:italic;color:var(--brand)}\r\n.lead{\r\n  font-size:1rem;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n  font-weight:300;\r\n}\r\n.btn-fire{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  background:var(--brand);\r\n  color:#fff;\r\n  padding:16px 36px;\r\n  border-radius:4px;\r\n  font-weight:600;\r\n  font-size:.88rem;\r\n  letter-spacing:.5px;\r\n  text-transform:uppercase;\r\n  box-shadow:0 0 0 0 var(--brand-glow);\r\n  transition:all .3s;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.btn-fire::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(135deg,rgba(255,255,255,0.15),transparent);\r\n  opacity:0;\r\n  transition:opacity .3s;\r\n}\r\n.btn-fire:hover{\r\n  box-shadow:0 8px 40px var(--brand-glow);\r\n  transform:translateY(-2px);\r\n}\r\n.btn-fire:hover::before{opacity:1}\r\n\r\n\/* \u2550\u2550 SPLIT CTA \u2550\u2550 *\/\r\n.split-cta{\r\n  background:var(--ink2);\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  min-height:480px;\r\n}\r\n.split-left{\r\n  padding:80px 60px 80px 80px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  background:var(--ink);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.split-left::after{\r\n  content:'';\r\n  position:absolute;\r\n  right:-1px;\r\n  top:10%;\r\n  bottom:10%;\r\n  width:1px;\r\n  background:linear-gradient(to bottom,transparent,var(--brand),transparent);\r\n}\r\n.split-right{\r\n  padding:80px 80px 80px 60px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:flex-start;\r\n}\r\n.split-left .eyebrow{color:var(--brand-light)}\r\n.split-left .h2{color:#fff;margin-bottom:20px}\r\n.split-left .lead{color:rgba(255,255,255,0.45);margin-bottom:36px}\r\n\r\n.contact-pills{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:14px;\r\n}\r\n.contact-pill{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  background:rgba(255,255,255,0.05);\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  border-radius:4px;\r\n  padding:14px 20px;\r\n  transition:all .3s;\r\n}\r\n.contact-pill:hover{\r\n  background:rgba(205,81,11,0.1);\r\n  border-color:rgba(205,81,11,0.3);\r\n}\r\n.contact-pill .ico{\r\n  width:34px;\r\n  height:34px;\r\n  background:rgba(205,81,11,0.2);\r\n  border-radius:3px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:.9rem;\r\n  flex-shrink:0;\r\n}\r\n.contact-pill span{\r\n  font-size:.88rem;\r\n  color:rgba(255,255,255,0.7);\r\n  font-weight:400;\r\n}\r\n.contact-pill strong{\r\n  display:block;\r\n  font-size:.92rem;\r\n  color:rgba(255,255,255,0.9);\r\n  font-weight:500;\r\n}\r\n.split-img{\r\n  width:100%;\r\n  max-width:380px;\r\n  filter:drop-shadow(0 20px 50px rgba(0,0,0,0.5));\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .split-cta{\r\n    grid-template-columns:1fr;\r\n    min-height:unset;\r\n  }\r\n  .split-left{\r\n    padding:60px 40px;\r\n  }\r\n  .split-left::after{display:none}\r\n  .split-right{\r\n    padding:60px 40px;\r\n    align-items:center;\r\n  }\r\n  .split-img{max-width:280px}\r\n}\r\n@media(max-width:640px){\r\n  .split-left{\r\n    padding:40px 24px;\r\n  }\r\n  .split-right{\r\n    padding:40px 24px;\r\n  }\r\n  .split-img{max-width:200px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 SPLIT CTA \u2550\u2550 -->\r\n<div class=\"split-cta\">\r\n  <!-- Columna izquierda: texto y contactos -->\r\n  <div class=\"split-left reveal\">\r\n    <div class=\"eyebrow\">Trabajemos juntos<\/div>\r\n    <h2 class=\"h2\">\u00bfListo para potenciar<br>tu negocio?<\/h2>\r\n    <p class=\"lead\" style=\"margin-top:16px\">Deseamos ser parte de tu \u00e9xito. Cont\u00e1ctanos y te asesoramos sin compromisos.<\/p>\r\n    <div class=\"contact-pills\">\r\n      <a class=\"contact-pill\" href=\"mailto:info@digitalmarketing.pe\">\r\n        <div class=\"ico\">\u2709\ufe0f<\/div>\r\n        <div><strong>Email<\/strong><span>beto@senalcreativa.com<\/span><\/div>\r\n      <\/a>\r\n      <a class=\"contact-pill\" href=\"tel:51991490402\">\r\n        <div class=\"ico\">\ud83d\udcde<\/div>\r\n        <div><strong>Tel\u00e9fono<\/strong><span>991 490 402<\/span><\/div>\r\n      <\/a>\r\n    <\/div>\r\n    <a class=\"btn-fire\" style=\"margin-top:32px\" href=\"tel:51991490402\">Ll\u00e1manos ahora \u2192<\/a>\r\n  <\/div>\r\n\r\n  <!-- Columna derecha: imagen -->\r\n  <div class=\"split-right reveal\" style=\"transition-delay:.15s\">\r\n    <img decoding=\"async\" class=\"split-img\" \r\n         src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/work-together.png\" \r\n         alt=\"Trabajemos juntos\"\r\n         onerror=\"this.style.display='none'; this.parentElement.querySelector('.split-img-fallback').style.display='flex'\">\r\n    <div class=\"split-img-fallback\" style=\"display:none; width:100%; max-width:380px; aspect-ratio:1\/1; background:var(--cream2); border-radius:4px; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:1.2rem; color:var(--muted); text-align:center; padding:20px;\">\r\n      <span>\u00a1Trabajemos juntos!<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-58e7b38 e-con e-atomic-element e-flexbox-base e-c90eb72 \" data-id=\"58e7b38\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"58e7b38\">\n    \t\t<div class=\"elementor-element elementor-element-9aefc9e elementor-widget elementor-widget-html\" data-id=\"9aefc9e\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Pilares | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 SHARED \u2550\u2550 *\/\r\n.container{max-width:1280px;margin:0 auto;padding:0 60px}\r\n.eyebrow{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:var(--brand);\r\n  margin-bottom:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n.eyebrow::before{\r\n  content:'';\r\n  width:24px;\r\n  height:2px;\r\n  background:var(--brand);\r\n  display:inline-block;\r\n}\r\n.h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(2rem,3.5vw,3.2rem);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--ink);\r\n  letter-spacing:-.5px;\r\n}\r\n.h2 em{font-style:italic;color:var(--brand)}\r\n.lead{\r\n  font-size:1rem;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n  font-weight:300;\r\n}\r\n\r\n\/* \u2550\u2550 PILLARS \u2550\u2550 *\/\r\n.pillars{padding:110px 0;background:var(--cream)}\r\n.pillars-top{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:80px;\r\n  align-items:center;\r\n  margin-bottom:70px;\r\n}\r\n.pillar-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:24px;\r\n}\r\n.pillar{\r\n  background:var(--white);\r\n  border:1px solid var(--border);\r\n  border-radius:2px;\r\n  padding:40px 32px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:all .35s;\r\n}\r\n.pillar::before{\r\n  content:'';\r\n  position:absolute;\r\n  left:0;\r\n  top:0;\r\n  bottom:0;\r\n  width:3px;\r\n  background:var(--brand);\r\n  transform:scaleY(0);\r\n  transform-origin:bottom;\r\n  transition:transform .35s;\r\n}\r\n.pillar:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 24px 60px rgba(0,0,0,0.08);\r\n}\r\n.pillar:hover::before{transform:scaleY(1)}\r\n.pillar-icon{\r\n  width:56px;\r\n  height:56px;\r\n  object-fit:contain;\r\n  margin-bottom:24px;\r\n}\r\n.pillar h4{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:1.05rem;\r\n  font-weight:700;\r\n  color:var(--ink);\r\n  margin-bottom:12px;\r\n  line-height:1.3;\r\n}\r\n.pillar p{\r\n  font-size:.85rem;\r\n  color:var(--muted);\r\n  line-height:1.8;\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .pillars-top{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n  .pillar-cards{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n  .container{padding:0 40px}\r\n}\r\n@media(max-width:640px){\r\n  .pillar-cards{\r\n    grid-template-columns:1fr;\r\n  }\r\n  .container{padding:0 24px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 PILLARS \u2550\u2550 -->\r\n<section class=\"pillars\">\r\n  <div class=\"container\">\r\n    <!-- Encabezado con imagen -->\r\n    <div class=\"pillars-top reveal\">\r\n      <div>\r\n        <div class=\"eyebrow\">Sobre nosotros<\/div>\r\n        <h2 class=\"h2\">Nuestros pilares<br><em>diferenciales<\/em><\/h2>\r\n      <\/div>\r\n      <div>\r\n        <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/What-We-Offer.png\" \r\n             alt=\"Pilares\" \r\n             style=\"width:100%;max-width:400px;border-radius:2px\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.pillars-img-fallback').style.display='block'\">\r\n        <div class=\"pillars-img-fallback\" style=\"display:none; width:100%; max-width:400px; aspect-ratio:16\/9; background:var(--cream2); border-radius:2px; align-items:center; justify-content:center; font-family:'Playfair Display',serif; font-size:1.2rem; color:var(--muted); text-align:center; padding:20px;\">\r\n          <span>Nuestros Pilares<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Grid de 3 pilares -->\r\n    <div class=\"pillar-cards reveal\">\r\n      <!-- Pilar 1 -->\r\n      <div class=\"pillar\">\r\n        <img decoding=\"async\" class=\"pillar-icon\" \r\n             src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/home9_icon1.png\" \r\n             alt=\"Resultados\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.pillar-icon-fallback-1').style.display='flex'\">\r\n        <div class=\"pillar-icon-fallback-1\" style=\"display:none; width:56px; height:56px; background:var(--brand); color:#fff; border-radius:4px; align-items:center; justify-content:center; font-size:24px; margin-bottom:24px; font-weight:700;\">\ud83c\udfaf<\/div>\r\n        <h4>Enfocados en Resultados<\/h4>\r\n        <p>Somos expertos analizando informaci\u00f3n y obteniendo conclusiones sostenibles para ofrecerte el servicio que necesitas.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Pilar 2 -->\r\n      <div class=\"pillar\">\r\n        <img decoding=\"async\" class=\"pillar-icon\" \r\n             src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/home9_icon2.png\" \r\n             alt=\"Rapidez\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.pillar-icon-fallback-2').style.display='flex'\">\r\n        <div class=\"pillar-icon-fallback-2\" style=\"display:none; width:56px; height:56px; background:var(--brand); color:#fff; border-radius:4px; align-items:center; justify-content:center; font-size:24px; margin-bottom:24px; font-weight:700;\">\u26a1<\/div>\r\n        <h4>Rapidez y Eficiencia<\/h4>\r\n        <p>Somos amantes de los tiempos \u00f3ptimos y la eficiencia en nuestros proyectos para beneficio de cada cliente.<\/p>\r\n      <\/div>\r\n\r\n      <!-- Pilar 3 -->\r\n      <div class=\"pillar\">\r\n        <img decoding=\"async\" class=\"pillar-icon\" \r\n             src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2020\/11\/home9_icon3.png\" \r\n             alt=\"Experiencia\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.pillar-icon-fallback-3').style.display='flex'\">\r\n        <div class=\"pillar-icon-fallback-3\" style=\"display:none; width:56px; height:56px; background:var(--brand); color:#fff; border-radius:4px; align-items:center; justify-content:center; font-size:24px; margin-bottom:24px; font-weight:700;\">\ud83e\udde0<\/div>\r\n        <h4>Experiencia y Conocimiento<\/h4>\r\n        <p>Conocemos tu negocio y lo que necesita. Solicita una asesor\u00eda de Marketing con nosotros sin compromisos.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a1190ee e-con e-atomic-element e-flexbox-base e-5ecb25e \" data-id=\"a1190ee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a1190ee\">\n    \t\t<div class=\"elementor-element elementor-element-b0b0571 elementor-widget elementor-widget-html\" data-id=\"b0b0571\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Testimonios | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 SHARED \u2550\u2550 *\/\r\n.container{max-width:1280px;margin:0 auto;padding:0 60px}\r\n.eyebrow{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:var(--brand);\r\n  margin-bottom:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n.eyebrow::before{\r\n  content:'';\r\n  width:24px;\r\n  height:2px;\r\n  background:var(--brand);\r\n  display:inline-block;\r\n}\r\n.h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(2rem,3.5vw,3.2rem);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--ink);\r\n  letter-spacing:-.5px;\r\n}\r\n.h2 em{font-style:italic;color:var(--brand)}\r\n.lead{\r\n  font-size:1rem;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n  font-weight:300;\r\n}\r\n\r\n\/* \u2550\u2550 TESTIMONIALS \u2550\u2550 *\/\r\n.testimonials{padding:110px 0;background:var(--white)}\r\n.test-head{text-align:center;margin-bottom:64px}\r\n.test-head .lead{max-width:500px;margin:0 auto}\r\n.test-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:2px;\r\n  background:var(--border);\r\n}\r\n.test{\r\n  background:var(--white);\r\n  padding:44px 36px;\r\n  position:relative;\r\n  transition:background .35s;\r\n}\r\n.test:hover{background:var(--cream)}\r\n.test-quote{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:3.5rem;\r\n  line-height:.8;\r\n  color:var(--brand);\r\n  margin-bottom:20px;\r\n  display:block;\r\n  opacity:.4;\r\n}\r\n.test p{\r\n  font-size:.88rem;\r\n  color:var(--text);\r\n  line-height:1.85;\r\n  margin-bottom:28px;\r\n  font-style:italic;\r\n}\r\n.test-author{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  padding-top:24px;\r\n  border-top:1px solid var(--border);\r\n}\r\n.test-author img{\r\n  width:46px;\r\n  height:46px;\r\n  border-radius:50%;\r\n  object-fit:cover;\r\n  border:2px solid var(--brand);\r\n}\r\n.test-author-name{\r\n  font-size:.85rem;\r\n  font-weight:600;\r\n  color:var(--ink);\r\n}\r\n.test-author-role{\r\n  font-size:.75rem;\r\n  color:var(--muted);\r\n}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .test-grid{grid-template-columns:1fr 1fr}\r\n  .container{padding:0 40px}\r\n}\r\n@media(max-width:640px){\r\n  .test-grid{grid-template-columns:1fr}\r\n  .container{padding:0 24px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 TESTIMONIALS \u2550\u2550 -->\r\n<section class=\"testimonials\">\r\n  <div class=\"container\">\r\n    <div class=\"test-head reveal\">\r\n      <div class=\"eyebrow\" style=\"justify-content:center\">Nuestros clientes<\/div>\r\n      <h2 class=\"h2\" style=\"margin-bottom:16px\">Lo que dicen de <em>nosotros<\/em><\/h2>\r\n      <p class=\"lead\">M\u00e1s de 215 empresas conf\u00edan en nosotros para crecer en el mundo digital.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"test-grid reveal\">\r\n      <!-- Testimonio 1 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Excelente servicio, unos profesionales. Entregan el trabajo dentro del tiempo prometido. Son comprensibles y abiertos a los comentarios. Lo recomiendo al 100%.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/NUEVO-LOGO-HYMREMISSE-214x214.jpg\" \r\n               alt=\"Edgar Rodriguez\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-1').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-1\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">ER<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">Edgar Rodriguez<\/div>\r\n            <div class=\"test-author-role\">Gerente General \u2014 H&M Remisse<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 2 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Antes, durante y despu\u00e9s de contratar a Se\u00f1al Creativa siempre tuvieron la mejor predisposici\u00f3n. Fue una de las m\u00e1s gratas experiencias de contrataci\u00f3n de servicios.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/dflawconsulting-digitalmarketing-214x214.jpg\" \r\n               alt=\"David Fiestas\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-2').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-2\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">DF<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">David Fiestas<\/div>\r\n            <div class=\"test-author-role\">Gerente General \u2014 DFlaw Consulting<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 3 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Me qued\u00e9 impresionada de la r\u00e1pidez del servicio. Son muy atentos y amables, tuvieron paciencia conmigo y la comunicaci\u00f3n fue super sencilla. Los voy a recomendar.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/icatoinga-digitalmarketing-214x214.jpg\" \r\n               alt=\"Andrea Robinson\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-3').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-3\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">AR<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">Andrea Robinson<\/div>\r\n            <div class=\"test-author-role\">CEO \u2014 Juegos Icatoinga<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 4 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Recomiendo el trato y profesionalismo de Eduardo y su empresa en el dise\u00f1o de la p\u00e1gina web. Cumpli\u00f3 con las expectativas y con los plazos comprometidos. Muchas gracias.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/myf-digitalmarketing-214x214.jpg\" \r\n               alt=\"Jesus Mu\u00f1oz\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-4').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-4\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">JM<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">Jesus Mu\u00f1oz<\/div>\r\n            <div class=\"test-author-role\">Gerente Director \u2014 M&F<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 5 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Gracias a Se\u00f1al Creativa por el excelente trabajo en la creaci\u00f3n de mi p\u00e1gina web, en especial a Eduardo por la atenci\u00f3n personalizada y amable en todo momento.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/LOGO-PAREDES-MASTER-214x214.jpg\" \r\n               alt=\"Victor Paredes\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-5').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-5\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">VP<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">Victor Paredes<\/div>\r\n            <div class=\"test-author-role\">Director Gerente \u2014 Mudanzas Paredes<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Testimonio 6 -->\r\n      <div class=\"test\">\r\n        <span class=\"test-quote\">\"<\/span>\r\n        <p>Gracias a Se\u00f1al Creativa por el excelente trabajo en mi p\u00e1gina web, qued\u00e9 muy satisfecha. La atenci\u00f3n y asesoramiento fue siempre inmediata y cordial. Lo recomiendo.<\/p>\r\n        <div class=\"test-author\">\r\n          <img decoding=\"async\" src=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2022\/02\/LOGO-FINAL-214x214.png\" \r\n               alt=\"Anita Bravo\"\r\n               onerror=\"this.style.display='none'; this.parentElement.querySelector('.test-avatar-fallback-6').style.display='flex'\">\r\n          <div class=\"test-avatar-fallback-6\" style=\"display:none; width:46px; height:46px; border-radius:50%; background:var(--brand); color:#fff; align-items:center; justify-content:center; font-weight:700; font-size:1.2rem; border:2px solid var(--brand); flex-shrink:0;\">AB<\/div>\r\n          <div>\r\n            <div class=\"test-author-name\">Anita Bravo<\/div>\r\n            <div class=\"test-author-role\">Gerente \u2014 Alternative Psicolog\u00eda<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8ccb008 e-con e-atomic-element e-flexbox-base e-292675b \" data-id=\"8ccb008\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ccb008\">\n    \t\t<div class=\"elementor-element elementor-element-52f1b37 elementor-widget elementor-widget-html\" data-id=\"52f1b37\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Contacto | Digital Marketing Per\u00fa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 SHARED \u2550\u2550 *\/\r\n.container{max-width:1280px;margin:0 auto;padding:0 60px}\r\n.eyebrow{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3.5px;\r\n  text-transform:uppercase;\r\n  color:var(--brand);\r\n  margin-bottom:14px;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n}\r\n.eyebrow::before{\r\n  content:'';\r\n  width:24px;\r\n  height:2px;\r\n  background:var(--brand);\r\n  display:inline-block;\r\n}\r\n.h2{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:clamp(2rem,3.5vw,3.2rem);\r\n  font-weight:700;\r\n  line-height:1.15;\r\n  color:var(--ink);\r\n  letter-spacing:-.5px;\r\n}\r\n.h2 em{font-style:italic;color:var(--brand)}\r\n.lead{\r\n  font-size:1rem;\r\n  color:var(--muted);\r\n  line-height:1.85;\r\n  font-weight:300;\r\n}\r\n.btn-send{\r\n  width:100%;\r\n  background:var(--brand);\r\n  color:#fff;\r\n  border:none;\r\n  padding:16px;\r\n  border-radius:3px;\r\n  font-size:.82rem;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  cursor:pointer;\r\n  font-family:'Inter',sans-serif;\r\n  transition:all .3s;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.btn-send::before{\r\n  content:'';\r\n  position:absolute;\r\n  top:0;\r\n  left:-100%;\r\n  width:100%;\r\n  height:100%;\r\n  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);\r\n  transition:left .5s;\r\n}\r\n.btn-send:hover{\r\n  background:var(--brand-dark);\r\n  box-shadow:0 8px 30px var(--brand-glow);\r\n}\r\n.btn-send:hover::before{left:100%}\r\n\r\n\/* \u2550\u2550 CONTACT SECTION \u2550\u2550 *\/\r\n.contact{\r\n  padding:120px 0;\r\n  background:var(--ink);\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n.contact::before{\r\n  content:'';\r\n  position:absolute;\r\n  inset:0;\r\n  background:radial-gradient(ellipse at 80% 50%,rgba(205,81,11,0.12) 0%,transparent 60%);\r\n}\r\n.contact-inner{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:100px;\r\n  align-items:start;\r\n  position:relative;\r\n  z-index:1;\r\n}\r\n.contact-left .eyebrow{color:var(--brand-light)}\r\n.contact-left .h2{color:#fff;margin-bottom:20px}\r\n.contact-left .lead{color:rgba(255,255,255,0.45);margin-bottom:48px}\r\n\r\n.contact-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:0;\r\n}\r\n.contact-item{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:18px;\r\n  padding:20px 0;\r\n  border-bottom:1px solid rgba(255,255,255,0.06);\r\n}\r\n.contact-item-ico{\r\n  width:44px;\r\n  height:44px;\r\n  background:rgba(205,81,11,0.15);\r\n  border-radius:3px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.1rem;\r\n  flex-shrink:0;\r\n  border:1px solid rgba(205,81,11,0.2);\r\n}\r\n.contact-item-text strong{\r\n  display:block;\r\n  font-size:.72rem;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.3);\r\n  margin-bottom:4px;\r\n  font-weight:500;\r\n}\r\n.contact-item-text a,\r\n.contact-item-text span{\r\n  font-size:.95rem;\r\n  color:rgba(255,255,255,0.8);\r\n  font-weight:400;\r\n  transition:color .2s;\r\n}\r\n.contact-item-text a:hover{color:var(--brand-light)}\r\n\r\n.form-card{\r\n  background:rgba(255,255,255,0.04);\r\n  border:1px solid rgba(255,255,255,0.08);\r\n  border-radius:4px;\r\n  padding:48px 44px;\r\n  backdrop-filter:blur(20px);\r\n}\r\n.form-card h3{\r\n  font-family:'Playfair Display',serif;\r\n  font-size:1.6rem;\r\n  font-weight:700;\r\n  color:#fff;\r\n  margin-bottom:32px;\r\n}\r\n.fg{margin-bottom:20px}\r\n.fg label{\r\n  display:block;\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:2px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.4);\r\n  margin-bottom:10px;\r\n}\r\n.fg input,\r\n.fg textarea{\r\n  width:100%;\r\n  background:rgba(255,255,255,0.06);\r\n  border:1px solid rgba(255,255,255,0.1);\r\n  border-radius:3px;\r\n  padding:14px 18px;\r\n  font-size:.9rem;\r\n  font-family:'Inter',sans-serif;\r\n  color:#fff;\r\n  outline:none;\r\n  transition:border-color .25s,background .25s;\r\n}\r\n.fg input::placeholder,\r\n.fg textarea::placeholder{color:rgba(255,255,255,0.25)}\r\n.fg input:focus,\r\n.fg textarea:focus{\r\n  border-color:var(--brand);\r\n  background:rgba(205,81,11,0.06);\r\n}\r\n.fg textarea{resize:vertical;min-height:110px}\r\n\r\n.form-check2{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:10px;\r\n  margin-bottom:24px;\r\n}\r\n.form-check2 input[type=checkbox]{\r\n  accent-color:var(--brand);\r\n  margin-top:3px;\r\n  flex-shrink:0;\r\n}\r\n.form-check2 label{\r\n  font-size:.78rem;\r\n  color:rgba(255,255,255,0.35);\r\n  line-height:1.6;\r\n}\r\n.form-check2 a{color:var(--brand-light)}\r\n\r\n\/* \u2550\u2550 SCROLL REVEAL \u2550\u2550 *\/\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(30px);\r\n  transition:opacity .7s,transform .7s;\r\n}\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .contact-inner{\r\n    grid-template-columns:1fr;\r\n    gap:60px;\r\n  }\r\n  .container{padding:0 40px}\r\n}\r\n@media(max-width:640px){\r\n  .container{padding:0 24px}\r\n  .form-card{padding:32px 24px}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 CONTACT \u2550\u2550 -->\r\n<section class=\"contact\">\r\n  <div class=\"container\">\r\n    <div class=\"contact-inner\">\r\n      <!-- Columna izquierda: informaci\u00f3n de contacto -->\r\n      <div class=\"contact-left reveal\">\r\n        <div class=\"eyebrow\">\u00bfHablamos?<\/div>\r\n        <h2 class=\"h2\">Solic\u00edtanos<br>una <em>Asesor\u00eda<\/em><\/h2>\r\n        <p class=\"lead\" style=\"margin-top:16px\">Deseamos ser parte de tu \u00e9xito y apoyarte a crecer tu negocio. Esperamos tu contacto.<\/p>\r\n        <div class=\"contact-list\">\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-ico\">\ud83d\udcde<\/div>\r\n            <div class=\"contact-item-text\">\r\n              <strong>Tel\u00e9fono<\/strong>\r\n              <a href=\"tel:5199149042\">991 490 402<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-ico\">\u2709\ufe0f<\/div>\r\n            <div class=\"contact-item-text\">\r\n              <strong>Email<\/strong>\r\n              <a href=\"mailto:info@digitalmarketing.pe\">betop@senalcreativa.com<\/a>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"contact-item\">\r\n            <div class=\"contact-item-ico\">\ud83d\udccd<\/div>\r\n            <div class=\"contact-item-text\">\r\n              <strong>Ubicaci\u00f3n<\/strong>\r\n              <span>Lima, Per\u00fa<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Columna derecha: formulario -->\r\n      <div class=\"reveal\" style=\"transition-delay:.15s\">\r\n        <div class=\"form-card\">\r\n          <h3>Escr\u00edbenos<\/h3>\r\n          <div class=\"fg\">\r\n            <label>Nombre<\/label>\r\n            <input type=\"text\" placeholder=\"Tu nombre completo\">\r\n          <\/div>\r\n          <div class=\"fg\">\r\n            <label>Tel\u00e9fono<\/label>\r\n            <input type=\"tel\" placeholder=\"Tu n\u00famero de tel\u00e9fono\">\r\n          <\/div>\r\n          <div class=\"fg\">\r\n            <label>Email<\/label>\r\n            <input type=\"email\" placeholder=\"Tu correo electr\u00f3nico\">\r\n          <\/div>\r\n          <div class=\"form-check2\">\r\n            <input type=\"checkbox\" id=\"datos\">\r\n            <label for=\"datos\">Declaro que he le\u00eddo la <a href=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2026\/04\/politicadetratamientodedatos-1.pdf\" target=\"_blank\">Pol\u00edtica de Tratamiento de Datos<\/a><\/label>\r\n          <\/div>\r\n          <button class=\"btn-send\">Enviar Mensaje<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ Scroll reveal\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach((e) => {\r\n    if (e.isIntersecting) {\r\n      e.target.classList.add('visible');\r\n      io.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.12 });\r\nreveals.forEach(el => io.observe(el));\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4b6ef47 e-con e-atomic-element e-flexbox-base e-327f87a \" data-id=\"4b6ef47\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4b6ef47\">\n    \t\t<div class=\"elementor-element elementor-element-179755d elementor-widget elementor-widget-html\" data-id=\"179755d\" 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=\"es\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=5\">\r\n<title>Footer | Se\u00f1al Creativa<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,700&family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* \u2500\u2500 RESET Y VARIABLES \u2500\u2500 *\/\r\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\r\n:root{\r\n  --brand:#CD510B;\r\n  --brand-dark:#9e3d08;\r\n  --brand-light:#e8783a;\r\n  --brand-glow:rgba(205,81,11,0.35);\r\n  --ink:#0f0a08;\r\n  --ink2:#1e1410;\r\n  --text:#3a3028;\r\n  --muted:#8a7a6e;\r\n  --cream:#faf8f5;\r\n  --cream2:#f3ede6;\r\n  --border:#e8e0d8;\r\n  --white:#fff;\r\n}\r\nhtml{scroll-behavior:smooth}\r\nbody{\r\n  font-family:'Inter',sans-serif;\r\n  color:var(--text);\r\n  background:var(--white);\r\n  overflow-x:hidden;\r\n}\r\na{text-decoration:none;color:inherit}\r\nimg{max-width:100%;display:block}\r\n\r\n\/* \u2550\u2550 FOOTER \u2550\u2550 *\/\r\nfooter{\r\n  background:#070402;\r\n  padding:80px 0 36px;\r\n  color:rgba(255,255,255,0.45);\r\n}\r\n.container{max-width:1280px;margin:0 auto;padding:0 60px}\r\n.footer-grid{\r\n  display:grid;\r\n  grid-template-columns:2fr 1fr 1fr 1fr;\r\n  gap:60px;\r\n  margin-bottom:60px;\r\n}\r\n.foot-logo img{\r\n  width:100px;\r\n  margin-bottom:20px;\r\n}\r\n.foot-logo p{\r\n  font-size:.85rem;\r\n  line-height:1.8;\r\n  margin-bottom:24px;\r\n}\r\n.foot-socials{\r\n  display:flex;\r\n  gap:10px;\r\n}\r\n.foot-social{\r\n  width:36px;\r\n  height:36px;\r\n  border:1px solid rgba(255,255,255,0.1);\r\n  border-radius:3px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:.8rem;\r\n  font-weight:700;\r\n  color:rgba(255,255,255,0.4);\r\n  transition:all .3s;\r\n}\r\n.foot-social:hover{\r\n  background:var(--brand);\r\n  border-color:var(--brand);\r\n  color:#fff;\r\n}\r\n.foot-col h4{\r\n  font-size:.68rem;\r\n  font-weight:700;\r\n  letter-spacing:3px;\r\n  text-transform:uppercase;\r\n  color:rgba(255,255,255,0.6);\r\n  margin-bottom:24px;\r\n}\r\n.foot-col ul{\r\n  list-style:none;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:12px;\r\n}\r\n.foot-col ul li a{\r\n  font-size:.83rem;\r\n  color:rgba(255,255,255,0.35);\r\n  transition:color .2s;\r\n}\r\n.foot-col ul li a:hover{\r\n  color:var(--brand-light);\r\n}\r\n.foot-contact-row{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:14px;\r\n  font-size:.83rem;\r\n}\r\n.footer-bar{\r\n  border-top:1px solid rgba(255,255,255,0.06);\r\n  padding-top:30px;\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n}\r\n.footer-bar p{font-size:.75rem}\r\n.footer-bar-links{\r\n  display:flex;\r\n  gap:24px;\r\n}\r\n.footer-bar-links a{\r\n  font-size:.73rem;\r\n  color:rgba(255,255,255,0.25);\r\n  transition:color .2s;\r\n}\r\n.footer-bar-links a:hover{\r\n  color:var(--brand-light);\r\n}\r\n\r\n\/* \u2550\u2550 RESPONSIVE \u2550\u2550 *\/\r\n@media(max-width:1024px){\r\n  .footer-grid{\r\n    grid-template-columns:1fr 1fr;\r\n    gap:40px;\r\n  }\r\n  .container{padding:0 40px}\r\n}\r\n@media(max-width:640px){\r\n  .footer-grid{\r\n    grid-template-columns:1fr;\r\n    gap:36px;\r\n  }\r\n  .container{padding:0 24px}\r\n  .footer-bar{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n  }\r\n  .footer-bar-links{\r\n    flex-wrap:wrap;\r\n    gap:16px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2550\u2550 FOOTER \u2550\u2550 -->\r\n<footer>\r\n  <div class=\"container\">\r\n    <!-- Grid principal -->\r\n    <div class=\"footer-grid\">\r\n      \r\n      <!-- Columna 1: Logo + descripci\u00f3n + redes -->\r\n      <div class=\"foot-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/senalcreativa.com\/wp-content\/uploads\/2026\/06\/cropped-cropped-Diseno-sin-titulo-62.png\" \r\n             alt=\"Digital Marketing Per\u00fa\"\r\n             onerror=\"this.style.display='none'; this.parentElement.querySelector('.foot-logo-fallback').style.display='block'\">\r\n        <div class=\"foot-logo-fallback\" style=\"display:none; font-family:'Playfair Display',serif; font-size:1.5rem; color:var(--brand); margin-bottom:20px; font-weight:700;\">DMP<\/div>\r\n        <p>Tu \u00e9xito es nuestro \u00e9xito. Llevamos el Marketing de tu empresa a otro nivel.<\/p>\r\n        <div class=\"foot-socials\">\r\n          <a class=\"foot-social\" href=\"https:\/\/www.facebook.com\/SenalCreativaPeru\" target=\"_blank\">f<\/a>\r\n          <a class=\"foot-social\" href=\"https:\/\/www.tiktok.com\/@senalcreativaperu?lang=es\" target=\"_blank\">tik<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Columna 2: Servicios -->\r\n      <div class=\"foot-col\">\r\n        <h4>Servicios<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/diseno-de-paginas-web-en-lima-peru\/\" target=\"_blank\">Dise\u00f1o de P\u00e1ginas Web<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/diseno-de-tiendas-virtuales-online-ecommerce-lima-peru\/\" target=\"_blank\">Tiendas Virtuales<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/branding-e-imagen-de-marca\/\" target=\"_blank\">Branding<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/gestion-de-redes-sociales\/\" target=\"_blank\">Redes Sociales<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/servicios-de-posicionamiento-seo-y-sem\/\" target=\"_blank\">SEO y SEM<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Columna 3: Comunidad -->\r\n      <div class=\"foot-col\">\r\n        <h4>Comunidad<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/blog\/\" target=\"_blank\">Blog<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2026\/04\/politicadetratamientodedatos-1.pdf\" target=\"_blank\">Pol\u00edtica de Datos<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/wp-content\/uploads\/2023\/11\/politicadecookies.pdf\" target=\"_blank\">Pol\u00edtica de Cookies<\/a><\/li>\r\n          <li><a href=\"https:\/\/digitalmarketing.pe\/libro-de-reclamaciones\/\" target=\"_blank\">Libro de Reclamaciones<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- Columna 4: Contacto -->\r\n      <div class=\"foot-col\">\r\n        <h4>Contacto<\/h4>\r\n        <div class=\"foot-contact-row\">\ud83d\udcde <a href=\"tel:51987445450\" style=\"color:inherit;transition:color .2s\" onmouseover=\"this.style.color='#e8783a'\" onmouseout=\"this.style.color='inherit'\">991 490 402<\/a><\/div>\r\n        <div class=\"foot-contact-row\">\u2709\ufe0f <a href=\"mailto:info@digitalmarketing.pe\" style=\"color:inherit;transition:color .2s\" onmouseover=\"this.style.color='#e8783a'\" onmouseout=\"this.style.color='inherit'\">beto@senalcreativa.com<\/a><\/div>\r\n        <div class=\"foot-contact-row\">\ud83d\udccd Lima, Per\u00fa<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Barra inferior -->\r\n    <div class=\"footer-bar\">\r\n      <p>\u00a9 2026 \u2014 Se\u00f1al Creativa. <\/p>\r\n      <div class=\"footer-bar-links\">\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hero | Digital Marketing Per\u00fa Agencia Digital #1 en Per\u00fa Dise\u00f1amos tuPresencia Digitalal siguiente nivel \u00bfDeseas contar con la p\u00e1gina web, tienda online y campa\u00f1as que te ayuden a Incrementar tus Ventas? Cont\u00e1ctanos \u2192 Ver Servicios \u2192 215Clientes 12+A\u00f1os 100%Satisfacci\u00f3n Marquee | Digital Marketing Per\u00fa Dise\u00f1o Web Tiendas Online Campa\u00f1as Digitales SEO &#038; SEM Redes&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/senalcreativa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":112,"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/senalcreativa.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/senalcreativa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}