{"id":38,"date":"2026-06-23T18:48:02","date_gmt":"2026-06-23T16:48:02","guid":{"rendered":"https:\/\/www.blakmedia.cl\/?page_id=38"},"modified":"2026-07-08T16:49:27","modified_gmt":"2026-07-08T14:49:27","slug":"test","status":"publish","type":"page","link":"https:\/\/www.blakmedia.cl\/","title":{"rendered":"Test"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section rp-hero-3d\">\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\"><!--\n  BLAKMEDIA | C\u00f3digo limpio y ordenado para WordPress + Divi\n  Estructura:\n  1. CSS agrupado\n  2. HTML por secciones\n  3. Librer\u00edas externas\n  4. JavaScript agrupado\n-->\n\n<style>\n\n\n\/* ==============================\n   BLAKMEDIA | CSS LIMPIO\n   ============================== *\/\n\n\/* ---------- Bloque CSS original agrupado ---------- *\/\n\n.bm-contact-apple{\n  position:relative!important;\n  z-index:90!important;\n  width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  margin-right:calc(50% - 50vw)!important;\n  padding:120px 24px!important;\n  margin-top:-250px;\n  \n}\n\n.bm-contact-card{\n  position:relative!important;\n  display:grid!important;\n  grid-template-columns:1fr 1.15fr!important;\n  gap:64px!important;\n  max-width:1180px!important;\n  margin:0 auto!important;\n  padding:70px!important;\n  border-radius:38px!important;\n  background:rgba(255,255,255,.07)!important;\n  border:1px solid rgba(255,255,255,.14)!important;\n  backdrop-filter:blur(42px)!important;\n  -webkit-backdrop-filter:blur(42px)!important;\n  box-shadow:0 40px 120px rgba(0,0,0,.55),0 0 70px rgba(255,43,43,.07)!important;\n  overflow:hidden!important;\n}\n\n.bm-contact-label{\n  display:block!important;\n  color:#ff2b2b!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:12px!important;\n  font-weight:800!important;\n  letter-spacing:.24em!important;\n  margin-bottom:22px!important;\n}\n\n.bm-contact-left h2{\n  margin:0 0 28px!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:clamp(48px,5vw,82px)!important;\n  line-height:.92!important;\n  letter-spacing:-.06em!important;\n  color:#fff!important;\n  font-weight:300!important;\n}\n\n.bm-contact-left h2 .bm-bold{\n  font-weight:800!important;\n  color:#fff!important;\n}\n\n.bm-contact-left h2 .bm-red{\n  font-weight:800!important;\n  color:#ff2b2b!important;\n}\n\n.bm-contact-left h2 .bm-light{\n  font-weight:300!important;\n  color:rgba(255,255,255,.62)!important;\n}\n\n.bm-contact-left p{\n  margin:0!important;\n  color:rgba(255,255,255,.70)!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:18px!important;\n  font-weight:500!important;\n  line-height:1.7!important;\n}\n\n.bm-contact-details{\n  margin-top:44px!important;\n}\n\n.bm-contact-item{\n  margin-bottom:26px!important;\n}\n\n.bm-contact-item small{\n  display:block!important;\n  margin-bottom:8px!important;\n  color:rgba(255,255,255,.42)!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:11px!important;\n  font-weight:700!important;\n  letter-spacing:.2em!important;\n  text-transform:uppercase!important;\n}\n\n.bm-contact-item a{\n  color:#fff!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:21px!important;\n  font-weight:600!important;\n  text-decoration:none!important;\n}\n\n.bm-contact-form{\n  display:flex!important;\n  flex-direction:column!important;\n  gap:16px!important;\n}\n\n.bm-contact-form input,\n.bm-contact-form select,\n.bm-contact-form textarea{\n  width:100%!important;\n  min-height:60px!important;\n  padding:18px 22px!important;\n  border-radius:18px!important;\n  border:1px solid rgba(255,255,255,.14)!important;\n  background:rgba(0,0,0,.48)!important;\n  color:#fff!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:15px!important;\n  outline:none!important;\n  box-shadow:none!important;\n  appearance:none!important;\n  -webkit-appearance:none!important;\n}\n\n.bm-contact-form textarea{\n  min-height:150px!important;\n  resize:none!important;\n}\n\n.bm-contact-form input::placeholder,\n.bm-contact-form textarea::placeholder{\n  color:rgba(255,255,255,.45)!important;\n}\n\n.bm-contact-form option{\n  color:#111!important;\n}\n\n.bm-contact-form input:focus,\n.bm-contact-form select:focus,\n.bm-contact-form textarea:focus{\n  border-color:#ff2b2b!important;\n  box-shadow:0 0 0 1px #ff2b2b,0 0 30px rgba(255,43,43,.16)!important;\n}\n\n.bm-form-success{\n  display:none!important;\n  padding:14px 16px!important;\n  border-radius:14px!important;\n  background:rgba(35,197,94,.14)!important;\n  border:1px solid rgba(35,197,94,.35)!important;\n  color:#86efac!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:14px!important;\n  font-weight:600!important;\n  line-height:1.45!important;\n}\n\n.bm-form-success.is-visible{\n  display:block!important;\n}\n\n.bm-contact-form button{\n  width:100%!important;\n  padding:20px!important;\n  border:0!important;\n  border-radius:999px!important;\n  background:linear-gradient(135deg,#ff2b2b,#ff5757)!important;\n  color:#fff!important;\n  font-family:'Poppins',sans-serif!important;\n  font-size:15px!important;\n  font-weight:800!important;\n  cursor:pointer!important;\n  transition:.35s ease!important;\n}\n\n.bm-contact-form button:hover{\n  transform:translateY(-4px)!important;\n  box-shadow:0 20px 50px rgba(255,43,43,.35)!important;\n}\n\n  \n  \n  \n@media(max-width:980px){\n  .bm-contact-card{\n    grid-template-columns:1fr!important;\n    gap:44px!important;\n    padding:44px!important;\n  }\n}\n\n@media(max-width:600px){\n  .bm-contact-apple{\n    padding:90px 20px!important;\n  }\n\n  .bm-contact-card{\n    padding:34px 24px!important;\n    border-radius:28px!important;\n  }\n\n  .bm-contact-left h2{\n    font-size:46px!important;\n  }\n}\n  \n  \n  \n  \n  \/*==========================\nSTATS PREMIUM\n==========================*\/\n\n.bm-trust-stats{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:18px;\n    margin-top:38px;\n}\n\n.bm-stat{\n    position:relative;\n    padding:22px;\n    border-radius:22px;\n    background:rgba(255,255,255,.05);\n    border:1px solid rgba(255,255,255,.08);\n    backdrop-filter:blur(18px);\n    overflow:hidden;\n    opacity:0;\n    transform:translateY(35px);\n    transition:\n    .55s cubic-bezier(.16,1,.3,1);\n}\n\n.bm-stat.visible{\n    opacity:1;\n    transform:translateY(0);\n\n}\n\n.bm-stat:nth-child(2){\n    transition-delay:.15s;\n\n}\n\n.bm-stat:nth-child(3){\n    transition-delay:.3s;\n\n}\n\n.bm-stat::before{\n    content:\"\";\n    position:absolute;\n    top:0;\n    left:0;\n    width:0;\n    height:3px;\n    background:#ff2b2b;\n    transition:.45s;\n}\n\n.bm-stat:hover{\n\n    transform:translateY(-8px);\n    border-color:rgba(255,43,43,.35);\n    box-shadow:\n    0 25px 50px rgba(255,43,43,.12);\n\n}\n\n.bm-stat:hover::before{\n\n    width:100%;\n\n}\n\n.bm-stat strong{\n    display:block;\n    margin-bottom:10px;\n    color:#ff2b2b;\n    font-family:'Poppins',sans-serif;\n    font-size:38px;\n    font-weight:900;\n    line-height:1;\n}\n\n.bm-stat span{\n\n    color:rgba(255,255,255,.62);\n    font-size:13px;\n    line-height:1.45;\n}\n\n@media(max-width:700px){\n\n.bm-trust-stats{\ngrid-template-columns:1fr;\n\n}\n\n}\n\n.bm-pro-projects,\n    .bm-pro-projects * {\n      box-sizing: border-box;\n    }\n\n    .bm-pro-projects {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      min-height: 100vh;\n      padding: 110px 20px 90px;\n      background: rgba(255, 43, 43, 0.1);\n      color: #fff;\n      font-family: 'Poppins', sans-serif;\n      overflow: hidden;\n      position: relative;\n    }\n\n    .bm-pro-projects::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);\n      background-size: 70px 70px;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,1), transparent 100%);\n      pointer-events: none;\n    }\n\n    .bm-pro-head {\n      max-width: 1180px;\n      margin: 0 auto 55px;\n      position: relative;\n      z-index: 2;\n      text-align: center;\n    }\n\n    .bm-pro-eyebrow {\n      display: inline-flex;\n      padding: 9px 16px;\n      border-radius: 999px;\n      border: 1px solid rgba(255,255,255,.14);\n      background: rgba(255,255,255,.06);\n      backdrop-filter: blur(14px);\n      color: #ff2b2b;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 22px;\n    }\n\n    .bm-pro-title {\n      margin: 0;\n      font-size: clamp(46px, 9vw, 132px);\n      line-height: .82;\n      letter-spacing: -6px;\n      font-weight: 900;\n      text-transform: uppercase;\n      background: linear-gradient(180deg, #fff 0%, #777 70%, #222 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n    }\n\n    .bm-pro-subtitle {\n      max-width: 720px;\n      margin: 28px auto 0;\n      color: rgba(255,255,255,.68);\n      font-size: 17px;\n      line-height: 1.65;\n    }\n\n    .bm-carousel-shell {\n      max-width: 1280px;\n      height: 540px;\n      margin: 0 auto;\n      position: relative;\n      perspective: 1600px;\n      z-index: 3;\n    }\n\n    .bm-pro-slide {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 390px;\n      height: 480px;\n      border-radius: 34px;\n      overflow: hidden;\n      transform: translate(-50%, -50%) scale(.5);\n      opacity: 0;\n      background: #111;\n      box-shadow: 0 40px 100px rgba(0,0,0,.55);\n      transition:\n        transform .9s cubic-bezier(.22,1,.36,1),\n        opacity .9s cubic-bezier(.22,1,.36,1),\n        filter .9s cubic-bezier(.22,1,.36,1);\n      pointer-events: none;\n      will-change: transform, opacity, filter;\n    }\n\n    .bm-pro-slide::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      border: 1px solid rgba(255,255,255,.18);\n      border-radius: inherit;\n      z-index: 5;\n      pointer-events: none;\n    }\n\n    .bm-pro-slide img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      transform: scale(1.08);\n      transition: transform 1.2s ease;\n    }\n\n    .bm-pro-slide::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(to top, rgba(0,0,0,.94) 0%, rgba(0,0,0,.45) 45%, transparent 80%),\n        linear-gradient(135deg, rgba(255,43,43,.18), transparent 45%);\n      z-index: 1;\n    }\n\n    .bm-slide-info {\n      position: absolute;\n      left: 28px;\n      right: 28px;\n      bottom: 28px;\n      z-index: 3;\n    }\n\n    .bm-slide-info small {\n      color: #ff2b2b;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      display: block;\n      margin-bottom: 10px;\n    }\n\n    .bm-slide-info h3 {\n      margin: 0;\n      font-size: 31px;\n      line-height: 1;\n      color: #fff;\n      font-weight: 900;\n      letter-spacing: -1px;\n    }\n\n    .bm-slide-info p {\n      margin: 13px 0 0;\n      color: rgba(255,255,255,.74);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    .bm-slide-link {\n      display: inline-flex;\n      margin-top: 18px;\n      color: #fff;\n      text-decoration: none;\n      font-size: 13px;\n      font-weight: 800;\n      border-bottom: 1px solid #ff2b2b;\n      padding-bottom: 4px;\n    }\n\n    .bm-pro-slide.active {\n      opacity: 1;\n      z-index: 10;\n      transform: translate(-50%, -50%) translateZ(130px) scale(1);\n      pointer-events: auto;\n      filter: none;\n    }\n\n    .bm-pro-slide.active img {\n      transform: scale(1.02);\n    }\n\n    .bm-pro-slide.prev {\n      opacity: .55;\n      z-index: 7;\n      transform: translate(calc(-50% - 300px), -50%) rotateY(20deg) scale(.75);\n      filter: grayscale(1) blur(.4px);\n    }\n\n    .bm-pro-slide.next {\n      opacity: .55;\n      z-index: 7;\n      transform: translate(calc(-50% + 300px), -50%) rotateY(-20deg) scale(.75);\n      filter: grayscale(1) blur(.4px);\n    }\n\n    .bm-pro-slide.prev2 {\n      opacity: .22;\n      z-index: 4;\n      transform: translate(calc(-50% - 530px), -50%) rotateY(28deg) scale(.56);\n      filter: grayscale(1) blur(1.3px);\n    }\n\n    .bm-pro-slide.next2 {\n      opacity: .22;\n      z-index: 4;\n      transform: translate(calc(-50% + 530px), -50%) rotateY(-28deg) scale(.56);\n      filter: grayscale(1) blur(1.3px);\n    }\n\n    .bm-pro-arrow {\n      position: absolute;\n      top: 50%;\n      width: 54px;\n      height: 54px;\n      border-radius: 50%;\n      border: 1px solid rgba(255,255,255,.2);\n      background: rgba(255,255,255,.08);\n      color: #fff;\n      backdrop-filter: blur(14px);\n      cursor: pointer;\n      z-index: 20;\n      font-size: 31px;\n      display: grid;\n      place-items: center;\n      transition: .3s ease;\n    }\n\n    .bm-pro-arrow:hover {\n      background: #ff2b2b;\n      border-color: #ff2b2b;\n      transform: translateY(-50%) scale(1.1);\n    }\n\n    .bm-pro-arrow.left {\n      left: 3%;\n      transform: translateY(-50%);\n    }\n\n    .bm-pro-arrow.right {\n      right: 3%;\n      transform: translateY(-50%);\n    }\n\n    .bm-pro-bottom {\n      position: relative;\n      z-index: 5;\n      text-align: center;\n      margin-top: 28px;\n    }\n\n    .bm-current-title {\n      margin: 0;\n      font-size: 32px;\n      font-weight: 900;\n      color: #fff;\n      letter-spacing: -1px;\n    }\n\n    .bm-current-type {\n      display: block;\n      margin-top: 8px;\n      color: #ff2b2b;\n      font-size: 12px;\n      font-weight: 900;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n    }\n\n    .bm-pro-dots {\n      display: flex;\n      justify-content: center;\n      gap: 10px;\n      margin-top: 26px;\n    }\n\n    .bm-pro-dot {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(255,255,255,.25);\n      cursor: pointer;\n      transition: .35s ease;\n    }\n\n    .bm-pro-dot.active {\n      width: 34px;\n      border-radius: 20px;\n      background: #ff2b2b;\n    }\n\n    .bm-pro-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      margin-top: 34px;\n      padding: 16px 30px;\n      border-radius: 999px;\n      background: #ff2b2b;\n      color: #fff;\n      text-decoration: none;\n      font-weight: 900;\n      box-shadow: 0 22px 50px rgba(255,43,43,.28);\n      transition: .35s ease;\n    }\n\n    .bm-pro-cta:hover {\n      color: #fff;\n      transform: translateY(-5px);\n      box-shadow: 0 28px 70px rgba(255,43,43,.42);\n    }\n\n    @media(max-width: 980px) {\n      .bm-carousel-shell {\n        height: 500px;\n      }\n\n      .bm-pro-slide {\n        width: 330px;\n        height: 430px;\n      }\n\n      .bm-pro-slide.prev {\n        transform: translate(calc(-50% - 200px), -50%) rotateY(17deg) scale(.68);\n      }\n\n      .bm-pro-slide.next {\n        transform: translate(calc(-50% + 200px), -50%) rotateY(-17deg) scale(.68);\n      }\n\n      .bm-pro-slide.prev2,\n      .bm-pro-slide.next2 {\n        opacity: 0;\n      }\n    }\n\n    @media(max-width: 600px) {\n      .bm-pro-projects {\n        padding: 80px 14px 70px;\n      }\n\n      .bm-pro-title {\n        letter-spacing: -2px;\n      }\n\n      .bm-pro-subtitle {\n        font-size: 15px;\n      }\n\n      .bm-carousel-shell {\n        height: 455px;\n      }\n\n      .bm-pro-slide {\n        width: 280px;\n        height: 390px;\n        border-radius: 26px;\n      }\n\n      .bm-pro-slide.prev {\n        transform: translate(calc(-50% - 120px), -50%) rotateY(12deg) scale(.64);\n      }\n\n      .bm-pro-slide.next {\n        transform: translate(calc(-50% + 120px), -50%) rotateY(-12deg) scale(.64);\n      }\n\n      .bm-pro-arrow {\n        width: 44px;\n        height: 44px;\n        font-size: 25px;\n      }\n\n      .bm-pro-arrow.left {\n        left: -4px;\n      }\n\n      .bm-pro-arrow.right {\n        right: -4px;\n      }\n\n      .bm-slide-info h3 {\n        font-size: 25px;\n      }\n\n      .bm-current-title {\n        font-size: 24px;\n      }\n    }\n\n.bm-premium-footer{\n  position:relative!important;\n  z-index:95!important;\n  width:100vw!important;\n  margin-left:calc(50% - 50vw)!important;\n  margin-right:calc(50% - 50vw)!important;\n  background:#050505!important;\n  color:#fff!important;\n  overflow:hidden!important;\n  font-family:'Poppins',sans-serif!important;\n}\n\n.bm-footer-cta{\n  position:relative!important;\n  z-index:2!important;\n  max-width:1320px!important;\n  margin:0 auto!important;\n  padding:120px 40px 100px!important;\n  text-align:center!important;\n}\n\n.bm-footer-cta::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:50%;\n  transform:translateX(-50%);\n  width:90%;\n  height:1px;\n  background:linear-gradient(90deg,transparent,#ff2b2b,transparent);\n}\n\n.bm-footer-cta span{\n  display:block!important;\n  margin-bottom:22px!important;\n  color:#ff2b2b!important;\n  font-size:12px!important;\n  font-weight:800!important;\n  letter-spacing:.24em!important;\n}\n\n.bm-footer-cta h2{\n  max-width:900px!important;\n  margin:0 auto 28px!important;\n  color:#fff!important;\n  font-size:clamp(48px,7vw,110px)!important;\n  font-weight:300!important;\n  line-height:.9!important;\n  letter-spacing:-.07em!important;\n}\n\n.bm-footer-cta h2 strong{\n  color:#ff2b2b!important;\n  font-weight:900!important;\n}\n\n.bm-footer-cta p{\n  max-width:620px!important;\n  margin:0 auto 38px!important;\n  color:rgba(255,255,255,.65)!important;\n  font-size:18px!important;\n  line-height:1.7!important;\n}\n\n.bm-footer-cta a{\n  display:inline-flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  padding:18px 36px!important;\n  border-radius:999px!important;\n  background:linear-gradient(135deg,#ff2b2b,#ff5757)!important;\n  color:#fff!important;\n  font-size:15px!important;\n  font-weight:800!important;\n  text-decoration:none!important;\n  box-shadow:0 22px 60px rgba(255,43,43,.32)!important;\n  transition:.35s ease!important;\n}\n\n.bm-footer-cta a:hover{\n  transform:translateY(-5px)!important;\n  box-shadow:0 28px 80px rgba(255,43,43,.45)!important;\n}\n\n.bm-footer-main{\n  position:relative!important;\n  z-index:2!important;\n  max-width:1320px!important;\n  margin:0 auto!important;\n  padding:80px 40px 50px!important;\n  border-top:1px solid rgba(255,255,255,.08)!important;\n}\n\n.bm-footer-bg-text{\n  position:absolute!important;\n  left:50%!important;\n  top:20px!important;\n  transform:translateX(-50%)!important;\n  color:rgba(255,255,255,.025)!important;\n  font-size:clamp(90px,15vw,300px)!important;\n  font-weight:900!important;\n  line-height:1!important;\n  letter-spacing:-.08em!important;\n  white-space:nowrap!important;\n  pointer-events:none!important;\n  z-index:0!important;\n}\n\n.bm-footer-grid{\n  position:relative!important;\n  z-index:3!important;\n  display:grid!important;\n  grid-template-columns:2fr 1fr 1fr 1.2fr!important;\n  gap:60px!important;\n}\n\n.bm-footer-brand img{\n  width:180px!important;\n  height:auto!important;\n  display:block!important;\n  margin-bottom:28px!important;\n  filter:drop-shadow(0 0 35px rgba(255,43,43,.15))!important;\n}\n\n.bm-footer-brand p{\n  max-width:390px!important;\n  margin:0!important;\n  color:rgba(255,255,255,.62)!important;\n  font-size:16px!important;\n  line-height:1.8!important;\n}\n\n.bm-footer-title{\n  margin:0 0 24px!important;\n  color:#fff!important;\n  font-size:14px!important;\n  font-weight:800!important;\n  letter-spacing:.16em!important;\n  text-transform:uppercase!important;\n}\n\n.bm-footer-links{\n  list-style:none!important;\n  margin:0!important;\n  padding:0!important;\n}\n\n.bm-footer-links li{\n  margin-bottom:14px!important;\n}\n\n.bm-footer-links a,\n.bm-footer-contact a{\n  color:rgba(255,255,255,.58)!important;\n  font-size:15px!important;\n  text-decoration:none!important;\n  transition:.3s ease!important;\n}\n\n.bm-footer-links a:hover,\n.bm-footer-contact a:hover{\n  color:#ff2b2b!important;\n  padding-left:6px!important;\n}\n\n.bm-footer-contact p{\n  margin:0 0 14px!important;\n  color:rgba(255,255,255,.58)!important;\n  font-size:15px!important;\n  line-height:1.7!important;\n}\n\n.bm-footer-social{\n  display:flex!important;\n  gap:12px!important;\n  margin-top:26px!important;\n}\n\n.bm-footer-social a{\n  width:46px!important;\n  height:46px!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:center!important;\n  border-radius:50%!important;\n  background:rgba(255,255,255,.06)!important;\n  border:1px solid rgba(255,255,255,.1)!important;\n  color:#fff!important;\n  text-decoration:none!important;\n  transition:.35s ease!important;\n}\n\n.bm-footer-social a:hover{\n  background:#ff2b2b!important;\n  transform:translateY(-5px)!important;\n  box-shadow:0 18px 45px rgba(255,43,43,.35)!important;\n}\n\n.bm-footer-bottom{\n  position:relative!important;\n  z-index:3!important;\n  max-width:1320px!important;\n  margin:0 auto!important;\n  padding:30px 40px 45px!important;\n  border-top:1px solid rgba(255,255,255,.08)!important;\n  display:flex!important;\n  justify-content:space-between!important;\n  align-items:center!important;\n  gap:20px!important;\n}\n\n.bm-footer-bottom p{\n  margin:0!important;\n  color:rgba(255,255,255,.42)!important;\n  font-size:14px!important;\n}\n\n.bm-footer-bottom a{\n  color:rgba(255,255,255,.42)!important;\n  text-decoration:none!important;\n  transition:.3s ease!important;\n}\n\n.bm-footer-bottom a:hover{\n  color:#fff!important;\n}\n\n@media(max-width:980px){\n  .bm-footer-grid{\n    grid-template-columns:1fr 1fr!important;\n    gap:42px!important;\n  }\n}\n\n@media(max-width:680px){\n  .bm-footer-cta{\n    padding:90px 24px 70px!important;\n  }\n\n  .bm-footer-main{\n    padding:60px 24px 40px!important;\n  }\n\n  .bm-footer-grid{\n    grid-template-columns:1fr!important;\n  }\n\n  .bm-footer-bottom{\n    padding:28px 24px 40px!important;\n    flex-direction:column!important;\n    text-align:center!important;\n  }\n}\n<\/style>\n\n<div class=\"bm-site-wrap\">\n <div class=\"rp-video-bg\">\n  <video autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\">\n   <source src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/technology-businessman-working-with-virtual-reali-2026-01-28-03-19-42-utc.mov\" type=\"video\/mp4\"\/>\n  <\/video>\n <\/div>\n <div id=\"rp-three-bg\">\n <\/div>\n <div class=\"rp-hero-content\">\n  <span class=\"rp-eyebrow\">\n   Web \u00b7 Marketing Digital \u00b7 Redes Sociales \u00b7 Dise\u00f1o Gr\u00e1fico \u00b7 Multimedia.\n  <\/span>\n  <h1>\n   <span class=\"rp-title-strong\">\n    Impulsamos marcas\n   <\/span>\n   <span class=\"rp-title-light\">\n    que quieren destacar\n   <\/span>\n   <span class=\"rp-title-red\">\n    en el mundo digital.\n   <\/span>\n  <\/h1>\n  <p>\n   Dise\u00f1amos experiencias digitales de alto impacto.\n  <\/p>\n  <!-- MEGATEXT -->\n  <div class=\"rp-word\">\n   <span>\n    B\n   <\/span>\n   <span>\n    L\n   <\/span>\n   <span>\n    A\n   <\/span>\n   <span>\n    K\n   <\/span>\n   <span>\n    M\n   <\/span>\n   <span>\n    E\n   <\/span>\n   <span>\n    D\n   <\/span>\n   <span>\n    I\n   <\/span>\n   <span>\n    A\n   <\/span>\n  <\/div>\n  <!-- SERVICIOS -->\n  <div class=\"rp-services-cards rp-services-grid\">\n   <div class=\"rp-service-card rp-services-grid\">\n    <div class=\"rp-icon\">\n     <i class=\"fas fa-laptop-code\">\n     <\/i>\n    <\/div>\n    <span>\n     01\n    <\/span>\n    <h3>\n     Dise\u00f1o Web\n    <\/h3>\n    <p class=\"rp-service-desc\">\n     Sitios modernos, r\u00e1pidos y optimizados para convertir visitas en clientes.\n    <\/p>\n   <\/div>\n   <div class=\"rp-service-card rp-services-grid\">\n    <div class=\"rp-icon\">\n     <i class=\"fas fa-chart-line\">\n     <\/i>\n    <\/div>\n    <span>\n     02\n    <\/span>\n    <h3>\n     Marketing Digital\n    <\/h3>\n    <p class=\"rp-service-desc\">\n     Estrategias digitales para posicionar tu marca y aumentar resultados.\n    <\/p>\n   <\/div>\n   <div class=\"rp-service-card rp-services-grid\">\n    <div class=\"rp-icon\">\n     <i class=\"fas fa-hashtag\">\n     <\/i>\n    <\/div>\n    <span>\n     03\n    <\/span>\n    <h3>\n     Redes Sociales\n    <\/h3>\n    <p class=\"rp-service-desc\">\n     Gesti\u00f3n de contenido, planificaci\u00f3n visual y manejo profesional de cuentas.\n    <\/p>\n   <\/div>\n   <div class=\"rp-service-card rp-services-grid\">\n    <div class=\"rp-icon\">\n     <i class=\"fas fa-pen-ruler\">\n     <\/i>\n    <\/div>\n    <span>\n     04\n    <\/span>\n    <h3>\n     Dise\u00f1o Gr\u00e1fico\n    <\/h3>\n    <p class=\"rp-service-desc\">\n     Identidad visual, piezas publicitarias y gr\u00e1ficas para medios digitales.\n    <\/p>\n   <\/div>\n   <div class=\"rp-service-card rp-services-grid\">\n    <div class=\"rp-icon\">\n     <i class=\"fas fa-photo-film\">\n     <\/i>\n    <\/div>\n    <span>\n     05\n    <\/span>\n    <h3>\n     Multimedia\n    <\/h3>\n    <p class=\"rp-service-desc\">\n     Contenido audiovisual, animaciones, motion graphics y recursos visuales de alto impacto.\n    <\/p>\n   <\/div>\n  <\/div>\n  <!-- imagen y texto -->\n  <section class=\"rp-content-section\">\n   <div class=\"rp-content-grid\">\n    <div class=\"rp-content-image rp-mini-carousel\">\n     <div class=\"rp-mini-slide active\">\n      <img decoding=\"async\" alt=\"Proyecto Blakmedia 1\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/01.jpg\"\/>\n     <\/div>\n     <div class=\"rp-mini-slide\">\n      <img decoding=\"async\" alt=\"Proyecto Blakmedia 2\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/02.jpg\"\/>\n     <\/div>\n     <div class=\"rp-mini-slide\">\n      <img decoding=\"async\" alt=\"Proyecto Blakmedia 3\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/03.jpg\"\/>\n     <\/div>\n     <div class=\"rp-mini-controls\">\n      <button class=\"rp-mini-prev\">\n       \u2190\n      <\/button>\n      <button class=\"rp-mini-next\">\n       \u2192\n      <\/button>\n     <\/div>\n    <\/div>\n    <div class=\"rp-content-text\">\n     <span class=\"rp-content-tag\">\n      SOLUCIONES DIGITALES\n     <\/span>\n     <h2>\n      Transformamos ideas en experiencias digitales memorables.\n     <\/h2>\n     <p>\n      Desarrollamos soluciones integrales que combinan estrategia,\n        dise\u00f1o, tecnolog\u00eda y contenido para ayudar a las empresas a\n        conectar con sus audiencias, diferenciarse en el mercado y\n        potenciar su crecimiento digital.\n     <\/p>\n     <div class=\"rp-content-btn-wrap\">\n      <a class=\"rp-content-cta\" href=\"https:\/\/wa.me\/56963503720?text=Hola%20Blakmedia,%20quiero%20m\u00e1s%20informaci\u00f3n%20sobre%20sus%20servicios.\" target=\"_blank\">\n       Hablemos de tu proyecto\n      <\/a>\n     <\/div>\n    <\/div>\n   <\/div>\n  <\/section>\n <\/div>\n <!-- formulario -->\n <section class=\"bm-contact-apple\" id=\"contacto\">\n  <div class=\"bm-contact-card\">\n   <div class=\"bm-contact-left\">\n    <span class=\"bm-contact-label\">\n     CONTACTO\n    <\/span>\n    <h2>\n     <span class=\"bm-bold\">\n      Hablemos\n     <\/span>\n     <span class=\"bm-light\">\n      de tu\n     <\/span>\n     <span class=\"bm-red\">\n      pr\u00f3ximo\n     <\/span>\n     <span class=\"bm-bold\">\n      proyecto\n     <\/span>\n     <span class=\"bm-light\">\n      digital.\n     <\/span>\n    <\/h2>\n    <p>\n     Cu\u00e9ntanos tu idea y dise\u00f1emos una experiencia digital memorable para tu marca.\n    <\/p>\n    <div class=\"bm-trust-stats\">\n     <div class=\"bm-stat\" data-count=\"150\">\n      <strong>\n       0\n      <\/strong>\n      <span>\n       Proyectos desarrollados\n      <\/span>\n     <\/div>\n     <div class=\"bm-stat\" data-count=\"50\">\n      <strong>\n       0\n      <\/strong>\n      <span>\n       Marcas activas\n      <\/span>\n     <\/div>\n     <div class=\"bm-stat\" data-count=\"10\">\n      <strong>\n       0\n      <\/strong>\n      <span>\n       A\u00f1os impulsando negocios\n      <\/span>\n     <\/div>\n    <\/div>\n   <\/div>\n   <form action=\"https:\/\/formsubmit.co\/cricor@blakmedia.cl\" class=\"bm-contact-form\" method=\"POST\">\n    <input name=\"_subject\" type=\"hidden\" value=\"Nuevo mensaje desde Blakmedia.cl\"\/>\n    <input name=\"_captcha\" type=\"hidden\" value=\"false\"\/>\n    <input name=\"_next\" type=\"hidden\" value=\"https:\/\/www.blakmedia.cl\/?enviado=1#contacto\"\/>\n    <input name=\"nombre\" placeholder=\"Nombre\" required=\"\" type=\"text\"\/>\n    <input name=\"email\" placeholder=\"Correo\" required=\"\" type=\"email\"\/>\n    <input name=\"telefono\" placeholder=\"Tel\u00e9fono\" type=\"tel\"\/>\n    <select name=\"servicio\" required=\"\">\n     <option value=\"\">\n      Servicio de inter\u00e9s\n     <\/option>\n     <option>\n      Dise\u00f1o Web\n     <\/option>\n     <option>\n      Marketing Digital\n     <\/option>\n     <option>\n      Redes Sociales\n     <\/option>\n     <option>\n      Dise\u00f1o Gr\u00e1fico\n     <\/option>\n     <option>\n      Multimedia\n     <\/option>\n    <\/select>\n    <textarea name=\"mensaje\" placeholder=\"Cu\u00e9ntanos sobre tu proyecto\" required=\"\"><\/textarea>\n    <div aria-live=\"polite\" class=\"bm-form-success\" role=\"status\">\n     Tu mensaje fue enviado correctamente. Te responderemos pronto.\n    <\/div>\n    <button type=\"submit\">\n     Enviar mensaje\n    <\/button>\n    <div class=\"bm-contact-details\">\n     <div class=\"bm-contact-item\">\n      <small>\n       WhatsApp\n      <\/small>\n      <a href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\">\n       +56 9 6350 3720\n      <\/a>\n      <small>\n       Email\n      <\/small>\n      <a href=\"mailto:cricor@blakmedia.cl\">\n       cricor@blakmedia.cl\n      <\/a>\n     <\/div>\n    <\/div>\n   <\/form>\n  <\/div>\n <\/section>\n <!-- fin formulario -->\n  \n  \n  \n  \n <!-- BLAKMEDIA PRO PROJECTS CAROUSEL | DIVI + GSAP -->\n <section class=\"bm-pro-projects\" id=\"proyectos-blakmedia\">\n  <!-- GSAP -->\n  <div class=\"bm-pro-head\">\n   <span class=\"bm-pro-eyebrow\">\n    Casos de \u00e9xito Blakmedia\n   <\/span>\n   <h2 class=\"bm-pro-title\">\n    Proyectos\n   <\/h2>\n   <p class=\"bm-pro-subtitle\">\n    Dise\u00f1o web, branding, marketing digital, ecommerce y experiencias visuales desarrolladas para marcas que buscan destacar.\n   <\/p>\n  <\/div>\n  <div class=\"bm-carousel-shell\">\n   <button aria-label=\"Proyecto anterior\" class=\"bm-pro-arrow left\" type=\"button\">\n    \u2039\n   <\/button>\n   <article class=\"bm-pro-slide\" data-name=\"Hacienda Terra Noble\" data-type=\"Dise\u00f1o Web Inmobiliario\">\n    <img decoding=\"async\" alt=\"Hacienda Terra Noble\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2024-04-10-at-13.50.39-3-scaled.jpeg\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      Dise\u00f1o Web\n     <\/small>\n     <h3>\n      Hacienda Terra Noble\n     <\/h3>\n     <p>\n      Sitio web inmobiliario premium para proyecto de parcelas agr\u00edcolas en San Felipe.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/www.haciendaterranoble.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n   <article class=\"bm-pro-slide\" data-name=\"Frenillos Los Andes\" data-type=\"Landing Page M\u00e9dica\">\n    <img decoding=\"async\" alt=\"Frenillos Los Andes\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/dentist-attaching-metal-braces-patient-teeth-scaled.jpg\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      RRSS\n     <\/small>\n     <h3>\n      Frenillos Los Andes\n     <\/h3>\n     <p>\n      Gr\u00e1ficas para redes sociales que comunican, atraen y fortalecen la presencia digital de tu marca.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/www.frenilloslosandes.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n   <article class=\"bm-pro-slide\" data-name=\"Rico Sabor\" data-type=\"WooCommerce + Redes Sociales\">\n    <img decoding=\"async\" alt=\"Rico Sabor\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-04-17-at-15.18.18-1.jpeg\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      Ecommerce\n     <\/small>\n     <h3>\n      Rico Sabor\n     <\/h3>\n     <p>\n      Venta online, contenido visual y estrategia digital para comida casera sellada al vac\u00edo.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/ricosabor.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n    \n    \n    <article class=\"bm-pro-slide\" data-name=\"Rico Sabor\" data-type=\"WooCommerce + Redes Sociales\">\n    <img decoding=\"async\" alt=\"Rico Sabor\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/Captura-de-pantalla-2026-07-08-a-las-10.45.59-scaled.png\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      Sitio Web y RRSS\n     <\/small>\n     <h3>\n      Grupo MST\n     <\/h3>\n     <p>\n      Contenido visual y estrategia digital para empresa tecnol\u00f3gica.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/www.grupomst.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n    \n    \n    \n   <article class=\"bm-pro-slide\" data-name=\"Megaquim\" data-type=\"Cat\u00e1logo Online\">\n    <img decoding=\"async\" alt=\"Megaquim\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/building-1.jpg\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      RRSS y Web Site\n     <\/small>\n     <h3>\n      Vidrios Maip\u00fa\n     <\/h3>\n     <p>\n      Propuesta  cat\u00e1logo online moderno para productos realizados en vidrio y metal.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/www.vidriosmaipu.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n   <article class=\"bm-pro-slide\" data-name=\"Los Amigos\" data-type=\"Rebranding Web\">\n    <img decoding=\"async\" alt=\"Los Amigos\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/assorted-cocktails-display-scaled.jpg\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      Rebranding\n     <\/small>\n     <h3>\n      Los Amigos\n     <\/h3>\n     <p>\n      Propuesta de renovaci\u00f3n visual para un sitio web m\u00e1s moderno, limpio y comercial.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/www.losamigos.cl\/\" target=\"_blank\">\n      Ver proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n   <article class=\"bm-pro-slide\" data-name=\"Casos de \u00e9xito futuros\" data-type=\"Nuevos proyectos\">\n    <img decoding=\"async\" alt=\"Casos de \u00e9xito futuros\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?w=1000\"\/>\n    <div class=\"bm-slide-info\">\n     <small>\n      Pr\u00f3ximamente\n     <\/small>\n     <h3>\n      Casos de \u00e9xito futuros\n     <\/h3>\n     <p>\n      Un espacio reservado para nuevos desarrollos web, campa\u00f1as, branding y proyectos multimedia.\n     <\/p>\n     <a class=\"bm-slide-link\" href=\"https:\/\/wa.me\/56963503720?text=Hola%20Blakmedia,%20quiero%20desarrollar%20un%20proyecto%20digital.\" target=\"_blank\">\n      Crear mi proyecto\n     <\/a>\n    <\/div>\n   <\/article>\n   <button aria-label=\"Proyecto siguiente\" class=\"bm-pro-arrow right\" type=\"button\">\n    \u203a\n   <\/button>\n  <\/div>\n  <div class=\"bm-pro-bottom\">\n   <h3 class=\"bm-current-title\">\n    Hacienda Terra Noble\n   <\/h3>\n   <span class=\"bm-current-type\">\n    Dise\u00f1o Web Inmobiliario\n   <\/span>\n   <div class=\"bm-pro-dots\">\n   <\/div>\n   <a class=\"bm-pro-cta\" href=\"https:\/\/wa.me\/56963503720?text=Hola%20Blakmedia,%20quiero%20ver%20m\u00e1s%20proyectos.\" target=\"_blank\">\n    Hablemos de tu proyecto\n   <\/a>\n  <\/div>\n <\/section>\n  \n  \n  \n  \n  \n  \n <!-- slider -->\n <section class=\"bm-product-slider\">\n  <div class=\"bm-slide active\" data-bg=\"\">\n   <h2>\n    WEBSITE\n   <\/h2>\n   <img decoding=\"async\" alt=\"WEBSITE\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-jun-2026-15_46_23.png\"\/>\n   <div class=\"bm-info\">\n    <span>\n     01\n    <\/span>\n    <h3>\n     Tu sitio web es la vitrina m\u00e1s importante de tu negocio.\n    <\/h3>\n    <p>\n     Dise\u00f1amos sitios web modernos, r\u00e1pidos y optimizados para ofrecer una experiencia excepcional en cualquier dispositivo.\n    <\/p>\n    <a href=\"#\">\n     Ver producto\n    <\/a>\n   <\/div>\n  <\/div>\n  <div class=\"bm-slide\" data-bg=\"\">\n   <h2>\n    DISE\u00d1O\n   <\/h2>\n   <img decoding=\"async\" alt=\"DISE\u00d1O\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-jun-2026-15_56_27.png\"\/>\n   <div class=\"bm-info\">\n    <span>\n     02\n    <\/span>\n    <h3>\n     Dise\u00f1os que comunican, inspiran y generan confianza.\n    <\/h3>\n    <p>\n     Creamos piezas gr\u00e1ficas profesionales que fortalecen la identidad visual de tu marca y mejoran su percepci\u00f3n.\n    <\/p>\n    <a href=\"#\">\n     Ver producto\n    <\/a>\n   <\/div>\n  <\/div>\n  <div class=\"bm-slide\" data-bg=\"\">\n   <h2>\n    RRSS\n   <\/h2>\n   <img decoding=\"async\" alt=\"RRSS\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-24-jun-2026-15_51_30.png\"\/>\n   <div class=\"bm-info\">\n    <span>\n     03\n    <\/span>\n    <h3>\n     Construimos comunidades y fortalecemos marcas.\n    <\/h3>\n    <p>\n     Desarrollamos estrategias de contenido que conectan con tu audiencia y potencian el crecimiento de tus redes sociales.\n    <\/p>\n    <a href=\"#\">\n     Ver producto\n    <\/a>\n   <\/div>\n  <\/div>\n  <button aria-label=\"Anterior\" class=\"bm-arrow bm-prev\">\n  <\/button>\n  <button aria-label=\"Siguiente\" class=\"bm-arrow bm-next\">\n  <\/button>\n  <div class=\"bm-dots\">\n  <\/div>\n <\/section>\n <!-- fin slider -->\n  \n  \n  \n  \n  \n<!-- GALER\u00cdA HORIZONTAL CON SCROLL - DIVI CODE MODULE -->\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<style>\n.gallery-scroll{\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  background:#050505;\n  overflow:hidden;\n}\n\n.gallery-pin{\n  height:100vh;\n  display:flex;\n  align-items:center;\n  overflow:hidden;\n}\n\n.gallery-track{\n  display:flex;\n  gap:28px;\n  padding:0 7vw;\n  width:max-content;\n}\n\n.gallery-card{\n  width:min(78vw,760px);\n  height:70vh;\n  flex-shrink:0;\n  position:relative;\n  border-radius:36px;\n  overflow:hidden;\n  background:#111;\n  border:1px solid rgba(255,255,255,.14);\n}\n\n.gallery-card img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  filter:brightness(.72);\n  transform:scale(1.08);\n}\n\n.gallery-content{\n  position:absolute;\n  left:0;\n  right:0;\n  bottom:0;\n  padding:38px;\n  background:linear-gradient(to top,rgba(0,0,0,.85),transparent);\n  color:#fff;\n  font-family:\"Poppins\",sans-serif;\n}\n\n.gallery-content small{\n  color:#FF2B2B;\n  font-size:12px;\n  font-weight:700;\n  text-transform:uppercase;\n  letter-spacing:3px;\n}\n\n.gallery-content h3{\n  margin:12px 0 8px;\n  font-size:clamp(34px,5vw,68px);\n  line-height:.9;\n  letter-spacing:-3px;\n  font-weight:900;\n  color:#FF2B2B;\n  text-shadow:0 0 20px rgba(255,43,43,.18);\n}\n\n.gallery-content p{\n  max-width:520px;\n  color:#cfcfcf;\n  font-size:15px;\n  line-height:1.6;\n  margin:0;\n}\n\n@media(max-width:768px){\n  .gallery-track{\n    gap:18px;\n    padding:0 24px;\n  }\n\n  .gallery-card{\n    width:86vw;\n    height:64vh;\n    border-radius:26px;\n  }\n\n  .gallery-content{\n    padding:26px;\n  }\n\n  .gallery-content h3{\n    letter-spacing:-2px;\n  }\n}\n<\/style>\n\n<section class=\"gallery-scroll\">\n  <div class=\"gallery-pin\">\n    <div class=\"gallery-track\">\n\n     <article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Servicio digital<\/small>\n    <h3>\ud83d\udcbb Desarrollo Web &#038; Ecommerce<\/h3>\n    <p>Sitios web modernos, tiendas online y experiencias optimizadas para convertir.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1561070791-2526d30994b5?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Identidad visual<\/small>\n    <h3>\ud83c\udfa8 Branding &#038; Dise\u00f1o<\/h3>\n    <p>Marcas s\u00f3lidas, memorables y visualmente coherentes en todos sus canales.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/detailed-view-digital-publishing-platform.jpg\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Dise\u00f1o impreso y digital<\/small>\n    <h3>\ud83d\udcda Dise\u00f1o Editorial<\/h3>\n    <p>Cat\u00e1logos, revistas, dossiers, presentaciones y piezas editoriales profesionales.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Crecimiento digital<\/small>\n    <h3>\ud83d\ude80 Estrategia Digital<\/h3>\n    <p>Planificaci\u00f3n, campa\u00f1as y acciones para posicionar tu marca con direcci\u00f3n clara.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162618071-b39a2ec055fb?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Contenido y comunidad<\/small>\n    <h3>\ud83d\udcf1 Marketing &#038; Redes Sociales<\/h3>\n    <p>Gesti\u00f3n de contenido, campa\u00f1as, creatividad y presencia constante en redes.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/person-s-hand-typing-laptop-keyboard-with-camera-accessories-spiral-book-scaled.jpg\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Contenido audiovisual<\/small>\n    <h3>\ud83c\udfac Producci\u00f3n Multimedia<\/h3>\n    <p>Videos, motion graphics, reels, animaciones y contenido visual de alto impacto.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550745165-9bc0b252726f?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Interactividad avanzada<\/small>\n    <h3>\u2728 Experiencias Digitales<\/h3>\n    <p>GSAP, Three.js e interactividad para sitios inmersivos, modernos y memorables.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1677442136019-21780ecad995?q=80&#038;w=1600&#038;auto=format&#038;fit=crop\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Tecnolog\u00eda inteligente<\/small>\n    <h3>\ud83e\udd16 IA &#038; Automatizaci\u00f3n<\/h3>\n    <p>Automatizaci\u00f3n de procesos, asistentes inteligentes e integraci\u00f3n de IA aplicada.<\/p>\n  <\/div>\n<\/article>\n\n<article class=\"gallery-card\">\n  <img decoding=\"async\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/07\/closeup-mans-hand-holding-scaled.jpg\" alt=\"\">\n  <div class=\"gallery-content\">\n    <small>Optimizaci\u00f3n web<\/small>\n    <h3>\ud83d\udcc8 SEO &#038; Performance<\/h3>\n    <p>Mejoras de velocidad, posicionamiento, estructura t\u00e9cnica y rendimiento web.<\/p>\n  <\/div>\n<\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function(){\n\n  gsap.registerPlugin(ScrollTrigger);\n\n  const galleryTrack = document.querySelector(\".gallery-track\");\n\n  if(galleryTrack){\n    gsap.to(galleryTrack,{\n      x: () => -(galleryTrack.scrollWidth - window.innerWidth),\n      ease: \"none\",\n      scrollTrigger:{\n        trigger: \".gallery-scroll\",\n        start: \"top top\",\n        end: () => \"+=\" + (galleryTrack.scrollWidth - window.innerWidth),\n        scrub: 1,\n        pin: true,\n        anticipatePin: 1,\n        invalidateOnRefresh: true\n      }\n    });\n  }\n\n  gsap.utils.toArray(\".gallery-card img\").forEach((img)=>{\n    gsap.to(img,{\n      scale:1,\n      scrollTrigger:{\n        trigger:img,\n        start:\"left right\",\n        end:\"right left\",\n        scrub:true\n      }\n    });\n  });\n\n});\n<\/script>\n  \n  \n  \n  \n  \n <!-- footer -->\n <footer class=\"bm-premium-footer\">\n  <div class=\"bm-footer-cta\">\n   <span>\n    TRABAJEMOS JUNTOS\n   <\/span>\n   <h2>\n    Hagamos que tu marca\n    <strong>\n     destaque.\n    <\/strong>\n   <\/h2>\n   <p>\n    Creamos sitios web, contenido visual y estrategias digitales pensadas para generar impacto, confianza y resultados.\n   <\/p>\n   <a href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\">\n    Hablemos de tu proyecto\n   <\/a>\n  <\/div>\n  <div class=\"bm-footer-main\">\n   <div class=\"bm-footer-bg-text\">\n    BLAKMEDIA\n   <\/div>\n   <div class=\"bm-footer-grid\">\n    <div class=\"bm-footer-brand\">\n     <img decoding=\"async\" alt=\"Blakmedia\" src=\"https:\/\/www.blakmedia.cl\/wp-content\/uploads\/2026\/06\/logo-1.svg\"\/>\n     <p>\n      Dise\u00f1o. Estrategia. Tecnolog\u00eda. Resultados.\n          Creamos experiencias digitales que las personas recuerdan.\n     <\/p>\n     <div class=\"bm-footer-social\">\n      <a aria-label=\"Instagram\" href=\"#\">\n       <i class=\"fab fa-instagram\">\n       <\/i>\n      <\/a>\n      <a aria-label=\"Facebook\" href=\"#\">\n       <i class=\"fab fa-facebook-f\">\n       <\/i>\n      <\/a>\n      <a aria-label=\"LinkedIn\" href=\"#\">\n       <i class=\"fab fa-linkedin-in\">\n       <\/i>\n      <\/a>\n     <\/div>\n    <\/div>\n    <div>\n     <h4 class=\"bm-footer-title\">\n      Servicios\n     <\/h4>\n     <ul class=\"bm-footer-links\">\n      <li>\n       <a href=\"#\">\n        Dise\u00f1o Web\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Marketing Digital\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Redes Sociales\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Dise\u00f1o Gr\u00e1fico\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Multimedia\n       <\/a>\n      <\/li>\n     <\/ul>\n    <\/div>\n    <div>\n     <h4 class=\"bm-footer-title\">\n      Empresa\n     <\/h4>\n     <ul class=\"bm-footer-links\">\n      <li>\n       <a href=\"#\">\n        Nosotros\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Portafolio\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Blog\n       <\/a>\n      <\/li>\n      <li>\n       <a href=\"#\">\n        Contacto\n       <\/a>\n      <\/li>\n     <\/ul>\n    <\/div>\n    <div class=\"bm-footer-contact\">\n     <h4 class=\"bm-footer-title\">\n      Contacto\n     <\/h4>\n     <p>\n      Los Andes, Chile\n     <\/p>\n     <p>\n      <a href=\"mailto:contacto@blakmedia.cl\">\n       contacto@blakmedia.cl\n      <\/a>\n     <\/p>\n     <p>\n      <a href=\"https:\/\/wa.me\/56963503720\" target=\"_blank\">\n       +56 9 6350 3720\n      <\/a>\n     <\/p>\n    <\/div>\n   <\/div>\n  <\/div>\n  <div class=\"bm-footer-bottom\">\n   <p>\n    \u00a9 2026 Blakmedia. Todos los derechos reservados.\n   <\/p>\n   <p>\n    <a href=\"https:\/\/www.blakmedia.cl\/\">\n     www.blakmedia.cl\n    <\/a>\n   <\/p>\n  <\/div>\n <\/footer>\n <!-- fin footer -->\n<\/div>\n\n<!-- Librer\u00edas externas -->\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  var stats = document.querySelectorAll(\".bm-stat\");\n  var successMessage = document.querySelector(\".bm-form-success\");\n  var params = new URLSearchParams(window.location.search);\n\n  if (params.get(\"enviado\") === \"1\" && successMessage) {\n    successMessage.classList.add(\"is-visible\");\n  }\n\n  if (\"IntersectionObserver\" in window) {\n    var observer = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (!entry.isIntersecting || entry.target.dataset.animated === \"true\") {\n          return;\n        }\n\n        entry.target.dataset.animated = \"true\";\n        entry.target.classList.add(\"visible\");\n\n        var number = entry.target.querySelector(\"strong\");\n        var target = parseInt(entry.target.dataset.count, 10);\n        var count = 0;\n        var speed = target \/ 45;\n        var timer = setInterval(function(){\n          count += speed;\n\n          if (count >= target) {\n            count = target;\n            clearInterval(timer);\n          }\n\n          number.textContent = \"+\" + Math.floor(count);\n        }, 20);\n      });\n    }, {threshold:.35});\n\n    stats.forEach(function(stat){\n      observer.observe(stat);\n    });\n  } else {\n    stats.forEach(function(stat){\n      stat.classList.add(\"visible\");\n    });\n  }\n});\n\n(function () {\n  function initBlakmediaCarousel() {\n    const section = document.querySelector(\"#proyectos-blakmedia\");\n    if (!section || section.dataset.ready === \"true\") return;\n\n    section.dataset.ready = \"true\";\n\n    const slides = section.querySelectorAll(\".bm-pro-slide\");\n    const prevBtn = section.querySelector(\".bm-pro-arrow.left\");\n    const nextBtn = section.querySelector(\".bm-pro-arrow.right\");\n    const dotsWrap = section.querySelector(\".bm-pro-dots\");\n    const currentTitle = section.querySelector(\".bm-current-title\");\n    const currentType = section.querySelector(\".bm-current-type\");\n\n    if (!slides.length || !prevBtn || !nextBtn || !dotsWrap) return;\n\n    let current = 0;\n    let autoplay;\n\n    dotsWrap.innerHTML = \"\";\n\n    slides.forEach((slide, index) => {\n      const dot = document.createElement(\"span\");\n      dot.className = \"bm-pro-dot\";\n      dot.addEventListener(\"click\", function () {\n        current = index;\n        updateCarousel();\n        resetAutoplay();\n      });\n      dotsWrap.appendChild(dot);\n    });\n\n    const dots = dotsWrap.querySelectorAll(\".bm-pro-dot\");\n\n    function updateCarousel() {\n      const total = slides.length;\n\n      slides.forEach((slide, index) => {\n        slide.classList.remove(\"active\", \"prev\", \"next\", \"prev2\", \"next2\");\n\n        const position = (index - current + total) % total;\n\n        if (position === 0) slide.classList.add(\"active\");\n        else if (position === 1) slide.classList.add(\"next\");\n        else if (position === 2) slide.classList.add(\"next2\");\n        else if (position === total - 1) slide.classList.add(\"prev\");\n        else if (position === total - 2) slide.classList.add(\"prev2\");\n      });\n\n      dots.forEach((dot, index) => {\n        dot.classList.toggle(\"active\", index === current);\n      });\n\n      if (currentTitle) currentTitle.textContent = slides[current].dataset.name;\n      if (currentType) currentType.textContent = slides[current].dataset.type;\n    }\n\n    function nextSlide() {\n      current = (current + 1) % slides.length;\n      updateCarousel();\n    }\n\n    function prevSlide() {\n      current = (current - 1 + slides.length) % slides.length;\n      updateCarousel();\n    }\n\n    function startAutoplay() {\n      autoplay = setInterval(nextSlide, 4500);\n    }\n\n    function resetAutoplay() {\n      clearInterval(autoplay);\n      startAutoplay();\n    }\n\n    nextBtn.addEventListener(\"click\", function () {\n      nextSlide();\n      resetAutoplay();\n    });\n\n    prevBtn.addEventListener(\"click\", function () {\n      prevSlide();\n      resetAutoplay();\n    });\n\n    let startX = 0;\n\n    section.addEventListener(\"touchstart\", function (e) {\n      startX = e.touches[0].clientX;\n    }, { passive: true });\n\n    section.addEventListener(\"touchend\", function (e) {\n      const endX = e.changedTouches[0].clientX;\n      if (startX - endX > 50) nextSlide();\n      if (endX - startX > 50) prevSlide();\n      resetAutoplay();\n    });\n\n    updateCarousel();\n    startAutoplay();\n  }\n\n  initBlakmediaCarousel();\n\n  window.addEventListener(\"load\", initBlakmediaCarousel);\n  setTimeout(initBlakmediaCarousel, 800);\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-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/38","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=38"}],"version-history":[{"count":223,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":1193,"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/1193"}],"wp:attachment":[{"href":"https:\/\/www.blakmedia.cl\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}