{"id":227,"date":"2026-07-09T19:48:50","date_gmt":"2026-07-09T19:48:50","guid":{"rendered":"https:\/\/ombrandstudio.com\/?page_id=227"},"modified":"2026-08-20T15:14:15","modified_gmt":"2026-08-20T15:14:15","slug":"om","status":"publish","type":"page","link":"https:\/\/ombrandstudio.com\/","title":{"rendered":"Bienvenido al Universo OM"},"content":{"rendered":"\n<style>\n:root{\n  --om-graphite:#15171a;\n  --om-graphite-soft:#202328;\n  --om-gold:#c9ab76;\n  --om-gold-dark:#a9874f;\n  --om-cream:#f2ede4;\n  --om-cream-soft:#f7f3ec;\n  --om-white:#ffffff;\n  --om-text:#171717;\n  --om-muted:#6f6a62;\n  --om-line:rgba(139,109,60,.18);\n}\n\n\/* =========================================================\n   M\u00d3DULO 1 \u00b7 HERO OM BRAND STUDIO\n========================================================= *\/\n\n*{\n  box-sizing:border-box;\n}\n\n.om-universe-hero{\n  position:relative;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 10% 15%,\n      rgba(201,171,118,.18),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 88% 18%,\n      rgba(21,23,26,.08),\n      transparent 34%\n    ),\n    linear-gradient(\n      180deg,\n      var(--om-cream-soft) 0%,\n      #ffffff 100%\n    );\n\n  color:var(--om-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.om-hero-grid{\n  position:relative;\n\n  min-height:92vh;\n\n  display:grid;\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(0,.95fr);\n\n  gap:58px;\n  align-items:center;\n\n  padding:92px 0 100px;\n}\n\n\/* =========================================================\n   KICKER\n========================================================= *\/\n\n.om-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--om-gold-dark);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:3.6px;\n  text-transform:uppercase;\n}\n\n.om-kicker::before{\n  content:\"\";\n\n  width:34px;\n  height:1px;\n\n  display:inline-block;\n\n  background:var(--om-gold);\n}\n\n\/* =========================================================\n   TITULAR\n========================================================= *\/\n\n.om-hero-title{\n  max-width:780px;\n\n  margin:0 0 28px;\n\n  font-size:clamp(3.4rem,5.5vw,4.9rem);\n\n  line-height:.96;\n\n  letter-spacing:-.055em;\n\n  font-weight:800;\n\n  color:var(--om-text);\n}\n\n.om-hero-title span{\n  color:var(--om-gold-dark);\n}\n\n\/* =========================================================\n   TEXTO\n========================================================= *\/\n\n.om-lead{\n  max-width:680px;\n\n  margin:0 0 34px;\n\n  font-size:20px;\n\n  line-height:1.68;\n\n  color:var(--om-muted);\n}\n\n\/* =========================================================\n   BOTONES\n========================================================= *\/\n\n.om-actions{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:14px;\n\n  align-items:center;\n}\n\n.om-btn{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:10px;\n\n  min-height:54px;\n\n  padding:16px 27px;\n\n  border-radius:999px;\n\n  text-decoration:none!important;\n\n  font-size:15px;\n  font-weight:800;\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background .2s ease,\n    color .2s ease;\n}\n\n.om-btn-primary{\n  background:var(--om-gold);\n\n  color:var(--om-text)!important;\n\n  box-shadow:\n    0 16px 38px rgba(169,135,79,.20);\n}\n\n.om-btn-primary:hover{\n  background:#d3b783;\n\n  box-shadow:\n    0 20px 44px rgba(169,135,79,.26);\n}\n\n.om-btn-secondary{\n  background:var(--om-graphite);\n\n  color:#ffffff!important;\n\n  box-shadow:\n    0 16px 38px rgba(21,23,26,.16);\n}\n\n.om-btn-secondary:hover{\n  background:var(--om-graphite-soft);\n}\n\n.om-btn:hover{\n  transform:translateY(-2px);\n}\n\n\/* =========================================================\n   MICROCOPY\n========================================================= *\/\n\n.om-microcopy{\n  margin-top:15px;\n\n  max-width:720px;\n\n  color:#817b72;\n\n  font-size:13px;\n\n  line-height:1.55;\n\n  font-weight:650;\n}\n\n\/* =========================================================\n   CHIPS\n========================================================= *\/\n\n.om-chips{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:24px;\n}\n\n.om-chip{\n  display:inline-flex;\n\n  align-items:center;\n\n  padding:8px 13px;\n\n  border:\n    1px solid var(--om-line);\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.60);\n\n  color:var(--om-text);\n\n  font-size:12px;\n  font-weight:750;\n\n  backdrop-filter:blur(5px);\n}\n\n\/* =========================================================\n   VISUAL\n========================================================= *\/\n\n.om-visual{\n  position:relative;\n\n  min-width:0;\n\n  padding-bottom:48px;\n}\n\n.om-photo{\n  position:relative;\n\n  z-index:2;\n\n  display:block;\n\n  width:100%;\n  max-width:100%;\n\n  border-radius:34px;\n\n  box-shadow:\n    0 34px 80px rgba(21,23,26,.18);\n}\n\n.om-orbit{\n  position:absolute;\n\n  inset:-30px;\n\n  z-index:1;\n\n  border:\n    1px solid rgba(201,171,118,.26);\n\n  border-radius:38px;\n\n  animation:\n    omFloat 7s ease-in-out infinite;\n}\n\n\/* =========================================================\n   PANEL OLGA OS\n========================================================= *\/\n\n.om-panel{\n  position:absolute;\n\n  left:-18px;\n  bottom:-22px;\n\n  z-index:3;\n\n  width:min(320px,85%);\n\n  padding:21px;\n\n  border:\n    1px solid rgba(201,171,118,.18);\n\n  border-radius:24px;\n\n  background:\n    rgba(242,237,228,.94);\n\n  backdrop-filter:\n    blur(16px);\n\n  box-shadow:\n    0 26px 64px rgba(21,23,26,.18);\n}\n\n.om-panel strong{\n  display:block;\n\n  margin-bottom:8px;\n\n  font-size:28px;\n\n  line-height:1;\n\n  letter-spacing:-.035em;\n\n  color:var(--om-text);\n}\n\n.om-panel p{\n  margin:0;\n\n  color:#706b63;\n\n  font-size:14px;\n\n  line-height:1.55;\n\n  font-weight:600;\n}\n\n.om-mini-system{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:8px;\n\n  margin-top:18px;\n}\n\n.om-mini-system span{\n  padding:8px 7px;\n\n  border:\n    1px solid rgba(139,109,60,.15);\n\n  border-radius:11px;\n\n  background:\n    rgba(255,255,255,.66);\n\n  color:var(--om-text);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  text-align:center;\n}\n\n\/* =========================================================\n   SCROLL INDICATOR\n========================================================= *\/\n\n.om-scroll{\n  position:absolute;\n\n  left:0;\n  bottom:22px;\n\n  color:#9b958c;\n\n  font-size:11px;\n\n  font-weight:750;\n\n  letter-spacing:1.6px;\n\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   MOTION\n========================================================= *\/\n\n@keyframes omFloat{\n  0%,100%{\n    transform:\n      translateY(0)\n      rotate(0deg);\n  }\n\n  50%{\n    transform:\n      translateY(-10px)\n      rotate(.5deg);\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-hero-grid{\n    grid-template-columns:1fr;\n\n    min-height:auto;\n\n    gap:46px;\n\n    padding:72px 0 82px;\n  }\n\n  .om-hero-title{\n    max-width:800px;\n\n    font-size:clamp(3rem,8vw,4.4rem);\n  }\n\n  .om-lead{\n    font-size:18px;\n  }\n\n  .om-visual{\n    max-width:760px;\n  }\n\n  .om-panel{\n    position:relative;\n\n    left:auto;\n    bottom:auto;\n\n    width:100%;\n\n    margin-top:18px;\n  }\n\n  .om-orbit{\n    display:none;\n  }\n\n  .om-scroll{\n    display:none;\n  }\n\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-wrap{\n    padding:0 18px;\n  }\n\n  .om-hero-grid{\n    gap:38px;\n\n    padding:60px 0 68px;\n  }\n\n  .om-kicker{\n    margin-bottom:18px;\n\n    font-size:10px;\n\n    letter-spacing:2.8px;\n  }\n\n  .om-hero-title{\n    margin-bottom:24px;\n\n    font-size:clamp(2.7rem,13vw,3.7rem);\n\n    line-height:.98;\n\n    letter-spacing:-.05em;\n  }\n\n  .om-lead{\n    margin-bottom:28px;\n\n    font-size:17px;\n\n    line-height:1.62;\n  }\n\n  .om-actions{\n    display:grid;\n\n    grid-template-columns:1fr;\n  }\n\n  .om-btn{\n    width:100%;\n\n    min-height:52px;\n  }\n\n  .om-microcopy{\n    font-size:12px;\n  }\n\n  .om-chips{\n    gap:7px;\n  }\n\n  .om-chip{\n    padding:7px 11px;\n\n    font-size:11px;\n  }\n\n  .om-photo{\n    border-radius:26px;\n  }\n\n  .om-panel{\n    padding:19px;\n\n    border-radius:20px;\n  }\n\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-orbit{\n    animation:none;\n  }\n\n  .om-btn{\n    transition:none;\n  }\n\n  .om-btn:hover{\n    transform:none;\n  }\n\n}\n<\/style>\n\n\n<section class=\"om-universe-hero\" id=\"inicio\">\n\n  <div class=\"om-wrap\">\n\n    <div class=\"om-hero-grid\">\n\n      <!-- COLUMNA TEXTO -->\n      <div>\n\n        <div class=\"om-kicker\">\n          Bienvenido al Universo OM\n        <\/div>\n\n        <h1 class=\"om-hero-title\">\n          Donde tus proyectos dejan de estar aislados y se convierten en un\n          <span>ecosistema que vende.<\/span>\n        <\/h1>\n\n        <p class=\"om-lead\">\n          Soy Olga Machado. No he construido una sola marca: he construido\n          un sistema vivo de proyectos digitales, contenidos, libros,\n          cocina, viajes, IA, estrategia e inmobiliario\/hoteles.\n          OM Brand Studio es el centro donde todo ese conocimiento\n          se convierte en crecimiento real para empresas y profesionales.\n        <\/p>\n\n        <div class=\"om-actions\">\n\n          <a\n            class=\"om-btn om-btn-primary\"\n            href=\"#ecosistema\"\n          >\n            Descubrir c\u00f3mo funciona\n          <\/a>\n\n          <a\n            class=\"om-btn om-btn-secondary\"\n            href=\"#diagnostico\"\n          >\n            Solicitar diagn\u00f3stico estrat\u00e9gico\n          <\/a>\n\n        <\/div>\n\n        <div class=\"om-microcopy\">\n          Primero entendemos el sistema \u00b7 Despu\u00e9s dise\u00f1amos el camino \u00b7\n          Diagn\u00f3stico estrat\u00e9gico desde 199 \u20ac\n        <\/div>\n\n        <div class=\"om-chips\">\n\n          <span class=\"om-chip\">Estrategia<\/span>\n          <span class=\"om-chip\">Marca<\/span>\n          <span class=\"om-chip\">Contenido<\/span>\n          <span class=\"om-chip\">SEO<\/span>\n          <span class=\"om-chip\">IA<\/span>\n          <span class=\"om-chip\">Automatizaci\u00f3n<\/span>\n          <span class=\"om-chip\">Ventas<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COLUMNA VISUAL -->\n      <div class=\"om-visual\">\n\n        <div class=\"om-orbit\"><\/div>\n\n        <img decoding=\"async\"\n          class=\"om-photo\"\n          src=\"https:\/\/ombrandstudio.com\/wp-content\/uploads\/2026\/07\/DDBA6045-7155-4C64-BB09-BCD9D225A396.png\"\n          alt=\"Olga Machado, creadora del Universo OM y directora estrat\u00e9gica de OM Brand Studio\"\n        >\n\n        <div class=\"om-panel\">\n\n          <strong>\n            Olga OS\n          <\/strong>\n\n          <p>\n            Un sistema operativo visual donde marca, contenido,\n            tecnolog\u00eda y ventas trabajan conectados.\n          <\/p>\n\n          <div class=\"om-mini-system\">\n\n            <span>Marca<\/span>\n            <span>Contenido<\/span>\n            <span>SEO<\/span>\n            <span>Email<\/span>\n            <span>IA<\/span>\n            <span>Ventas<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <div class=\"om-scroll\">\n        Descubre el sistema\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">Todo empieza con un sistema<\/h2>\n\n\n\n&lt;<style>\n:root{\n  --om-graphite:#15171a;\n  --om-graphite-soft:#202328;\n  --om-gold:#c9ab76;\n  --om-gold-dark:#a9874f;\n  --om-cream:#f2ede4;\n  --om-cream-soft:#f7f3ec;\n  --om-white:#ffffff;\n  --om-text:#171717;\n  --om-muted:#6f6a62;\n  --om-line:rgba(139,109,60,.18);\n}\n\n\/* =========================================================\n   M\u00d3DULO 2 \u00b7 MAPA DEL UNIVERSO OM\n========================================================= *\/\n\n.om-eco-section{\n  position:relative;\n  overflow:hidden;\n\n  padding:110px 0;\n\n  background:\n    radial-gradient(\n      circle at 16% 10%,\n      rgba(201,171,118,.16),\n      transparent 26%\n    ),\n    radial-gradient(\n      circle at 84% 58%,\n      rgba(21,23,26,.07),\n      transparent 30%\n    ),\n    #ffffff;\n\n  color:var(--om-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-eco-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-eco-head{\n  max-width:840px;\n\n  margin-bottom:62px;\n}\n\n.om-eco-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--om-gold-dark);\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:3.6px;\n\n  text-transform:uppercase;\n}\n\n.om-eco-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--om-gold);\n}\n\n.om-eco-title{\n  max-width:820px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(2.9rem,4.7vw,4.15rem);\n\n  line-height:.98;\n\n  letter-spacing:-.05em;\n\n  font-weight:800;\n\n  color:var(--om-text);\n}\n\n.om-eco-text{\n  margin:0;\n\n  max-width:780px;\n\n  color:var(--om-muted);\n\n  font-size:20px;\n\n  line-height:1.7;\n}\n\n\/* =========================================================\n   DISTRIBUCI\u00d3N PRINCIPAL\n========================================================= *\/\n\n.om-universe-map{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(0,.92fr);\n\n  gap:48px;\n\n  align-items:center;\n}\n\n\/* =========================================================\n   MAPA \/ \u00d3RBITA\n========================================================= *\/\n\n.om-orbit-map{\n  position:relative;\n\n  min-height:720px;\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(201,171,118,.16);\n\n  border-radius:40px;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(201,171,118,.16),\n      transparent 23%\n    ),\n    radial-gradient(\n      circle at 18% 12%,\n      rgba(255,255,255,.04),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #15171a 0%,\n      #1e2125 100%\n    );\n\n  box-shadow:\n    0 32px 78px rgba(21,23,26,.20);\n}\n\n\/* =========================================================\n   ANILLOS\n========================================================= *\/\n\n.om-ring{\n  position:absolute;\n\n  inset:72px;\n\n  border:\n    1px solid rgba(201,171,118,.16);\n\n  border-radius:50%;\n}\n\n.om-ring.two{\n  inset:138px;\n\n  border-color:\n    rgba(255,255,255,.10);\n}\n\n.om-ring.three{\n  inset:210px;\n\n  border-color:\n    rgba(201,171,118,.18);\n}\n\n\/* =========================================================\n   N\u00daCLEO OLGA OS\n========================================================= *\/\n\n.om-core{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:5;\n\n  width:205px;\n  height:205px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:20px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid rgba(201,171,118,.32);\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d3ba89 0%,\n      #c9ab76 100%\n    );\n\n  color:var(--text);\n\n  text-align:center;\n\n  box-shadow:\n    0 0 70px rgba(201,171,118,.30);\n}\n\n.om-core strong{\n  font-size:40px;\n\n  line-height:1;\n\n  letter-spacing:-.05em;\n\n  color:var(--om-text);\n}\n\n.om-core span{\n  display:block;\n\n  margin-top:9px;\n\n  max-width:150px;\n\n  font-size:11px;\n\n  font-weight:800;\n\n  line-height:1.35;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n\n  color:rgba(23,23,23,.72);\n}\n\n\/* =========================================================\n   PROYECTOS \/ PLANETAS\n========================================================= *\/\n\n.om-planet{\n  position:absolute;\n\n  z-index:4;\n\n  width:180px;\n  min-height:142px;\n\n  padding:18px;\n\n  border:\n    1px solid rgba(201,171,118,.15);\n\n  border-radius:23px;\n\n  background:\n    rgba(247,243,236,.96);\n\n  backdrop-filter:\n    blur(14px);\n\n  box-shadow:\n    0 22px 50px rgba(0,0,0,.19);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease;\n}\n\n.om-planet:hover{\n  transform:\n    translateY(-5px);\n\n  border-color:\n    rgba(201,171,118,.38);\n\n  box-shadow:\n    0 26px 58px rgba(0,0,0,.23);\n}\n\n.om-planet b{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--om-text);\n\n  font-size:16px;\n\n  line-height:1.15;\n}\n\n.om-planet p{\n  margin:0;\n\n  color:#746f67;\n\n  font-size:12.5px;\n\n  line-height:1.48;\n\n  font-weight:600;\n}\n\n.om-planet small{\n  display:inline-flex;\n\n  margin-top:11px;\n\n  color:var(--om-gold-dark);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:1px;\n\n  text-transform:uppercase;\n}\n\n\/* Posiciones *\/\n\n.p1{\n  left:7%;\n  top:8%;\n}\n\n.p2{\n  right:6%;\n  top:10%;\n}\n\n.p3{\n  left:4%;\n  bottom:14%;\n}\n\n.p4{\n  right:7%;\n  bottom:13%;\n}\n\n.p5{\n  left:37%;\n  top:2%;\n}\n\n.p6{\n  left:36%;\n  bottom:4%;\n}\n\n\/* =========================================================\n   COLUMNA LATERAL\n========================================================= *\/\n\n.om-eco-side{\n  display:grid;\n\n  gap:18px;\n}\n\n.om-eco-card{\n  box-sizing:border-box;\n\n  padding:28px;\n\n  border:\n    1px solid var(--om-line);\n\n  border-radius:24px;\n\n  background:\n    var(--om-cream-soft);\n\n  box-shadow:\n    0 16px 42px rgba(21,23,26,.06);\n}\n\n.om-eco-card h3{\n  margin:0 0 10px;\n\n  font-size:24px;\n\n  line-height:1.2;\n\n  letter-spacing:-.035em;\n\n  color:var(--om-text);\n}\n\n.om-eco-card p{\n  margin:0;\n\n  color:var(--om-muted);\n\n  font-size:15px;\n\n  line-height:1.68;\n}\n\n\/* =========================================================\n   FLUJO FINAL\n========================================================= *\/\n\n.om-flow{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:14px;\n\n  margin-top:44px;\n}\n\n.om-flow-item{\n  box-sizing:border-box;\n\n  padding:22px;\n\n  border:\n    1px solid var(--om-line);\n\n  border-radius:20px;\n\n  background:\n    var(--om-cream);\n\n  text-align:center;\n}\n\n.om-flow-item strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  font-size:16px;\n\n  color:var(--om-text);\n}\n\n.om-flow-item span{\n  color:var(--om-muted);\n\n  font-size:12.5px;\n\n  line-height:1.45;\n\n  font-weight:650;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-eco-section{\n    padding:90px 0;\n  }\n\n  .om-eco-title{\n    font-size:\n      clamp(2.6rem,8vw,3.8rem);\n  }\n\n  .om-eco-text{\n    font-size:18px;\n  }\n\n  .om-universe-map{\n    grid-template-columns:1fr;\n\n    gap:34px;\n  }\n\n  .om-orbit-map{\n    min-height:auto;\n\n    display:grid;\n\n    gap:16px;\n\n    padding:28px;\n  }\n\n  .om-ring{\n    display:none;\n  }\n\n  .om-core{\n    position:relative;\n\n    left:auto;\n    top:auto;\n\n    width:100%;\n    height:auto;\n\n    transform:none;\n\n    border-radius:24px;\n\n    padding:30px 20px;\n  }\n\n  .om-planet{\n    position:relative;\n\n    left:auto!important;\n    right:auto!important;\n    top:auto!important;\n    bottom:auto!important;\n\n    width:100%;\n\n    min-height:auto;\n  }\n\n  .om-flow{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-eco-wrap{\n    padding:0 18px;\n  }\n\n  .om-eco-section{\n    padding:72px 0;\n  }\n\n  .om-eco-head{\n    margin-bottom:46px;\n  }\n\n  .om-eco-kicker{\n    font-size:10px;\n\n    letter-spacing:2.8px;\n  }\n\n  .om-eco-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om-eco-text{\n    font-size:17px;\n  }\n\n  .om-orbit-map{\n    padding:20px;\n\n    border-radius:28px;\n  }\n\n  .om-core{\n    padding:26px 18px;\n  }\n\n  .om-core strong{\n    font-size:34px;\n  }\n\n  .om-planet{\n    padding:17px;\n\n    border-radius:18px;\n  }\n\n  .om-eco-card{\n    padding:22px;\n\n    border-radius:20px;\n  }\n\n  .om-flow{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-planet{\n    transition:none;\n  }\n\n  .om-planet:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-eco-section\" id=\"ecosistema\">\n\n  <div class=\"om-eco-wrap\">\n\n    <!-- CABECERA -->\n    <div class=\"om-eco-head\">\n\n      <div class=\"om-eco-kicker\">\n        Mapa del Universo OM\n      <\/div>\n\n      <h2 class=\"om-eco-title\">\n        No son proyectos sueltos.\n        Son motores de un mismo sistema.\n      <\/h2>\n\n      <p class=\"om-eco-text\">\n        Cada proyecto tiene una misi\u00f3n: atraer tr\u00e1fico, generar confianza,\n        crear autoridad, probar estrategias reales y abrir oportunidades\n        comerciales. OM Brand Studio convierte ese conocimiento en soluciones\n        para empresas.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- MAPA PRINCIPAL -->\n    <div class=\"om-universe-map\">\n\n      <div class=\"om-orbit-map\">\n\n        <div class=\"om-ring\"><\/div>\n        <div class=\"om-ring two\"><\/div>\n        <div class=\"om-ring three\"><\/div>\n\n\n        <!-- N\u00daCLEO -->\n        <div class=\"om-core\">\n\n          <strong>\n            Olga OS\n          <\/strong>\n\n          <span>\n            Centro de pensamiento estrat\u00e9gico\n          <\/span>\n\n        <\/div>\n\n\n        <!-- PROYECTOS -->\n\n        <div class=\"om-planet p1\">\n\n          <b>\n            El Arte de Cocinar\n          <\/b>\n\n          <p>\n            Demuestra c\u00f3mo una marca de contenido puede generar comunidad,\n            emails, libros, cursos y afiliaci\u00f3n.\n          <\/p>\n\n          <small>\n            Contenido + monetizaci\u00f3n\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"om-planet p2\">\n\n          <b>\n            BuscaViajesBaratos\n          <\/b>\n\n          <p>\n            Demuestra SEO, gu\u00edas evergreen, afiliaci\u00f3n, hoteles\n            y tr\u00e1fico org\u00e1nico a medio plazo.\n          <\/p>\n\n          <small>\n            SEO + afiliaci\u00f3n\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"om-planet p3\">\n\n          <b>\n            Los 1001 Rincones\n          <\/b>\n\n          <p>\n            Demuestra storytelling diario, conexi\u00f3n emocional,\n            territorio, marca personal y comunidad.\n          <\/p>\n\n          <small>\n            Comunidad + relato\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"om-planet p4\">\n\n          <b>\n            Editorial OM\n          <\/b>\n\n          <p>\n            Convierte ideas, experiencias y conocimiento en libros,\n            ebooks, planners y activos intelectuales.\n          <\/p>\n\n          <small>\n            Autoridad + propiedad intelectual\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"om-planet p5\">\n\n          <b>\n            Hoteles e Inmobiliario\n          <\/b>\n\n          <p>\n            Aporta visi\u00f3n comercial, negociaci\u00f3n, dossieres,\n            presentaciones y proyectos de alto valor.\n          <\/p>\n\n          <small>\n            Confianza + estrategia\n          <\/small>\n\n        <\/div>\n\n\n        <div class=\"om-planet p6\">\n\n          <b>\n            OM Brand Studio\n          <\/b>\n\n          <p>\n            Transforma todo el ecosistema en servicios:\n            estrategia, marca, web, IA, contenido y automatizaci\u00f3n.\n          <\/p>\n\n          <small>\n            Servicios + ingresos\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- COLUMNA DERECHA -->\n      <div class=\"om-eco-side\">\n\n        <div class=\"om-eco-card\">\n\n          <h3>\n            El centro no es una agencia.\n          <\/h3>\n\n          <p>\n            Es un sistema de pensamiento y ejecuci\u00f3n. Olga OS conecta marca,\n            contenido, SEO, tecnolog\u00eda, IA, productos y ventas para que nada\n            trabaje aislado.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"om-eco-card\">\n\n          <h3>\n            Todo lo que creo se convierte en aprendizaje.\n          <\/h3>\n\n          <p>\n            Cada receta, gu\u00eda, libro, dossier, publicaci\u00f3n o automatizaci\u00f3n\n            no solo vive en su proyecto: alimenta el resto del ecosistema y\n            demuestra una forma real de construir activos digitales.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"om-eco-card\">\n\n          <h3>\n            Eso es lo que puedo dise\u00f1ar para tu empresa.\n          <\/h3>\n\n          <p>\n            No m\u00e1s acciones sueltas. Un sistema donde tu web, tu comunicaci\u00f3n,\n            tu contenido, tus procesos y tus ventas trabajen en la misma direcci\u00f3n.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FLUJO FINAL -->\n    <div class=\"om-flow\">\n\n      <div class=\"om-flow-item\">\n\n        <strong>\n          Contenido\n        <\/strong>\n\n        <span>\n          Atrae tr\u00e1fico y comunidad\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om-flow-item\">\n\n        <strong>\n          Autoridad\n        <\/strong>\n\n        <span>\n          Convierte experiencia en confianza\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om-flow-item\">\n\n        <strong>\n          Sistema\n        <\/strong>\n\n        <span>\n          Conecta activos y procesos\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om-flow-item\">\n\n        <strong>\n          Ingresos\n        <\/strong>\n\n        <span>\n          Genera oportunidades reales\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">El coste de trabajar sin ecosistema<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 3 \u00b7 EL PROBLEMA REAL\n   OM BRAND STUDIO\n   Variables y estilos aislados\n========================================================= *\/\n\n.om-problem-section{\n  --omp-graphite:#15171a;\n  --omp-graphite-soft:#202328;\n  --omp-graphite-card:#1c1f23;\n  --omp-gold:#c9ab76;\n  --omp-gold-dark:#a9874f;\n  --omp-cream:#f2ede4;\n  --omp-cream-soft:#f7f3ec;\n  --omp-white:#ffffff;\n  --omp-text:#171717;\n  --omp-muted-light:rgba(255,255,255,.62);\n  --omp-muted:#716c64;\n  --omp-line-light:rgba(255,255,255,.10);\n  --omp-line-gold:rgba(201,171,118,.18);\n  --omp-danger:#a85b55;\n\n  position:relative;\n  overflow:hidden;\n\n  padding:118px 0;\n\n  background:\n    radial-gradient(\n      circle at 8% 10%,\n      rgba(201,171,118,.10),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 94% 86%,\n      rgba(201,171,118,.06),\n      transparent 31%\n    ),\n    linear-gradient(\n      145deg,\n      #15171a 0%,\n      #191b1f 55%,\n      #15171a 100%\n    );\n\n  color:var(--omp-white);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-problem-section *{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.om-problem-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-problem-head{\n  max-width:900px;\n  margin-bottom:64px;\n}\n\n.om-problem-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--omp-gold);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:3.6px;\n  text-transform:uppercase;\n}\n\n.om-problem-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--omp-gold);\n}\n\n.om-problem-title{\n  max-width:900px;\n\n  margin:0 0 25px;\n\n  font-size:clamp(3rem,4.8vw,4.2rem);\n\n  line-height:.98;\n\n  letter-spacing:-.052em;\n\n  font-weight:800;\n\n  color:#ffffff;\n}\n\n.om-problem-text{\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--omp-muted-light);\n\n  font-size:20px;\n\n  line-height:1.72;\n}\n\n\/* =========================================================\n   COMPARACI\u00d3N\n========================================================= *\/\n\n.om-compare{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:26px;\n\n  margin-bottom:58px;\n}\n\n.om-compare-card{\n  position:relative;\n\n  min-width:0;\n  min-height:545px;\n\n  overflow:hidden;\n\n  padding:34px;\n\n  border-radius:30px;\n}\n\n.om-compare-card h3{\n  margin:0 0 12px;\n\n  font-size:30px;\n\n  line-height:1.08;\n\n  letter-spacing:-.04em;\n\n  font-weight:800;\n}\n\n.om-compare-card > p{\n  margin:0 0 30px;\n\n  font-size:15px;\n\n  line-height:1.65;\n}\n\n\/* =========================================================\n   PIEZAS SUELTAS\n========================================================= *\/\n\n.om-broken{\n  border:\n    1px solid rgba(201,171,118,.14);\n\n  background:\n    var(--omp-cream-soft);\n\n  color:var(--omp-text);\n\n  box-shadow:\n    0 24px 60px rgba(0,0,0,.18);\n}\n\n.om-broken > p{\n  color:var(--omp-muted);\n}\n\n.om-stack{\n  position:relative;\n\n  z-index:2;\n\n  display:grid;\n\n  gap:12px;\n}\n\n.om-stack-item{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:15px;\n\n  padding:14px 17px;\n\n  border:\n    1px solid rgba(139,109,60,.14);\n\n  border-radius:15px;\n\n  background:\n    rgba(255,255,255,.68);\n\n  color:var(--omp-text);\n\n  font-size:14px;\n\n  font-weight:750;\n}\n\n.om-stack-item span{\n  color:var(--omp-danger);\n\n  font-size:11px;\n\n  font-weight:800;\n\n  letter-spacing:.5px;\n\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N DESORDEN\n========================================================= *\/\n\n.om-broken-animation{\n  position:relative;\n\n  height:190px;\n\n  overflow:hidden;\n\n  margin-top:27px;\n\n  border:\n    1px dashed rgba(168,91,85,.25);\n\n  border-radius:20px;\n\n  background:\n    radial-gradient(\n      circle at 20% 30%,\n      rgba(168,91,85,.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      rgba(168,91,85,.035),\n      rgba(201,171,118,.06)\n    );\n}\n\n.om-broken-animation::before{\n  content:\"DESORDEN\";\n\n  position:absolute;\n\n  right:17px;\n  bottom:13px;\n\n  color:rgba(168,91,85,.35);\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:2px;\n}\n\n.om-broken-animation span{\n  position:absolute;\n\n  padding:9px 13px;\n\n  border:\n    1px solid rgba(139,109,60,.15);\n\n  border-radius:999px;\n\n  background:#ffffff;\n\n  color:var(--omp-text);\n\n  font-size:11px;\n\n  font-weight:800;\n\n  box-shadow:\n    0 10px 24px rgba(21,23,26,.08);\n\n  animation:\n    omBrokenFloat 5s ease-in-out infinite;\n}\n\n.om-broken-animation span:nth-child(1){\n  left:8%;\n  top:18%;\n  animation-delay:0s;\n}\n\n.om-broken-animation span:nth-child(2){\n  left:55%;\n  top:12%;\n  animation-delay:.4s;\n}\n\n.om-broken-animation span:nth-child(3){\n  left:28%;\n  top:46%;\n  animation-delay:.8s;\n}\n\n.om-broken-animation span:nth-child(4){\n  left:68%;\n  top:58%;\n  animation-delay:1.2s;\n}\n\n.om-broken-animation span:nth-child(5){\n  left:12%;\n  top:70%;\n  animation-delay:1.6s;\n}\n\n.om-broken-animation span:nth-child(6){\n  left:48%;\n  top:78%;\n  animation-delay:2s;\n}\n\n\/* =========================================================\n   SISTEMA CONECTADO\n========================================================= *\/\n\n.om-connected{\n  border:\n    1px solid rgba(201,171,118,.18);\n\n  background:\n    radial-gradient(\n      circle at 18% 8%,\n      rgba(201,171,118,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 82% 92%,\n      rgba(255,255,255,.05),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #17191c 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.05),\n    0 25px 64px rgba(0,0,0,.28);\n}\n\n.om-connected > p{\n  color:rgba(255,255,255,.62);\n}\n\n\/* =========================================================\n   LOOP\n========================================================= *\/\n\n.om-system-loop{\n  position:relative;\n\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n}\n\n.om-system-item{\n  padding:15px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius:15px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#ffffff;\n\n  font-size:14px;\n\n  font-weight:750;\n}\n\n.om-system-item small{\n  display:block;\n\n  margin-top:6px;\n\n  color:var(--omp-gold);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:1.2px;\n\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N SISTEMA\n========================================================= *\/\n\n.om-connected-animation{\n  position:relative;\n\n  height:260px;\n\n  overflow:hidden;\n\n  margin-top:27px;\n\n  border:\n    1px solid rgba(201,171,118,.13);\n\n  border-radius:23px;\n\n  background:\n    radial-gradient(\n      circle at center,\n      rgba(201,171,118,.16),\n      transparent 31%\n    ),\n    rgba(255,255,255,.025);\n}\n\n.om-connected-animation::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:38px;\n\n  border:\n    1px solid rgba(201,171,118,.34);\n\n  border-radius:50%;\n\n  animation:\n    omOrbitPulse 4s ease-in-out infinite;\n}\n\n.om-connected-animation::after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:68px;\n\n  border:\n    1px solid rgba(255,255,255,.11);\n\n  border-radius:50%;\n\n  animation:\n    omOrbitRotate 14s linear infinite;\n}\n\n\/* CENTRO *\/\n\n.om-center-dot{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  z-index:3;\n\n  width:88px;\n  height:88px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:3px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid rgba(201,171,118,.32);\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d3ba89,\n      #c9ab76\n    );\n\n  color:var(--omp-text);\n\n  text-align:center;\n\n  box-shadow:\n    0 0 42px rgba(201,171,118,.28);\n}\n\n.om-center-dot strong{\n  font-size:18px;\n\n  line-height:1;\n\n  letter-spacing:-.03em;\n}\n\n.om-center-dot small{\n  font-size:7px;\n\n  font-weight:800;\n\n  line-height:1.2;\n\n  letter-spacing:.6px;\n\n  text-transform:uppercase;\n}\n\n\/* ELEMENTOS ORBITALES *\/\n\n.om-connected-animation > span{\n  position:absolute;\n\n  z-index:4;\n\n  padding:8px 12px;\n\n  border:\n    1px solid rgba(201,171,118,.14);\n\n  border-radius:999px;\n\n  background:\n    rgba(247,243,236,.95);\n\n  color:var(--omp-text);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  box-shadow:\n    0 12px 28px rgba(0,0,0,.16);\n\n  animation:\n    omConnectedGlow 4s ease-in-out infinite;\n}\n\n.om-connected-animation .a1{\n  left:40%;\n  top:8%;\n}\n\n.om-connected-animation .a2{\n  right:9%;\n  top:28%;\n  animation-delay:.4s;\n}\n\n.om-connected-animation .a3{\n  right:11%;\n  bottom:24%;\n  animation-delay:.8s;\n}\n\n.om-connected-animation .a4{\n  left:42%;\n  bottom:8%;\n  animation-delay:1.2s;\n}\n\n.om-connected-animation .a5{\n  left:8%;\n  bottom:24%;\n  animation-delay:1.6s;\n}\n\n.om-connected-animation .a6{\n  left:9%;\n  top:28%;\n  animation-delay:2s;\n}\n\n\/* =========================================================\n   FRASE CENTRAL\n========================================================= *\/\n\n.om-system-statement{\n  max-width:910px;\n\n  margin:66px auto 12px;\n\n  text-align:center;\n}\n\n.om-system-statement h3{\n  margin:0 0 17px;\n\n  color:#ffffff;\n\n  font-size:clamp(2.1rem,3.5vw,3rem);\n\n  line-height:1.06;\n\n  letter-spacing:-.045em;\n\n  font-weight:800;\n}\n\n.om-system-statement p{\n  max-width:760px;\n\n  margin:0 auto;\n\n  color:var(--omp-muted-light);\n\n  font-size:18px;\n\n  line-height:1.68;\n}\n\n\/* =========================================================\n   PROBLEMAS\n========================================================= *\/\n\n.om-problem-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:18px;\n\n  margin-top:46px;\n}\n\n.om-problem-card{\n  padding:26px;\n\n  border:\n    1px solid rgba(255,255,255,.08);\n\n  border-radius:22px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.om-problem-card:hover{\n  transform:\n    translateY(-4px);\n\n  border-color:\n    rgba(201,171,118,.23);\n\n  background:\n    rgba(255,255,255,.055);\n}\n\n.om-problem-card strong{\n  display:block;\n\n  margin-bottom:11px;\n\n  color:#ffffff;\n\n  font-size:21px;\n\n  line-height:1.15;\n\n  letter-spacing:-.025em;\n}\n\n.om-problem-card p{\n  margin:0;\n\n  color:var(--omp-muted-light);\n\n  font-size:14px;\n\n  line-height:1.67;\n}\n\n\/* =========================================================\n   CIERRE\n========================================================= *\/\n\n.om-problem-close{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.2fr)\n    minmax(260px,.8fr);\n\n  gap:36px;\n\n  align-items:center;\n\n  margin-top:68px;\n\n  padding:45px;\n\n  border:\n    1px solid rgba(201,171,118,.20);\n\n  border-radius:30px;\n\n  background:\n    var(--omp-cream);\n\n  color:var(--omp-text);\n\n  box-shadow:\n    0 28px 70px rgba(0,0,0,.20);\n}\n\n.om-problem-close h3{\n  margin:0 0 16px;\n\n  font-size:clamp(2rem,3vw,2.8rem);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  color:var(--omp-text);\n}\n\n.om-problem-close p{\n  margin:0;\n\n  color:var(--omp-muted);\n\n  font-size:17px;\n\n  line-height:1.65;\n}\n\n.om-problem-btn{\n  display:inline-flex;\n\n  width:100%;\n\n  min-height:55px;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 27px;\n\n  border-radius:999px;\n\n  background:\n    var(--omp-graphite);\n\n  color:#ffffff!important;\n\n  text-decoration:none!important;\n\n  font-size:14px;\n\n  font-weight:800;\n\n  text-align:center;\n\n  box-shadow:\n    0 16px 36px rgba(21,23,26,.16);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n.om-problem-btn:hover{\n  transform:\n    translateY(-2px);\n\n  background:\n    var(--omp-graphite-soft);\n}\n\n\/* =========================================================\n   ANIMACIONES\n========================================================= *\/\n\n@keyframes omBrokenFloat{\n\n  0%,100%{\n    transform:\n      translateY(0)\n      rotate(0deg);\n\n    opacity:.90;\n  }\n\n  50%{\n    transform:\n      translateY(-11px)\n      rotate(-1.5deg);\n\n    opacity:.60;\n  }\n}\n\n@keyframes omOrbitPulse{\n\n  0%,100%{\n    transform:scale(1);\n    opacity:.42;\n  }\n\n  50%{\n    transform:scale(1.05);\n    opacity:.82;\n  }\n}\n\n@keyframes omOrbitRotate{\n\n  from{\n    transform:rotate(0deg);\n  }\n\n  to{\n    transform:rotate(360deg);\n  }\n}\n\n@keyframes omConnectedGlow{\n\n  0%,100%{\n    transform:scale(1);\n    opacity:.76;\n  }\n\n  50%{\n    transform:scale(1.04);\n    opacity:1;\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-problem-section{\n    padding:90px 0;\n  }\n\n  .om-compare{\n    grid-template-columns:1fr;\n  }\n\n  .om-compare-card{\n    min-height:auto;\n  }\n\n  .om-problem-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .om-problem-close{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-problem-section{\n    padding:72px 0;\n  }\n\n  .om-problem-wrap{\n    padding:0 18px;\n  }\n\n  .om-problem-head{\n    margin-bottom:46px;\n  }\n\n  .om-problem-kicker{\n    font-size:10px;\n\n    letter-spacing:2.8px;\n  }\n\n  .om-problem-title{\n    font-size:\n      clamp(2.5rem,12vw,3.4rem);\n\n    line-height:1;\n  }\n\n  .om-problem-text{\n    font-size:17px;\n  }\n\n  .om-compare-card{\n    padding:23px;\n\n    border-radius:23px;\n  }\n\n  .om-compare-card h3{\n    font-size:25px;\n  }\n\n  .om-system-loop{\n    grid-template-columns:1fr;\n  }\n\n  .om-connected-animation{\n    height:235px;\n  }\n\n  .om-connected-animation::before{\n    inset:31px;\n  }\n\n  .om-connected-animation::after{\n    inset:58px;\n  }\n\n  .om-center-dot{\n    width:78px;\n    height:78px;\n  }\n\n  .om-center-dot strong{\n    font-size:16px;\n  }\n\n  .om-connected-animation > span{\n    padding:7px 9px;\n\n    font-size:9px;\n  }\n\n  .om-problem-grid{\n    grid-template-columns:1fr;\n  }\n\n  .om-system-statement{\n    margin-top:52px;\n\n    text-align:left;\n  }\n\n  .om-system-statement p{\n    font-size:16px;\n  }\n\n  .om-problem-close{\n    margin-top:52px;\n\n    padding:27px 22px;\n\n    border-radius:23px;\n  }\n\n  .om-problem-close p{\n    font-size:16px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-broken-animation span,\n  .om-connected-animation::before,\n  .om-connected-animation::after,\n  .om-connected-animation > span{\n    animation:none;\n  }\n\n  .om-problem-card,\n  .om-problem-btn{\n    transition:none;\n  }\n\n  .om-problem-card:hover,\n  .om-problem-btn:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-problem-section\" id=\"problema\">\n\n  <div class=\"om-problem-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om-problem-head\">\n\n      <div class=\"om-problem-kicker\">\n        El problema real\n      <\/div>\n\n      <h2 class=\"om-problem-title\">\n        La mayor\u00eda de negocios no tienen un problema de marketing.\n        Tienen un problema de sistema.\n      <\/h2>\n\n      <p class=\"om-problem-text\">\n        Tienen una web, redes sociales, contenido, herramientas,\n        ideas y campa\u00f1as. Pero cada pieza trabaja por separado.\n        Y cuando nada est\u00e1 conectado, el esfuerzo se dispersa,\n        el mensaje se debilita y las oportunidades se pierden.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- COMPARACI\u00d3N -->\n\n    <div class=\"om-compare\">\n\n      <!-- PIEZAS SUELTAS -->\n\n      <div class=\"om-compare-card om-broken\">\n\n        <h3>\n          Piezas sueltas\n        <\/h3>\n\n        <p>\n          Mucho trabajo, muchas herramientas y poca conexi\u00f3n real\n          entre lo que haces y lo que vendes.\n        <\/p>\n\n        <div class=\"om-stack\">\n\n          <div class=\"om-stack-item\">\n            Publicidad\n            <span>aislada<\/span>\n          <\/div>\n\n          <div class=\"om-stack-item\">\n            Redes sociales\n            <span>sin sistema<\/span>\n          <\/div>\n\n          <div class=\"om-stack-item\">\n            Web\n            <span>pasiva<\/span>\n          <\/div>\n\n          <div class=\"om-stack-item\">\n            Blog\n            <span>sin estrategia<\/span>\n          <\/div>\n\n          <div class=\"om-stack-item\">\n            Email\n            <span>desconectado<\/span>\n          <\/div>\n\n          <div class=\"om-stack-item\">\n            IA\n            <span>sin direcci\u00f3n<\/span>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"om-broken-animation\">\n\n          <span>Web<\/span>\n          <span>Redes<\/span>\n          <span>Email<\/span>\n          <span>SEO<\/span>\n          <span>IA<\/span>\n          <span>Ventas<\/span>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- SISTEMA CONECTADO -->\n\n      <div class=\"om-compare-card om-connected\">\n\n        <h3>\n          As\u00ed funciona un ecosistema digital\n        <\/h3>\n\n        <p>\n          Cada acci\u00f3n alimenta a la siguiente. Cada proyecto fortalece\n          al resto. As\u00ed una empresa deja de depender del azar\n          y empieza a crecer con un sistema.\n        <\/p>\n\n        <div class=\"om-system-loop\">\n\n          <div class=\"om-system-item\">\n            Contenido\n            <small>Atrae<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            SEO\n            <small>Multiplica<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            Marca\n            <small>Conecta<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            Web\n            <small>Convierte<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            Email\n            <small>Nutre<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            IA\n            <small>Acelera<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            Productos\n            <small>Monetizan<\/small>\n          <\/div>\n\n          <div class=\"om-system-item\">\n            Clientes\n            <small>Realimentan<\/small>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"om-connected-animation\">\n\n          <div class=\"om-center-dot\">\n            <strong>Olga OS<\/strong>\n            <small>Sistema operativo<\/small>\n          <\/div>\n\n          <span class=\"a1\">Contenido<\/span>\n          <span class=\"a2\">SEO<\/span>\n          <span class=\"a3\">Marca<\/span>\n          <span class=\"a4\">Web<\/span>\n          <span class=\"a5\">IA<\/span>\n          <span class=\"a6\">Ventas<\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- DECLARACI\u00d3N -->\n\n    <div class=\"om-system-statement\">\n\n      <h3>\n        Las empresas no crecen porque hagan m\u00e1s.\n        Crecen cuando todo empieza a trabajar junto.\n      <\/h3>\n\n      <p>\n        Ese es el cambio que propone OM:\n        pasar de acciones sueltas a un sistema conectado\n        de visibilidad, confianza y ventas.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- PROBLEMAS -->\n\n    <div class=\"om-problem-grid\">\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          Web bonita, pero silenciosa.\n        <\/strong>\n\n        <p>\n          Existe, pero no gu\u00eda al visitante, no capta datos,\n          no genera confianza ni abre conversaciones comerciales.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          Redes activas, pero sin retorno.\n        <\/strong>\n\n        <p>\n          Publicas, pero ese contenido no se convierte\n          en SEO, email, autoridad, biblioteca ni ventas.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          IA que produce m\u00e1s ruido.\n        <\/strong>\n\n        <p>\n          La inteligencia artificial ayuda a crear m\u00e1s,\n          pero sin estrategia solo multiplica el desorden.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          Experiencia invisible.\n        <\/strong>\n\n        <p>\n          Sabes mucho, has hecho mucho,\n          pero tu mercado no lo percibe con claridad\n          ni lo asocia a valor.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          Ofertas dispersas.\n        <\/strong>\n\n        <p>\n          Tienes ideas, servicios o productos,\n          pero no est\u00e1n ordenados en una escalera clara de conversi\u00f3n.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-problem-card\">\n\n        <strong>\n          Todo depende de ti.\n        <\/strong>\n\n        <p>\n          Si t\u00fa paras, el sistema se detiene.\n          No hay procesos, automatizaciones ni activos\n          trabajando en segundo plano.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- CIERRE -->\n\n    <div class=\"om-problem-close\">\n\n      <div>\n\n        <h3>\n          No necesitas hacer m\u00e1s cosas.\n          Necesitas que todo lo que ya haces trabaje conectado.\n        <\/h3>\n\n        <p>\n          Ese es el trabajo de OM Brand Studio:\n          ordenar, conectar y convertir tus activos\n          en un ecosistema capaz de generar\n          visibilidad, confianza y ventas.\n        <\/p>\n\n      <\/div>\n\n      <div>\n\n        <a\n          class=\"om-problem-btn\"\n          href=\"#metodo\"\n        >\n          Ver c\u00f3mo lo ordena OM 360\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">M\u00e9todo OM 360<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 4 \u00b7 M\u00c9TODO OM 360\n   OM BRAND STUDIO\n   Variables y estilos aislados\n========================================================= *\/\n\n.om-method-section{\n  --omm-graphite:#15171a;\n  --omm-graphite-soft:#202328;\n  --omm-gold:#c9ab76;\n  --omm-gold-dark:#a9874f;\n  --omm-cream:#f2ede4;\n  --omm-cream-soft:#f7f3ec;\n  --omm-white:#ffffff;\n  --omm-text:#171717;\n  --omm-muted:#706b63;\n  --omm-line:rgba(139,109,60,.18);\n\n  position:relative;\n  overflow:hidden;\n\n  padding:116px 0;\n\n  background:\n    radial-gradient(\n      circle at 82% 10%,\n      rgba(201,171,118,.15),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 10% 88%,\n      rgba(21,23,26,.035),\n      transparent 26%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f7f3ec 100%\n    );\n\n  color:var(--omm-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-method-section *{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.om-method-wrap{\n  width:min(1180px,100%);\n\n  margin:0 auto;\n\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-method-head{\n  max-width:880px;\n\n  margin-bottom:66px;\n}\n\n.om-method-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--omm-gold-dark);\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:3.6px;\n\n  text-transform:uppercase;\n}\n\n.om-method-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--omm-gold);\n}\n\n.om-method-title{\n  max-width:820px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(3rem,4.7vw,4.2rem);\n\n  line-height:.98;\n\n  letter-spacing:-.052em;\n\n  font-weight:800;\n\n  color:var(--omm-text);\n}\n\n.om-method-text{\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--omm-muted);\n\n  font-size:20px;\n\n  line-height:1.72;\n}\n\n\/* =========================================================\n   TIMELINE\n========================================================= *\/\n\n.om-method-timeline{\n  position:relative;\n\n  display:grid;\n\n  gap:24px;\n}\n\n.om-method-timeline::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:34px;\n  top:34px;\n  bottom:34px;\n\n  width:1px;\n\n  background:\n    linear-gradient(\n      180deg,\n      var(--omm-gold) 0%,\n      rgba(201,171,118,.14) 100%\n    );\n}\n\n\/* =========================================================\n   PASO\n========================================================= *\/\n\n.om-method-step{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    86px\n    minmax(0,1fr);\n\n  gap:24px;\n\n  align-items:stretch;\n}\n\n\/* =========================================================\n   N\u00daMERO\n========================================================= *\/\n\n.om-method-number{\n  position:relative;\n\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:68px;\n  height:68px;\n\n  border:\n    1px solid rgba(201,171,118,.28);\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d4bc8d 0%,\n      #c9ab76 100%\n    );\n\n  color:var(--omm-text);\n\n  font-size:20px;\n\n  font-weight:800;\n\n  box-shadow:\n    0 14px 32px rgba(169,135,79,.18);\n}\n\n\/* =========================================================\n   TARJETAS\n========================================================= *\/\n\n.om-method-card{\n  min-width:0;\n\n  padding:30px 31px;\n\n  border:\n    1px solid var(--omm-line);\n\n  border-radius:24px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  box-shadow:\n    0 16px 42px rgba(21,23,26,.055);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n.om-method-card:hover{\n  transform:\n    translateY(-3px);\n\n  border-color:\n    rgba(201,171,118,.34);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 52px rgba(21,23,26,.08);\n}\n\n.om-method-card h3{\n  margin:0 0 12px;\n\n  font-size:28px;\n\n  line-height:1.08;\n\n  letter-spacing:-.04em;\n\n  font-weight:800;\n\n  color:var(--omm-text);\n}\n\n.om-method-card p{\n  max-width:850px;\n\n  margin:0 0 20px;\n\n  color:var(--omm-muted);\n\n  font-size:16px;\n\n  line-height:1.68;\n}\n\n\/* =========================================================\n   TAGS\n========================================================= *\/\n\n.om-method-tags{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n}\n\n.om-method-tags span{\n  display:inline-flex;\n\n  align-items:center;\n\n  padding:7px 11px;\n\n  border:\n    1px solid rgba(139,109,60,.16);\n\n  border-radius:999px;\n\n  background:\n    var(--omm-cream);\n\n  color:var(--omm-text);\n\n  font-size:10px;\n\n  font-weight:800;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   RESULTADO\n========================================================= *\/\n\n.om-method-result{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.2fr)\n    minmax(260px,.8fr);\n\n  gap:36px;\n\n  align-items:center;\n\n  margin-top:64px;\n\n  padding:46px;\n\n  border:\n    1px solid rgba(201,171,118,.18);\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 88% 15%,\n      rgba(201,171,118,.11),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 28px 70px rgba(21,23,26,.22);\n}\n\n.om-method-result h3{\n  margin:0 0 17px;\n\n  font-size:clamp(2rem,3vw,2.8rem);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:800;\n\n  color:#ffffff;\n}\n\n.om-method-result p{\n  margin:0;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:17px;\n\n  line-height:1.66;\n}\n\n\/* =========================================================\n   BOT\u00d3N\n========================================================= *\/\n\n.om-method-btn{\n  display:inline-flex;\n\n  width:100%;\n\n  min-height:55px;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 27px;\n\n  border:\n    1px solid var(--omm-gold);\n\n  border-radius:999px;\n\n  background:\n    var(--omm-gold);\n\n  color:var(--omm-text)!important;\n\n  text-align:center;\n\n  text-decoration:none!important;\n\n  font-size:14px;\n\n  font-weight:800;\n\n  box-shadow:\n    0 14px 34px rgba(169,135,79,.20);\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n.om-method-btn:hover{\n  transform:\n    translateY(-2px);\n\n  background:\n    #d3b783;\n\n  box-shadow:\n    0 18px 40px rgba(169,135,79,.25);\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-method-section{\n    padding:90px 0;\n  }\n\n  .om-method-step{\n    grid-template-columns:\n      74px\n      minmax(0,1fr);\n\n    gap:18px;\n  }\n\n  .om-method-number{\n    width:58px;\n    height:58px;\n\n    font-size:18px;\n  }\n\n  .om-method-timeline::before{\n    left:29px;\n  }\n\n  .om-method-result{\n    grid-template-columns:1fr;\n\n    padding:36px;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-method-section{\n    padding:72px 0;\n  }\n\n  .om-method-wrap{\n    padding:0 18px;\n  }\n\n  .om-method-head{\n    margin-bottom:48px;\n  }\n\n  .om-method-kicker{\n    font-size:10px;\n\n    letter-spacing:2.8px;\n  }\n\n  .om-method-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om-method-text{\n    font-size:17px;\n  }\n\n  .om-method-timeline{\n    gap:18px;\n  }\n\n  .om-method-timeline::before{\n    display:none;\n  }\n\n  .om-method-step{\n    grid-template-columns:1fr;\n\n    gap:12px;\n  }\n\n  .om-method-number{\n    width:54px;\n    height:54px;\n\n    font-size:17px;\n  }\n\n  .om-method-card{\n    padding:23px;\n\n    border-radius:20px;\n  }\n\n  .om-method-card h3{\n    font-size:24px;\n  }\n\n  .om-method-card p{\n    font-size:15px;\n  }\n\n  .om-method-result{\n    margin-top:48px;\n\n    padding:27px 22px;\n\n    border-radius:23px;\n  }\n\n  .om-method-result p{\n    font-size:16px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-method-card,\n  .om-method-btn{\n    transition:none;\n  }\n\n  .om-method-card:hover,\n  .om-method-btn:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-method-section\" id=\"metodo\">\n\n  <div class=\"om-method-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om-method-head\">\n\n      <div class=\"om-method-kicker\">\n        M\u00e9todo OM 360\n      <\/div>\n\n      <h2 class=\"om-method-title\">\n        De piezas sueltas a ecosistema rentable.\n      <\/h2>\n\n      <p class=\"om-method-text\">\n        OM 360 es el proceso con el que ordeno un negocio desde dentro:\n        primero entendemos, despu\u00e9s posicionamos, construimos,\n        automatizamos y medimos. No se trata de hacer m\u00e1s cosas,\n        sino de hacer que cada pieza trabaje para el crecimiento.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- TIMELINE -->\n\n    <div class=\"om-method-timeline\">\n\n      <!-- 01 -->\n\n      <div class=\"om-method-step\">\n\n        <div class=\"om-method-number\">\n          01\n        <\/div>\n\n        <div class=\"om-method-card\">\n\n          <h3>\n            Entender\n          <\/h3>\n\n          <p>\n            Analizamos el negocio, sus activos, sus bloqueos,\n            su oferta, su cliente ideal y las oportunidades reales\n            que ya existen.\n          <\/p>\n\n          <div class=\"om-method-tags\">\n\n            <span>Auditor\u00eda<\/span>\n            <span>Activos<\/span>\n            <span>Prioridades<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n\n      <div class=\"om-method-step\">\n\n        <div class=\"om-method-number\">\n          02\n        <\/div>\n\n        <div class=\"om-method-card\">\n\n          <h3>\n            Posicionar\n          <\/h3>\n\n          <p>\n            Definimos qu\u00e9 vendes, para qui\u00e9n, por qu\u00e9 deber\u00edan elegirte\n            y c\u00f3mo convertir tu experiencia en una propuesta\n            clara y diferenciada.\n          <\/p>\n\n          <div class=\"om-method-tags\">\n\n            <span>Marca<\/span>\n            <span>Mensaje<\/span>\n            <span>Oferta<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n\n      <div class=\"om-method-step\">\n\n        <div class=\"om-method-number\">\n          03\n        <\/div>\n\n        <div class=\"om-method-card\">\n\n          <h3>\n            Construir\n          <\/h3>\n\n          <p>\n            Dise\u00f1amos la estructura que convierte:\n            web, contenidos, p\u00e1ginas, dossieres,\n            recursos, emails y puntos de entrada al ecosistema.\n          <\/p>\n\n          <div class=\"om-method-tags\">\n\n            <span>Web<\/span>\n            <span>Contenido<\/span>\n            <span>Conversi\u00f3n<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n\n      <div class=\"om-method-step\">\n\n        <div class=\"om-method-number\">\n          04\n        <\/div>\n\n        <div class=\"om-method-card\">\n\n          <h3>\n            Automatizar\n          <\/h3>\n\n          <p>\n            Aplicamos IA, procesos y sistemas para que el contenido,\n            la captaci\u00f3n, el seguimiento y la comunicaci\u00f3n\n            no dependan siempre de ti.\n          <\/p>\n\n          <div class=\"om-method-tags\">\n\n            <span>IA<\/span>\n            <span>Procesos<\/span>\n            <span>Email<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n\n      <div class=\"om-method-step\">\n\n        <div class=\"om-method-number\">\n          05\n        <\/div>\n\n        <div class=\"om-method-card\">\n\n          <h3>\n            Escalar\n          <\/h3>\n\n          <p>\n            Medimos lo que funciona, corregimos lo que no,\n            reforzamos los activos que generan retorno\n            y convertimos el sistema en crecimiento continuo.\n          <\/p>\n\n          <div class=\"om-method-tags\">\n\n            <span>M\u00e9tricas<\/span>\n            <span>Ventas<\/span>\n            <span>Crecimiento<\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- RESULTADO -->\n\n    <div class=\"om-method-result\">\n\n      <div>\n\n        <h3>\n          El resultado no es una web.\n          Es una m\u00e1quina de claridad, confianza y captaci\u00f3n.\n        <\/h3>\n\n        <p>\n          Cuando todo est\u00e1 conectado, cada publicaci\u00f3n, p\u00e1gina,\n          email, recurso y conversaci\u00f3n comercial deja de ser\n          un esfuerzo aislado y empieza a alimentar el sistema.\n        <\/p>\n\n      <\/div>\n\n      <div>\n\n        <a\n          class=\"om-method-btn\"\n          href=\"#diagnostico\"\n        >\n          Solicitar diagn\u00f3stico estrat\u00e9gico\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Los motores de crecimiento de OM Brand Studio<\/strong>.<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 5 \u00b7 MOTORES DE CRECIMIENTO\n   OM BRAND STUDIO\n   Estilos completamente aislados\n========================================================= *\/\n\n.om-engines-section{\n  --ome-graphite:#15171a;\n  --ome-graphite-soft:#202328;\n  --ome-gold:#c9ab76;\n  --ome-gold-dark:#a9874f;\n  --ome-cream:#f2ede4;\n  --ome-cream-soft:#f7f3ec;\n  --ome-white:#ffffff;\n  --ome-text:#171717;\n  --ome-muted:#706b63;\n  --ome-line:rgba(139,109,60,.18);\n\n  position:relative;\n  overflow:hidden;\n\n  padding:112px 0;\n\n  background:\n    radial-gradient(\n      circle at 14% 15%,\n      rgba(201,171,118,.12),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 92% 72%,\n      rgba(21,23,26,.035),\n      transparent 29%\n    ),\n    #ffffff;\n\n  color:var(--ome-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-engines-section *{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.om-engines-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-engines-head{\n  max-width:880px;\n  margin-bottom:60px;\n}\n\n.om-engines-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--ome-gold-dark);\n\n  font-size:12px;\n  font-weight:800;\n  letter-spacing:3.6px;\n  text-transform:uppercase;\n}\n\n.om-engines-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--ome-gold);\n}\n\n.om-engines-title{\n  max-width:850px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(3rem,4.7vw,4.2rem);\n  line-height:.98;\n  letter-spacing:-.052em;\n  font-weight:800;\n\n  color:var(--ome-text);\n}\n\n.om-engines-text{\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--ome-muted);\n\n  font-size:20px;\n  line-height:1.72;\n}\n\n\/* =========================================================\n   MOTORES\n========================================================= *\/\n\n.om-engines-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:16px;\n\n  margin-bottom:52px;\n}\n\n.om-engine-card{\n  position:relative;\n\n  min-width:0;\n  min-height:270px;\n\n  overflow:hidden;\n\n  padding:25px;\n\n  border:1px solid var(--ome-line);\n  border-radius:24px;\n\n  background:var(--ome-cream-soft);\n\n  box-shadow:\n    0 15px 40px rgba(21,23,26,.05);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n.om-engine-card::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:-20%;\n  right:-20%;\n  bottom:-70px;\n\n  height:130px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(201,171,118,.17),\n      transparent 62%\n    );\n\n  opacity:0;\n\n  transition:opacity .2s ease;\n}\n\n.om-engine-card:hover{\n  transform:translateY(-4px);\n\n  border-color:\n    rgba(201,171,118,.34);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 52px rgba(21,23,26,.08);\n}\n\n.om-engine-card:hover::before{\n  opacity:1;\n}\n\n\/* =========================================================\n   N\u00daMERO\n========================================================= *\/\n\n.om-engine-number{\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  margin-bottom:21px;\n\n  border:\n    1px solid rgba(201,171,118,.27);\n\n  border-radius:13px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d4bc8d 0%,\n      #c9ab76 100%\n    );\n\n  color:var(--ome-text);\n\n  font-size:13px;\n  font-weight:800;\n\n  box-shadow:\n    0 11px 26px rgba(169,135,79,.15);\n}\n\n.om-engine-card h3{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 13px;\n\n  color:var(--ome-text);\n\n  font-size:23px;\n  line-height:1.08;\n  letter-spacing:-.035em;\n  font-weight:800;\n}\n\n.om-engine-card p{\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:var(--ome-muted);\n\n  font-size:14px;\n  line-height:1.65;\n}\n\n\/* =========================================================\n   PUENTE HACIA LOS SERVICIOS\n========================================================= *\/\n\n.om-engines-bridge{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  gap:44px;\n\n  align-items:center;\n\n  padding:48px;\n\n  border:\n    1px solid rgba(201,171,118,.18);\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 12% 12%,\n      rgba(201,171,118,.11),\n      transparent 29%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 28px 70px rgba(21,23,26,.22);\n}\n\n.om-engines-bridge h3{\n  max-width:540px;\n\n  margin:0 0 18px;\n\n  color:#ffffff;\n\n  font-size:clamp(2.15rem,3.4vw,3rem);\n  line-height:1.03;\n  letter-spacing:-.045em;\n  font-weight:800;\n}\n\n.om-engines-bridge p{\n  max-width:570px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:17px;\n  line-height:1.67;\n}\n\n\/* =========================================================\n   SERVICIOS\n========================================================= *\/\n\n.om-engine-services{\n  display:grid;\n  gap:11px;\n}\n\n.om-engine-service{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    auto;\n\n  gap:16px;\n\n  align-items:center;\n\n  padding:16px 17px;\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  border-radius:15px;\n\n  background:\n    rgba(255,255,255,.04);\n\n  transition:\n    border-color .2s ease,\n    background .2s ease;\n}\n\n.om-engine-service:hover{\n  border-color:\n    rgba(201,171,118,.25);\n\n  background:\n    rgba(255,255,255,.065);\n}\n\n.om-engine-service strong{\n  color:#ffffff;\n\n  font-size:15px;\n  line-height:1.3;\n  font-weight:700;\n}\n\n.om-engine-service span{\n  color:var(--ome-gold);\n\n  font-size:10px;\n  font-weight:800;\n  letter-spacing:.9px;\n  text-transform:uppercase;\n  white-space:nowrap;\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.om-engine-btn{\n  display:inline-flex;\n\n  min-height:54px;\n\n  align-items:center;\n  justify-content:center;\n\n  margin-top:27px;\n\n  padding:16px 27px;\n\n  border:\n    1px solid var(--ome-gold);\n\n  border-radius:999px;\n\n  background:var(--ome-gold);\n\n  color:var(--ome-text)!important;\n\n  text-decoration:none!important;\n\n  font-size:14px;\n  font-weight:800;\n\n  box-shadow:\n    0 14px 34px rgba(169,135,79,.20);\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n.om-engine-btn:hover{\n  transform:translateY(-2px);\n\n  background:#d3b783;\n\n  box-shadow:\n    0 18px 40px rgba(169,135,79,.25);\n}\n\n\/* =========================================================\n   TABLET GRANDE\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  .om-engines-grid{\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n  }\n\n  .om-engine-card{\n    min-height:235px;\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:820px){\n\n  .om-engines-section{\n    padding:90px 0;\n  }\n\n  .om-engines-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .om-engines-bridge{\n    grid-template-columns:1fr;\n\n    gap:34px;\n\n    padding:36px;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-engines-section{\n    padding:72px 0;\n  }\n\n  .om-engines-wrap{\n    padding:0 18px;\n  }\n\n  .om-engines-head{\n    margin-bottom:46px;\n  }\n\n  .om-engines-kicker{\n    font-size:10px;\n    letter-spacing:2.8px;\n  }\n\n  .om-engines-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om-engines-text{\n    font-size:17px;\n  }\n\n  .om-engines-grid{\n    grid-template-columns:1fr;\n\n    gap:14px;\n  }\n\n  .om-engine-card{\n    min-height:auto;\n\n    padding:22px;\n\n    border-radius:20px;\n  }\n\n  .om-engine-card h3{\n    font-size:22px;\n  }\n\n  .om-engines-bridge{\n    padding:27px 22px;\n\n    border-radius:23px;\n  }\n\n  .om-engines-bridge p{\n    font-size:16px;\n  }\n\n  .om-engine-service{\n    grid-template-columns:1fr;\n\n    gap:6px;\n\n    padding:15px;\n  }\n\n  .om-engine-service span{\n    white-space:normal;\n  }\n\n  .om-engine-btn{\n    width:100%;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-engine-card,\n  .om-engine-card::before,\n  .om-engine-service,\n  .om-engine-btn{\n    transition:none;\n  }\n\n  .om-engine-card:hover,\n  .om-engine-btn:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-engines-section\" id=\"motores\">\n\n  <div class=\"om-engines-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om-engines-head\">\n\n      <div class=\"om-engines-kicker\">\n        Los motores de crecimiento\n      <\/div>\n\n      <h2 class=\"om-engines-title\">\n        OM Brand Studio no vende piezas.\n        Activa motores.\n      <\/h2>\n\n      <p class=\"om-engines-text\">\n        Una empresa no crece solo por tener una web bonita,\n        un logo elegante o publicar m\u00e1s. Crece cuando estrategia,\n        marca, tecnolog\u00eda, contenido y automatizaci\u00f3n\n        empujan en la misma direcci\u00f3n.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- MOTORES -->\n\n    <div class=\"om-engines-grid\">\n\n      <div class=\"om-engine-card\">\n\n        <div class=\"om-engine-number\">\n          01\n        <\/div>\n\n        <h3>\n          Estrategia\n        <\/h3>\n\n        <p>\n          Ordenamos el negocio, detectamos oportunidades,\n          priorizamos acciones y definimos un camino claro\n          para crecer sin dispersi\u00f3n.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-engine-card\">\n\n        <div class=\"om-engine-number\">\n          02\n        <\/div>\n\n        <h3>\n          Marca\n        <\/h3>\n\n        <p>\n          Convertimos tu experiencia en una propuesta de valor\n          clara, diferenciada y f\u00e1cil de entender\n          para el cliente adecuado.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-engine-card\">\n\n        <div class=\"om-engine-number\">\n          03\n        <\/div>\n\n        <h3>\n          Tecnolog\u00eda\n        <\/h3>\n\n        <p>\n          Construimos la estructura digital:\n          web, p\u00e1ginas, formularios, recursos,\n          sistemas y puntos de contacto preparados para convertir.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-engine-card\">\n\n        <div class=\"om-engine-number\">\n          04\n        <\/div>\n\n        <h3>\n          Contenido\n        <\/h3>\n\n        <p>\n          Dise\u00f1amos contenidos que no desaparecen al d\u00eda siguiente,\n          sino que alimentan SEO, autoridad, comunidad,\n          email y ventas.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-engine-card\">\n\n        <div class=\"om-engine-number\">\n          05\n        <\/div>\n\n        <h3>\n          Automatizaci\u00f3n\n        <\/h3>\n\n        <p>\n          Aplicamos IA, procesos y flujos simples\n          para ahorrar tiempo, ordenar tareas\n          y hacer que el ecosistema siga funcionando.\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- PUENTE COMERCIAL -->\n\n    <div class=\"om-engines-bridge\">\n\n      <div>\n\n        <h3>\n          Estos motores se convierten\n          en soluciones concretas.\n        <\/h3>\n\n        <p>\n          El ecosistema es la visi\u00f3n. El diagn\u00f3stico permite detectar qu\u00e9 necesita realmente tu negocio y qu\u00e9 motor debemos activar primero para evitar inversiones dispersas o innecesarias.\n        <\/p>\n\n        <a class=\"om-engine-btn\" href=\"#diagnostico\">\n          Solicitar diagn\u00f3stico estrat\u00e9gico\n        <\/a>\n\n      <\/div>\n\n\n      <!-- SERVICIOS -->\n\n      <div class=\"om-engine-services\">\n\n        <div class=\"om-engine-service\">\n\n          <strong>\n            Diagn\u00f3stico Estrat\u00e9gico OM\n          <\/strong>\n\n          <span>\n            Desde 199 \u20ac\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-engine-service\">\n\n          <strong>\n            Web que Convierte\n          <\/strong>\n\n          <span>\n            Desde 1.490 \u20ac\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-engine-service\">\n\n          <strong>\n            Marca que Vende\n          <\/strong>\n\n          <span>\n            Desde 790 \u20ac\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-engine-service\">\n\n          <strong>\n            Dossieres Premium\n          <\/strong>\n\n          <span>\n            Desde 350 \u20ac\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-engine-service\">\n\n          <strong>\n            Consultor\u00eda IA y Automatizaci\u00f3n\n          <\/strong>\n\n          <span>\n            Desde 490 \u20ac\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">El Panel del Universo OM<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 6 \u00b7 PANEL DEL UNIVERSO OM\n   OM BRAND STUDIO\n   Estilos aislados\n========================================================= *\/\n\n.om-panel-section{\n  --ompn-graphite:#15171a;\n  --ompn-graphite-soft:#202328;\n  --ompn-tech:#1b2026;\n  --ompn-gold:#c9ab76;\n  --ompn-gold-dark:#a9874f;\n  --ompn-cream:#f2ede4;\n  --ompn-cream-soft:#f7f3ec;\n  --ompn-white:#ffffff;\n  --ompn-text:#171717;\n  --ompn-muted:#706b63;\n  --ompn-line:rgba(139,109,60,.18);\n\n  position:relative;\n  overflow:hidden;\n\n  padding:112px 0;\n\n  background:\n    radial-gradient(\n      circle at 13% 18%,\n      rgba(201,171,118,.13),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 90% 72%,\n      rgba(21,23,26,.04),\n      transparent 30%\n    ),\n    linear-gradient(\n      180deg,\n      #f7f3ec 0%,\n      #ffffff 100%\n    );\n\n  color:var(--ompn-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-panel-section *{\n  box-sizing:border-box;\n}\n\n.om-panel-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-panel-head{\n  max-width:880px;\n  margin-bottom:60px;\n}\n\n.om-panel-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--ompn-gold-dark);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:3.6px;\n  text-transform:uppercase;\n}\n\n.om-panel-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--ompn-gold);\n}\n\n.om-panel-title{\n  max-width:850px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(3rem,4.7vw,4.2rem);\n  line-height:.98;\n  letter-spacing:-.052em;\n  font-weight:800;\n\n  color:var(--ompn-text);\n}\n\n.om-panel-text{\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--ompn-muted);\n\n  font-size:20px;\n  line-height:1.72;\n}\n\n\/* =========================================================\n   DASHBOARD\n========================================================= *\/\n\n.om-dashboard{\n  padding:34px;\n\n  border:\n    1px solid rgba(201,171,118,.16);\n\n  border-radius:34px;\n\n  background:\n    radial-gradient(\n      circle at 18% 10%,\n      rgba(201,171,118,.10),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 28px 70px rgba(21,23,26,.22);\n}\n\n.om-dashboard-top{\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:24px;\n\n  margin-bottom:28px;\n}\n\n.om-dashboard-top h3{\n  margin:0;\n\n  font-size:31px;\n  line-height:1.06;\n  letter-spacing:-.04em;\n  font-weight:800;\n\n  color:#ffffff;\n}\n\n\/* =========================================================\n   BADGE\n========================================================= *\/\n\n.om-live-badge{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  padding:9px 13px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:1px;\n  text-transform:uppercase;\n\n  white-space:nowrap;\n}\n\n.om-live-dot{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--ompn-gold);\n\n  box-shadow:\n    0 0 14px rgba(201,171,118,.65);\n\n  animation:\n    omPanelPulse 1.8s ease-in-out infinite;\n}\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n.om-dashboard-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:16px;\n}\n\n.om-live-card{\n  position:relative;\n\n  min-width:0;\n  min-height:195px;\n\n  overflow:hidden;\n\n  padding:22px;\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  border-radius:21px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    border-color .2s ease;\n}\n\n.om-live-card:hover{\n  transform:translateY(-4px);\n\n  border-color:\n    rgba(201,171,118,.22);\n\n  background:\n    rgba(255,255,255,.055);\n}\n\n.om-live-card::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:-20%;\n  right:-20%;\n  bottom:-65px;\n\n  height:120px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(201,171,118,.14),\n      transparent 60%\n    );\n\n  opacity:.7;\n}\n\n\/* =========================================================\n   ICONOS\n========================================================= *\/\n\n.om-live-icon{\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  margin-bottom:18px;\n\n  border:\n    1px solid rgba(201,171,118,.28);\n\n  border-radius:13px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d4bc8d,\n      #c9ab76\n    );\n\n  color:var(--ompn-text);\n\n  font-size:20px;\n}\n\n.om-live-card h4{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 10px;\n\n  font-size:20px;\n  line-height:1.12;\n  letter-spacing:-.025em;\n  font-weight:800;\n\n  color:#ffffff;\n}\n\n.om-live-card p{\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:rgba(255,255,255,.60);\n\n  font-size:14px;\n  line-height:1.62;\n}\n\n.om-live-meta{\n  position:relative;\n  z-index:2;\n\n  display:inline-flex;\n\n  margin-top:15px;\n\n  color:var(--ompn-gold);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   BLOQUE INFERIOR\n========================================================= *\/\n\n.om-panel-bottom{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.1fr)\n    minmax(0,.9fr);\n\n  gap:24px;\n\n  align-items:center;\n\n  margin-top:34px;\n}\n\n\/* =========================================================\n   CALLOUT\n========================================================= *\/\n\n.om-panel-callout{\n  padding:32px;\n\n  border:\n    1px solid var(--ompn-line);\n\n  border-radius:24px;\n\n  background:var(--ompn-cream-soft);\n\n  box-shadow:\n    0 16px 42px rgba(21,23,26,.055);\n}\n\n.om-panel-callout h3{\n  margin:0 0 15px;\n\n  font-size:clamp(2rem,3vw,2.7rem);\n  line-height:1.05;\n  letter-spacing:-.045em;\n  font-weight:800;\n\n  color:var(--ompn-text);\n}\n\n.om-panel-callout p{\n  margin:0;\n\n  color:var(--ompn-muted);\n\n  font-size:17px;\n  line-height:1.66;\n}\n\n\/* =========================================================\n   ACCIONES\n========================================================= *\/\n\n.om-panel-actions{\n  display:grid;\n  gap:12px;\n}\n\n.om-panel-action{\n  padding:18px;\n\n  border:\n    1px solid var(--ompn-line);\n\n  border-radius:17px;\n\n  background:var(--ompn-cream);\n}\n\n.om-panel-action strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  color:var(--ompn-text);\n\n  font-size:16px;\n  line-height:1.3;\n}\n\n.om-panel-action span{\n  display:block;\n\n  color:var(--ompn-muted);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N\n========================================================= *\/\n\n@keyframes omPanelPulse{\n\n  0%,100%{\n    opacity:1;\n    transform:scale(1);\n  }\n\n  50%{\n    opacity:.45;\n    transform:scale(1.3);\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-panel-section{\n    padding:90px 0;\n  }\n\n  .om-dashboard-top{\n    flex-direction:column;\n    align-items:flex-start;\n  }\n\n  .om-dashboard-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .om-panel-bottom{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-panel-section{\n    padding:72px 0;\n  }\n\n  .om-panel-wrap{\n    padding:0 18px;\n  }\n\n  .om-panel-head{\n    margin-bottom:46px;\n  }\n\n  .om-panel-kicker{\n    font-size:10px;\n    letter-spacing:2.8px;\n  }\n\n  .om-panel-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om-panel-text{\n    font-size:17px;\n  }\n\n  .om-dashboard{\n    padding:22px;\n\n    border-radius:25px;\n  }\n\n  .om-dashboard-grid{\n    grid-template-columns:1fr;\n  }\n\n  .om-live-card{\n    min-height:auto;\n\n    padding:20px;\n  }\n\n  .om-panel-callout{\n    padding:24px 21px;\n\n    border-radius:20px;\n  }\n\n  .om-panel-actions{\n    gap:10px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-live-dot{\n    animation:none;\n  }\n\n  .om-live-card{\n    transition:none;\n  }\n\n  .om-live-card:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-panel-section\" id=\"panel\">\n\n  <div class=\"om-panel-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om-panel-head\">\n\n      <div class=\"om-panel-kicker\">\n        Panel del Universo OM\n      <\/div>\n\n      <h2 class=\"om-panel-title\">\n        Un centro de actividad vivo,\n        no una web est\u00e1tica.\n      <\/h2>\n\n      <p class=\"om-panel-text\">\n        Cada publicaci\u00f3n, receta, gu\u00eda, reflexi\u00f3n, libro,\n        automatizaci\u00f3n o dossier puede convertirse en una pieza\n        que alimenta todo el ecosistema: atrae tr\u00e1fico,\n        refuerza autoridad y abre nuevas oportunidades comerciales.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- DASHBOARD -->\n\n    <div class=\"om-dashboard\">\n\n      <div class=\"om-dashboard-top\">\n\n        <h3>\n          Estado del Ecosistema OM\n        <\/h3>\n\n        <div class=\"om-live-badge\">\n\n          <span class=\"om-live-dot\"><\/span>\n\n          Sistema en movimiento\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"om-dashboard-grid\">\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \ud83d\udca1\n          <\/div>\n\n          <h4>\n            Reflexi\u00f3n del d\u00eda\n          <\/h4>\n\n          <p>\n            Una idea breve que puede alimentar marca personal,\n            LinkedIn, Instagram y Los 1001 Rincones.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            Contenido diario\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \ud83c\udf7d\ufe0f\n          <\/div>\n\n          <h4>\n            \u00daltima receta\n          <\/h4>\n\n          <p>\n            Contenido \u00fatil que puede convertirse en SEO,\n            Pinterest, email, libro, curso y afiliaci\u00f3n.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            El Arte de Cocinar\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \u2708\ufe0f\n          <\/div>\n\n          <h4>\n            Gu\u00eda de viaje\n          <\/h4>\n\n          <p>\n            Contenido evergreen para atraer tr\u00e1fico,\n            hoteles, experiencias y oportunidades de afiliaci\u00f3n.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            BuscaViajesBaratos\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \ud83d\udcda\n          <\/div>\n\n          <h4>\n            Activo editorial\n          <\/h4>\n\n          <p>\n            Libros, ebooks, diarios, planners y textos\n            que convierten experiencia en propiedad intelectual.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            Editorial OM\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \ud83e\udd16\n          <\/div>\n\n          <h4>\n            Sistema IA\n          <\/h4>\n\n          <p>\n            Prompts, automatizaciones y procesos\n            que ahorran tiempo y convierten conocimiento en m\u00e9todo.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            Olga OS\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-live-card\">\n\n          <div class=\"om-live-icon\">\n            \ud83c\udfe8\n          <\/div>\n\n          <h4>\n            Proyecto empresarial\n          <\/h4>\n\n          <p>\n            Dossieres, presentaciones,\n            operaciones hoteleras e inmobiliarias\n            y estrategia comercial de alto valor.\n          <\/p>\n\n          <span class=\"om-live-meta\">\n            Negocio real\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BLOQUE INFERIOR -->\n\n    <div class=\"om-panel-bottom\">\n\n      <div class=\"om-panel-callout\">\n\n        <h3>\n          La clave no es publicar m\u00e1s.\n          Es reutilizar mejor.\n        <\/h3>\n\n        <p>\n          Una sola idea puede convertirse en post, email,\n          art\u00edculo, recurso, v\u00eddeo corto, p\u00e1gina de venta,\n          gu\u00eda, dossier o producto.\n          Ese es el poder de un ecosistema bien dise\u00f1ado.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-panel-actions\">\n\n        <div class=\"om-panel-action\">\n\n          <strong>\n            Hoy funciona como escaparate.\n          <\/strong>\n\n          <span>\n            Mostramos el sistema para que el visitante\n            entienda c\u00f3mo trabajamos.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-panel-action\">\n\n          <strong>\n            Despu\u00e9s puede convertirse en sistema.\n          <\/strong>\n\n          <span>\n            El contenido, las captaciones, newsletters\n            y procesos pueden conectarse progresivamente.\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-panel-action\">\n\n          <strong>\n            Y para tus clientes ser\u00e1 una demostraci\u00f3n.\n          <\/strong>\n\n          <span>\n            Ver\u00e1n que OM Brand Studio no habla de ecosistemas:\n            los construye y los utiliza.\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">El Laboratorio OM<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 7 \u00b7 LABORATORIO OM\n   OM BRAND STUDIO\n   Estilos aislados\n========================================================= *\/\n\n.om-lab-section{\n  --oml-graphite:#15171a;\n  --oml-graphite-soft:#202328;\n  --oml-gold:#c9ab76;\n  --oml-gold-dark:#a9874f;\n  --oml-cream:#f2ede4;\n  --oml-cream-soft:#f7f3ec;\n  --oml-white:#ffffff;\n  --oml-text:#171717;\n  --oml-muted:#706b63;\n  --oml-line:rgba(139,109,60,.18);\n\n  position:relative;\n  overflow:hidden;\n\n  padding:112px 0;\n\n  background:\n    radial-gradient(\n      circle at 82% 16%,\n      rgba(201,171,118,.12),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 12% 82%,\n      rgba(21,23,26,.035),\n      transparent 30%\n    ),\n    #ffffff;\n\n  color:var(--oml-text);\n\n  font-family:Inter,Arial,sans-serif;\n}\n\n.om-lab-section *{\n  box-sizing:border-box;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.om-lab-wrap{\n  width:min(1180px,100%);\n  margin:0 auto;\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-lab-head{\n  max-width:880px;\n  margin-bottom:60px;\n}\n\n.om-lab-kicker{\n  display:inline-flex;\n  align-items:center;\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--oml-gold-dark);\n\n  font-size:12px;\n  font-weight:800;\n\n  letter-spacing:3.6px;\n  text-transform:uppercase;\n}\n\n.om-lab-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--oml-gold);\n}\n\n.om-lab-title{\n  max-width:850px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(3rem,4.7vw,4.2rem);\n  line-height:.98;\n  letter-spacing:-.052em;\n  font-weight:800;\n\n  color:var(--oml-text);\n}\n\n.om-lab-text{\n  max-width:820px;\n\n  margin:0;\n\n  color:var(--oml-muted);\n\n  font-size:20px;\n  line-height:1.72;\n}\n\n\/* =========================================================\n   TABLERO\n========================================================= *\/\n\n.om-lab-board{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  gap:26px;\n\n  align-items:stretch;\n}\n\n\/* =========================================================\n   BLOQUE PRINCIPAL OSCURO\n========================================================= *\/\n\n.om-lab-main{\n  position:relative;\n  overflow:hidden;\n\n  min-width:0;\n\n  padding:38px;\n\n  border:\n    1px solid rgba(201,171,118,.17);\n\n  border-radius:32px;\n\n  background:\n    radial-gradient(\n      circle at 84% 10%,\n      rgba(201,171,118,.14),\n      transparent 28%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 28px 70px rgba(21,23,26,.22);\n}\n\n.om-lab-main::before{\n  content:\"\";\n\n  position:absolute;\n\n  right:-90px;\n  top:-90px;\n\n  width:280px;\n  height:280px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(201,171,118,.16),\n      transparent 65%\n    );\n}\n\n.om-lab-main h3{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 19px;\n\n  font-size:clamp(2.2rem,3.5vw,3rem);\n  line-height:1.03;\n  letter-spacing:-.045em;\n  font-weight:800;\n\n  color:#ffffff;\n}\n\n.om-lab-main p{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 28px;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:17px;\n  line-height:1.66;\n}\n\n\/* =========================================================\n   ESTADO\n========================================================= *\/\n\n.om-lab-status{\n  position:relative;\n  z-index:2;\n\n  display:inline-flex;\n\n  align-items:center;\n  gap:9px;\n\n  margin-bottom:24px;\n\n  padding:9px 13px;\n\n  border:\n    1px solid rgba(255,255,255,.10);\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#ffffff;\n\n  font-size:10px;\n  font-weight:800;\n\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n.om-lab-dot{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--oml-gold);\n\n  box-shadow:\n    0 0 14px rgba(201,171,118,.65);\n\n  animation:\n    omLabPulse 1.8s ease-in-out infinite;\n}\n\n\/* =========================================================\n   FLUJO DE TRABAJO\n========================================================= *\/\n\n.om-lab-flow{\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  gap:12px;\n\n  margin-top:32px;\n}\n\n.om-lab-flow-item{\n  padding:17px;\n\n  border:\n    1px solid rgba(255,255,255,.09);\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.04);\n}\n\n.om-lab-flow-item strong{\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#ffffff;\n\n  font-size:15px;\n  line-height:1.25;\n}\n\n.om-lab-flow-item span{\n  display:block;\n\n  color:rgba(255,255,255,.58);\n\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* =========================================================\n   GRID DE CASOS\n========================================================= *\/\n\n.om-lab-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:16px;\n}\n\n.om-lab-card{\n  position:relative;\n\n  min-width:0;\n  min-height:230px;\n\n  overflow:hidden;\n\n  padding:24px;\n\n  border:\n    1px solid var(--oml-line);\n\n  border-radius:22px;\n\n  background:\n    var(--oml-cream-soft);\n\n  box-shadow:\n    0 15px 40px rgba(21,23,26,.05);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n.om-lab-card:hover{\n  transform:translateY(-4px);\n\n  border-color:\n    rgba(201,171,118,.32);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 52px rgba(21,23,26,.08);\n}\n\n.om-lab-card::before{\n  content:\"\";\n\n  position:absolute;\n\n  left:-20%;\n  right:-20%;\n  bottom:-70px;\n\n  height:120px;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(201,171,118,.14),\n      transparent 60%\n    );\n}\n\n\/* =========================================================\n   ICONO\n========================================================= *\/\n\n.om-lab-icon{\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:44px;\n  height:44px;\n\n  margin-bottom:18px;\n\n  border:\n    1px solid rgba(201,171,118,.28);\n\n  border-radius:13px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d4bc8d,\n      #c9ab76\n    );\n\n  color:var(--oml-text);\n\n  font-size:20px;\n}\n\n.om-lab-card h4{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 10px;\n\n  color:var(--oml-text);\n\n  font-size:21px;\n  line-height:1.1;\n  letter-spacing:-.03em;\n  font-weight:800;\n}\n\n.om-lab-card p{\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:var(--oml-muted);\n\n  font-size:14px;\n  line-height:1.62;\n}\n\n.om-lab-meta{\n  position:relative;\n  z-index:2;\n\n  display:inline-flex;\n\n  margin-top:15px;\n\n  color:var(--oml-gold-dark);\n\n  font-size:9px;\n  font-weight:800;\n\n  letter-spacing:1px;\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   BLOQUE FINAL\n========================================================= *\/\n\n.om-lab-bottom{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.2fr)\n    minmax(260px,.8fr);\n\n  gap:30px;\n\n  align-items:center;\n\n  margin-top:52px;\n\n  padding:36px;\n\n  border:\n    1px solid var(--oml-line);\n\n  border-radius:26px;\n\n  background:\n    var(--oml-cream);\n\n  box-shadow:\n    0 16px 42px rgba(21,23,26,.055);\n}\n\n.om-lab-bottom h3{\n  margin:0 0 14px;\n\n  color:var(--oml-text);\n\n  font-size:clamp(2rem,3vw,2.7rem);\n  line-height:1.05;\n  letter-spacing:-.045em;\n  font-weight:800;\n}\n\n.om-lab-bottom p{\n  margin:0;\n\n  color:var(--oml-muted);\n\n  font-size:17px;\n  line-height:1.66;\n}\n\n\/* =========================================================\n   BOT\u00d3N\n========================================================= *\/\n\n.om-lab-btn{\n  display:inline-flex;\n\n  width:100%;\n\n  min-height:54px;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:16px 27px;\n\n  border:\n    1px solid var(--oml-graphite);\n\n  border-radius:999px;\n\n  background:\n    var(--oml-graphite);\n\n  color:#ffffff!important;\n\n  text-decoration:none!important;\n\n  font-size:14px;\n  font-weight:800;\n\n  text-align:center;\n\n  box-shadow:\n    0 14px 34px rgba(21,23,26,.16);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n.om-lab-btn:hover{\n  transform:translateY(-2px);\n\n  background:\n    var(--oml-graphite-soft);\n}\n\n\/* =========================================================\n   ANIMACI\u00d3N\n========================================================= *\/\n\n@keyframes omLabPulse{\n\n  0%,100%{\n    opacity:1;\n    transform:scale(1);\n  }\n\n  50%{\n    opacity:.45;\n    transform:scale(1.3);\n  }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:980px){\n\n  .om-lab-section{\n    padding:90px 0;\n  }\n\n  .om-lab-board{\n    grid-template-columns:1fr;\n  }\n\n  .om-lab-bottom{\n    grid-template-columns:1fr;\n\n    padding:32px;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:640px){\n\n  .om-lab-section{\n    padding:72px 0;\n  }\n\n  .om-lab-wrap{\n    padding:0 18px;\n  }\n\n  .om-lab-head{\n    margin-bottom:46px;\n  }\n\n  .om-lab-kicker{\n    font-size:10px;\n    letter-spacing:2.8px;\n  }\n\n  .om-lab-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om-lab-text{\n    font-size:17px;\n  }\n\n  .om-lab-main{\n    padding:26px 22px;\n\n    border-radius:24px;\n  }\n\n  .om-lab-grid{\n    grid-template-columns:1fr;\n  }\n\n  .om-lab-card{\n    min-height:auto;\n\n    padding:22px;\n\n    border-radius:20px;\n  }\n\n  .om-lab-bottom{\n    margin-top:42px;\n\n    padding:26px 22px;\n\n    border-radius:22px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om-lab-dot{\n    animation:none;\n  }\n\n  .om-lab-card,\n  .om-lab-btn{\n    transition:none;\n  }\n\n  .om-lab-card:hover,\n  .om-lab-btn:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om-lab-section\" id=\"laboratorio\">\n\n  <div class=\"om-lab-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om-lab-head\">\n\n      <div class=\"om-lab-kicker\">\n        Laboratorio OM\n      <\/div>\n\n      <h2 class=\"om-lab-title\">\n        No hablo de sistemas.\n        Los construyo en directo.\n      <\/h2>\n\n      <p class=\"om-lab-text\">\n        El Laboratorio OM muestra lo que estoy creando ahora mismo:\n        proyectos, pruebas, contenidos, automatizaciones, libros,\n        gu\u00edas y dossieres que alimentan el ecosistema\n        y se convierten en aprendizaje aplicable a otros negocios.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- TABLERO -->\n\n    <div class=\"om-lab-board\">\n\n      <!-- BLOQUE PRINCIPAL -->\n\n      <div class=\"om-lab-main\">\n\n        <span class=\"om-lab-status\">\n          <span class=\"om-lab-dot\"><\/span>\n          Laboratorio activo\n        <\/span>\n\n        <h3>\n          Un laboratorio vivo de estrategia,\n          contenido e IA.\n        <\/h3>\n\n        <p>\n          Cada proyecto propio funciona como campo de pruebas:\n          si una estrategia sirve para atraer tr\u00e1fico,\n          captar emails, ordenar una oferta o automatizar contenido,\n          puede convertirse en m\u00e9todo para clientes.\n        <\/p>\n\n        <div class=\"om-lab-flow\">\n\n          <div class=\"om-lab-flow-item\">\n\n            <strong>\n              1. Creo\n            <\/strong>\n\n            <span>\n              Recetas, gu\u00edas, textos, libros,\n              publicaciones, dossieres y sistemas.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"om-lab-flow-item\">\n\n            <strong>\n              2. Pruebo\n            <\/strong>\n\n            <span>\n              SEO, IA, automatizaci\u00f3n, email,\n              afiliaci\u00f3n, marca personal y conversi\u00f3n.\n            <\/span>\n\n          <\/div>\n\n\n          <div class=\"om-lab-flow-item\">\n\n            <strong>\n              3. Convierto en m\u00e9todo\n            <\/strong>\n\n            <span>\n              Lo que funciona se transforma en procesos,\n              plantillas, servicios y soluciones para empresas.\n            <\/span>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CASOS DEL LABORATORIO -->\n\n      <div class=\"om-lab-grid\">\n\n        <div class=\"om-lab-card\">\n\n          <div class=\"om-lab-icon\">\n            \ud83c\udf7d\ufe0f\n          <\/div>\n\n          <h4>\n            Automatizaci\u00f3n de recetas\n          <\/h4>\n\n          <p>\n            Publicaci\u00f3n, SEO, Pinterest, email,\n            libros y afiliaci\u00f3n para El Arte de Cocinar.\n          <\/p>\n\n          <span class=\"om-lab-meta\">\n            Contenido + ventas\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-lab-card\">\n\n          <div class=\"om-lab-icon\">\n            \ud83c\udf05\n          <\/div>\n\n          <h4>\n            Contenido diario\n          <\/h4>\n\n          <p>\n            Im\u00e1genes, reflexiones y humor inteligente\n            para alimentar marca personal y comunidad.\n          <\/p>\n\n          <span class=\"om-lab-meta\">\n            Los 1001 Rincones\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-lab-card\">\n\n          <div class=\"om-lab-icon\">\n            \ud83d\udcda\n          <\/div>\n\n          <h4>\n            Activos editoriales\n          <\/h4>\n\n          <p>\n            Libros, ebooks, planners, diarios y textos emocionales\n            convertidos en propiedad intelectual.\n          <\/p>\n\n          <span class=\"om-lab-meta\">\n            Editorial OM\n          <\/span>\n\n        <\/div>\n\n\n        <div class=\"om-lab-card\">\n\n          <div class=\"om-lab-icon\">\n            \ud83e\udd16\n          <\/div>\n\n          <h4>\n            Olga OS\n          <\/h4>\n\n          <p>\n            Prompts, flujos, automatizaciones y procesos\n            para ordenar proyectos complejos con IA.\n          <\/p>\n\n          <span class=\"om-lab-meta\">\n            IA + sistemas\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- CIERRE -->\n\n    <div class=\"om-lab-bottom\">\n\n      <div>\n\n        <h3>\n          Lo que aprendo construyendo mis proyectos,\n          lo aplico para hacer crecer los tuyos.\n        <\/h3>\n\n        <p>\n          Esa es la diferencia:\n          OM Brand Studio no parte de teor\u00edas aisladas,\n          sino de proyectos reales, problemas reales\n          y sistemas que se pueden probar, ajustar y mejorar.\n        <\/p>\n\n      <\/div>\n\n      <div>\n\n        <a\n          class=\"om-lab-btn\"\n          href=\"#diagnostico\"\n        >\n          Quiero aplicar esto a mi negocio\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Casos reales \/ Historias del ecosistema<\/strong>.<\/h2>\n\n\n\n<style>\n\/* =========================================================\n   M\u00d3DULO 8 \u00b7 EXPERIENCIA \/ PORTFOLIO\n   OM BRAND STUDIO\n   Estilos aislados\n========================================================= *\/\n\n.om8-section{\n  --om8-graphite:#15171a;\n  --om8-graphite-soft:#202328;\n  --om8-gold:#c9ab76;\n  --om8-gold-dark:#a9874f;\n  --om8-cream:#f2ede4;\n  --om8-cream-soft:#f7f3ec;\n  --om8-white:#ffffff;\n  --om8-text:#171717;\n  --om8-muted:#706b63;\n  --om8-line:rgba(139,109,60,.18);\n\n  position:relative;\n  overflow:hidden;\n\n  padding:112px 0;\n\n  color:var(--om8-text);\n\n  font-family:Inter,Arial,sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 10% 12%,\n      rgba(201,171,118,.13),\n      transparent 27%\n    ),\n    radial-gradient(\n      circle at 90% 78%,\n      rgba(21,23,26,.035),\n      transparent 29%\n    ),\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f7f3ec 100%\n    );\n}\n\n.om8-section *{\n  box-sizing:border-box;\n}\n\n.om8-section::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:460px;\n  height:460px;\n\n  right:-260px;\n  top:180px;\n\n  border:\n    1px solid rgba(201,171,118,.13);\n\n  border-radius:50%;\n\n  pointer-events:none;\n}\n\n\/* =========================================================\n   CONTENEDOR\n========================================================= *\/\n\n.om8-wrap{\n  position:relative;\n  z-index:2;\n\n  width:min(1180px,100%);\n\n  margin:0 auto;\n\n  padding:0 24px;\n}\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om8-head{\n  max-width:900px;\n\n  margin-bottom:48px;\n}\n\n.om8-kicker{\n  display:inline-flex;\n\n  align-items:center;\n\n  gap:10px;\n\n  margin-bottom:22px;\n\n  color:var(--om8-gold-dark);\n\n  font-size:12px;\n\n  font-weight:800;\n\n  letter-spacing:3.6px;\n\n  text-transform:uppercase;\n}\n\n.om8-kicker::before{\n  content:\"\";\n\n  display:inline-block;\n\n  width:34px;\n  height:1px;\n\n  background:var(--om8-gold);\n}\n\n.om8-title{\n  max-width:870px;\n\n  margin:0 0 24px;\n\n  font-size:clamp(3rem,4.7vw,4.2rem);\n\n  line-height:.98;\n\n  letter-spacing:-.052em;\n\n  font-weight:800;\n\n  color:var(--om8-text);\n}\n\n.om8-intro{\n  max-width:860px;\n\n  margin:0;\n\n  color:var(--om8-muted);\n\n  font-size:20px;\n\n  line-height:1.72;\n}\n\n\/* =========================================================\n   RESUMEN\n========================================================= *\/\n\n.om8-summary{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:14px;\n\n  margin:44px 0;\n}\n\n.om8-summary-card{\n  min-width:0;\n\n  padding:22px;\n\n  border:\n    1px solid var(--om8-line);\n\n  border-radius:21px;\n\n  background:\n    rgba(255,255,255,.68);\n\n  box-shadow:\n    0 14px 38px rgba(21,23,26,.045);\n}\n\n.om8-summary-card strong{\n  display:block;\n\n  margin-bottom:7px;\n\n  color:var(--om8-text);\n\n  font-size:22px;\n\n  line-height:1.12;\n\n  letter-spacing:-.03em;\n}\n\n.om8-summary-card span{\n  display:block;\n\n  color:var(--om8-muted);\n\n  font-size:13px;\n\n  line-height:1.55;\n}\n\n\/* =========================================================\n   FILTROS\n========================================================= *\/\n\n.om8-filter-shell{\n  margin-bottom:30px;\n\n  padding:9px;\n\n  border:\n    1px solid var(--om8-line);\n\n  border-radius:22px;\n\n  background:\n    rgba(255,255,255,.68);\n\n  box-shadow:\n    0 14px 38px rgba(21,23,26,.045);\n}\n\n.om8-filters{\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:8px;\n}\n\n.om8-filter{\n  appearance:none;\n\n  border:0;\n\n  border-radius:999px;\n\n  padding:11px 16px;\n\n  background:transparent;\n\n  color:var(--om8-text);\n\n  font-family:inherit;\n\n  font-size:11px;\n\n  font-weight:800;\n\n  cursor:pointer;\n\n  transition:\n    transform .2s ease,\n    background .2s ease,\n    color .2s ease,\n    box-shadow .2s ease;\n}\n\n.om8-filter:hover{\n  transform:translateY(-1px);\n\n  background:var(--om8-cream);\n}\n\n.om8-filter.is-active{\n  color:var(--om8-text);\n\n  background:var(--om8-gold);\n\n  box-shadow:\n    0 10px 24px rgba(169,135,79,.18);\n}\n\n\/* =========================================================\n   GRID PORTFOLIO\n========================================================= *\/\n\n.om8-grid{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:20px;\n}\n\n\/* =========================================================\n   PROYECTO\n========================================================= *\/\n\n.om8-project{\n  position:relative;\n\n  display:flex;\n\n  flex-direction:column;\n\n  min-width:0;\n  min-height:365px;\n\n  overflow:hidden;\n\n  padding:26px;\n\n  border:\n    1px solid var(--om8-line);\n\n  border-radius:24px;\n\n  background:\n    rgba(255,255,255,.82);\n\n  box-shadow:\n    0 15px 40px rgba(21,23,26,.05);\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n.om8-project:hover{\n  transform:translateY(-4px);\n\n  border-color:\n    rgba(201,171,118,.32);\n\n  background:#ffffff;\n\n  box-shadow:\n    0 22px 54px rgba(21,23,26,.085);\n}\n\n.om8-project::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:180px;\n  height:180px;\n\n  right:-100px;\n  bottom:-100px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(201,171,118,.16),\n      transparent 68%\n    );\n\n  pointer-events:none;\n}\n\n.om8-project.is-hidden{\n  display:none;\n}\n\n\/* =========================================================\n   CABECERA TARJETA\n========================================================= *\/\n\n.om8-project-top{\n  display:flex;\n\n  align-items:flex-start;\n  justify-content:space-between;\n\n  gap:14px;\n\n  margin-bottom:21px;\n}\n\n.om8-icon{\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  width:48px;\n  height:48px;\n\n  flex:0 0 auto;\n\n  border:\n    1px solid rgba(201,171,118,.28);\n\n  border-radius:14px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #d4bc8d,\n      #c9ab76\n    );\n\n  color:var(--om8-text);\n\n  font-size:20px;\n}\n\n.om8-type{\n  display:inline-flex;\n\n  padding:7px 10px;\n\n  border:\n    1px solid var(--om8-line);\n\n  border-radius:999px;\n\n  background:var(--om8-cream);\n\n  color:var(--om8-muted);\n\n  font-size:9px;\n\n  line-height:1.3;\n\n  font-weight:800;\n\n  letter-spacing:.8px;\n\n  text-transform:uppercase;\n}\n\n\/* =========================================================\n   TEXTO TARJETA\n========================================================= *\/\n\n.om8-project h3{\n  position:relative;\n  z-index:2;\n\n  margin:0 0 13px;\n\n  color:var(--om8-text);\n\n  font-size:24px;\n\n  line-height:1.1;\n\n  letter-spacing:-.035em;\n\n  font-weight:800;\n}\n\n.om8-project p{\n  position:relative;\n  z-index:2;\n\n  margin:0;\n\n  color:var(--om8-muted);\n\n  font-size:14px;\n\n  line-height:1.66;\n}\n\n\/* =========================================================\n   PRUEBA \/ LO QUE DEMUESTRA\n========================================================= *\/\n\n.om8-proof{\n  position:relative;\n  z-index:2;\n\n  margin-top:19px;\n\n  padding:14px 15px;\n\n  border-left:\n    2px solid var(--om8-gold);\n\n  border-radius:\n    0 13px 13px 0;\n\n  background:\n    var(--om8-cream);\n}\n\n.om8-proof span{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--om8-gold-dark);\n\n  font-size:9px;\n\n  font-weight:800;\n\n  letter-spacing:.9px;\n\n  text-transform:uppercase;\n}\n\n.om8-proof strong{\n  display:block;\n\n  color:var(--om8-text);\n\n  font-size:13px;\n\n  line-height:1.5;\n}\n\n\/* =========================================================\n   TAGS\n========================================================= *\/\n\n.om8-tags{\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:6px;\n\n  margin-top:auto;\n\n  padding-top:20px;\n}\n\n.om8-tags span{\n  padding:6px 9px;\n\n  border:\n    1px solid var(--om8-line);\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.72);\n\n  color:var(--om8-text);\n\n  font-size:10px;\n\n  font-weight:750;\n}\n\n\/* =========================================================\n   DESTACADOS\n========================================================= *\/\n\n.om8-featured{\n  grid-column:span 2;\n\n  border-color:\n    rgba(201,171,118,.17);\n\n  background:\n    radial-gradient(\n      circle at 82% 14%,\n      rgba(201,171,118,.13),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 24px 62px rgba(21,23,26,.20);\n}\n\n.om8-featured:hover{\n  background:\n    radial-gradient(\n      circle at 82% 14%,\n      rgba(201,171,118,.16),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #24272c 0%,\n      #17191c 100%\n    );\n}\n\n.om8-featured h3{\n  color:#ffffff;\n}\n\n.om8-featured p{\n  color:rgba(255,255,255,.62);\n}\n\n.om8-featured .om8-type,\n.om8-featured .om8-tags span{\n  color:#ffffff;\n\n  border-color:\n    rgba(255,255,255,.11);\n\n  background:\n    rgba(255,255,255,.045);\n}\n\n.om8-featured .om8-proof{\n  color:#ffffff;\n\n  border-left-color:\n    var(--om8-gold);\n\n  background:\n    rgba(255,255,255,.045);\n}\n\n.om8-featured .om8-proof span{\n  color:var(--om8-gold);\n}\n\n.om8-featured .om8-proof strong{\n  color:#ffffff;\n}\n\n\/* =========================================================\n   CIERRE\n========================================================= *\/\n\n.om8-footer-block{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.15fr)\n    minmax(260px,.85fr);\n\n  gap:36px;\n\n  align-items:center;\n\n  margin-top:58px;\n\n  padding:46px;\n\n  border:\n    1px solid rgba(201,171,118,.18);\n\n  border-radius:30px;\n\n  background:\n    radial-gradient(\n      circle at 12% 20%,\n      rgba(201,171,118,.11),\n      transparent 31%\n    ),\n    linear-gradient(\n      145deg,\n      #202328 0%,\n      #15171a 100%\n    );\n\n  color:#ffffff;\n\n  box-shadow:\n    0 28px 70px rgba(21,23,26,.22);\n}\n\n.om8-footer-block h3{\n  margin:0 0 17px;\n\n  color:#ffffff;\n\n  font-size:clamp(2.1rem,3.3vw,2.9rem);\n\n  line-height:1.04;\n\n  letter-spacing:-.045em;\n\n  font-weight:800;\n}\n\n.om8-footer-block p{\n  margin:0;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:17px;\n\n  line-height:1.66;\n}\n\n.om8-footer-actions{\n  display:grid;\n\n  gap:11px;\n}\n\n.om8-button{\n  display:inline-flex;\n\n  align-items:center;\n  justify-content:center;\n\n  min-height:54px;\n\n  padding:16px 25px;\n\n  border-radius:999px;\n\n  background:var(--om8-gold);\n\n  color:var(--om8-text)!important;\n\n  text-decoration:none!important;\n\n  text-align:center;\n\n  font-size:14px;\n\n  font-weight:800;\n\n  box-shadow:\n    0 14px 34px rgba(169,135,79,.20);\n\n  transition:\n    transform .2s ease,\n    background .2s ease;\n}\n\n.om8-button:hover{\n  transform:translateY(-2px);\n\n  background:#d3b783;\n}\n\n.om8-button-secondary{\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#ffffff!important;\n\n  box-shadow:none;\n}\n\n.om8-button-secondary:hover{\n  background:\n    rgba(255,255,255,.08);\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1050px){\n\n  .om8-summary{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .om8-grid{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .om8-featured{\n    grid-column:span 2;\n  }\n}\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media(max-width:760px){\n\n  .om8-section{\n    padding:74px 0;\n  }\n\n  .om8-wrap{\n    padding:0 18px;\n  }\n\n  .om8-head{\n    margin-bottom:44px;\n  }\n\n  .om8-kicker{\n    font-size:10px;\n\n    letter-spacing:2.8px;\n  }\n\n  .om8-title{\n    font-size:\n      clamp(2.5rem,12vw,3.45rem);\n\n    line-height:1;\n  }\n\n  .om8-intro{\n    font-size:17px;\n  }\n\n  .om8-summary,\n  .om8-grid,\n  .om8-footer-block{\n    grid-template-columns:1fr;\n  }\n\n  .om8-featured{\n    grid-column:span 1;\n  }\n\n  .om8-project{\n    min-height:auto;\n\n    padding:22px;\n\n    border-radius:20px;\n  }\n\n  .om8-filter-shell{\n    border-radius:18px;\n  }\n\n  .om8-filter{\n    padding:10px 13px;\n\n    font-size:10px;\n  }\n\n  .om8-footer-block{\n    padding:27px 22px;\n\n    border-radius:23px;\n  }\n}\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .om8-project,\n  .om8-filter,\n  .om8-button{\n    transition:none;\n  }\n\n  .om8-project:hover,\n  .om8-filter:hover,\n  .om8-button:hover{\n    transform:none;\n  }\n}\n<\/style>\n\n\n<section class=\"om8-section\" id=\"experiencia\">\n\n  <div class=\"om8-wrap\">\n\n    <!-- CABECERA -->\n\n    <div class=\"om8-head\">\n\n      <div class=\"om8-kicker\">\n        Experiencia convertida en m\u00e9todo\n      <\/div>\n\n      <h2 class=\"om8-title\">\n        Lo que he construido demuestra c\u00f3mo trabajo.\n      <\/h2>\n\n      <p class=\"om8-intro\">\n        He desarrollado proyectos de empresa, comunicaci\u00f3n, cocina,\n        viajes, comercio electr\u00f3nico, editorial, formaci\u00f3n,\n        marca profesional e inmobiliario.\n        No son caminos inconexos: cada uno me ha permitido aprender\n        a convertir ideas en marcas, productos, sistemas\n        y oportunidades reales.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- RESUMEN -->\n\n    <div class=\"om8-summary\">\n\n      <div class=\"om8-summary-card\">\n\n        <strong>\n          Negocio\n        <\/strong>\n\n        <span>\n          Estrategia, propuestas, subvenciones,\n          presentaciones y proyectos de alto valor.\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om8-summary-card\">\n\n        <strong>\n          Universos digitales\n        <\/strong>\n\n        <span>\n          Web, contenidos, SEO, afiliaci\u00f3n,\n          email, productos y automatizaci\u00f3n.\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om8-summary-card\">\n\n        <strong>\n          Propiedad intelectual\n        <\/strong>\n\n        <span>\n          Libros, cursos, manuales,\n          relatos, planners y activos editoriales.\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"om8-summary-card\">\n\n        <strong>\n          Personas\n        <\/strong>\n\n        <span>\n          Marca profesional, LinkedIn,\n          curr\u00edculum, comunicaci\u00f3n y posicionamiento.\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FILTROS -->\n\n    <div class=\"om8-filter-shell\">\n\n      <div\n        class=\"om8-filters\"\n        role=\"group\"\n        aria-label=\"Filtrar proyectos por categor\u00eda\"\n      >\n\n        <button\n          class=\"om8-filter is-active\"\n          type=\"button\"\n          data-filter=\"todos\"\n        >\n          Ver todo\n        <\/button>\n\n        <button\n          class=\"om8-filter\"\n          type=\"button\"\n          data-filter=\"empresa\"\n        >\n          Empresas\n        <\/button>\n\n        <button\n          class=\"om8-filter\"\n          type=\"button\"\n          data-filter=\"digital\"\n        >\n          Marcas digitales\n        <\/button>\n\n        <button\n          class=\"om8-filter\"\n          type=\"button\"\n          data-filter=\"editorial\"\n        >\n          Editorial\n        <\/button>\n\n        <button\n          class=\"om8-filter\"\n          type=\"button\"\n          data-filter=\"creatividad\"\n        >\n          Producto y eCommerce\n        <\/button>\n\n        <button\n          class=\"om8-filter\"\n          type=\"button\"\n          data-filter=\"personas\"\n        >\n          Personas\n        <\/button>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- PORTFOLIO -->\n\n    <div\n      class=\"om8-grid\"\n      aria-live=\"polite\"\n    >\n\n\n      <!-- =====================================================\n           EMPRESA Y ALTO VALOR\n      ====================================================== -->\n\n      <article\n        class=\"om8-project om8-featured\"\n        data-category=\"empresa\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udfe8\n          <\/div>\n\n          <span class=\"om8-type\">\n            Empresa y alto valor\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Hoteles, inmobiliario y presentaciones para inversi\u00f3n\n        <\/h3>\n\n        <p>\n          An\u00e1lisis de activos, argumentarios comerciales,\n          documentaci\u00f3n, dossieres visuales y presentaciones\n          orientadas a inversores, compradores, fondos y operadores.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Visi\u00f3n estrat\u00e9gica, s\u00edntesis, negociaci\u00f3n,\n            criterio comercial y comunicaci\u00f3n\n            de proyectos complejos.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Hoteles<\/span>\n          <span>Inmobiliario<\/span>\n          <span>Inversi\u00f3n<\/span>\n          <span>Dossieres<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"empresa\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udf3f\n          <\/div>\n\n          <span class=\"om8-type\">\n            Desarrollo empresarial\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Proyectos de lavanda y cafeter\u00eda para subvenciones y financiaci\u00f3n\n        <\/h3>\n\n        <p>\n          Dise\u00f1o y estructuraci\u00f3n de proyectos empresariales\n          vinculados al cultivo de lavanda, experiencias asociadas\n          y desarrollo de una cafeter\u00eda, preparando documentaci\u00f3n\n          para presentaciones, financiaci\u00f3n y convocatorias de ayudas.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Capacidad para transformar una idea de negocio\n            en un proyecto estructurado, documentado y planificado.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Modelo de negocio<\/span>\n          <span>Lavanda<\/span>\n          <span>Cafeter\u00eda<\/span>\n          <span>Subvenciones<\/span>\n          <span>Planificaci\u00f3n<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"creatividad\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udf82\n          <\/div>\n\n          <span class=\"om8-type\">\n            Eventos \u00b7 Formaci\u00f3n \u00b7 Branding\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Pasteler\u00eda creativa, branding gastron\u00f3mico y experiencias\n        <\/h3>\n\n        <p>\n          Creaci\u00f3n de proyectos de pasteler\u00eda creativa,\n          mesas dulces, postres personalizados,\n          identidad visual para eventos, stands promocionales,\n          carteler\u00eda, presentaciones comerciales\n          y cursos presenciales de reposter\u00eda para ni\u00f1os.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Dise\u00f1o de experiencias completas donde producto,\n            imagen, comunicaci\u00f3n y organizaci\u00f3n\n            trabajan conjuntamente para crear valor.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Branding<\/span>\n          <span>Eventos<\/span>\n          <span>Pasteler\u00eda<\/span>\n          <span>Cursos<\/span>\n          <span>Stands<\/span>\n          <span>Carteler\u00eda<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           MARCAS DIGITALES\n      ====================================================== -->\n\n      <article\n        class=\"om8-project om8-featured\"\n        data-category=\"digital\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udf7d\ufe0f\n          <\/div>\n\n          <span class=\"om8-type\">\n            Ecosistema digital\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          El Arte de Cocinar\n        <\/h3>\n\n        <p>\n          Desarrollo de una marca gastron\u00f3mica conectada\n          con recetas, posicionamiento org\u00e1nico, libros,\n          cursos, afiliaci\u00f3n, email, Pinterest,\n          v\u00eddeo corto y automatizaci\u00f3n de contenidos.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            C\u00f3mo transformar conocimiento tem\u00e1tico\n            en contenidos, comunidad, productos\n            y v\u00edas de monetizaci\u00f3n.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>SEO<\/span>\n          <span>Recetas<\/span>\n          <span>Afiliaci\u00f3n<\/span>\n          <span>Cursos<\/span>\n          <span>Email<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"digital\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \u2708\ufe0f\n          <\/div>\n\n          <span class=\"om8-type\">\n            SEO y afiliaci\u00f3n\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          BuscaViajesBaratos\n        <\/h3>\n\n        <p>\n          Proyecto de contenidos de viajes basado en art\u00edculos,\n          gu\u00edas, posicionamiento org\u00e1nico, hoteles,\n          experiencias y oportunidades de afiliaci\u00f3n.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Construcci\u00f3n de tr\u00e1fico evergreen\n            y monetizaci\u00f3n mediante contenidos\n            de intenci\u00f3n \u00fatil y comercial.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Viajes<\/span>\n          <span>SEO<\/span>\n          <span>Afiliaci\u00f3n<\/span>\n          <span>Hoteles<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"digital\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udf05\n          <\/div>\n\n          <span class=\"om8-type\">\n            Contenido y comunidad\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Los 1001 Rincones\n        <\/h3>\n\n        <p>\n          Proyecto de contenido diario inspirado\n          en Tenerife, naturaleza, territorio,\n          reflexi\u00f3n, humor inteligente\n          y comunicaci\u00f3n emocional.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Creaci\u00f3n de una voz reconocible\n            y de un sistema reutilizable\n            de contenido multicanal.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Storytelling<\/span>\n          <span>Canarias<\/span>\n          <span>Comunidad<\/span>\n          <span>Contenido<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           EDITORIAL\n      ====================================================== -->\n\n      <article\n        class=\"om8-project om8-featured\"\n        data-category=\"editorial\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udcda\n          <\/div>\n\n          <span class=\"om8-type\">\n            Propiedad intelectual\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Mujer en Reconstrucci\u00f3n, Renacer y el universo emocional\n        <\/h3>\n\n        <p>\n          Libros y proyectos orientados a reconstrucci\u00f3n personal,\n          identidad, emociones y transformaci\u00f3n,\n          con posibilidades de expansi\u00f3n hacia ebooks,\n          diarios, planners, newsletters y audiolibros.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Storytelling emocional, creaci\u00f3n de universos\n            de contenido y desarrollo\n            de activos editoriales derivados.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Libros<\/span>\n          <span>Emoci\u00f3n<\/span>\n          <span>Marca de autora<\/span>\n          <span>Amazon<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"editorial\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udc69\u200d\ud83d\udc67\n          <\/div>\n\n          <span class=\"om8-type\">\n            Manuales y comunidad\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Libro de madres y manuales de acompa\u00f1amiento\n        <\/h3>\n\n        <p>\n          Desarrollo de contenidos pr\u00e1cticos y emocionales\n          dirigidos a mujeres y madres,\n          preparados para convertirse en manuales,\n          cuadernos de trabajo, productos\n          y secuencias de contenido.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Capacidad para detectar necesidades humanas\n            y convertirlas en contenidos \u00fatiles\n            y comercializables.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Madres<\/span>\n          <span>Manuales<\/span>\n          <span>Workbook<\/span>\n          <span>Contenido<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"editorial\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udd6f\ufe0f\n          <\/div>\n\n          <span class=\"om8-type\">\n            Narrativa\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          La Monja, novelas, relatos y libros infantiles\n        <\/h3>\n\n        <p>\n          Proyectos narrativos en g\u00e9neros emocionales,\n          hist\u00f3ricos, espirituales e infantiles,\n          desarrollados como posibles cat\u00e1logos editoriales\n          y universos de propiedad intelectual.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Creatividad narrativa, desarrollo conceptual\n            y capacidad para trabajar\n            p\u00fablicos y tonos diferentes.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Narrativa<\/span>\n          <span>Infantil<\/span>\n          <span>Storytelling<\/span>\n          <span>Editorial<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"editorial\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udf93\n          <\/div>\n\n          <span class=\"om8-type\">\n            Formaci\u00f3n digital\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Cursos y programas de cocina\n        <\/h3>\n\n        <p>\n          Creaci\u00f3n y organizaci\u00f3n de cursos,\n          contenidos formativos, libros culinarios\n          y recorridos de aprendizaje\n          para p\u00fablicos con necesidades distintas.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Transformaci\u00f3n del conocimiento\n            en productos formativos estructurados.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Cursos<\/span>\n          <span>Cocina<\/span>\n          <span>Hotmart<\/span>\n          <span>Formaci\u00f3n<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           PRODUCTO Y ECOMMERCE\n      ====================================================== -->\n\n      <article\n        class=\"om8-project om8-featured\"\n        data-category=\"creatividad\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udc55\n          <\/div>\n\n          <span class=\"om8-type\">\n            Print on demand y eCommerce\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          PrintPro Arts: de una imagen digital a un producto vendido y enviado\n        <\/h3>\n\n        <p>\n          Desarrollo de una marca de productos textiles y creativos\n          mediante dise\u00f1o de im\u00e1genes, creaci\u00f3n de patrones,\n          mockups, configuraci\u00f3n de Etsy y Printify,\n          publicaci\u00f3n, promoci\u00f3n, ventas\n          y seguimiento de env\u00edos.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Capacidad para recorrer el ciclo completo\n            de un negocio print on demand:\n            concepto, creatividad, producto,\n            tienda, promoci\u00f3n, venta y entrega.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Dise\u00f1o IA<\/span>\n          <span>Adobe<\/span>\n          <span>Etsy<\/span>\n          <span>Printify<\/span>\n          <span>Mockups<\/span>\n          <span>Marketing<\/span>\n          <span>Log\u00edstica<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- SL7 CORREGIDO: antes faltaba el article -->\n\n      <article\n        class=\"om8-project\"\n        data-category=\"creatividad\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udce6\n          <\/div>\n\n          <span class=\"om8-type\">\n            eCommerce y operaciones\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          SL7 Shop: creaci\u00f3n y gesti\u00f3n de una cadena completa de venta online\n        <\/h3>\n\n        <p>\n          Desarrollo de un proyecto de comercio electr\u00f3nico\n          con Shopify y Amazon, b\u00fasqueda y coordinaci\u00f3n\n          de f\u00e1bricas e imprentas en China,\n          preparaci\u00f3n de productos, gesti\u00f3n de transportes,\n          creaci\u00f3n de web de venta,\n          publicaci\u00f3n en marketplaces\n          y control del proceso de env\u00edo.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Visi\u00f3n integral de producto y operaciones:\n            proveedores, fabricaci\u00f3n, plataformas de venta,\n            transporte, distribuci\u00f3n\n            y seguimiento log\u00edstico.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Shopify<\/span>\n          <span>Amazon<\/span>\n          <span>Fabricaci\u00f3n<\/span>\n          <span>Proveedores<\/span>\n          <span>Transporte<\/span>\n          <span>eCommerce<\/span>\n          <span>Log\u00edstica<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"creatividad\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83c\udfa8\n          <\/div>\n\n          <span class=\"om8-type\">\n            Dise\u00f1o y comunicaci\u00f3n\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Webs, identidad, materiales editoriales y presentaciones\n        <\/h3>\n\n        <p>\n          Dise\u00f1o de p\u00e1ginas, marcas, documentos,\n          portadas, propuestas, recursos descargables\n          y materiales visuales para empresas,\n          profesionales y proyectos propios.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Capacidad para mantener coherencia\n            entre estrategia, mensaje\n            y expresi\u00f3n visual.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Web<\/span>\n          <span>Branding<\/span>\n          <span>Editorial<\/span>\n          <span>Presentaciones<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- =====================================================\n           PERSONAS \/ MARCA PROFESIONAL\n      ====================================================== -->\n\n      <article\n        class=\"om8-project om8-featured\"\n        data-category=\"personas\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83d\udcbc\n          <\/div>\n\n          <span class=\"om8-type\">\n            Marca profesional\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          LinkedIn, curr\u00edculums y posicionamiento laboral\n        <\/h3>\n\n        <p>\n          An\u00e1lisis de perfiles, mejora de titulares y textos,\n          presentaci\u00f3n de experiencia, selecci\u00f3n de palabras clave\n          y adaptaci\u00f3n del mensaje\n          a oportunidades profesionales concretas.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Capacidad para detectar el valor real de una persona\n            y comunicarlo con claridad y confianza.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>LinkedIn<\/span>\n          <span>CV<\/span>\n          <span>Copywriting<\/span>\n          <span>Empleo<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"personas\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \ud83e\udded\n          <\/div>\n\n          <span class=\"om8-type\">\n            Claridad y direcci\u00f3n\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Marca personal y relato profesional\n        <\/h3>\n\n        <p>\n          Organizaci\u00f3n de trayectorias complejas\n          para convertirlas en una propuesta\n          comprensible, coherente y adaptada\n          al mercado o al objetivo profesional.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Escucha, s\u00edntesis, estrategia narrativa\n            y orientaci\u00f3n a oportunidades reales.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Marca personal<\/span>\n          <span>Posicionamiento<\/span>\n          <span>Relato<\/span>\n\n        <\/div>\n\n      <\/article>\n\n\n      <article\n        class=\"om8-project\"\n        data-category=\"personas\"\n      >\n\n        <div class=\"om8-project-top\">\n\n          <div class=\"om8-icon\">\n            \u270d\ufe0f\n          <\/div>\n\n          <span class=\"om8-type\">\n            Comunicaci\u00f3n estrat\u00e9gica\n          <\/span>\n\n        <\/div>\n\n        <h3>\n          Cartas, mensajes y presentaciones profesionales\n        <\/h3>\n\n        <p>\n          Redacci\u00f3n de comunicaciones adaptadas\n          al interlocutor, al contexto y al objetivo:\n          generar respuesta, recuperar conversaciones,\n          presentar propuestas o abrir oportunidades.\n        <\/p>\n\n        <div class=\"om8-proof\">\n\n          <span>\n            Lo que demuestra\n          <\/span>\n\n          <strong>\n            Copywriting, persuasi\u00f3n,\n            criterio relacional\n            y adaptaci\u00f3n de tono.\n          <\/strong>\n\n        <\/div>\n\n        <div class=\"om8-tags\">\n\n          <span>Mensajes<\/span>\n          <span>Ventas<\/span>\n          <span>Relaciones<\/span>\n          <span>Copy<\/span>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         CIERRE\n    ====================================================== -->\n\n    <div class=\"om8-footer-block\">\n\n      <div>\n\n        <h3>\n          No tienes que contratarlo todo.\n          Tenemos que detectar qu\u00e9 motor necesitas activar primero.\n        <\/h3>\n\n        <p>\n          Cada negocio est\u00e1 en un momento distinto.\n          El diagn\u00f3stico permite identificar\n          qu\u00e9 parte del sistema est\u00e1 bloqueando el crecimiento\n          y qu\u00e9 acci\u00f3n puede producir\n          el retorno m\u00e1s r\u00e1pido.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"om8-footer-actions\">\n\n        <a\n          class=\"om8-button\"\n          href=\"#diagnostico\"\n        >\n          Solicitar diagn\u00f3stico estrat\u00e9gico\n        <\/a>\n\n        <a\n          class=\"om8-button om8-button-secondary\"\n          href=\"#biblioteca\"\n        >\n          Explorar la biblioteca\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<script>\n(function(){\n\n  const section = document.querySelector('.om8-section');\n\n  if(!section){\n    return;\n  }\n\n  const filters =\n    section.querySelectorAll('.om8-filter');\n\n  const projects =\n    section.querySelectorAll('.om8-project');\n\n  filters.forEach(function(button){\n\n    button.addEventListener(\n      'click',\n      function(){\n\n        const selectedFilter =\n          button.getAttribute('data-filter');\n\n        filters.forEach(function(item){\n\n          item.classList.remove('is-active');\n\n        });\n\n        button.classList.add('is-active');\n\n        projects.forEach(function(project){\n\n          const category =\n            project.getAttribute('data-category');\n\n          const shouldShow =\n            selectedFilter === 'todos' ||\n            selectedFilter === category;\n\n          project.classList.toggle(\n            'is-hidden',\n            !shouldShow\n          );\n\n        });\n\n      }\n    );\n\n  });\n\n})();\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<!-- =========================================================\nM\u00d3DULO 9 \u00b7 BIBLIOTECA OM\nEstado: provisional\nDestino futuro: conexi\u00f3n din\u00e1mica con Biblioteca OM \/ Olga OS\n========================================================== -->\n\n<section id=\"biblioteca\" class=\"om-library-section\">\n\n  <div class=\"om-library-container\">\n\n    <!-- ENCABEZADO -->\n    <div class=\"om-library-header\">\n\n      <span class=\"om-library-kicker\">\n        Biblioteca OM\n      <\/span>\n\n      <h2>\n        Conocimiento que no se queda guardado.<br>\n        Se convierte en herramientas para avanzar.\n      <\/h2>\n\n      <p class=\"om-library-intro\">\n        La Biblioteca OM re\u00fane gu\u00edas, plantillas, ideas, an\u00e1lisis y recursos\n        creados a partir de proyectos reales. Su finalidad es ayudarte a\n        ordenar mejor tu marca, tu comunicaci\u00f3n, tus activos digitales y\n        tus oportunidades de crecimiento.\n      <\/p>\n\n    <\/div>\n\n    <!-- CATEGOR\u00cdAS -->\n    <div class=\"om-library-categories\" aria-label=\"Categor\u00edas de la Biblioteca OM\">\n\n      <span>Estrategia<\/span>\n      <span>Marca<\/span>\n      <span>Contenido<\/span>\n      <span>Web y conversi\u00f3n<\/span>\n      <span>IA y automatizaci\u00f3n<\/span>\n      <span>Negocio<\/span>\n\n    <\/div>\n\n    <!-- RECURSOS -->\n    <div class=\"om-library-grid\">\n\n      <!-- RECURSO 1 -->\n      <article class=\"om-library-card\">\n\n        <div class=\"om-library-card-top\">\n          <span class=\"om-library-type\">Gu\u00eda pr\u00e1ctica<\/span>\n          <span class=\"om-library-number\">01<\/span>\n        <\/div>\n\n        <h3>\n          Auditor\u00eda r\u00e1pida de tu ecosistema digital\n        <\/h3>\n\n        <p>\n          Una revisi\u00f3n sencilla para detectar si tu web, tus contenidos,\n          tus canales y tu oferta trabajan juntos o funcionan como piezas\n          aisladas.\n        <\/p>\n\n        <div class=\"om-library-tags\">\n          <span>Estrategia<\/span>\n          <span>Diagn\u00f3stico<\/span>\n          <span>Web<\/span>\n        <\/div>\n\n        <a href=\"#contacto\" class=\"om-library-link\">\n          Solicitar el recurso\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n      <!-- RECURSO 2 -->\n      <article class=\"om-library-card\">\n\n        <div class=\"om-library-card-top\">\n          <span class=\"om-library-type\">Checklist<\/span>\n          <span class=\"om-library-number\">02<\/span>\n        <\/div>\n\n        <h3>\n          15 puntos que debe cumplir una web que convierte\n        <\/h3>\n\n        <p>\n          Una lista de comprobaci\u00f3n para saber si tu p\u00e1gina explica con\n          claridad qu\u00e9 haces, genera confianza y conduce al visitante hacia\n          una acci\u00f3n concreta.\n        <\/p>\n\n        <div class=\"om-library-tags\">\n          <span>Conversi\u00f3n<\/span>\n          <span>Mensaje<\/span>\n          <span>Experiencia<\/span>\n        <\/div>\n\n        <a href=\"#contacto\" class=\"om-library-link\">\n          Solicitar el recurso\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n      <!-- RECURSO 3 -->\n      <article class=\"om-library-card\">\n\n        <div class=\"om-library-card-top\">\n          <span class=\"om-library-type\">Plantilla<\/span>\n          <span class=\"om-library-number\">03<\/span>\n        <\/div>\n\n        <h3>\n          Mapa inicial de activos de una marca\n        <\/h3>\n\n        <p>\n          Una plantilla para identificar qu\u00e9 conocimientos, contenidos,\n          productos, relaciones y recursos ya existen dentro de un negocio\n          y todav\u00eda no se est\u00e1n aprovechando.\n        <\/p>\n\n        <div class=\"om-library-tags\">\n          <span>Activos<\/span>\n          <span>Marca<\/span>\n          <span>Monetizaci\u00f3n<\/span>\n        <\/div>\n\n        <a href=\"#contacto\" class=\"om-library-link\">\n          Solicitar el recurso\n          <span aria-hidden=\"true\">\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n    <!-- CAPTACI\u00d3N -->\n    <div class=\"om-library-subscribe\">\n\n      <div class=\"om-library-subscribe-copy\">\n\n        <span class=\"om-library-kicker\">\n          Recursos y conocimiento aplicado\n        <\/span>\n\n        <h3>\n          Recibe los pr\u00f3ximos recursos de la Biblioteca OM.\n        <\/h3>\n\n        <p>\n          Nuevas gu\u00edas, plantillas, an\u00e1lisis y herramientas creadas a partir\n          de proyectos reales del Universo OM. Sin contenido de relleno.\n        <\/p>\n\n      <\/div>\n\n      <!-- FORMULARIO PROVISIONAL -->\n      <form class=\"om-library-form\" action=\"#\" method=\"post\" data-form-status=\"provisional\">\n\n        <label class=\"om-visually-hidden\" for=\"om-library-name\">\n          Nombre\n        <\/label>\n\n        <input type=\"text\" id=\"om-library-name\" name=\"nombre\" placeholder=\"Tu nombre\" autocomplete=\"name\" required=\"\">\n\n        <label class=\"om-visually-hidden\" for=\"om-library-email\">\n          Correo electr\u00f3nico\n        <\/label>\n\n        <input type=\"email\" id=\"om-library-email\" name=\"email\" placeholder=\"Tu correo electr\u00f3nico\" autocomplete=\"email\" required=\"\">\n\n        <label class=\"om-library-privacy\">\n          <input type=\"checkbox\" name=\"privacidad\" required=\"\">\n          <span>\n            He le\u00eddo y acepto la\n            <a href=\"\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener\">\n              pol\u00edtica de privacidad\n            <\/a>.\n          <\/span>\n        <\/label>\n\n        <button type=\"submit\" class=\"om-library-button\">\n          Quiero acceder a la Biblioteca OM\n        <\/button>\n\n        <p class=\"om-library-form-note\">\nSuscripci\u00f3n a OM Brand Studio.\n        <\/p>\n\n      <\/form>\n\n    <\/div>\n\n    <!-- HUECO DE CONEXI\u00d3N FUTURA -->\n    <div id=\"om-library-dynamic-content\" class=\"om-library-dynamic-placeholder\" data-source=\"olga-os-library\" data-status=\"pending\" hidden=\"\">\n      <!--\n      FUTURA CONEXI\u00d3N DIN\u00c1MICA\n\n      Este contenedor podr\u00e1 recibir:\n      - recursos desde WordPress;\n      - entradas de una categor\u00eda espec\u00edfica;\n      - recursos desde una base de datos;\n      - contenidos desde Olga OS Control Center;\n      - filtros y buscador;\n      - automatizaciones de email;\n      - descargas protegidas;\n      - etiquetado por pilares y proyectos.\n\n      No desarrollar en la fase actual.\n      -->\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n  \/* =========================================================\n     M\u00d3DULO 9 \u00b7 BIBLIOTECA OM\n     Estilos aislados con prefijo om-library\n  ========================================================== *\/\n\n  .om-library-section {\n    position: relative;\n    padding: 110px 24px;\n    background:\n      radial-gradient(\n        circle at 10% 10%,\n        rgba(190, 160, 110, 0.12),\n        transparent 32%\n      ),\n      #0d0f12;\n    color: #f6f3ee;\n    overflow: hidden;\n  }\n\n  .om-library-container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .om-library-header {\n    max-width: 820px;\n    margin-bottom: 42px;\n  }\n\n  .om-library-kicker {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 0.78rem;\n    font-weight: 600;\n    line-height: 1.2;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n    color: #c9ab76;\n  }\n\n  .om-library-header h2 {\n    margin: 0 0 24px;\n    max-width: 900px;\n    font-size: clamp(2.2rem, 5vw, 4.7rem);\n    font-weight: 500;\n    line-height: 1.04;\n    letter-spacing: -0.045em;\n    color: #ffffff;\n  }\n\n  .om-library-intro {\n    max-width: 760px;\n    margin: 0;\n    font-size: clamp(1rem, 1.5vw, 1.2rem);\n    line-height: 1.75;\n    color: rgba(255, 255, 255, 0.72);\n  }\n\n  .om-library-categories {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin: 0 0 46px;\n  }\n\n  .om-library-categories span {\n    display: inline-flex;\n    align-items: center;\n    min-height: 38px;\n    padding: 8px 15px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.035);\n    font-size: 0.82rem;\n    color: rgba(255, 255, 255, 0.76);\n  }\n\n  .om-library-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 22px;\n  }\n\n  .om-library-card {\n    display: flex;\n    flex-direction: column;\n    min-height: 390px;\n    padding: 30px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 24px;\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.075),\n        rgba(255, 255, 255, 0.025)\n      );\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);\n    transition:\n      transform 0.25s ease,\n      border-color 0.25s ease,\n      background 0.25s ease;\n  }\n\n  .om-library-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(201, 171, 118, 0.42);\n    background:\n      linear-gradient(\n        145deg,\n        rgba(255, 255, 255, 0.1),\n        rgba(255, 255, 255, 0.035)\n      );\n  }\n\n  .om-library-card-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    margin-bottom: 44px;\n  }\n\n  .om-library-type {\n    font-size: 0.76rem;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    color: #c9ab76;\n  }\n\n  .om-library-number {\n    font-size: 0.8rem;\n    color: rgba(255, 255, 255, 0.32);\n  }\n\n  .om-library-card h3 {\n    margin: 0 0 16px;\n    font-size: 1.45rem;\n    line-height: 1.25;\n    letter-spacing: -0.025em;\n    color: #ffffff;\n  }\n\n  .om-library-card p {\n    margin: 0 0 24px;\n    font-size: 0.98rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.65);\n  }\n\n  .om-library-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 7px;\n    margin-bottom: 26px;\n  }\n\n  .om-library-tags span {\n    padding: 6px 10px;\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.055);\n    font-size: 0.72rem;\n    color: rgba(255, 255, 255, 0.56);\n  }\n\n  .om-library-link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-top: auto;\n    padding-top: 20px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n    color: #f6f3ee;\n    text-decoration: none;\n    font-size: 0.9rem;\n    font-weight: 600;\n  }\n\n  .om-library-link:hover {\n    color: #c9ab76;\n  }\n\n  .om-library-subscribe {\n    display: grid;\n    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);\n    gap: 60px;\n    align-items: center;\n    margin-top: 50px;\n    padding: 46px;\n    border: 1px solid rgba(201, 171, 118, 0.25);\n    border-radius: 28px;\n    background:\n      linear-gradient(\n        135deg,\n        rgba(201, 171, 118, 0.12),\n        rgba(255, 255, 255, 0.035)\n      );\n  }\n\n  .om-library-subscribe h3 {\n    margin: 0 0 16px;\n    max-width: 620px;\n    font-size: clamp(1.75rem, 3vw, 2.8rem);\n    line-height: 1.15;\n    letter-spacing: -0.035em;\n    color: #ffffff;\n  }\n\n  .om-library-subscribe p {\n    max-width: 630px;\n    margin: 0;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.65);\n  }\n\n  .om-library-form {\n    display: grid;\n    gap: 12px;\n  }\n\n  .om-library-form input[type=\"text\"],\n  .om-library-form input[type=\"email\"] {\n    width: 100%;\n    min-height: 54px;\n    padding: 13px 16px;\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 12px;\n    background: rgba(0, 0, 0, 0.18);\n    color: #ffffff;\n    font: inherit;\n    outline: none;\n  }\n\n  .om-library-form input::placeholder {\n    color: rgba(255, 255, 255, 0.45);\n  }\n\n  .om-library-form input:focus {\n    border-color: #c9ab76;\n    box-shadow: 0 0 0 3px rgba(201, 171, 118, 0.12);\n  }\n\n  .om-library-privacy {\n    display: flex;\n    align-items: flex-start;\n    gap: 9px;\n    margin: 3px 0;\n    font-size: 0.76rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.58);\n  }\n\n  .om-library-privacy input {\n    flex: 0 0 auto;\n    margin-top: 3px;\n  }\n\n  .om-library-privacy a {\n    color: #d7bf95;\n  }\n\n  .om-library-button {\n    min-height: 55px;\n    padding: 14px 18px;\n    border: 1px solid #c9ab76;\n    border-radius: 12px;\n    background: #c9ab76;\n    color: #15120d;\n    font: inherit;\n    font-weight: 700;\n    cursor: pointer;\n    transition:\n      transform 0.2s ease,\n      opacity 0.2s ease;\n  }\n\n  .om-library-button:hover {\n    transform: translateY(-2px);\n    opacity: 0.92;\n  }\n\n  .om-library-form-note {\n    font-size: 0.72rem;\n    line-height: 1.45;\n    color: rgba(255, 255, 255, 0.4) !important;\n  }\n\n  .om-visually-hidden {\n    position: absolute !important;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    margin: -1px !important;\n    overflow: hidden !important;\n    clip: rect(0, 0, 0, 0) !important;\n    white-space: nowrap !important;\n    border: 0 !important;\n  }\n\n  @media (max-width: 960px) {\n    .om-library-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .om-library-card {\n      min-height: auto;\n    }\n\n    .om-library-subscribe {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .om-library-section {\n      padding: 78px 18px;\n    }\n\n    .om-library-header h2 {\n      font-size: clamp(2.15rem, 11vw, 3.1rem);\n    }\n\n    .om-library-card {\n      padding: 24px;\n      border-radius: 20px;\n    }\n\n    .om-library-subscribe {\n      padding: 27px 21px;\n      border-radius: 22px;\n    }\n\n    .om-library-categories {\n      gap: 7px;\n    }\n\n    .om-library-categories span {\n      padding: 7px 11px;\n      font-size: 0.73rem;\n    }\n  }\n<\/style>\n\n\n\n<!-- =========================================================\nM\u00d3DULO 10 \u00b7 DIAGN\u00d3STICO ESTRAT\u00c9GICO OM\nVersi\u00f3n: 1.0\nEstado: oferta comercial inicial\nDestino: OM Brand Studio \/ Operaci\u00f3n 5K\u201310K\n========================================================== -->\n\n<section id=\"diagnostico\" class=\"om-diagnostic-section\">\n\n  <div class=\"om-diagnostic-container\">\n\n    <!-- ENCABEZADO PRINCIPAL -->\n    <div class=\"om-diagnostic-header\">\n\n      <span class=\"om-diagnostic-kicker\">\n        Diagn\u00f3stico Estrat\u00e9gico OM\n      <\/span>\n\n      <h2>\n        \u00bfTu negocio est\u00e1 creciendo<br>\n        o simplemente est\u00e1 acumulando trabajo?\n      <\/h2>\n\n      <p class=\"om-diagnostic-lead\">\n        Antes de invertir m\u00e1s tiempo, dinero o energ\u00eda, necesitas saber\n        qu\u00e9 est\u00e1 funcionando, qu\u00e9 est\u00e1 frenando el crecimiento y qu\u00e9\n        deber\u00edas activar primero.\n      <\/p>\n\n    <\/div>\n\n    <!-- BLOQUE PRINCIPAL -->\n    <div class=\"om-diagnostic-layout\">\n\n      <!-- COLUMNA DE INFORMACI\u00d3N -->\n      <div class=\"om-diagnostic-content\">\n\n        <!-- PARA QUI\u00c9N ES -->\n        <div class=\"om-diagnostic-block\">\n\n          <span class=\"om-diagnostic-block-number\">01<\/span>\n\n          <div>\n            <h3>\u00bfPara qui\u00e9n es?<\/h3>\n\n            <p>\n              Para empresas, profesionales, marcas personales y proyectos\n              que ya han comenzado a trabajar, pero necesitan ordenar su\n              estrategia antes de seguir creando, invirtiendo o\n              acumulando acciones sin una direcci\u00f3n clara.\n            <\/p>\n\n            <div class=\"om-diagnostic-pills\">\n              <span>Empresas<\/span>\n              <span>Profesionales<\/span>\n              <span>Marcas personales<\/span>\n              <span>Negocios digitales<\/span>\n              <span>Hoteles y turismo<\/span>\n              <span>Comercio y servicios<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- PROBLEMA -->\n        <div class=\"om-diagnostic-block\">\n\n          <span class=\"om-diagnostic-block-number\">02<\/span>\n\n          <div>\n            <h3>\u00bfQu\u00e9 problema resuelve?<\/h3>\n\n            <p>\n              Ayuda a detectar por qu\u00e9 una marca, una web, una oferta o\n              una estrategia comercial no est\u00e1n generando los resultados\n              esperados, aunque exista mucho trabajo detr\u00e1s.\n            <\/p>\n\n            <ul class=\"om-diagnostic-problem-list\">\n              <li>No sabes qu\u00e9 deber\u00edas priorizar.<\/li>\n              <li>Tu web informa, pero no convierte.<\/li>\n              <li>Tus servicios no se entienden con claridad.<\/li>\n              <li>Las acciones de marketing funcionan por separado.<\/li>\n              <li>Tienes activos que todav\u00eda no est\u00e1s aprovechando.<\/li>\n              <li>Est\u00e1s creando m\u00e1s de lo que consigues vender.<\/li>\n            <\/ul>\n          <\/div>\n\n        <\/div>\n\n        <!-- QU\u00c9 INCLUYE -->\n        <div class=\"om-diagnostic-block\">\n\n          <span class=\"om-diagnostic-block-number\">03<\/span>\n\n          <div>\n            <h3>\u00bfQu\u00e9 incluye?<\/h3>\n\n            <div class=\"om-diagnostic-includes\">\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>Revisi\u00f3n inicial de tu web y presencia digital.<\/p>\n              <\/div>\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>An\u00e1lisis de marca, posicionamiento y mensaje.<\/p>\n              <\/div>\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>Revisi\u00f3n de servicios, productos y propuesta de valor.<\/p>\n              <\/div>\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>Identificaci\u00f3n de activos desaprovechados.<\/p>\n              <\/div>\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>Detecci\u00f3n de bloqueos y oportunidades prioritarias.<\/p>\n              <\/div>\n\n              <div class=\"om-diagnostic-include-item\">\n                <span class=\"om-diagnostic-check\">\u2713<\/span>\n                <p>Reuni\u00f3n estrat\u00e9gica individual por videollamada.<\/p>\n              <\/div>\n\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- QU\u00c9 RECIBE -->\n        <div class=\"om-diagnostic-block\">\n\n          <span class=\"om-diagnostic-block-number\">04<\/span>\n\n          <div>\n            <h3>\u00bfQu\u00e9 recibir\u00e1s?<\/h3>\n\n            <p>\n              Una visi\u00f3n externa, ordenada y estrat\u00e9gica de tu situaci\u00f3n\n              actual, acompa\u00f1ada de recomendaciones concretas para decidir\n              qu\u00e9 debes hacer primero y qu\u00e9 deber\u00edas dejar de hacer.\n            <\/p>\n\n            <div class=\"om-diagnostic-deliverables\">\n\n              <article>\n                <span>01<\/span>\n                <h4>Diagn\u00f3stico<\/h4>\n                <p>\n                  Lectura clara de la situaci\u00f3n actual de tu proyecto.\n                <\/p>\n              <\/article>\n\n              <article>\n                <span>02<\/span>\n                <h4>Prioridades<\/h4>\n                <p>\n                  Acciones ordenadas seg\u00fan impacto, urgencia y viabilidad.\n                <\/p>\n              <\/article>\n\n              <article>\n                <span>03<\/span>\n                <h4>Hoja de ruta<\/h4>\n                <p>\n                  Recomendaciones y siguientes pasos para avanzar.\n                <\/p>\n              <\/article>\n\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n      <!-- TARJETA COMERCIAL -->\n      <aside class=\"om-diagnostic-offer\">\n\n        <div class=\"om-diagnostic-offer-inner\">\n\n          <span class=\"om-diagnostic-offer-label\">\n            Precio de lanzamiento\n          <\/span>\n\n          <h3>Diagn\u00f3stico Estrat\u00e9gico OM<\/h3>\n\n          <p class=\"om-diagnostic-offer-description\">\n            Una revisi\u00f3n profesional para ayudarte a tomar mejores\n            decisiones antes de seguir invirtiendo recursos.\n          <\/p>\n\n          <div class=\"om-diagnostic-price\">\n            <span class=\"om-diagnostic-price-value\">199 \u20ac<\/span>\n            <span class=\"om-diagnostic-price-tax\">\n              impuestos no incluidos, cuando correspondan\n            <\/span>\n          <\/div>\n\n          <div class=\"om-diagnostic-offer-divider\"><\/div>\n\n          <ul class=\"om-diagnostic-offer-list\">\n            <li>Revisi\u00f3n previa del proyecto<\/li>\n            <li>Reuni\u00f3n estrat\u00e9gica individual<\/li>\n            <li>Diagn\u00f3stico de situaci\u00f3n<\/li>\n            <li>Prioridades recomendadas<\/li>\n            <li>Documento resumen<\/li>\n            <li>Propuesta de siguientes pasos<\/li>\n          <\/ul>\n\n          <a\n            href=\"#contacto\"\n            class=\"om-diagnostic-primary-button\"\n          >\n            Solicitar valoraci\u00f3n inicial\n          <\/a>\n\n          <a\n            href=\"#contacto\"\n            class=\"om-diagnostic-secondary-link\"\n          >\n            Consultar una duda antes de solicitarlo\n            <span aria-hidden=\"true\">\u2192<\/span>\n          <\/a>\n\n          <p class=\"om-diagnostic-offer-note\">\n            Antes de contratar el diagn\u00f3stico realizaremos una breve\n            valoraci\u00f3n inicial para comprobar si OM Brand Studio puede\n            ayudarte.\n          <\/p>\n\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n    <!-- PROCESO -->\n    <div class=\"om-diagnostic-process\">\n\n      <div class=\"om-diagnostic-process-header\">\n\n        <span class=\"om-diagnostic-kicker\">\n          C\u00f3mo funciona\n        <\/span>\n\n        <h3>\n          Un proceso claro, sin complicaciones innecesarias.\n        <\/h3>\n\n      <\/div>\n\n      <div class=\"om-diagnostic-process-grid\">\n\n        <article class=\"om-diagnostic-process-step\">\n          <span>01<\/span>\n          <h4>Solicitas la valoraci\u00f3n<\/h4>\n          <p>\n            Nos env\u00edas la informaci\u00f3n b\u00e1sica sobre tu empresa, marca o\n            proyecto.\n          <\/p>\n        <\/article>\n\n        <article class=\"om-diagnostic-process-step\">\n          <span>02<\/span>\n          <h4>Revisamos el encaje<\/h4>\n          <p>\n            Comprobamos si el diagn\u00f3stico es adecuado para tu situaci\u00f3n.\n          <\/p>\n        <\/article>\n\n        <article class=\"om-diagnostic-process-step\">\n          <span>03<\/span>\n          <h4>Analizamos tu proyecto<\/h4>\n          <p>\n            Estudiamos tu presencia, oferta, comunicaci\u00f3n y activos\n            principales.\n          <\/p>\n        <\/article>\n\n        <article class=\"om-diagnostic-process-step\">\n          <span>04<\/span>\n          <h4>Recibes una direcci\u00f3n clara<\/h4>\n          <p>\n            Celebramos la reuni\u00f3n y recibes las conclusiones y prioridades.\n          <\/p>\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n\n    <!-- ACLARACI\u00d3N VALORACI\u00d3N -->\n    <div class=\"om-diagnostic-clarification\">\n\n      <div class=\"om-diagnostic-clarification-icon\">\n        i\n      <\/div>\n\n      <div>\n        <h3>La valoraci\u00f3n inicial no es una consultor\u00eda gratuita.<\/h3>\n\n        <p>\n          Es una breve revisi\u00f3n destinada \u00fanicamente a confirmar si\n          OM Brand Studio puede ayudarte y si el Diagn\u00f3stico Estrat\u00e9gico OM\n          es el servicio adecuado. El an\u00e1lisis completo, las recomendaciones\n          y la hoja de ruta forman parte del servicio profesional de pago.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n    <!-- CTA FINAL -->\n    <div class=\"om-diagnostic-final-cta\">\n\n      <span class=\"om-diagnostic-kicker\">\n        El siguiente paso\n      <\/span>\n\n      <h3>\n        No necesitas hacer m\u00e1s cosas.<br>\n        Necesitas saber cu\u00e1les tienen sentido.\n      <\/h3>\n\n      <p>\n        Cu\u00e9ntanos qu\u00e9 est\u00e1 ocurriendo en tu proyecto y valoraremos si\n        podemos ayudarte a ordenarlo, fortalecerlo y convertirlo en un\n        sistema m\u00e1s claro y rentable.\n      <\/p>\n\n      <a\n        href=\"#contacto\"\n        class=\"om-diagnostic-primary-button om-diagnostic-final-button\"\n      >\n        Solicitar valoraci\u00f3n inicial\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style>\n  \/* =========================================================\n     M\u00d3DULO 10 \u00b7 DIAGN\u00d3STICO ESTRAT\u00c9GICO OM\n     Estilos aislados con prefijo om-diagnostic\n  ========================================================== *\/\n\n  .om-diagnostic-section {\n    position: relative;\n    padding: 120px 24px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 88% 12%,\n        rgba(199, 166, 107, 0.12),\n        transparent 30%\n      ),\n      linear-gradient(\n        180deg,\n        #f4f0e8 0%,\n        #ebe5da 100%\n      );\n    color: #171717;\n  }\n\n  .om-diagnostic-container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .om-diagnostic-header {\n    max-width: 940px;\n    margin: 0 auto 75px;\n    text-align: center;\n  }\n\n  .om-diagnostic-kicker {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 0.76rem;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    color: #8b6d3c;\n  }\n\n  .om-diagnostic-header h2 {\n    margin: 0 0 27px;\n    font-size: clamp(2.65rem, 6vw, 5.3rem);\n    font-weight: 500;\n    line-height: 0.99;\n    letter-spacing: -0.055em;\n    color: #171717;\n  }\n\n  .om-diagnostic-lead {\n    max-width: 780px;\n    margin: 0 auto;\n    font-size: clamp(1.05rem, 1.8vw, 1.28rem);\n    line-height: 1.75;\n    color: rgba(23, 23, 23, 0.68);\n  }\n\n  .om-diagnostic-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr);\n    gap: 65px;\n    align-items: start;\n  }\n\n  .om-diagnostic-content {\n    display: grid;\n    gap: 0;\n  }\n\n  .om-diagnostic-block {\n    display: grid;\n    grid-template-columns: 48px minmax(0, 1fr);\n    gap: 25px;\n    padding: 0 0 50px;\n    margin-bottom: 50px;\n    border-bottom: 1px solid rgba(23, 23, 23, 0.13);\n  }\n\n  .om-diagnostic-block:last-child {\n    margin-bottom: 0;\n  }\n\n  .om-diagnostic-block-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border: 1px solid rgba(139, 109, 60, 0.38);\n    border-radius: 50%;\n    font-size: 0.73rem;\n    font-weight: 700;\n    color: #8b6d3c;\n  }\n\n  .om-diagnostic-block h3 {\n    margin: 4px 0 15px;\n    font-size: clamp(1.55rem, 2.5vw, 2.2rem);\n    line-height: 1.18;\n    letter-spacing: -0.035em;\n    color: #171717;\n  }\n\n  .om-diagnostic-block > div > p {\n    max-width: 720px;\n    margin: 0 0 24px;\n    font-size: 1rem;\n    line-height: 1.75;\n    color: rgba(23, 23, 23, 0.67);\n  }\n\n  .om-diagnostic-pills {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .om-diagnostic-pills span {\n    padding: 8px 12px;\n    border: 1px solid rgba(23, 23, 23, 0.12);\n    border-radius: 999px;\n    background: rgba(255, 255, 255, 0.42);\n    font-size: 0.76rem;\n    color: rgba(23, 23, 23, 0.7);\n  }\n\n  .om-diagnostic-problem-list {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px 24px;\n    padding: 0;\n    margin: 27px 0 0;\n    list-style: none;\n  }\n\n  .om-diagnostic-problem-list li {\n    position: relative;\n    padding-left: 20px;\n    font-size: 0.94rem;\n    line-height: 1.55;\n    color: rgba(23, 23, 23, 0.72);\n  }\n\n  .om-diagnostic-problem-list li::before {\n    content: \"\";\n    position: absolute;\n    top: 0.66em;\n    left: 0;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #a7854d;\n  }\n\n  .om-diagnostic-includes {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 13px;\n  }\n\n  .om-diagnostic-include-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 11px;\n    padding: 16px;\n    border: 1px solid rgba(23, 23, 23, 0.1);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.38);\n  }\n\n  .om-diagnostic-check {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 22px;\n    height: 22px;\n    margin-top: 1px;\n    border-radius: 50%;\n    background: #a7854d;\n    color: #ffffff;\n    font-size: 0.73rem;\n    font-weight: 700;\n  }\n\n  .om-diagnostic-include-item p {\n    margin: 0;\n    font-size: 0.87rem;\n    line-height: 1.5;\n    color: rgba(23, 23, 23, 0.72);\n  }\n\n  .om-diagnostic-deliverables {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 13px;\n    margin-top: 29px;\n  }\n\n  .om-diagnostic-deliverables article {\n    padding: 22px;\n    border-radius: 17px;\n    background: #1b1c1e;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-deliverables article > span {\n    display: block;\n    margin-bottom: 36px;\n    font-size: 0.73rem;\n    color: #c9ab76;\n  }\n\n  .om-diagnostic-deliverables h4 {\n    margin: 0 0 9px;\n    font-size: 1.05rem;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-deliverables p {\n    margin: 0;\n    font-size: 0.8rem;\n    line-height: 1.55;\n    color: rgba(255, 255, 255, 0.62);\n  }\n\n  .om-diagnostic-offer {\n    position: sticky;\n    top: 28px;\n  }\n\n  .om-diagnostic-offer-inner {\n    padding: 34px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 28px;\n    background:\n      radial-gradient(\n        circle at 100% 0%,\n        rgba(201, 171, 118, 0.14),\n        transparent 38%\n      ),\n      #17191c;\n    color: #ffffff;\n    box-shadow: 0 32px 80px rgba(41, 33, 21, 0.21);\n  }\n\n  .om-diagnostic-offer-label {\n    display: inline-flex;\n    margin-bottom: 22px;\n    padding: 7px 11px;\n    border: 1px solid rgba(201, 171, 118, 0.28);\n    border-radius: 999px;\n    background: rgba(201, 171, 118, 0.08);\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    color: #d4b982;\n  }\n\n  .om-diagnostic-offer h3 {\n    margin: 0 0 14px;\n    font-size: 1.9rem;\n    line-height: 1.1;\n    letter-spacing: -0.04em;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-offer-description {\n    margin: 0;\n    font-size: 0.92rem;\n    line-height: 1.65;\n    color: rgba(255, 255, 255, 0.63);\n  }\n\n  .om-diagnostic-price {\n    margin: 30px 0 0;\n  }\n\n  .om-diagnostic-price-value {\n    display: block;\n    font-size: clamp(3.1rem, 5vw, 4.25rem);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.055em;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-price-tax {\n    display: block;\n    margin-top: 8px;\n    font-size: 0.67rem;\n    line-height: 1.4;\n    color: rgba(255, 255, 255, 0.38);\n  }\n\n  .om-diagnostic-offer-divider {\n    height: 1px;\n    margin: 28px 0;\n    background: rgba(255, 255, 255, 0.1);\n  }\n\n  .om-diagnostic-offer-list {\n    display: grid;\n    gap: 12px;\n    padding: 0;\n    margin: 0 0 30px;\n    list-style: none;\n  }\n\n  .om-diagnostic-offer-list li {\n    position: relative;\n    padding-left: 24px;\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.74);\n  }\n\n  .om-diagnostic-offer-list li::before {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    color: #c9ab76;\n    font-weight: 700;\n  }\n\n  .om-diagnostic-primary-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 55px;\n    padding: 14px 19px;\n    border: 1px solid #c9ab76;\n    border-radius: 12px;\n    background: #c9ab76;\n    color: #16130e;\n    text-align: center;\n    text-decoration: none;\n    font-size: 0.88rem;\n    font-weight: 750;\n    transition:\n      transform 0.2s ease,\n      opacity 0.2s ease;\n  }\n\n  .om-diagnostic-primary-button:hover {\n    transform: translateY(-2px);\n    opacity: 0.92;\n    color: #16130e;\n  }\n\n  .om-diagnostic-secondary-link {\n    display: flex;\n    justify-content: space-between;\n    gap: 15px;\n    margin-top: 17px;\n    color: rgba(255, 255, 255, 0.72);\n    text-decoration: none;\n    font-size: 0.78rem;\n    line-height: 1.45;\n  }\n\n  .om-diagnostic-secondary-link:hover {\n    color: #d4b982;\n  }\n\n  .om-diagnostic-offer-note {\n    margin: 24px 0 0;\n    padding-top: 20px;\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\n    font-size: 0.71rem;\n    line-height: 1.55;\n    color: rgba(255, 255, 255, 0.4);\n  }\n\n  .om-diagnostic-process {\n    margin-top: 100px;\n    padding: 60px;\n    border-radius: 32px;\n    background: #17191c;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-process-header {\n    max-width: 700px;\n    margin-bottom: 42px;\n  }\n\n  .om-diagnostic-process-header h3 {\n    margin: 0;\n    font-size: clamp(2rem, 4vw, 3.7rem);\n    line-height: 1.05;\n    letter-spacing: -0.045em;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 15px;\n  }\n\n  .om-diagnostic-process-step {\n    padding: 23px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 17px;\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  .om-diagnostic-process-step > span {\n    display: block;\n    margin-bottom: 42px;\n    font-size: 0.72rem;\n    color: #c9ab76;\n  }\n\n  .om-diagnostic-process-step h4 {\n    margin: 0 0 11px;\n    font-size: 1rem;\n    line-height: 1.3;\n    color: #ffffff;\n  }\n\n  .om-diagnostic-process-step p {\n    margin: 0;\n    font-size: 0.79rem;\n    line-height: 1.6;\n    color: rgba(255, 255, 255, 0.57);\n  }\n\n  .om-diagnostic-clarification {\n    display: grid;\n    grid-template-columns: 48px minmax(0, 1fr);\n    gap: 21px;\n    align-items: start;\n    max-width: 940px;\n    margin: 70px auto 0;\n    padding: 29px;\n    border: 1px solid rgba(139, 109, 60, 0.22);\n    border-radius: 20px;\n    background: rgba(255, 255, 255, 0.38);\n  }\n\n  .om-diagnostic-clarification-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    background: #17191c;\n    color: #d4b982;\n    font-family: Georgia, serif;\n    font-style: italic;\n  }\n\n  .om-diagnostic-clarification h3 {\n    margin: 1px 0 8px;\n    font-size: 1.05rem;\n    color: #171717;\n  }\n\n  .om-diagnostic-clarification p {\n    margin: 0;\n    font-size: 0.86rem;\n    line-height: 1.65;\n    color: rgba(23, 23, 23, 0.65);\n  }\n\n  .om-diagnostic-final-cta {\n    max-width: 850px;\n    margin: 105px auto 0;\n    text-align: center;\n  }\n\n  .om-diagnostic-final-cta h3 {\n    margin: 0 0 23px;\n    font-size: clamp(2.3rem, 5vw, 4.5rem);\n    font-weight: 500;\n    line-height: 1.03;\n    letter-spacing: -0.052em;\n    color: #171717;\n  }\n\n  .om-diagnostic-final-cta p {\n    max-width: 690px;\n    margin: 0 auto 32px;\n    font-size: 1rem;\n    line-height: 1.75;\n    color: rgba(23, 23, 23, 0.65);\n  }\n\n  .om-diagnostic-final-button {\n    width: auto;\n    min-width: 250px;\n  }\n\n  @media (max-width: 1000px) {\n    .om-diagnostic-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .om-diagnostic-offer {\n      position: static;\n    }\n\n    .om-diagnostic-process-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 720px) {\n    .om-diagnostic-section {\n      padding: 82px 18px;\n    }\n\n    .om-diagnostic-header {\n      margin-bottom: 55px;\n      text-align: left;\n    }\n\n    .om-diagnostic-header h2 {\n      font-size: clamp(2.45rem, 12vw, 3.55rem);\n    }\n\n    .om-diagnostic-block {\n      grid-template-columns: 1fr;\n      gap: 17px;\n      padding-bottom: 39px;\n      margin-bottom: 39px;\n    }\n\n    .om-diagnostic-problem-list,\n    .om-diagnostic-includes,\n    .om-diagnostic-deliverables,\n    .om-diagnostic-process-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .om-diagnostic-deliverables article > span,\n    .om-diagnostic-process-step > span {\n      margin-bottom: 24px;\n    }\n\n    .om-diagnostic-offer-inner {\n      padding: 27px 22px;\n      border-radius: 22px;\n    }\n\n    .om-diagnostic-process {\n      margin-top: 70px;\n      padding: 37px 22px;\n      border-radius: 24px;\n    }\n\n    .om-diagnostic-clarification {\n      grid-template-columns: 1fr;\n      margin-top: 50px;\n      padding: 23px;\n    }\n\n    .om-diagnostic-final-cta {\n      margin-top: 75px;\n      text-align: left;\n    }\n\n    .om-diagnostic-final-button {\n      width: 100%;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .om-diagnostic-primary-button {\n      transition: none;\n    }\n\n    .om-diagnostic-primary-button:hover {\n      transform: none;\n    }\n  }\n<\/style>\n\n\n\n<!-- =========================================================\nM\u00d3DULO 11A \u00b7 CONTACTO Y CAPTACI\u00d3N\nBloque informativo previo al formulario\nOM Brand Studio\n========================================================== -->\n\n<section id=\"contacto\" class=\"om-contact-section\">\n\n  <div class=\"om-contact-container\">\n\n    <!-- CABECERA -->\n    <div class=\"om-contact-header\">\n\n      <span class=\"om-contact-kicker\">\n        Hablemos de tu proyecto\n      <\/span>\n\n      <h2>\n        El siguiente paso no es hacer m\u00e1s.<br>\n        Es decidir mejor.\n      <\/h2>\n\n      <p>\n        Cu\u00e9ntame qu\u00e9 est\u00e1s construyendo, qu\u00e9 te est\u00e1 frenando y qu\u00e9\n        necesitas conseguir. Revisar\u00e9 personalmente tu solicitud para\n        valorar c\u00f3mo puede ayudarte OM Brand Studio.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- INFORMACI\u00d3N PRINCIPAL -->\n    <div class=\"om-contact-info-grid\">\n\n      <!-- TARJETA 01 -->\n      <div class=\"om-contact-info-card\">\n\n        <span class=\"om-contact-card-number\">\n          01\n        <\/span>\n\n        <h3>\n          Solicita una valoraci\u00f3n inicial\n        <\/h3>\n\n        <p>\n          La valoraci\u00f3n inicial sirve para comprender brevemente tu\n          situaci\u00f3n y confirmar si existe encaje antes de recomendarte\n          un servicio, diagn\u00f3stico o proyecto.\n        <\/p>\n\n        <ul>\n          <li>Empresas y negocios en crecimiento.<\/li>\n          <li>Profesionales y marcas personales.<\/li>\n          <li>Hoteles, turismo e inmobiliario.<\/li>\n          <li>Proyectos digitales y editoriales.<\/li>\n          <li>Marcas con activos que a\u00fan no est\u00e1n monetizando.<\/li>\n        <\/ul>\n\n      <\/div>\n\n\n      <!-- TARJETA 02 -->\n      <div class=\"om-contact-info-card\">\n\n        <span class=\"om-contact-card-number\">\n          02\n        <\/span>\n\n        <h3>\n          \u00bfQu\u00e9 ocurre despu\u00e9s?\n        <\/h3>\n\n        <div class=\"om-contact-steps\">\n\n          <div class=\"om-contact-step\">\n            <span>1<\/span>\n            <p>\n              Recibo y reviso personalmente tu solicitud.\n            <\/p>\n          <\/div>\n\n          <div class=\"om-contact-step\">\n            <span>2<\/span>\n            <p>\n              Compruebo si OM Brand Studio puede ayudarte.\n            <\/p>\n          <\/div>\n\n          <div class=\"om-contact-step\">\n            <span>3<\/span>\n            <p>\n              Te respondo con la recomendaci\u00f3n m\u00e1s adecuada.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- CONTACTO DIRECTO -->\n    <div class=\"om-contact-direct\">\n\n      <div class=\"om-contact-direct-heading\">\n\n        <span class=\"om-contact-kicker\">\n          Contacto directo\n        <\/span>\n\n        <h3>\n          Tambi\u00e9n puedes escribirme directamente.\n        <\/h3>\n\n        <p>\n          Para consultas breves, colaboraciones profesionales\n          u oportunidades empresariales.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"om-contact-direct-links\">\n\n        <!-- WHATSAPP -->\n        <a\n          href=\"https:\/\/wa.me\/34690791019?text=Hola%20Olga,%20he%20visitado%20OM%20Brand%20Studio%20y%20me%20gustar\u00eda%20hablarte%20de%20mi%20proyecto.\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          class=\"om-contact-direct-link\"\n        >\n\n          <span\n            class=\"om-contact-link-icon\"\n            aria-hidden=\"true\"\n          >\n            W\n          <\/span>\n\n          <span class=\"om-contact-link-copy\">\n            <strong>WhatsApp<\/strong>\n            <small>Escribir un mensaje<\/small>\n          <\/span>\n\n          <span\n            class=\"om-contact-link-arrow\"\n            aria-hidden=\"true\"\n          >\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n        <!-- EMAIL -->\n        <a\n          href=\"mailto:olga@ombrandstudio.com?subject=Consulta%20desde%20OM%20Brand%20Studio\"\n          class=\"om-contact-direct-link\"\n        >\n\n          <span\n            class=\"om-contact-link-icon\"\n            aria-hidden=\"true\"\n          >\n            @\n          <\/span>\n\n          <span class=\"om-contact-link-copy\">\n            <strong>Correo electr\u00f3nico<\/strong>\n            <small>olga@ombrandstudio.com<\/small>\n          <\/span>\n\n          <span\n            class=\"om-contact-link-arrow\"\n            aria-hidden=\"true\"\n          >\n            \u2192\n          <\/span>\n\n        <\/a>\n\n\n        <!-- LINKEDIN -->\n        <a\n          href=\"https:\/\/www.linkedin.com\/in\/olga-mu-3312aa257\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          class=\"om-contact-direct-link\"\n        >\n\n          <span\n            class=\"om-contact-link-icon\"\n            aria-hidden=\"true\"\n          >\n            in\n          <\/span>\n\n          <span class=\"om-contact-link-copy\">\n            <strong>LinkedIn<\/strong>\n            <small>Conectar profesionalmente<\/small>\n          <\/span>\n\n          <span\n            class=\"om-contact-link-arrow\"\n            aria-hidden=\"true\"\n          >\n            \u2192\n          <\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   M\u00d3DULO 11A \u00b7 INFORMACI\u00d3N Y CONTACTO\n========================================================= *\/\n\n\n\/* SECCI\u00d3N *\/\n\n.om-contact-section {\n  position: relative;\n\n  box-sizing: border-box;\n\n  width: 100%;\n\n  padding: 120px 24px;\n\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 12%,\n      rgba(201, 171, 118, 0.13),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 92% 88%,\n      rgba(201, 171, 118, 0.08),\n      transparent 30%\n    ),\n    #15171a;\n\n  color: #ffffff;\n}\n\n\n.om-contact-container {\n  box-sizing: border-box;\n\n  width: min(1180px, 100%);\n  max-width: 1180px;\n\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================================================\n   CABECERA\n========================================================= *\/\n\n.om-contact-header {\n  max-width: 900px;\n\n  margin: 0 auto 72px;\n\n  text-align: center;\n}\n\n\n.om-contact-kicker {\n  display: inline-block;\n\n  margin-bottom: 18px;\n\n  font-size: 0.75rem;\n  font-weight: 700;\n  line-height: 1.3;\n\n  letter-spacing: 0.17em;\n  text-transform: uppercase;\n\n  color: #d2b47e;\n}\n\n\n.om-contact-header h2 {\n  margin: 0 0 26px;\n\n  font-size: clamp(2.7rem, 6vw, 5.2rem);\n  font-weight: 500;\n\n  line-height: 1;\n\n  letter-spacing: -0.055em;\n\n  color: #ffffff;\n}\n\n\n.om-contact-header p {\n  max-width: 760px;\n\n  margin: 0 auto;\n\n  font-size: clamp(1rem, 1.7vw, 1.18rem);\n\n  line-height: 1.75;\n\n  color: rgba(255, 255, 255, 0.64);\n}\n\n\n\/* =========================================================\n   TARJETAS 01 + 02\n========================================================= *\/\n\n.om-contact-info-grid {\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 22px;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin: 0;\n}\n\n\n.om-contact-info-card {\n  box-sizing: border-box;\n\n  width: 100%;\n  min-width: 0;\n\n  padding: 32px;\n\n  border: 1px solid rgba(255, 255, 255, 0.09);\n\n  border-radius: 23px;\n\n  background: rgba(255, 255, 255, 0.035);\n}\n\n\n.om-contact-card-number {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n\n  margin-bottom: 24px;\n\n  border: 1px solid rgba(210, 180, 126, 0.38);\n\n  border-radius: 50%;\n\n  font-size: 0.7rem;\n  font-weight: 700;\n\n  color: #d2b47e;\n}\n\n\n.om-contact-info-card h3 {\n  margin: 0 0 14px;\n\n  font-size: clamp(1.35rem, 2vw, 1.65rem);\n\n  line-height: 1.2;\n\n  letter-spacing: -0.035em;\n\n  color: #ffffff;\n}\n\n\n.om-contact-info-card > p {\n  margin: 0;\n\n  max-width: 520px;\n\n  font-size: 0.91rem;\n\n  line-height: 1.7;\n\n  color: rgba(255, 255, 255, 0.61);\n}\n\n\n.om-contact-info-card ul {\n  display: grid;\n\n  gap: 10px;\n\n  padding: 0;\n\n  margin: 25px 0 0;\n\n  list-style: none;\n}\n\n\n.om-contact-info-card li {\n  position: relative;\n\n  padding-left: 21px;\n\n  font-size: 0.85rem;\n\n  line-height: 1.5;\n\n  color: rgba(255, 255, 255, 0.74);\n}\n\n\n.om-contact-info-card li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0.65em;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #c9ab76;\n}\n\n\n\/* =========================================================\n   PASOS\n========================================================= *\/\n\n.om-contact-steps {\n  display: grid;\n\n  gap: 11px;\n\n  margin-top: 24px;\n}\n\n\n.om-contact-step {\n  display: grid;\n\n  grid-template-columns:\n    35px\n    minmax(0, 1fr);\n\n  gap: 13px;\n\n  align-items: center;\n\n  padding: 14px;\n\n  border-radius: 13px;\n\n  background: rgba(255, 255, 255, 0.04);\n}\n\n\n.om-contact-step > span {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 31px;\n  height: 31px;\n\n  border-radius: 50%;\n\n  background: rgba(201, 171, 118, 0.13);\n\n  color: #d2b47e;\n\n  font-size: 0.72rem;\n  font-weight: 700;\n}\n\n\n.om-contact-step p {\n  margin: 0;\n\n  font-size: 0.82rem;\n\n  line-height: 1.5;\n\n  color: rgba(255, 255, 255, 0.7);\n}\n\n\n\/* =========================================================\n   CONTACTO DIRECTO\n========================================================= *\/\n\n.om-contact-direct {\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin-top: 34px;\n\n  padding-top: 34px;\n\n  border-top:\n    1px solid rgba(255, 255, 255, 0.09);\n}\n\n\n.om-contact-direct-heading {\n  max-width: 680px;\n\n  margin-bottom: 26px;\n}\n\n\n.om-contact-direct-heading .om-contact-kicker {\n  margin-bottom: 13px;\n}\n\n\n.om-contact-direct-heading h3 {\n  margin: 0 0 11px;\n\n  font-size: clamp(1.45rem, 2.5vw, 2rem);\n\n  line-height: 1.2;\n\n  letter-spacing: -0.035em;\n\n  color: #ffffff;\n}\n\n\n.om-contact-direct-heading p {\n  margin: 0;\n\n  font-size: 0.9rem;\n\n  line-height: 1.65;\n\n  color: rgba(255, 255, 255, 0.58);\n}\n\n\n\/* CONTACTOS EN HORIZONTAL *\/\n\n.om-contact-direct-links {\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 13px;\n\n  width: 100%;\n}\n\n\n.om-contact-direct-link {\n  display: grid;\n\n  grid-template-columns:\n    42px\n    minmax(0, 1fr)\n    auto;\n\n  gap: 13px;\n\n  align-items: center;\n\n  box-sizing: border-box;\n\n  min-width: 0;\n\n  padding: 16px;\n\n  border:\n    1px solid rgba(255, 255, 255, 0.09);\n\n  border-radius: 15px;\n\n  background:\n    rgba(255, 255, 255, 0.035);\n\n  color: #ffffff;\n\n  text-decoration: none;\n\n  transition:\n    transform 0.2s ease,\n    border-color 0.2s ease,\n    background 0.2s ease;\n}\n\n\n.om-contact-direct-link:hover {\n  transform: translateY(-2px);\n\n  border-color:\n    rgba(210, 180, 126, 0.42);\n\n  background:\n    rgba(255, 255, 255, 0.065);\n\n  color: #ffffff;\n}\n\n\n.om-contact-link-icon {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 39px;\n  height: 39px;\n\n  border-radius: 11px;\n\n  background: #c9ab76;\n\n  color: #17130d;\n\n  font-size: 0.75rem;\n  font-weight: 800;\n}\n\n\n.om-contact-link-copy {\n  min-width: 0;\n}\n\n\n.om-contact-direct-link strong {\n  display: block;\n\n  margin-bottom: 3px;\n\n  font-size: 0.85rem;\n\n  line-height: 1.3;\n\n  color: #ffffff;\n}\n\n\n.om-contact-direct-link small {\n  display: block;\n\n  min-width: 0;\n\n  overflow: hidden;\n\n  text-overflow: ellipsis;\n\n  font-size: 0.7rem;\n\n  line-height: 1.35;\n\n  color: rgba(255, 255, 255, 0.46);\n}\n\n\n.om-contact-link-arrow {\n  color: #d2b47e;\n\n  font-size: 0.92rem;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n  .om-contact-info-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .om-contact-direct-links {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   M\u00d3VIL\n========================================================= *\/\n\n@media (max-width: 720px) {\n\n  .om-contact-section {\n    padding: 82px 18px;\n  }\n\n  .om-contact-header {\n    margin-bottom: 52px;\n\n    text-align: left;\n  }\n\n  .om-contact-header h2 {\n    font-size:\n      clamp(2.45rem, 12vw, 3.55rem);\n  }\n\n  .om-contact-header p {\n    margin-left: 0;\n    margin-right: 0;\n  }\n\n  .om-contact-info-card {\n    padding: 24px 21px;\n\n    border-radius: 19px;\n  }\n\n  .om-contact-direct {\n    margin-top: 28px;\n\n    padding-top: 28px;\n  }\n\n  .om-contact-direct-link {\n    grid-template-columns:\n      39px\n      minmax(0, 1fr)\n      auto;\n\n    padding: 14px;\n  }\n\n}\n\n\n\/* =========================================================\n   ACCESIBILIDAD\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .om-contact-direct-link {\n    transition: none;\n  }\n\n  .om-contact-direct-link:hover {\n    transform: none;\n  }\n\n}\n\n<\/style>\n\n\n\n<div class=\"wp-block-group om-contact-form-card is-layout-flow wp-block-group-is-layout-flow\">\n<!-- =========================================================\nM\u00d3DULO 11 \u00b7 COLUMNA FORMULARIO\nEste HTML contiene SOLO el encabezado y el CSS estructural.\nEl formulario Fluent Forms se inserta mediante bloque Shortcode.\n========================================================== -->\n\n<div class=\"om-contact-form-heading\">\n\n  <span class=\"om-contact-form-label\">\n    Valoraci\u00f3n inicial\n  <\/span>\n\n  <h3>Cu\u00e9ntame qu\u00e9 necesitas.<\/h3>\n\n  <p>\n    Completa el formulario con la informaci\u00f3n esencial. No hace falta\n    que tengas todo resuelto: precisamente empezamos por ordenar la situaci\u00f3n.\n  <\/p>\n\n<\/div>\n\n\n<style>\n\n\/* =========================================================\n   M\u00d3DULO 11 \u00b7 CONTACTO\n   CSS ESTRUCTURAL\n   El formulario Fluent Forms tiene su propio CSS en Fluent Forms.\n========================================================= *\/\n\n\n\/* =========================\n   SECCI\u00d3N GENERAL\n========================= *\/\n\n.om-contact-section {\n  position: relative;\n  width: 100%;\n  padding: 120px 24px;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 8% 12%,\n      rgba(201, 171, 118, 0.13),\n      transparent 28%\n    ),\n    radial-gradient(\n      circle at 92% 88%,\n      rgba(201, 171, 118, 0.08),\n      transparent 30%\n    ),\n    #15171a;\n\n  color: #ffffff;\n}\n\n\n.om-contact-container {\n  width: min(1180px, 100%);\n  max-width: 1180px;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n\n\/* =========================\n   CABECERA\n========================= *\/\n\n.om-contact-header {\n  max-width: 900px;\n  margin: 0 auto 72px;\n  text-align: center;\n}\n\n\n.om-contact-kicker {\n  display: inline-block;\n  margin-bottom: 18px;\n\n  font-size: 0.75rem;\n  font-weight: 700;\n  line-height: 1.3;\n  letter-spacing: 0.17em;\n  text-transform: uppercase;\n\n  color: #d2b47e;\n}\n\n\n.om-contact-header h2 {\n  margin: 0 0 26px;\n\n  font-size: clamp(2.7rem, 6vw, 5.2rem);\n  font-weight: 500;\n  line-height: 1;\n  letter-spacing: -0.055em;\n\n  color: #ffffff;\n}\n\n\n.om-contact-header p {\n  max-width: 760px;\n  margin: 0 auto;\n\n  font-size: clamp(1rem, 1.7vw, 1.18rem);\n  line-height: 1.75;\n\n  color: rgba(255, 255, 255, 0.64);\n}\n\n\n\/* =========================\n   DISTRIBUCI\u00d3N PRINCIPAL\n========================= *\/\n\n.om-contact-layout {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 0.9fr)\n    minmax(0, 1.1fr);\n\n  gap: 42px;\n  align-items: start;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n\n\/* =========================\n   COLUMNA INFORMACI\u00d3N\n========================= *\/\n\n.om-contact-info {\n  display: grid;\n  gap: 20px;\n\n  width: 100%;\n  min-width: 0;\n}\n\n\n.om-contact-info-card {\n  box-sizing: border-box;\n\n  width: 100%;\n  min-width: 0;\n\n  padding: 31px;\n\n  border: 1px solid rgba(255, 255, 255, 0.09);\n  border-radius: 23px;\n\n  background: rgba(255, 255, 255, 0.035);\n}\n\n\n.om-contact-card-number {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 42px;\n  height: 42px;\n  margin-bottom: 24px;\n\n  border: 1px solid rgba(210, 180, 126, 0.38);\n  border-radius: 50%;\n\n  font-size: 0.7rem;\n  font-weight: 700;\n\n  color: #d2b47e;\n}\n\n\n.om-contact-info-card h3 {\n  margin: 0 0 14px;\n\n  font-size: 1.55rem;\n  line-height: 1.2;\n  letter-spacing: -0.035em;\n\n  color: #ffffff;\n}\n\n\n.om-contact-info-card > p {\n  margin: 0;\n\n  font-size: 0.91rem;\n  line-height: 1.7;\n\n  color: rgba(255, 255, 255, 0.61);\n}\n\n\n.om-contact-info-card ul {\n  display: grid;\n  gap: 10px;\n\n  padding: 0;\n  margin: 25px 0 0;\n\n  list-style: none;\n}\n\n\n.om-contact-info-card li {\n  position: relative;\n\n  padding-left: 21px;\n\n  font-size: 0.85rem;\n  line-height: 1.5;\n\n  color: rgba(255, 255, 255, 0.74);\n}\n\n\n.om-contact-info-card li::before {\n  content: \"\";\n\n  position: absolute;\n  left: 0;\n  top: 0.65em;\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background: #c9ab76;\n}\n\n\n\/* =========================\n   PASOS\n========================= *\/\n\n.om-contact-steps {\n  display: grid;\n  gap: 11px;\n\n  margin-top: 24px;\n}\n\n\n.om-contact-step {\n  display: grid;\n\n  grid-template-columns:\n    35px\n    minmax(0, 1fr);\n\n  gap: 13px;\n  align-items: center;\n\n  padding: 13px;\n\n  border-radius: 13px;\n\n  background: rgba(255, 255, 255, 0.04);\n}\n\n\n.om-contact-step > span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 31px;\n  height: 31px;\n\n  border-radius: 50%;\n\n  background: rgba(201, 171, 118, 0.13);\n\n  color: #d2b47e;\n\n  font-size: 0.72rem;\n  font-weight: 700;\n}\n\n\n.om-contact-step p {\n  margin: 0;\n\n  font-size: 0.82rem;\n  line-height: 1.5;\n\n  color: rgba(255, 255, 255, 0.7);\n}\n\n\n\/* =========================\n   COLUMNA FORMULARIO\n========================= *\/\n\n.om-contact-form-column {\n  position: sticky;\n  top: 26px;\n\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n\n\/* =========================================================\n   TARJETA BEIGE\n   IMPORTANTE:\n   esta clase debe estar puesta en el GRUPO de Gutenberg\n========================================================= *\/\n\n.om-contact-form-card,\n.wp-block-group.om-contact-form-card {\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin: 0 !important;\n  padding: 39px !important;\n\n  border: 1px solid rgba(201, 171, 118, 0.20);\n  border-radius: 28px;\n\n  background: #f2ede4;\n\n  color: #171717;\n\n  box-shadow:\n    0 35px 90px rgba(0, 0, 0, 0.28);\n\n  overflow: hidden;\n}\n\n\n\/* No permitimos que ning\u00fan bloque hijo ensanche la tarjeta *\/\n\n.om-contact-form-card > * {\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n}\n\n\n\/* Gutenberg puede a\u00f1adir m\u00e1rgenes propios.\n   Los neutralizamos dentro de esta tarjeta. *\/\n\n.om-contact-form-card .wp-block-html,\n.om-contact-form-card .wp-block-shortcode {\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\n\n\/* =========================\n   ENCABEZADO FORMULARIO\n========================= *\/\n\n.om-contact-form-heading {\n  box-sizing: border-box;\n\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n\n  margin: 0;\n  padding: 0;\n}\n\n\n.om-contact-form-label {\n  display: inline-flex;\n\n  width: auto;\n\n  margin: 0 0 21px;\n  padding: 7px 11px;\n\n  border: 1px solid rgba(139, 109, 60, 0.22);\n  border-radius: 999px;\n\n  background: rgba(139, 109, 60, 0.07);\n\n  font-size: 0.69rem;\n  font-weight: 700;\n  line-height: 1.2;\n  letter-spacing: 0.11em;\n  text-transform: uppercase;\n\n  color: #856737;\n}\n\n\n.om-contact-form-heading h3 {\n  margin: 0 0 13px;\n\n  font-size: clamp(2rem, 4vw, 3.05rem);\n  line-height: 1.03;\n  letter-spacing: -0.048em;\n\n  color: #171717;\n}\n\n\n.om-contact-form-heading p {\n  margin: 0;\n\n  font-size: 0.9rem;\n  line-height: 1.65;\n\n  color: rgba(23, 23, 23, 0.64);\n}\n\n\n\/* =========================================================\n   FLUENT FORMS \u00b7 SOLO CONTENCI\u00d3N ESTRUCTURAL\n   El aspecto de los campos se controla desde Fluent Forms.\n========================================================= *\/\n\n.om-contact-form-card .fluentform,\n.om-contact-form-card .fluent_form_4 {\n  position: static !important;\n\n  display: block !important;\n\n  float: none !important;\n  clear: both !important;\n\n  box-sizing: border-box;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n\n  margin: 28px 0 0 !important;\n  padding: 0 !important;\n}\n\n\n.om-contact-form-card .fluentform form,\n.om-contact-form-card .fluent_form_4 form {\n  position: static !important;\n\n  box-sizing: border-box;\n\n  width: 100% !important;\n  max-width: 100% !important;\n  min-width: 0 !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n\n\/* Garantiza que filas y campos de Fluent Forms\n   no puedan ensanchar la tarjeta *\/\n\n.om-contact-form-card .ff-t-container,\n.om-contact-form-card .ff-t-cell,\n.om-contact-form-card .ff-el-group,\n.om-contact-form-card .ff-el-input--content {\n  box-sizing: border-box;\n\n  max-width: 100%;\n  min-width: 0;\n}\n\n\n\/* =========================\n   AVISO PRIVACIDAD\n========================= *\/\n\n.om-contact-privacy-note {\n  display: grid;\n\n  grid-template-columns:\n    24px\n    minmax(0, 1fr);\n\n  gap: 10px;\n\n  width: 100%;\n  max-width: 100%;\n\n  margin-top: 22px;\n  padding-top: 21px;\n\n  border-top: 1px solid rgba(23, 23, 23, 0.10);\n}\n\n\n.om-contact-privacy-note p {\n  margin: 0;\n\n  font-size: 0.69rem;\n  line-height: 1.5;\n\n  color: rgba(23, 23, 23, 0.48);\n}\n\n\n\/* =========================\n   TEXTO DE CONFIANZA\n========================= *\/\n\n.om-contact-trust {\n  margin-top: 17px;\n\n  text-align: center;\n}\n\n\n.om-contact-trust p {\n  margin: 0 0 5px;\n\n  font-size: 0.74rem;\n\n  color: rgba(255, 255, 255, 0.68);\n}\n\n\n.om-contact-trust span {\n  font-size: 0.66rem;\n\n  color: rgba(255, 255, 255, 0.38);\n}\n\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media (max-width: 960px) {\n\n  .om-contact-layout {\n    grid-template-columns: 1fr;\n  }\n\n  .om-contact-form-column {\n    position: static;\n  }\n\n}\n\n\n\/* =========================\n   M\u00d3VIL\n========================= *\/\n\n@media (max-width: 720px) {\n\n  .om-contact-section {\n    padding: 82px 18px;\n  }\n\n  .om-contact-header {\n    margin-bottom: 52px;\n    text-align: left;\n  }\n\n  .om-contact-header h2 {\n    font-size: clamp(2.45rem, 12vw, 3.55rem);\n  }\n\n  .om-contact-info-card {\n    padding: 24px 21px;\n\n    border-radius: 19px;\n  }\n\n  .om-contact-form-card,\n  .wp-block-group.om-contact-form-card {\n    width: 100%;\n    max-width: 100%;\n\n    padding: 27px 21px !important;\n\n    border-radius: 22px;\n  }\n\n  .om-contact-form-heading h3 {\n    font-size: clamp(2rem, 10vw, 2.7rem);\n  }\n\n  .om-contact-form-card .fluentform,\n  .om-contact-form-card .fluent_form_4 {\n    width: 100% !important;\n    max-width: 100% !important;\n\n    margin-top: 24px !important;\n  }\n\n}\n\n\n\/* =========================\n   ACCESIBILIDAD\n========================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .om-contact-form-card *,\n  .om-contact-info-card * {\n    scroll-behavior: auto !important;\n  }\n\n}\n\n<\/style>\n\n\n<div class='fluentform ff-inherit-theme-style fluentform_wrapper_4'><form data-form_id=\"4\" id=\"fluentform_4\" class=\"frm-fluent-form fluent_form_4 ff-el-form-top ff_form_instance_4_1 ff-form-loading ffs_inherit_theme\" data-form_instance=\"ff_form_instance_4_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">OMBS \u00b7 Solicitud de valoraci\u00f3n<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='227' \/><input type=\"hidden\" id=\"_fluentform_4_fluentformnonce\" name=\"_fluentform_4_fluentformnonce\" value=\"1b58453a45\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F227\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper .fluent_form_4 .ff_form_instance_4_title, .fluent_form_4 .ff-form-title, .fluent_form_4 h3.ff-form-title {     display: none !important; }\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_names_first_name_' id='label_ff_4_names_first_name_' >Nombre<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_4_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Introduce tu nombre\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group ff-el-form-top'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_names_last_name_' id='label_ff_4_names_last_name_' >Apellidos<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_4_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Introduce tus apellidos\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_email' id='label_ff_4_email' aria-label=\"Correo electr\u00f3nico\">Correo electr\u00f3nico<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_4_email\" class=\"ff-el-form-control\" placeholder=\"Introduce tu correo electr\u00f3nico\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_url' id='label_ff_4_url' aria-label=\"Web o LinkedIn\">Web o LinkedIn<\/label><\/div><div class='ff-el-input--content'><input type=\"url\" name=\"url\" class=\"ff-el-form-control\" data-name=\"url\" id=\"ff_4_url\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_numeric_field' id='label_ff_4_numeric_field' aria-label=\"N\u00famero de tel\u00e9fono \/ WhatsApp\">N\u00famero de tel\u00e9fono \/ WhatsApp<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_4_numeric_field\" class=\"ff-el-form-control\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_multi_select' id='label_ff_4_multi_select' aria-label=\"Servicio de inter\u00e9s\">Servicio de inter\u00e9s<\/label><\/div><div class='ff-el-input--content'><select name=\"multi_select[]\" id=\"ff_4_multi_select\" class=\"ff-el-form-control  ff_has_multi_select\" multiple=\"1\" data-name=\"multi_select\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"true\" aria-labelledby=\"label_ff_4_multi_select\"><option value=\"Diagn\u00f3stico Estrat\u00e9gico OM\"  >Diagn\u00f3stico Estrat\u00e9gico OM<\/option><option value=\"Estrategia y posicionamiento\"  >Estrategia y posicionamiento<\/option><option value=\"Web y conversi\u00f3n\"  >Web y conversi\u00f3n<\/option><option value=\"Marca e identidad\"  >Marca e identidad<\/option><option value=\"Dossier o presentaci\u00f3n profesional\"  >Dossier o presentaci\u00f3n profesional<\/option><option value=\"Marketing y contenidos\"  >Marketing y contenidos<\/option><option value=\"IA y automatizaci\u00f3n\"  >IA y automatizaci\u00f3n<\/option><option value=\"Hoteles\"  >Hoteles<\/option><option value=\"Inmobiliario e inversi\u00f3n\"  >Inmobiliario e inversi\u00f3n<\/option><option value=\"Editorial y proyectos creativos\"  >Editorial y proyectos creativos<\/option><option value=\"Colaboraci\u00f3n profesional\"  >Colaboraci\u00f3n profesional<\/option><option value=\"Todav\u00eda no lo tengo claro\"  >Todav\u00eda no lo tengo claro<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_4_dropdown' id='label_ff_4_dropdown' aria-label=\"Presupuesto orientativo\">Presupuesto orientativo<\/label><\/div><div class='ff-el-input--content'><select name=\"dropdown\" id=\"ff_4_dropdown\" class=\"ff-el-form-control\" data-name=\"dropdown\" data-calc_value=\"0\"  aria-invalid=\"false\" aria-required=\"false\" aria-labelledby=\"label_ff_4_dropdown\"><option value=\"\">- Select -<\/option><option value=\"Menos de 500 \u20ac\"  >Menos de 500 \u20ac<\/option><option value=\"500\u20131.500 \u20ac\"  >500\u20131.500 \u20ac<\/option><option value=\"1.500\u20133.000 \u20ac\"  >1.500\u20133.000 \u20ac<\/option><option value=\"3.000\u20135.000 \u20ac\"  >3.000\u20135.000 \u20ac<\/option><option value=\"5.000\u201310.000 \u20ac\"  >5.000\u201310.000 \u20ac<\/option><option value=\"M\u00e1s de 10.000 \u20ac\"  >M\u00e1s de 10.000 \u20ac<\/option><option value=\"Prefiero no indicarlo todav\u00eda\"  >Prefiero no indicarlo todav\u00eda<\/option><option value=\"Option 8\"  >Option 8<\/option><\/select><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_4_description' id='label_ff_4_description' aria-label=\"\u00bfQu\u00e9 necesitas conseguir?\">\u00bfQu\u00e9 necesitas conseguir?<\/label><div class=\"ff-el-tooltip\" data-content=\"Cu\u00e9ntame brevemente qu\u00e9 est\u00e1 ocurriendo, qu\u00e9 has probado y qu\u00e9 resultado necesitas conseguir.\"><svg width=\"16\" height=\"16\" viewbox=\"0 0 25 25\"><path d=\"m329 393l0-46c0-2-1-4-2-6-2-2-4-3-7-3l-27 0 0-146c0-3-1-5-3-7-2-1-4-2-7-2l-91 0c-3 0-5 1-7 2-1 2-2 4-2 7l0 46c0 2 1 5 2 6 2 2 4 3 7 3l27 0 0 91-27 0c-3 0-5 1-7 3-1 2-2 4-2 6l0 46c0 3 1 5 2 7 2 1 4 2 7 2l128 0c3 0 5-1 7-2 1-2 2-4 2-7z m-36-256l0-46c0-2-1-4-3-6-2-2-4-3-7-3l-54 0c-3 0-5 1-7 3-2 2-3 4-3 6l0 46c0 3 1 5 3 7 2 1 4 2 7 2l54 0c3 0 5-1 7-2 2-2 3-4 3-7z m182 119c0 40-9 77-29 110-20 34-46 60-80 80-33 20-70 29-110 29-40 0-77-9-110-29-34-20-60-46-80-80-20-33-29-70-29-110 0-40 9-77 29-110 20-34 46-60 80-80 33-20 70-29 110-29 40 0 77 9 110 29 34 20 60 46 80 80 20 33 29 70 29 110z\" transform=\"scale(0.046875 0.046875)\"><\/path><\/svg><\/div><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_4_description\" name=\"description\" id=\"ff_4_description\" class=\"ff-el-form-control\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='T\u00e9rminos y condiciones: He le\u00eddo y acepto la \u00a0Pol\u00edtica de Privacidad. Contiene 1 enlace. Usa la navegaci\u00f3n por pesta\u00f1as para rese\u00f1ar.' class='ff-el-form-check-label ff_tc_label' for=terms-n-condition_fa013418d14fdcf2e0e1c0c0d31079ef><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"terms-n-condition\" class=\"ff-el-form-check-input\" data-name=\"terms-n-condition\" id=\"terms-n-condition_fa013418d14fdcf2e0e1c0c0d31079ef\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'><p>He le\u00eddo y acepto la \u00a0<a href=\"#\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad.<\/a><\/p><\/div><\/label><\/div><\/div><div class='ff-el-group    ff-el-input--content'><div class='ff-el-form-check ff-el-tc'><label aria-label='Doy mi consentimiento para que este sitio web almacene mi informaci\u00f3n enviada para que puedan responder a mi consulta' class='ff-el-form-check-label ff_tc_label' for=gdpr-agreement_eca291839b5e6d926bc85d24b022ed33><span class='ff_tc_checkbox'><input type=\"checkbox\" name=\"gdpr-agreement\" class=\"ff-el-form-check-input ff_gdpr_field\" data-name=\"gdpr-agreement\" id=\"gdpr-agreement_eca291839b5e6d926bc85d24b022ed33\"  value='on' aria-invalid='false' aria-required=true><\/span> <div class='ff_t_c'>Doy mi consentimiento para que este sitio web almacene mi informaci\u00f3n enviada para que puedan responder a mi consulta<\/div><\/label><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label   aria-label=\"Casilla de selecci\u00f3n\">Casilla de selecci\u00f3n<\/label><\/div><div class='ff-el-input--content'><div class='ff-el-form-check ff-el-form-check-'><label class='ff-el-form-check-label' for='checkbox_9e7ccd2e5b316352b568570972d212c9'><input  type=\"checkbox\" name=\"checkbox[]\" data-name=\"checkbox\" class=\"ff-el-form-check-input ff-el-form-check-checkbox\" value=\"Deseo recibir recursos, contenidos y novedades de OM Brand Studio.\"  id='checkbox_9e7ccd2e5b316352b568570972d212c9' aria-label='Deseo recibir recursos, contenidos y novedades de OM Brand Studio.' aria-invalid='false' aria-required=false> <span>Deseo recibir recursos, contenidos y novedades de OM Brand Studio.<\/span><\/label><\/div><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper ff_submit_btn_wrapper_custom'><button class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\" type=\"submit\" name=\"custom_submit_button-4_1\" data-name=\"custom_submit_button-4_1\"  aria-label=\"Solicitar valoraci\u00f3n inicial\">Solicitar valoraci\u00f3n inicial<\/button><style>form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit { background-color:#1a7efb;border-color:#1a7efb;color:#ffffff;min-width:100%; }form.fluent_form_4 .wpf_has_custom_css.ff-btn-submit:hover { background-color:#ffffff;border-color:#1a7efb;color:#1a7efb;min-width:100%; } <\/style><\/div><\/fieldset><\/form><div id='fluentform_4_errors' class='ff-errors-in-stack ff_form_instance_4_1 ff-form-loading_errors ff_form_instance_4_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_4_1 = {\"id\":\"4\",\"ajaxUrl\":\"https:\\\/\\\/ombrandstudio.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_4_1\",\"form_id_selector\":\"fluentform_4\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"names[last_name]\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true},\"email\":{\"value\":true,\"message\":\"Este campo debe contener un correo electr\\u00f3nico v\\u00e1lido\",\"global_message\":\"Este campo debe contener un correo electr\\u00f3nico v\\u00e1lido\",\"global\":true}},\"url\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true},\"url\":{\"value\":true,\"message\":\"Este campo debe contener una url v\\u00e1lida\",\"global_message\":\"Este campo debe contener una url v\\u00e1lida\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"Este campo debe contener valor num\\u00e9rico\",\"global_message\":\"Este campo debe contener valor num\\u00e9rico\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por el valor m\\u00ednimo\",\"global_message\":\"La validaci\\u00f3n falla por el valor m\\u00ednimo\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por el valor m\\u00e1ximo\",\"global_message\":\"La validaci\\u00f3n falla por el valor m\\u00e1ximo\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"La validaci\\u00f3n falla por d\\u00edgitos limitados\",\"global_message\":\"La validaci\\u00f3n falla por d\\u00edgitos limitados\",\"global\":true}},\"multi_select\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"dropdown\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"description\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"terms-n-condition\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"gdpr-agreement\":{\"required\":{\"value\":true,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}},\"checkbox\":{\"required\":{\"value\":false,\"message\":\"Este campo es obligatorio\",\"global_message\":\"Este campo es obligatorio\",\"global\":true}}},\"debounce_time\":300,\"conditionals\":{\"gdpr-agreement\":{\"type\":\"all\",\"status\":true,\"conditions\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"condition_groups\":[{\"rules\":[{\"field\":\"\",\"value\":\"\",\"operator\":\"\"}],\"title\":\"\",\"isEditingTitle\":false,\"isPreviewOpen\":false,\"isGroupOpen\":true}]}},\"file_upload_settings\":[]};\n                            <\/script>\n            \n\n\n\n<!-- =========================================================\nM\u00d3DULO 11B \u00b7 CONTACTO Y CAPTACI\u00d3N\nSegunda parte: cierre de formulario, privacidad, confianza y CSS\n========================================================== -->\n\n          \n          <!-- CIERRE om-contact-form-slot -->\n\n          <div class=\"om-contact-privacy-note\">\n\n  <span aria-hidden=\"true\">\ud83d\udd12<\/span>\n\n  <p>\n    Tus datos se utilizar\u00e1n \u00fanicamente para responder a tu consulta y\n    valorar tu solicitud. No se compartir\u00e1n con terceros con fines comerciales.\n  <\/p>\n\n<\/div>\n\n\n\n<style>\n  \/* =========================================================\n     M\u00d3DULO 11 \u00b7 CONTACTO\n     Estilos aislados con prefijo om-contact\n  ========================================================== *\/\n\n  .om-contact-section {\n    position: relative;\n    padding: 120px 24px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 8% 12%,\n        rgba(201, 171, 118, 0.13),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 92% 88%,\n        rgba(201, 171, 118, 0.08),\n        transparent 30%\n      ),\n      #15171a;\n    color: #ffffff;\n  }\n\n  .om-contact-container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .om-contact-header {\n    max-width: 900px;\n    margin: 0 auto 72px;\n    text-align: center;\n  }\n\n  .om-contact-kicker {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    color: #d2b47e;\n  }\n\n  .om-contact-header h2 {\n    margin: 0 0 26px;\n    font-size: clamp(2.7rem, 6vw, 5.2rem);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.055em;\n    color: #ffffff;\n  }\n\n  .om-contact-header p {\n    max-width: 760px;\n    margin: 0 auto;\n    font-size: clamp(1rem, 1.7vw, 1.18rem);\n    line-height: 1.75;\n    color: rgba(255, 255, 255, 0.64);\n  }\n\n  .om-contact-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);\n    gap: 42px;\n    align-items: start;\n  }\n\n  .om-contact-info {\n    display: grid;\n    gap: 20px;\n  }\n\n  .om-contact-info-card,\n  .om-contact-direct {\n    padding: 31px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 23px;\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  .om-contact-card-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 24px;\n    border: 1px solid rgba(210, 180, 126, 0.38);\n    border-radius: 50%;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #d2b47e;\n  }\n\n  .om-contact-info-card h3,\n  .om-contact-direct h3 {\n    margin: 0 0 14px;\n    font-size: 1.55rem;\n    line-height: 1.2;\n    letter-spacing: -0.035em;\n    color: #ffffff;\n  }\n\n  .om-contact-info-card > p,\n  .om-contact-direct > p {\n    margin: 0;\n    font-size: 0.91rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.61);\n  }\n\n  .om-contact-info-card ul {\n    display: grid;\n    gap: 10px;\n    padding: 0;\n    margin: 25px 0 0;\n    list-style: none;\n  }\n\n  .om-contact-info-card li {\n    position: relative;\n    padding-left: 21px;\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.74);\n  }\n\n  .om-contact-info-card li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.65em;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #c9ab76;\n  }\n\n  .om-contact-steps {\n    display: grid;\n    gap: 11px;\n    margin-top: 24px;\n  }\n\n  .om-contact-step {\n    display: grid;\n    grid-template-columns: 35px minmax(0, 1fr);\n    gap: 13px;\n    align-items: center;\n    padding: 13px;\n    border-radius: 13px;\n    background: rgba(255, 255, 255, 0.04);\n  }\n\n  .om-contact-step > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    background: rgba(201, 171, 118, 0.13);\n    color: #d2b47e;\n    font-size: 0.72rem;\n    font-weight: 700;\n  }\n\n  .om-contact-step p {\n    margin: 0;\n    font-size: 0.82rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  .om-contact-direct-links {\n    display: grid;\n    gap: 10px;\n    margin-top: 26px;\n  }\n\n  .om-contact-direct-link {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr) auto;\n    gap: 13px;\n    align-items: center;\n    padding: 14px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.035);\n    color: #ffffff;\n    text-decoration: none;\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease,\n      background 0.2s ease;\n  }\n\n  .om-contact-direct-link:hover {\n    transform: translateY(-2px);\n    border-color: rgba(210, 180, 126, 0.35);\n    background: rgba(255, 255, 255, 0.065);\n    color: #ffffff;\n  }\n\n  .om-contact-link-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 39px;\n    height: 39px;\n    border-radius: 11px;\n    background: #c9ab76;\n    color: #17130d;\n    font-size: 0.76rem;\n    font-weight: 800;\n  }\n\n  .om-contact-direct-link strong {\n    display: block;\n    margin-bottom: 2px;\n    font-size: 0.85rem;\n    color: #ffffff;\n  }\n\n  .om-contact-direct-link small {\n    display: block;\n    font-size: 0.7rem;\n    line-height: 1.35;\n    color: rgba(255, 255, 255, 0.45);\n  }\n\n  .om-contact-form-column {\n    position: sticky;\n    top: 26px;\n  }\n\n  .om-contact-form-card {\n    padding: 39px;\n    border: 1px solid rgba(201, 171, 118, 0.2);\n    border-radius: 28px;\n    background: #f2ede4;\n    color: #171717;\n    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.28);\n  }\n\n  .om-contact-form-label {\n    display: inline-flex;\n    margin-bottom: 21px;\n    padding: 7px 11px;\n    border: 1px solid rgba(139, 109, 60, 0.22);\n    border-radius: 999px;\n    background: rgba(139, 109, 60, 0.07);\n    font-size: 0.69rem;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    color: #856737;\n  }\n\n  .om-contact-form-heading h3 {\n    margin: 0 0 13px;\n    font-size: clamp(2rem, 4vw, 3.05rem);\n    line-height: 1.03;\n    letter-spacing: -0.048em;\n    color: #171717;\n  }\n\n  .om-contact-form-heading p {\n    margin: 0;\n    font-size: 0.9rem;\n    line-height: 1.65;\n    color: rgba(23, 23, 23, 0.64);\n  }\n\n  .om-contact-form-slot {\n    margin-top: 30px;\n  }\n\n  \/* <\/section>\n\n<style>\n  \/* =========================================================\n     M\u00d3DULO 11 \u00b7 CONTACTO\n     Estilos aislados: prefijo om-contact\n  ========================================================== *\/\n\n  .om-contact-section {\n    position: relative;\n    padding: 120px 24px;\n    overflow: hidden;\n    background:\n      radial-gradient(\n        circle at 8% 12%,\n        rgba(201, 171, 118, 0.13),\n        transparent 28%\n      ),\n      radial-gradient(\n        circle at 92% 88%,\n        rgba(201, 171, 118, 0.08),\n        transparent 30%\n      ),\n      #15171a;\n    color: #ffffff;\n  }\n\n  .om-contact-container {\n    width: min(1180px, 100%);\n    margin: 0 auto;\n  }\n\n  .om-contact-header {\n    max-width: 900px;\n    margin: 0 auto 72px;\n    text-align: center;\n  }\n\n  .om-contact-kicker {\n    display: inline-block;\n    margin-bottom: 18px;\n    font-size: 0.75rem;\n    font-weight: 700;\n    line-height: 1.3;\n    letter-spacing: 0.17em;\n    text-transform: uppercase;\n    color: #d2b47e;\n  }\n\n  .om-contact-header h2 {\n    margin: 0 0 26px;\n    font-size: clamp(2.7rem, 6vw, 5.2rem);\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: -0.055em;\n    color: #ffffff;\n  }\n\n  .om-contact-header p {\n    max-width: 760px;\n    margin: 0 auto;\n    font-size: clamp(1rem, 1.7vw, 1.18rem);\n    line-height: 1.75;\n    color: rgba(255, 255, 255, 0.64);\n  }\n\n  .om-contact-layout {\n    display: grid;\n    grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);\n    gap: 42px;\n    align-items: start;\n  }\n\n  .om-contact-info {\n    display: grid;\n    gap: 20px;\n  }\n\n  .om-contact-info-card,\n  .om-contact-direct {\n    padding: 31px;\n    border: 1px solid rgba(255, 255, 255, 0.09);\n    border-radius: 23px;\n    background: rgba(255, 255, 255, 0.035);\n  }\n\n  .om-contact-card-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 24px;\n    border: 1px solid rgba(210, 180, 126, 0.38);\n    border-radius: 50%;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #d2b47e;\n  }\n\n  .om-contact-info-card h3,\n  .om-contact-direct h3 {\n    margin: 0 0 14px;\n    font-size: 1.55rem;\n    line-height: 1.2;\n    letter-spacing: -0.035em;\n    color: #ffffff;\n  }\n\n  .om-contact-info-card > p,\n  .om-contact-direct > p {\n    margin: 0;\n    font-size: 0.91rem;\n    line-height: 1.7;\n    color: rgba(255, 255, 255, 0.61);\n  }\n\n  .om-contact-info-card ul {\n    display: grid;\n    gap: 10px;\n    padding: 0;\n    margin: 25px 0 0;\n    list-style: none;\n  }\n\n  .om-contact-info-card li {\n    position: relative;\n    padding-left: 21px;\n    font-size: 0.85rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.74);\n  }\n\n  .om-contact-info-card li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 0.65em;\n    width: 7px;\n    height: 7px;\n    border-radius: 50%;\n    background: #c9ab76;\n  }\n\n  .om-contact-steps {\n    display: grid;\n    gap: 11px;\n    margin-top: 24px;\n  }\n\n  .om-contact-step {\n    display: grid;\n    grid-template-columns: 35px minmax(0, 1fr);\n    gap: 13px;\n    align-items: center;\n    padding: 13px;\n    border-radius: 13px;\n    background: rgba(255, 255, 255, 0.04);\n  }\n\n  .om-contact-step > span {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 31px;\n    height: 31px;\n    border-radius: 50%;\n    background: rgba(201, 171, 118, 0.13);\n    color: #d2b47e;\n    font-size: 0.72rem;\n    font-weight: 700;\n  }\n\n  .om-contact-step p {\n    margin: 0;\n    font-size: 0.82rem;\n    line-height: 1.5;\n    color: rgba(255, 255, 255, 0.7);\n  }\n\n  .om-contact-direct-links {\n    display: grid;\n    gap: 10px;\n    margin-top: 26px;\n  }\n\n  .om-contact-direct-link {\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr) auto;\n    gap: 13px;\n    align-items: center;\n    padding: 14px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 14px;\n    background: rgba(255, 255, 255, 0.035);\n    color: #ffffff;\n    text-decoration: none;\n    transition:\n      transform 0.2s ease,\n      border-color 0.2s ease,\n      background 0.2s ease;\n  }\n\n  .om-contact-direct-link:hover {\n    transform: translateY(-2px);\n    border-color: rgba(210, 180, 126, 0.35);\n    background: rgba(255, 255, 255, 0.065);\n    color: #ffffff;\n  }\n\n  .om-contact-link-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 39px;\n    height: 39px;\n    border-radius: 11px;\n    background: #c9ab76;\n    color: #17130d;\n    font-size: 0.76rem;\n    font-weight: 800;\n  }\n\n  .om-contact-direct-link strong {\n    display: block;\n    margin-bottom: 2px;\n    font-size: 0.85rem;\n    color: #ffffff;\n  }\n\n  .om-contact-direct-link small {\n    display: block;\n    font-size: 0.7rem;\n    line-height: 1.35;\n    color: rgba(255, 255, 255, 0.45);\n  }\n\n  .om-contact-form-column {\n    position: sticky;\n    top: 26px;\n  }\n\n  .om-contact-form-card {\n    padding: 39px;\n    border: 1px solid rgba(201, 171, 118, 0.2);\n    border-radius: 28px;\n    background: #f2ede4;\n    color: #171717;\n    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.28);\n  }\n\n  .om-contact-form-label {\n    display: inline-flex;\n    margin-bottom: 21px;\n    padding: 7px 11px;\n    border: 1px solid rgba(139, 109, 60, 0.22);\n    border-radius: 999px;\n    background: rgba(139, 109, 60, 0.07);\n    font-size: 0.69rem;\n    font-weight: 700;\n    letter-spacing: 0.11em;\n    text-transform: uppercase;\n    color: #856737;\n  }\n\n  .om-contact-form-heading h3 {\n    margin: 0 0 13px;\n    font-size: clamp(2rem, 4vw, 3.05rem);\n    line-height: 1.03;\n    letter-spacing: -0.048em;\n    color: #171717;\n  }\n\n  .om-contact-form-heading p {\n    margin: 0;\n    font-size: 0.9rem;\n    line-height: 1.65;\n    color: rgba(23, 23, 23, 0.64);\n  }\n\n  .om-contact-form-placeholder {\n    display: flex;\n    min-height: 315px;\n    margin-top: 30px;\n    padding: 30px;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    border: 1px dashed rgba(23, 23, 23, 0.24);\n    border-radius: 18px;\n    background: rgba(255, 255, 255, 0.46);\n    text-align: center;\n  }\n\n  .om-contact-form-placeholder span {\n    margin-bottom: 8px;\n    font-size: 0.85rem;\n    font-weight: 750;\n    color: #171717;\n  }\n\n  .om-contact-form-placeholder p {\n    margin: 0;\n    font-size: 0.78rem;\n    color: rgba(23, 23, 23, 0.55);\n  }\n\n  .om-contact-privacy-note {\n    display: grid;\n    grid-template-columns: 24px minmax(0, 1fr);\n    gap: 10px;\n    margin-top: 22px;\n    padding-top: 21px;\n    border-top: 1px solid rgba(23, 23, 23, 0.1);\n  }\n\n  .om-contact-privacy-note p {\n    margin: 0;\n    font-size: 0.69rem;\n    line-height: 1.5;\n    color: rgba(23, 23, 23, 0.48);\n  }\n\n  .om-contact-trust {\n    margin-top: 17px;\n    text-align: center;\n  }\n\n  .om-contact-trust p {\n    margin: 0 0 5px;\n    font-size: 0.74rem;\n    color: rgba(255, 255, 255, 0.68);\n  }\n\n  .om-contact-trust span {\n    font-size: 0.66rem;\n    color: rgba(255, 255, 255, 0.38);\n  }\n\n  \/* =============================================\n     ESTILO B\u00c1SICO PARA FLUENT FORMS\n     Se aplicar\u00e1 al insertar el shortcode\n  ============================================== *\/\n\n  .om-contact-form-card .fluentform {\n    margin-top: 30px;\n  }\n\n  .om-contact-form-card .ff-el-group {\n    margin-bottom: 18px;\n  }\n\n  .om-contact-form-card .ff-el-input--label label {\n    font-size: 0.78rem;\n    font-weight: 700;\n    color: #252525;\n  }\n\n  .om-contact-form-card input,\n  .om-contact-form-card select,\n  .om-contact-form-card textarea {\n    width: 100%;\n    border: 1px solid rgba(23, 23, 23, 0.15) !important;\n    border-radius: 11px !important;\n    background: rgba(255, 255, 255, 0.76) !important;\n    color: #171717 !important;\n    box-shadow: none !important;\n  }\n\n  .om-contact-form-card input,\n  .om-contact-form-card select {\n    min-height: 49px;\n  }\n\n  .om-contact-form-card textarea {\n    min-height: 125px;\n  }\n\n  .om-contact-form-card input:focus,\n  .om-contact-form-card select:focus,\n  .om-contact-form-card textarea:focus {\n    border-color: #9b7a45 !important;\n    outline: none !important;\n  }\n\n  .om-contact-form-card .ff-btn-submit {\n    width: 100%;\n    min-height: 53px;\n    border: 1px solid #17191c !important;\n    border-radius: 11px !important;\n    background: #17191c !important;\n    color: #ffffff !important;\n    font-size: 0.85rem !important;\n    font-weight: 750 !important;\n    opacity: 1 !important;\n  }\n\n  .om-contact-form-card .ff-btn-submit:hover {\n    background: #2b2d31 !important;\n  }\n\n  .om-contact-form-card .ff-el-form-check-label {\n    font-size: 0.7rem;\n    line-height: 1.5;\n    color: rgba(23, 23, 23, 0.6);\n  }\n\n  @media (max-width: 960px) {\n    .om-contact-layout {\n      grid-template-columns: 1fr;\n    }\n\n    .om-contact-form-column {\n      position: static;\n    }\n  }\n\n  @media (max-width: 720px) {\n    .om-contact-section {\n      padding: 82px 18px;\n    }\n\n    .om-contact-header {\n      margin-bottom: 52px;\n      text-align: left;\n    }\n\n    .om-contact-header h2 {\n      font-size: clamp(2.45rem, 12vw, 3.55rem);\n    }\n\n    .om-contact-info-card,\n    .om-contact-direct {\n      padding: 24px 21px;\n      border-radius: 19px;\n    }\n\n    .om-contact-form-card {\n      padding: 27px 21px;\n      border-radius: 22px;\n    }\n\n    .om-contact-direct-link {\n      grid-template-columns: 39px minmax(0, 1fr) auto;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .om-contact-direct-link {\n      transition: none;\n    }\n\n    .om-contact-direct-link:hover {\n      transform: none;\n    }\n  }\n<\/style>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenido al Universo OM Donde tus proyectos dejan de estar aislados y se convierten en un ecosistema que vende. Soy Olga Machado. No he construido una sola marca: he construido un sistema vivo de proyectos digitales, contenidos, libros, cocina, viajes, IA, estrategia e inmobiliario\/hoteles. OM Brand Studio es el centro donde todo ese conocimiento se [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=227"}],"version-history":[{"count":40,"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":319,"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=\/wp\/v2\/pages\/227\/revisions\/319"}],"wp:attachment":[{"href":"https:\/\/ombrandstudio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}