{"id":777,"date":"2026-06-25T16:12:08","date_gmt":"2026-06-25T14:12:08","guid":{"rendered":"https:\/\/www.blakmedia.cl\/?page_id=777"},"modified":"2026-06-25T18:46:08","modified_gmt":"2026-06-25T16:46:08","slug":"test-2","status":"publish","type":"page","link":"https:\/\/www.blakmedia.cl\/index.php\/test-2\/","title":{"rendered":"test-2"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\n\n<section class=\"bm-site\">\n\n  <div class=\"bm-bg\">\n    <div class=\"bm-orb bm-orb-1\"><\/div>\n    <div class=\"bm-orb bm-orb-2\"><\/div>\n    <div class=\"bm-orb bm-orb-3\"><\/div>\n  <\/div>\n\n  <div class=\"bm-cursor\"><\/div>\n\n  <header class=\"bm-header\">\n    <div class=\"bm-logo\">BLAKMEDIA<\/div>\n    <nav>\n      <a href=\"#servicios\">Servicios<\/a>\n      <a href=\"#proyectos\">Proyectos<\/a>\n      <a href=\"#clientes\">Clientes<\/a>\n      <a href=\"#contacto\">Contacto<\/a>\n    <\/nav>\n    <a class=\"bm-header-btn\" href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\">Hablemos<\/a>\n  <\/header>\n\n  <section class=\"bm-hero\">\n    <p class=\"bm-eyebrow\">Dise\u00f1o Web \/ Marketing \/ Multimedia<\/p>\n    <h1>\n      Creamos experiencias digitales que hacen que tu marca <span>destaque.<\/span>\n    <\/h1>\n    <p class=\"bm-hero-text\">\n      Dise\u00f1amos sitios web, campa\u00f1as digitales, contenido gr\u00e1fico, redes sociales y experiencias multimedia para marcas que quieren crecer.\n    <\/p>\n    <div class=\"bm-hero-actions\">\n      <a href=\"#servicios\" class=\"bm-btn\">Explorar servicios<\/a>\n      <a href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\" class=\"bm-btn bm-btn-outline\">Cotizar proyecto<\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"bm-marquee\">\n    <div>WEB DESIGN \u00b7 MARKETING DIGITAL \u00b7 SOCIAL MEDIA \u00b7 BRANDING \u00b7 MULTIMEDIA \u00b7<\/div>\n  <\/section>\n\n  <section class=\"bm-section\" id=\"servicios\">\n    <p class=\"bm-section-tag\">Servicios<\/p>\n    <h2>Soluciones digitales para marcas que quieren verse profesionales.<\/h2>\n\n    <div class=\"bm-grid\">\n      <article class=\"bm-card\">\n        <span>01<\/span>\n        <h3>Dise\u00f1o Web<\/h3>\n        <p>Sitios modernos, responsivos, r\u00e1pidos y optimizados para convertir visitas en clientes.<\/p>\n      <\/article>\n\n      <article class=\"bm-card\">\n        <span>02<\/span>\n        <h3>Marketing Digital<\/h3>\n        <p>Campa\u00f1as, estrategia, anuncios y contenido pensado para aumentar visibilidad y ventas.<\/p>\n      <\/article>\n\n      <article class=\"bm-card\">\n        <span>03<\/span>\n        <h3>Redes Sociales<\/h3>\n        <p>Gesti\u00f3n de cuentas, dise\u00f1o de publicaciones, reels, planificaci\u00f3n y contenido mensual.<\/p>\n      <\/article>\n\n      <article class=\"bm-card\">\n        <span>04<\/span>\n        <h3>Dise\u00f1o Gr\u00e1fico<\/h3>\n        <p>Identidad visual, piezas publicitarias, gr\u00e1ficas para redes y material corporativo.<\/p>\n      <\/article>\n\n      <article class=\"bm-card\">\n        <span>05<\/span>\n        <h3>Multimedia<\/h3>\n        <p>Videos, motion graphics, contenido audiovisual y recursos visuales para campa\u00f1as.<\/p>\n      <\/article>\n\n      <article class=\"bm-card bm-card-dark\">\n        <span>06<\/span>\n        <h3>Experiencias Inmersivas<\/h3>\n        <p>Animaciones, scroll interactivo, efectos visuales y sitios con impacto premium.<\/p>\n      <\/article>\n    <\/div>\n  <\/section>\n\n  <section class=\"bm-showcase\" id=\"proyectos\">\n    <div class=\"bm-showcase-copy\">\n      <p class=\"bm-section-tag\">Casos de \u00e9xito<\/p>\n      <h2>Dise\u00f1os que se sienten vivos.<\/h2>\n      <p>\n        Creamos sitios y piezas visuales con est\u00e9tica premium, animaciones suaves y una experiencia pensada para captar atenci\u00f3n desde el primer segundo.\n      <\/p>\n    <\/div>\n\n    <div class=\"bm-projects\">\n      <div class=\"bm-project\">\n        <h3>Web Corporativa<\/h3>\n        <p>Dise\u00f1o UX\/UI + desarrollo WordPress.<\/p>\n      <\/div>\n      <div class=\"bm-project\">\n        <h3>Campa\u00f1as Digitales<\/h3>\n        <p>Contenido visual + estrategia publicitaria.<\/p>\n      <\/div>\n      <div class=\"bm-project\">\n        <h3>Redes Sociales<\/h3>\n        <p>Dise\u00f1os mensuales + presencia profesional.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"bm-clients\" id=\"clientes\">\n    <p>Clientes \/ Proyectos \/ Marcas<\/p>\n    <div class=\"bm-logo-strip\">\n      <span>Rico Sabor<\/span>\n      <span>GMST<\/span>\n      <span>Vidrios Maip\u00fa<\/span>\n      <span>Terra Noble<\/span>\n      <span>SUT<\/span>\n      <span>Megaquim<\/span>\n    <\/div>\n  <\/section>\n\n  <section class=\"bm-contact\" id=\"contacto\">\n    <p class=\"bm-section-tag\">Contacto<\/p>\n    <h2>\u00bfCreamos algo potente para tu marca?<\/h2>\n    <a href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\" class=\"bm-btn\">Hablemos por WhatsApp<\/a>\n  <\/section>\n\n<\/section>\n\n<style>\n* {\n  box-sizing: border-box;\n}\n\n.bm-site {\n  position: relative;\n  background: #050505;\n  color: #fff;\n  font-family: 'Poppins', sans-serif;\n  overflow: hidden;\n}\n\n.bm-bg {\n  position: fixed;\n  inset: 0;\n  z-index: 0;\n  background: radial-gradient(circle at center, #161616 0%, #050505 65%);\n  pointer-events: none;\n}\n\n.bm-orb {\n  position: absolute;\n  width: 420px;\n  height: 420px;\n  border-radius: 50%;\n  filter: blur(80px);\n  opacity: .35;\n  animation: bmFloat 10s ease-in-out infinite alternate;\n}\n\n.bm-orb-1 {\n  background: #007bff;\n  top: 10%;\n  left: 5%;\n}\n\n.bm-orb-2 {\n  background: #7b2cff;\n  top: 35%;\n  right: 5%;\n  animation-delay: 1.5s;\n}\n\n.bm-orb-3 {\n  background: #25d366;\n  bottom: 10%;\n  left: 35%;\n  animation-delay: 3s;\n}\n\n.bm-cursor {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 22px;\n  height: 22px;\n  border: 1px solid #fff;\n  border-radius: 50%;\n  pointer-events: none;\n  z-index: 999999;\n  mix-blend-mode: difference;\n  will-change: transform;\n  \n}\n\n.bm-header {\n  position: fixed;\n  top: 24px;\n  left: 50%;\n  transform: translateX(-50%);\n  width: calc(100% - 48px);\n  max-width: 1280px;\n  z-index: 20;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 18px;\n  border: 1px solid rgba(255,255,255,.12);\n  background: rgba(5,5,5,.45);\n  backdrop-filter: blur(18px);\n  border-radius: 100px;\n}\n\n.bm-logo {\n  font-weight: 900;\n  letter-spacing: 1px;\n}\n\n.bm-header nav {\n  display: flex;\n  gap: 28px;\n}\n\n.bm-header nav a,\n.bm-header-btn {\n  color: #fff;\n  text-decoration: none;\n  font-size: 14px;\n}\n\n.bm-header-btn {\n  background: #fff;\n  color: #050505;\n  padding: 10px 20px;\n  border-radius: 100px;\n  font-weight: 700;\n}\n\n.bm-hero {\n  position: relative;\n  z-index: 2;\n  min-height: 100vh;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 190px 24px 120px;\n}\n\n.bm-eyebrow,\n.bm-section-tag {\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  font-size: 13px;\n  color: rgba(255,255,255,.55);\n  margin-bottom: 24px;\n}\n\n.bm-hero h1 {\n  max-width: 1150px;\n  font-size: clamp(54px, 8vw, 132px);\n  line-height: .92;\n  letter-spacing: -6px;\n  font-weight: 900;\n  margin: 0;\n}\n\n.bm-hero h1 span {\n  color: transparent;\n  -webkit-text-stroke: 1.5px #fff;\n}\n\n.bm-hero-text {\n  max-width: 620px;\n  margin: 36px 0 0;\n  font-size: 20px;\n  line-height: 1.7;\n  color: rgba(255,255,255,.72);\n}\n\n.bm-hero-actions {\n  display: flex;\n  gap: 16px;\n  margin-top: 38px;\n  flex-wrap: wrap;\n}\n\n.bm-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px 28px;\n  background: #25d366;\n  color: #050505;\n  border-radius: 100px;\n  font-weight: 800;\n  text-decoration: none;\n  transition: all .35s ease;\n}\n\n.bm-btn:hover {\n  transform: translateY(-4px);\n  background: #fff;\n  color: #050505;\n}\n\n.bm-btn-outline {\n  background: transparent;\n  color: #fff;\n  border: 1px solid rgba(255,255,255,.25);\n}\n\n.bm-marquee {\n  position:relative;\n    width:100%;\n    height:180px;\n    overflow:hidden;\n    display:flex;\n    align-items:center;\n    \n}\n\n.bm-marquee div {\n  \tdisplay:flex;\n    align-items:center;\n    white-space:nowrap;\n    font-size:160px;\n    font-weight:900;\n    line-height:1;\n    color:transparent;\n    -webkit-text-stroke:2px rgba(255,255,255,.18);\n   animation: bmMarquee 24s linear infinite;\n}\n\n.bm-section {\n  position: relative;\n  z-index: 2;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 160px 24px;\n}\n\n.bm-section h2,\n.bm-showcase-copy h2,\n.bm-contact h2 {\n  max-width: 900px;\n  font-size: clamp(42px, 6vw, 92px);\n  line-height: 1;\n  letter-spacing: -4px;\n  margin: 0 0 70px;\n}\n\n.bm-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.bm-card {\n  min-height: 290px;\n  padding: 34px;\n  border-radius: 30px;\n  background: rgba(255,255,255,.07);\n  border: 1px solid rgba(255,255,255,.13);\n  backdrop-filter: blur(18px);\n  transition: all .35s ease;\n}\n\n.bm-card:hover {\n  transform: translateY(-12px) scale(1.02);\n  background: rgba(255,255,255,.12);\n}\n\n.bm-card span {\n  color: rgba(255,255,255,.45);\n}\n\n.bm-card h3 {\n  font-size: 30px;\n  margin: 58px 0 14px;\n}\n\n.bm-card p {\n  color: rgba(255,255,255,.68);\n  line-height: 1.7;\n}\n\n.bm-card-dark {\n  background: #fff;\n  color: #050505;\n}\n\n.bm-card-dark p,\n.bm-card-dark span {\n  color: rgba(0,0,0,.6);\n}\n\n.bm-showcase {\n  position: relative;\n  z-index: 2;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 120px 24px 180px;\n  display: grid;\n  grid-template-columns: .9fr 1.1fr;\n  gap: 50px;\n  align-items: start;\n}\n\n.bm-showcase-copy {\n  position: sticky;\n  top: 140px;\n}\n\n.bm-showcase-copy p {\n  color: rgba(255,255,255,.7);\n  line-height: 1.8;\n}\n\n.bm-projects {\n  display: grid;\n  gap: 24px;\n}\n\n.bm-project {\n  min-height: 420px;\n  border-radius: 36px;\n  padding: 38px;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.03));\n  border: 1px solid rgba(255,255,255,.13);\n}\n\n.bm-project h3 {\n  font-size: 42px;\n  margin: 0 0 12px;\n}\n\n.bm-project p {\n  color: rgba(255,255,255,.65);\n}\n\n.bm-clients {\n  position: relative;\n  z-index: 2;\n  padding: 120px 24px;\n  text-align: center;\n  border-top: 1px solid rgba(255,255,255,.08);\n  border-bottom: 1px solid rgba(255,255,255,.08);\n}\n\n.bm-clients p {\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  color: rgba(255,255,255,.5);\n}\n\n.bm-logo-strip {\n  margin-top: 40px;\n  display: flex;\n  gap: 18px;\n  justify-content: center;\n  flex-wrap: wrap;\n}\n\n.bm-logo-strip span {\n  padding: 16px 24px;\n  border-radius: 100px;\n  background: rgba(255,255,255,.07);\n  border: 1px solid rgba(255,255,255,.12);\n}\n\n.bm-contact {\n  position: relative;\n  z-index: 2;\n  min-height: 80vh;\n  max-width: 1280px;\n  margin: 0 auto;\n  padding: 170px 24px;\n}\n\n@keyframes bmFloat {\n  from {\n    transform: translate3d(0,0,0) scale(1);\n  }\n  to {\n    transform: translate3d(70px,-50px,0) scale(1.25);\n  }\n}\n\n@keyframes bmMarquee {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-50%);\n  }\n}\n\n@media(max-width: 980px) {\n  .bm-header nav {\n    display: none;\n  }\n\n  .bm-grid,\n  .bm-showcase {\n    grid-template-columns: 1fr;\n  }\n\n  .bm-showcase-copy {\n    position: relative;\n    top: auto;\n  }\n\n  .bm-hero h1 {\n    letter-spacing: -3px;\n  }\n\n  .bm-cursor {\n    display: none;\n  }\n}\n<\/style>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  gsap.registerPlugin(ScrollTrigger);\n\n  const cursor = document.querySelector(\".bm-cursor\");\n\n  document.addEventListener(\"mousemove\", function(e) {\n  gsap.to(cursor, {\n    x: e.clientX - 11,\n    y: e.clientY - 11,\n    duration: 0.18,\n    ease: \"power2.out\"\n  });\n});\n\n  gsap.from(\".bm-header\", {\n    y: -50,\n    opacity: 0,\n    duration: 1,\n    ease: \"power3.out\"\n  });\n\n  gsap.from(\".bm-eyebrow\", {\n    y: 30,\n    opacity: 0,\n    duration: 1,\n    delay: .2\n  });\n\n  gsap.from(\".bm-hero h1\", {\n    y: 80,\n    opacity: 0,\n    duration: 1.3,\n    delay: .35,\n    ease: \"power4.out\"\n  });\n\n  gsap.from(\".bm-hero-text\", {\n    y: 50,\n    opacity: 0,\n    duration: 1,\n    delay: .65\n  });\n\n  gsap.from(\".bm-hero-actions\", {\n    y: 40,\n    opacity: 0,\n    duration: 1,\n    delay: .85\n  });\n\n  gsap.to(\".bm-hero\", {\n    y: -120,\n    opacity: .25,\n    scrollTrigger: {\n      trigger: \".bm-hero\",\n      start: \"top top\",\n      end: \"bottom top\",\n      scrub: true\n    }\n  });\n\n  gsap.to(\".bm-bg\", {\n    scale: 1.18,\n    rotate: 4,\n    scrollTrigger: {\n      trigger: \".bm-site\",\n      start: \"top top\",\n      end: \"bottom bottom\",\n      scrub: true\n    }\n  });\n\n  gsap.utils.toArray(\".bm-card\").forEach((card, index) => {\n    gsap.from(card, {\n      y: 90,\n      opacity: 0,\n      duration: 1,\n      delay: index * 0.06,\n      ease: \"power3.out\",\n      scrollTrigger: {\n        trigger: card,\n        start: \"top 85%\",\n        toggleActions: \"play reverse play reverse\"\n      }\n    });\n  });\n\n  gsap.utils.toArray(\".bm-project\").forEach((project) => {\n    gsap.from(project, {\n      y: 120,\n      opacity: 0,\n      scale: .94,\n      duration: 1,\n      ease: \"power3.out\",\n      scrollTrigger: {\n        trigger: project,\n        start: \"top 80%\",\n        toggleActions: \"play reverse play reverse\"\n      }\n    });\n  });\n\n  gsap.from(\".bm-logo-strip span\", {\n    y: 40,\n    opacity: 0,\n    stagger: .08,\n    duration: .8,\n    scrollTrigger: {\n      trigger: \".bm-clients\",\n      start: \"top 75%\",\n      toggleActions: \"play reverse play reverse\"\n    }\n  });\n\n});\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-777","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/comments?post=777"}],"version-history":[{"count":17,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/777\/revisions"}],"predecessor-version":[{"id":808,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/777\/revisions\/808"}],"wp:attachment":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/media?parent=777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}