{"id":8,"date":"2026-08-18T00:08:31","date_gmt":"2026-08-18T00:08:31","guid":{"rendered":"https:\/\/ovcodeblock.ovdivi.com\/?page_id=8"},"modified":"2026-08-18T01:41:53","modified_gmt":"2026-08-18T01:41:53","slug":"home","status":"publish","type":"page","link":"https:\/\/ovcodeblock.ovdivi.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<div class=\"ov_code_block_0 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-hero a {text-decoration:none;color:inherit}\n#ovcb-hero button {font:inherit}\n#ovcb-hero .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-hero {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-hero .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-hero .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-hero .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-hero .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-hero .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-hero .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-hero .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-hero .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-hero .ovcb-primary:hover, #ovcb-hero .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-hero .ovcb-grid {display:grid;gap:22px}\n#ovcb-hero .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-hero .ovcb-pad {padding:28px}\n#ovcb-hero .ovcb-muted {color:#a9b0c2}\n#ovcb-hero .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-hero .tag {color:#8fd3ff}\n#ovcb-hero .attr {color:#c8a7ff}\n#ovcb-hero .str {color:#95e6bc}\n#ovcb-hero .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-hero .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-hero .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-hero .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-hero .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-hero .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-hero .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-hero .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-hero .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-hero .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-hero .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-hero .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-hero .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-hero .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-hero .ovcb-ai-grid, #ovcb-hero .ovcb-dynamic-grid, #ovcb-hero .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-hero .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-hero .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-hero .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-hero .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-hero .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-hero .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-hero .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-hero .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-hero .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-hero .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-hero .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-hero .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-hero .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-hero .ovcb-real-step strong {font-size:15px}\n#ovcb-hero .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-hero .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-hero {padding:86px 0}\n#ovcb-hero .ovcb-hero-grid, #ovcb-hero .ovcb-ai-grid, #ovcb-hero .ovcb-dynamic-grid, #ovcb-hero .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-hero .ovcb-flow, #ovcb-hero .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-hero .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-hero .ovcb-code-window {width:92%}\n#ovcb-hero .ovcb-listings, #ovcb-hero .ovcb-store, #ovcb-hero .ovcb-divi-grid, #ovcb-hero .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-hero .ovcb-btn {width:100%}\n}\n#ovcb-hero .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-hero .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-hero .ovcb-mini-hero-content button, #ovcb-hero .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-hero .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-hero .ovcb-price-switch span, #ovcb-hero .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-hero .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-hero .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-hero .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-hero .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-hero .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-hero .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-hero .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-hero .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-hero .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-hero .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-hero .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-hero .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-hero, #ovcb-hero .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-hero {\n  margin: 0 !important;\n}\n#ovcb-hero, #ovcb-hero .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-hero .ovcb-window, #ovcb-hero .ovcb-card, #ovcb-hero .ovcb-real, #ovcb-hero .ovcb-real-shot, #ovcb-hero .ovcb-showcase-art, #ovcb-hero .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-hero .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-hero, #ovcb-hero .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-hero .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-title {margin:18px 0;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n\n.ovcb-secondary {background:rgba(255,255,255,.04)}\n\n#ovcb-hero {min-height:94vh;display:flex;align-items:center;padding-top:92px}\n\n#ovcb-hero:before {content:\"\";position:absolute;inset:-20% auto auto 50%;width:780px;height:780px;background:radial-gradient(circle,rgba(119,83,255,.22),transparent 65%);transform:translateX(-20%)}\n\n.ovcb-hero-grid {display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}\n\n.ovcb-hero-visual {position:relative;min-height:590px}\n\n.ovcb-window {position:absolute;border:1px solid rgba(255,255,255,.09);background:rgba(13,16,24,.88);border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.4)}\n\n.ovcb-builder-window {right:0;bottom:18px;width:74%;padding:18px}\n\n.ovcb-dots {display:flex;gap:7px}\n\n.ovcb-dot {width:9px;height:9px;border-radius:50%;background:#3d4352}\n\n.ovcb-preview {padding:22px;border-radius:18px;background:linear-gradient(135deg,#151a2a,#0f1220);border:1px solid rgba(255,255,255,.07);margin-top:16px}\n\n.ovcb-field {padding:13px 14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:12px;margin-top:10px}\n\n.ovcb-arrow {position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 0 10px rgba(130,94,255,.08),0 20px 50px rgba(112,79,255,.4);font-size:24px;z-index:4}\n\n.ovcb-badges {display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}\n\n@media(max-width:980px) {.ovcb-hero-visual {min-height:540px} }\n\n@media(max-width:680px) {.ovcb-title {font-size:52px}\n.ovcb-builder-window {width:90%} }\n\n#ovcb-hero { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-hero h1, #ovcb-hero h3 { color: #f7f8fb !important; }\n#ovcb-hero input, #ovcb-hero textarea, #ovcb-hero select, #ovcb-hero button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-hero\" class=\"ovcb-section\"><div class=\"ovcb-shell ovcb-hero-grid\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">Built for Divi 5<\/span><h1 class=\"ovcb-title\">Custom code.<br><span class=\"ovcb-gradient\">Visual editing.<\/span><\/h1><p class=\"ovcb-subtitle\">Bring custom HTML, CSS, and JavaScript into Divi 5 and customize supported content visually \u2014 without going back to the code for every change.<\/p><div class=\"ovcb-btns\"><a class=\"ovcb-btn ovcb-primary\" href=\"#ovcb-demo\">See It In Action &rarr;<\/a><a class=\"ovcb-btn ovcb-secondary\" href=\"#ovcb-features\">Explore Features<\/a><\/div><div class=\"ovcb-badges\"><span class=\"ovcb-pill\">HTML<\/span><span class=\"ovcb-pill\">CSS<\/span><span class=\"ovcb-pill\">JavaScript<\/span><span class=\"ovcb-pill\">Dynamic Content<\/span><span class=\"ovcb-pill\">ACF<\/span><span class=\"ovcb-pill\">WooCommerce<\/span><\/div><\/div><div class=\"ovcb-hero-visual ovcb-reveal\"><div class=\"ovcb-window ovcb-code-window\"><div class=\"ovcb-head\"><div class=\"ovcb-dots\"><i class=\"ovcb-dot\"><\/i><i class=\"ovcb-dot\"><\/i><i class=\"ovcb-dot\"><\/i><\/div><span class=\"ovcb-label\">Custom Code<\/span><\/div><div class=\"ovcb-code\"><span class=\"tag\">&lt;section<\/span> <span class=\"attr\">class=<\/span><span class=\"str\">\"hero-card\"<\/span><span class=\"tag\">&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;h2&gt;<\/span>Build Something Different.<span class=\"tag\">&lt;\/h2&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;p&gt;<\/span>Your custom component inside Divi.<span class=\"tag\">&lt;\/p&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;a<\/span> <span class=\"attr\">href=<\/span><span class=\"str\">\"#\"<\/span><span class=\"tag\">&gt;<\/span>Explore<span class=\"tag\">&lt;\/a&gt;<\/span><br><span class=\"tag\">&lt;\/section&gt;<\/span><\/div><div class=\"ovcb-preview\"><span class=\"ovcb-pill\">LIVE PREVIEW<\/span><h3>Build Something Different.<\/h3><p class=\"ovcb-muted\">Your custom component inside Divi.<\/p><span class=\"ovcb-mini-btn\">Explore<\/span><\/div><\/div><div class=\"ovcb-arrow\">&rarr;<\/div><div class=\"ovcb-window ovcb-builder-window\"><div class=\"ovcb-head\"><span class=\"ovcb-label\">OV Code Block<\/span><span class=\"ovcb-pill\">Visual Builder<\/span><\/div><div class=\"ovcb-field\"><small>Heading<\/small><strong>Build Something Different.<\/strong><\/div><div class=\"ovcb-field\"><small>Text Color<\/small><strong>#F7F8FB<\/strong><\/div><div class=\"ovcb-field\"><small>Button Link<\/small><strong>\/explore\/<\/strong><\/div><\/div><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_1 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-workflow a {text-decoration:none;color:inherit}\n#ovcb-workflow button {font:inherit}\n#ovcb-workflow .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-workflow {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-workflow .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-workflow .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-workflow .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-workflow .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-workflow .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-workflow .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-workflow .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-workflow .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-workflow .ovcb-primary:hover, #ovcb-workflow .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-workflow .ovcb-grid {display:grid;gap:22px}\n#ovcb-workflow .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-workflow .ovcb-pad {padding:28px}\n#ovcb-workflow .ovcb-muted {color:#a9b0c2}\n#ovcb-workflow .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-workflow .tag {color:#8fd3ff}\n#ovcb-workflow .attr {color:#c8a7ff}\n#ovcb-workflow .str {color:#95e6bc}\n#ovcb-workflow .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-workflow .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-workflow .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-workflow .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-workflow .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-workflow .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-workflow .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-workflow .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-workflow .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-workflow .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-workflow .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-workflow .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-workflow .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-workflow .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-workflow .ovcb-ai-grid, #ovcb-workflow .ovcb-dynamic-grid, #ovcb-workflow .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-workflow .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-workflow .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-workflow .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-workflow .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-workflow .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-workflow .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-workflow .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-workflow .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-workflow .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-workflow .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-workflow .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-workflow .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-workflow .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-workflow .ovcb-real-step strong {font-size:15px}\n#ovcb-workflow .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-workflow .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-workflow {padding:86px 0}\n#ovcb-workflow .ovcb-hero-grid, #ovcb-workflow .ovcb-ai-grid, #ovcb-workflow .ovcb-dynamic-grid, #ovcb-workflow .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-workflow .ovcb-flow, #ovcb-workflow .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-workflow .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-workflow .ovcb-code-window {width:92%}\n#ovcb-workflow .ovcb-listings, #ovcb-workflow .ovcb-store, #ovcb-workflow .ovcb-divi-grid, #ovcb-workflow .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-workflow .ovcb-btn {width:100%}\n}\n#ovcb-workflow .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-workflow .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-workflow .ovcb-mini-hero-content button, #ovcb-workflow .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-workflow .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-workflow .ovcb-price-switch span, #ovcb-workflow .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-workflow .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-workflow .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-workflow .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-workflow .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-workflow .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-workflow .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-workflow .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-workflow .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-workflow .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-workflow .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-workflow .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-workflow .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-workflow, #ovcb-workflow .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-workflow {\n  margin: 0 !important;\n}\n#ovcb-workflow, #ovcb-workflow .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-workflow .ovcb-window, #ovcb-workflow .ovcb-card, #ovcb-workflow .ovcb-real, #ovcb-workflow .ovcb-real-shot, #ovcb-workflow .ovcb-showcase-art, #ovcb-workflow .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-workflow .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-workflow, #ovcb-workflow .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-workflow .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-flow {grid-template-columns:repeat(3,1fr);margin-top:50px}\n\n.ovcb-step {padding:30px;min-height:260px;position:relative}\n\n.ovcb-step-num {font-size:12px;color:#777f93;font-weight:900;letter-spacing:.16em}\n\n.ovcb-step-icon {position:absolute;right:24px;top:22px;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;background:rgba(255,255,255,.035)}\n\n#ovcb-workflow { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-workflow h2, #ovcb-workflow h3 { color: #f7f8fb !important; }\n#ovcb-workflow input, #ovcb-workflow textarea, #ovcb-workflow select, #ovcb-workflow button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-workflow\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">A Better Workflow<\/span><h2 class=\"ovcb-title-md\">Custom code shouldn't mean<br><span class=\"ovcb-gradient\">giving up visual editing.<\/span><\/h2><p class=\"ovcb-subtitle\">Build unique components your way, then keep customizing them from inside Divi 5.<\/p><\/div><div class=\"ovcb-grid ovcb-flow\"><article class=\"ovcb-card ovcb-step ovcb-reveal\"><span class=\"ovcb-step-num\">01 \u2014 GENERATE<\/span><span class=\"ovcb-step-icon\">\u2726<\/span><h3>Build with AI<\/h3><p class=\"ovcb-muted\">Create unique HTML, CSS and JavaScript components using your favorite AI coding assistant or write them yourself.<\/p><\/article><article class=\"ovcb-card ovcb-step ovcb-reveal\"><span class=\"ovcb-step-num\">02 \u2014 IMPORT<\/span><span class=\"ovcb-step-icon\">&lt;\/&gt;<\/span><h3>Bring it into Divi<\/h3><p class=\"ovcb-muted\">Paste your custom component directly into OV Code Block and keep the structure you already built.<\/p><\/article><article class=\"ovcb-card ovcb-step ovcb-reveal\"><span class=\"ovcb-step-num\">03 \u2014 CUSTOMIZE<\/span><span class=\"ovcb-step-icon\">\u25eb<\/span><h3>Edit it visually<\/h3><p class=\"ovcb-muted\">Change supported text, images, colors, links, backgrounds and more without hunting through source code.<\/p><\/article><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_2 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-demo a {text-decoration:none;color:inherit}\n#ovcb-demo button {font:inherit}\n#ovcb-demo .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-demo {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-demo .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-demo .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-demo .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-demo .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-demo .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-demo .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-demo .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-demo .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-demo .ovcb-primary:hover, #ovcb-demo .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-demo .ovcb-grid {display:grid;gap:22px}\n#ovcb-demo .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-demo .ovcb-pad {padding:28px}\n#ovcb-demo .ovcb-muted {color:#a9b0c2}\n#ovcb-demo .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-demo .tag {color:#8fd3ff}\n#ovcb-demo .attr {color:#c8a7ff}\n#ovcb-demo .str {color:#95e6bc}\n#ovcb-demo .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-demo .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-demo .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-demo .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-demo .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-demo .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-demo .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-demo .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-demo .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-demo .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-demo .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-demo .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-demo .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-demo .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-demo .ovcb-ai-grid, #ovcb-demo .ovcb-dynamic-grid, #ovcb-demo .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-demo .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-demo .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-demo .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-demo .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-demo .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-demo .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-demo .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-demo .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-demo .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-demo .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-demo .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-demo .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-demo .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-demo .ovcb-real-step strong {font-size:15px}\n#ovcb-demo .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-demo .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-demo {padding:86px 0}\n#ovcb-demo .ovcb-hero-grid, #ovcb-demo .ovcb-ai-grid, #ovcb-demo .ovcb-dynamic-grid, #ovcb-demo .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-demo .ovcb-flow, #ovcb-demo .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-demo .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-demo .ovcb-code-window {width:92%}\n#ovcb-demo .ovcb-listings, #ovcb-demo .ovcb-store, #ovcb-demo .ovcb-divi-grid, #ovcb-demo .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-demo .ovcb-btn {width:100%}\n}\n#ovcb-demo .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-demo .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-demo .ovcb-mini-hero-content button, #ovcb-demo .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-demo .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-demo .ovcb-price-switch span, #ovcb-demo .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-demo .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-demo .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-demo .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-demo .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-demo .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-demo .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-demo .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-demo .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-demo .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-demo .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-demo .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-demo .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-demo, #ovcb-demo .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-demo {\n  margin: 0 !important;\n}\n#ovcb-demo, #ovcb-demo .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-demo .ovcb-window, #ovcb-demo .ovcb-card, #ovcb-demo .ovcb-real, #ovcb-demo .ovcb-real-shot, #ovcb-demo .ovcb-showcase-art, #ovcb-demo .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-demo .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-demo, #ovcb-demo .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-demo .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-demo-grid {grid-template-columns:1fr 1fr;margin-top:46px}\n\n.ovcb-demo-panel {overflow:hidden}\n\n.ovcb-demo-head {display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.09)}\n\n.ovcb-demo-body {padding:24px}\n\n.ovcb-demo-preview {min-height:420px;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 20% 10%,rgba(141,99,255,.18),transparent 36%),linear-gradient(135deg,#0e111b,#111524)}\n\n.ovcb-product-card {width:min(360px,100%);padding:24px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);transition:.3s}\n\n.ovcb-thumb {height:170px;border-radius:18px;background:linear-gradient(135deg,#845ef7,#4cb7ff);position:relative;overflow:hidden}\n\n.ovcb-thumb:after {content:\"<\/>\";position:absolute;inset:0;display:grid;place-items:center;font-size:54px;font-weight:900;color:rgba(255,255,255,.82)}\n\n.ovcb-edit-list {display:grid;gap:10px;margin-top:18px}\n\n.ovcb-edit-row {display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.035);color:#fff;cursor:pointer}\n\n.ovcb-edit-row.active {border-color:rgba(141,99,255,.55);box-shadow:0 0 0 3px rgba(141,99,255,.08)}\n\n#ovcb-demo { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-demo h2, #ovcb-demo h3 { color: #f7f8fb !important; }\n#ovcb-demo input, #ovcb-demo textarea, #ovcb-demo select, #ovcb-demo button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-demo\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">See It In Action<\/span><h2 class=\"ovcb-title-md\">From code to visual<br><span class=\"ovcb-gradient\">in seconds.<\/span><\/h2><p class=\"ovcb-subtitle\">Select an editable property and see how custom code becomes manageable inside your visual workflow.<\/p><\/div><div class=\"ovcb-grid ovcb-demo-grid\"><div class=\"ovcb-card ovcb-demo-panel ovcb-reveal\"><div class=\"ovcb-demo-head\"><span class=\"ovcb-label\">HTML \/ CSS<\/span><span class=\"ovcb-pill\">SOURCE<\/span><\/div><div class=\"ovcb-demo-body ovcb-code\"><span class=\"tag\">&lt;article<\/span> <span class=\"attr\">class=<\/span><span class=\"str\">\"product-card\"<\/span><span class=\"tag\">&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;img<\/span> <span class=\"attr\">src=<\/span><span class=\"str\">\"image.jpg\"<\/span><span class=\"tag\">&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;h3&gt;<\/span>Creative Component<span class=\"tag\">&lt;\/h3&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;p&gt;<\/span>Designed with custom code.<span class=\"tag\">&lt;\/p&gt;<\/span><br>&nbsp;&nbsp;<span class=\"tag\">&lt;a<\/span> <span class=\"attr\">href=<\/span><span class=\"str\">\"#\"<\/span><span class=\"tag\">&gt;<\/span>Discover<span class=\"tag\">&lt;\/a&gt;<\/span><br><span class=\"tag\">&lt;\/article&gt;<\/span><\/div><div class=\"ovcb-demo-body\"><div class=\"ovcb-edit-list\"><button class=\"ovcb-edit-row active\" data-edit=\"title\"><span>Text<\/span><b>Creative Component<\/b><\/button><button class=\"ovcb-edit-row\" data-edit=\"image\"><span>Image<\/span><b>image.jpg<\/b><\/button><button class=\"ovcb-edit-row\" data-edit=\"color\"><span>Accent Color<\/span><b>#8D63FF<\/b><\/button><button class=\"ovcb-edit-row\" data-edit=\"link\"><span>Link<\/span><b>\/discover\/<\/b><\/button><\/div><\/div><\/div><div class=\"ovcb-card ovcb-demo-panel ovcb-reveal\"><div class=\"ovcb-demo-head\"><span class=\"ovcb-label\">Visual Result<\/span><span class=\"ovcb-pill\">DIVI 5<\/span><\/div><div class=\"ovcb-demo-preview\"><article class=\"ovcb-product-card\" id=\"live-card\"><div class=\"ovcb-thumb\" id=\"live-thumb\"><\/div><h3 id=\"live-title\">Creative Component<\/h3><p class=\"ovcb-muted\">Designed with custom code. Customized visually.<\/p><span class=\"ovcb-mini-btn\" id=\"live-link\">Discover<\/span><\/article><\/div><\/div><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_3 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-real-ui a {text-decoration:none;color:inherit}\n#ovcb-real-ui button {font:inherit}\n#ovcb-real-ui .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-real-ui {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-real-ui .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-real-ui .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-real-ui .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-real-ui .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-real-ui .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-real-ui .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-real-ui .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-real-ui .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-real-ui .ovcb-primary:hover, #ovcb-real-ui .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-real-ui .ovcb-grid {display:grid;gap:22px}\n#ovcb-real-ui .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-real-ui .ovcb-pad {padding:28px}\n#ovcb-real-ui .ovcb-muted {color:#a9b0c2}\n#ovcb-real-ui .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-real-ui .tag {color:#8fd3ff}\n#ovcb-real-ui .attr {color:#c8a7ff}\n#ovcb-real-ui .str {color:#95e6bc}\n#ovcb-real-ui .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-real-ui .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-real-ui .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-real-ui .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-real-ui .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-real-ui .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-real-ui .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-real-ui .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-real-ui .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-real-ui .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-real-ui .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-real-ui .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-real-ui .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-real-ui .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-real-ui .ovcb-ai-grid, #ovcb-real-ui .ovcb-dynamic-grid, #ovcb-real-ui .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-real-ui .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-real-ui .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-real-ui .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-real-ui .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-real-ui .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-real-ui .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-real-ui .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-real-ui .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-real-ui .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-real-ui .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-real-ui .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-real-ui .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-real-ui .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-real-ui .ovcb-real-step strong {font-size:15px}\n#ovcb-real-ui .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-real-ui .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-real-ui {padding:86px 0}\n#ovcb-real-ui .ovcb-hero-grid, #ovcb-real-ui .ovcb-ai-grid, #ovcb-real-ui .ovcb-dynamic-grid, #ovcb-real-ui .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-real-ui .ovcb-flow, #ovcb-real-ui .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-real-ui .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-real-ui .ovcb-code-window {width:92%}\n#ovcb-real-ui .ovcb-listings, #ovcb-real-ui .ovcb-store, #ovcb-real-ui .ovcb-divi-grid, #ovcb-real-ui .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-real-ui .ovcb-btn {width:100%}\n}\n#ovcb-real-ui .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-real-ui .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-real-ui .ovcb-mini-hero-content button, #ovcb-real-ui .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-real-ui .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-real-ui .ovcb-price-switch span, #ovcb-real-ui .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-real-ui .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-real-ui .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-real-ui .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-real-ui .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-real-ui .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-real-ui .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-real-ui .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-real-ui .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-real-ui .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-real-ui .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-real-ui .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-real-ui .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-real-ui, #ovcb-real-ui .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-real-ui {\n  margin: 0 !important;\n}\n#ovcb-real-ui, #ovcb-real-ui .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-real-ui .ovcb-window, #ovcb-real-ui .ovcb-card, #ovcb-real-ui .ovcb-real, #ovcb-real-ui .ovcb-real-shot, #ovcb-real-ui .ovcb-showcase-art, #ovcb-real-ui .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-real-ui .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-real-ui, #ovcb-real-ui .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-real-ui .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n\/* V4 REAL PRODUCT SECTION *\/\n.ovcb-real {margin-top:46px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(135deg,rgba(236,42,167,.10),rgba(141,99,255,.08),rgba(85,184,255,.06));box-shadow:var(--shadow)}\n\n.ovcb-real-shot {position:relative;aspect-ratio:16\/9;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0a0d14;display:grid;place-items:center}\n\n.ovcb-real-shot img {width:100%;height:100%;object-fit:cover}\n\n.ovcb-real-placeholder {position:absolute;inset:0;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 65% 35%,rgba(236,42,167,.16),transparent 28%),linear-gradient(135deg,#090b12,#111526)}\n\n.ovcb-real-placeholder-card {width:min(900px,90%);display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}\n\n.ovcb-real-canvas,.ovcb-real-editor {border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045)}\n\n.ovcb-real-canvas {padding:28px;min-height:320px}\n\n.ovcb-real-editor {padding:14px;min-height:370px;border-color:rgba(236,42,167,.38)}\n\n.ovcb-real-editor-head {height:46px;border-radius:11px;background:linear-gradient(90deg,#ec2aa7,#6947e8);margin-bottom:14px}\n\n.ovcb-real-field {height:52px;border:1px solid rgba(255,255,255,.10);border-radius:10px;background:rgba(255,255,255,.04);margin:10px 0}\n\n.ovcb-real-tag {position:absolute;top:24px;left:24px;z-index:3;padding:8px 11px;border-radius:999px;background:linear-gradient(90deg,#ec2aa7,#7049ed);font-size:10px;font-weight:900;letter-spacing:.09em}\n\n.ovcb-real-steps {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}\n\n.ovcb-real-step {padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.03)}\n\n\/* V5 \u2014 REAL SCREENSHOT *\/\n.ovcb-real-shot {\n  position:relative;\n  aspect-ratio:auto !important;\n  border-radius:20px;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.10);\n  background:#0a0d14;\n  display:block !important;\n}\n\n.ovcb-real-shot img {\n  display:block;\n  width:100%;\n  height:auto !important;\n  object-fit:contain !important;\n}\n\n.ovcb-real-tag,\n.ovcb-real-placeholder {display:none !important}\n\n@media(max-width:780px) {.ovcb-real-placeholder-card {grid-template-columns:1fr}\n.ovcb-real-canvas {display:none}\n.ovcb-real-steps {grid-template-columns:1fr} }\n\n#ovcb-real-ui { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-real-ui h2 { color: #f7f8fb !important; }\n#ovcb-real-ui input, #ovcb-real-ui textarea, #ovcb-real-ui select, #ovcb-real-ui button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-real-ui\" class=\"ovcb-section\">\n<div class=\"ovcb-shell\">\n  <div class=\"ovcb-reveal\">\n    <span class=\"ovcb-kicker\">Real Divi 5 Workflow<\/span>\n    <h2 class=\"ovcb-title-md\">See OV Code Block<br><span class=\"ovcb-gradient\">working inside Divi 5.<\/span><\/h2>\n    <p class=\"ovcb-subtitle\">Select content in your custom-coded layout, edit supported values visually, and see the result directly inside the Divi 5 Visual Builder.<\/p>\n  <\/div>\n\n  <div class=\"ovcb-real ovcb-reveal\">\n    <div class=\"ovcb-real-shot\">\n      <!--\n        REAL SCREENSHOT\n        Recommended size for this landing: 1600 x 1000 px (16:10).\n        1920 x 1200 px also works well.\n        In OV Code Block, simply replace this image from the Images panel.\n      -->\n      <img decoding=\"async\" id=\"ovcb-real-screenshot\" src=\"https:\/\/ovcodeblock.ovdivi.com\/wp-content\/uploads\/2026\/08\/captura-ov-code-block-1.png\" alt=\"OV Code Block editing custom content inside the Divi 5 Visual Builder\">\n    <\/div>\n\n    <div class=\"ovcb-real-steps\">\n      <div class=\"ovcb-real-step\">\n        <b>01 \u2014 SELECT<\/b>\n        <strong>Choose the content you want to customize.<\/strong>\n      <\/div>\n      <div class=\"ovcb-real-step\">\n        <b>02 \u2014 EDIT<\/b>\n        <strong>Change supported text, images, colors, links and more.<\/strong>\n      <\/div>\n      <div class=\"ovcb-real-step\">\n        <b>03 \u2014 SEE IT LIVE<\/b>\n        <strong>Watch the design update directly inside Divi.<\/strong>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_4 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-features a {text-decoration:none;color:inherit}\n#ovcb-features button {font:inherit}\n#ovcb-features .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-features {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-features .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-features .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-features .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-features .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-features .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-features .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-features .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-features .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-features .ovcb-primary:hover, #ovcb-features .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-features .ovcb-grid {display:grid;gap:22px}\n#ovcb-features .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-features .ovcb-pad {padding:28px}\n#ovcb-features .ovcb-muted {color:#a9b0c2}\n#ovcb-features .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-features .tag {color:#8fd3ff}\n#ovcb-features .attr {color:#c8a7ff}\n#ovcb-features .str {color:#95e6bc}\n#ovcb-features .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-features .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-features .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-features .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-features .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-features .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-features .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-features .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-features .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-features .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-features .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-features .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-features .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-features .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-features .ovcb-ai-grid, #ovcb-features .ovcb-dynamic-grid, #ovcb-features .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-features .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-features .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-features .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-features .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-features .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-features .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-features .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-features .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-features .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-features .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-features .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-features .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-features .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-features .ovcb-real-step strong {font-size:15px}\n#ovcb-features .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-features .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-features {padding:86px 0}\n#ovcb-features .ovcb-hero-grid, #ovcb-features .ovcb-ai-grid, #ovcb-features .ovcb-dynamic-grid, #ovcb-features .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-features .ovcb-flow, #ovcb-features .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-features .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-features .ovcb-code-window {width:92%}\n#ovcb-features .ovcb-listings, #ovcb-features .ovcb-store, #ovcb-features .ovcb-divi-grid, #ovcb-features .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-features .ovcb-btn {width:100%}\n}\n#ovcb-features .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-features .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-features .ovcb-mini-hero-content button, #ovcb-features .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-features .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-features .ovcb-price-switch span, #ovcb-features .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-features .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-features .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-features .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-features .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-features .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-features .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-features .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-features .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-features .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-features .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-features .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-features .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-features, #ovcb-features .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-features {\n  margin: 0 !important;\n}\n#ovcb-features, #ovcb-features .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-features .ovcb-window, #ovcb-features .ovcb-card, #ovcb-features .ovcb-real, #ovcb-features .ovcb-real-shot, #ovcb-features .ovcb-showcase-art, #ovcb-features .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-features .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-features, #ovcb-features .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-features .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-bento {grid-template-columns:repeat(12,1fr);margin-top:44px}\n\n.span4 {grid-column:span 4}\n\n.span5 {grid-column:span 5}\n\n.span7 {grid-column:span 7}\n\n.ovcb-art {height:92px;margin-top:28px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);position:relative;overflow:hidden}\n\n.art-lines:before {content:\"Heading\\A Paragraph\\A Button\";white-space:pre;position:absolute;inset:18px;color:#cbd2e5;font:700 13px\/1.8 monospace}\n\n.art-colors:before {content:\"\";position:absolute;width:46px;height:46px;border-radius:50%;background:#8d63ff;left:20px;top:22px;box-shadow:58px 0 0 #55b8ff,116px 0 0 #6ce5ad,174px 0 0 #f1c75b}\n\n.art-image:before {content:\"\";position:absolute;inset:14px;border-radius:12px;background:linear-gradient(135deg,rgba(141,99,255,.8),rgba(85,184,255,.9))}\n\n.art-link:before {content:\"https:\/\/your-site.com\";position:absolute;left:18px;right:18px;top:26px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#aab2c5;font:12px monospace}\n\n@media(max-width:980px) {.span4,.span5,.span7,.span8 {grid-column:span 6} }\n\n@media(max-width:680px) {.ovcb-bento {grid-template-columns:1fr}\n.span4,.span5,.span7,.span8 {grid-column:auto} }\n\n#ovcb-features { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-features h2, #ovcb-features h3 { color: #f7f8fb !important; }\n#ovcb-features input, #ovcb-features textarea, #ovcb-features select, #ovcb-features button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-features\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">Visual Editing<\/span><h2 class=\"ovcb-title-md\">Edit what matters.<br><span class=\"ovcb-gradient\">Keep your code intact.<\/span><\/h2><p class=\"ovcb-subtitle\">OV Code Block detects supported elements and exposes practical controls for everyday customization.<\/p><\/div><div class=\"ovcb-grid ovcb-bento\"><article class=\"ovcb-card span5 ovcb-reveal\"><h3>Text &amp; Headings<\/h3><p>Edit supported text content directly without searching through your markup.<\/p><div class=\"ovcb-art art-lines\"><\/div><\/article><article class=\"ovcb-card span7 ovcb-reveal\"><h3>Colors &amp; Backgrounds<\/h3><p>Customize colors, backgrounds, borders and supported CSS values from an easier visual interface.<\/p><div class=\"ovcb-art art-colors\"><\/div><\/article><article class=\"ovcb-card span4 ovcb-reveal\"><h3>Images<\/h3><p>Swap images and supported background media without rewriting HTML.<\/p><div class=\"ovcb-art art-image\"><\/div><\/article><article class=\"ovcb-card span4 ovcb-reveal\"><h3>Links<\/h3><p>Update button and link destinations visually.<\/p><div class=\"ovcb-art art-link\"><\/div><\/article><article class=\"ovcb-card span4 ovcb-reveal\"><h3>More Controls<\/h3><p>SVG fill, videos, poster images, iframes, CSS variables, hover states, tables and more.<\/p><div class=\"ovcb-tags\"><code>SVG<\/code><code>VIDEO<\/code><code>IFRAME<\/code><code>:ROOT<\/code><code>HOVER<\/code><\/div><\/article><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_5 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-ai a {text-decoration:none;color:inherit}\n#ovcb-ai button {font:inherit}\n#ovcb-ai .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-ai {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-ai .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-ai .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-ai .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-ai .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-ai .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-ai .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-ai .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-ai .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-ai .ovcb-primary:hover, #ovcb-ai .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-ai .ovcb-grid {display:grid;gap:22px}\n#ovcb-ai .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-ai .ovcb-pad {padding:28px}\n#ovcb-ai .ovcb-muted {color:#a9b0c2}\n#ovcb-ai .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-ai .tag {color:#8fd3ff}\n#ovcb-ai .attr {color:#c8a7ff}\n#ovcb-ai .str {color:#95e6bc}\n#ovcb-ai .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-ai .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-ai .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-ai .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-ai .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-ai .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-ai .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-ai .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-ai .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-ai .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-ai .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-ai .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-ai .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-ai .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-ai .ovcb-ai-grid, #ovcb-ai .ovcb-dynamic-grid, #ovcb-ai .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-ai .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-ai .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-ai .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-ai .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-ai .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-ai .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-ai .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-ai .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-ai .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-ai .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-ai .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-ai .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-ai .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-ai .ovcb-real-step strong {font-size:15px}\n#ovcb-ai .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-ai .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-ai {padding:86px 0}\n#ovcb-ai .ovcb-hero-grid, #ovcb-ai .ovcb-ai-grid, #ovcb-ai .ovcb-dynamic-grid, #ovcb-ai .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-ai .ovcb-flow, #ovcb-ai .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-ai .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-ai .ovcb-code-window {width:92%}\n#ovcb-ai .ovcb-listings, #ovcb-ai .ovcb-store, #ovcb-ai .ovcb-divi-grid, #ovcb-ai .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-ai .ovcb-btn {width:100%}\n}\n#ovcb-ai .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-ai .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-ai .ovcb-mini-hero-content button, #ovcb-ai .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-ai .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-ai .ovcb-price-switch span, #ovcb-ai .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-ai .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-ai .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-ai .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-ai .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-ai .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-ai .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-ai .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-ai .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-ai .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-ai .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-ai .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-ai .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-ai, #ovcb-ai .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-ai {\n  margin: 0 !important;\n}\n#ovcb-ai, #ovcb-ai .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-ai .ovcb-window, #ovcb-ai .ovcb-card, #ovcb-ai .ovcb-real, #ovcb-ai .ovcb-real-shot, #ovcb-ai .ovcb-showcase-art, #ovcb-ai .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-ai .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-ai, #ovcb-ai .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-ai .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-pipeline {display:grid;gap:14px}\n\n.ovcb-pipe {padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);display:flex;align-items:center;gap:14px}\n\n.ovcb-pipe-icon {width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(141,99,255,.22),rgba(85,184,255,.18));border:1px solid rgba(141,99,255,.24)}\n\n.ovcb-pipe-arrow {text-align:center;color:#6d7486}\n\n#ovcb-ai { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-ai h2 { color: #f7f8fb !important; }\n#ovcb-ai input, #ovcb-ai textarea, #ovcb-ai select, #ovcb-ai button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-ai\" class=\"ovcb-section\"><div class=\"ovcb-shell ovcb-ai-grid\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">AI + Divi 5<\/span><h2 class=\"ovcb-title-md\">AI writes the code.<br><span class=\"ovcb-gradient\">OV Code Block makes it yours.<\/span><\/h2><p class=\"ovcb-subtitle\">Use your preferred coding assistant to generate custom components, then bring them into Divi 5 and keep customizing supported content visually.<\/p><\/div><div class=\"ovcb-card ovcb-pad ovcb-pipeline ovcb-reveal\"><div class=\"ovcb-pipe\"><span class=\"ovcb-pipe-icon\">\u2726<\/span><div><strong>Your Prompt<\/strong><div class=\"ovcb-muted\">Describe the component you want.<\/div><\/div><\/div><div class=\"ovcb-pipe-arrow\">\u2193<\/div><div class=\"ovcb-pipe\"><span class=\"ovcb-pipe-icon\">&lt;\/&gt;<\/span><div><strong>HTML + CSS + JavaScript<\/strong><div class=\"ovcb-muted\">Use custom or AI-generated code.<\/div><\/div><\/div><div class=\"ovcb-pipe-arrow\">\u2193<\/div><div class=\"ovcb-pipe\"><span class=\"ovcb-pipe-icon\">OV<\/span><div><strong>OV Code Block<\/strong><div class=\"ovcb-muted\">Import and expose supported editable content.<\/div><\/div><\/div><div class=\"ovcb-pipe-arrow\">\u2193<\/div><div class=\"ovcb-pipe\"><span class=\"ovcb-pipe-icon\">\u25eb<\/span><div><strong>Divi 5 Visual Builder<\/strong><div class=\"ovcb-muted\">Continue designing in your normal workflow.<\/div><\/div><\/div><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_6 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-dynamic a {text-decoration:none;color:inherit}\n#ovcb-dynamic button {font:inherit}\n#ovcb-dynamic .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-dynamic {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-dynamic .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-dynamic .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-dynamic .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-dynamic .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-dynamic .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-dynamic .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-dynamic .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-dynamic .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-dynamic .ovcb-primary:hover, #ovcb-dynamic .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-dynamic .ovcb-grid {display:grid;gap:22px}\n#ovcb-dynamic .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-dynamic .ovcb-pad {padding:28px}\n#ovcb-dynamic .ovcb-muted {color:#a9b0c2}\n#ovcb-dynamic .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-dynamic .tag {color:#8fd3ff}\n#ovcb-dynamic .attr {color:#c8a7ff}\n#ovcb-dynamic .str {color:#95e6bc}\n#ovcb-dynamic .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-dynamic .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-dynamic .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-dynamic .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-dynamic .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-dynamic .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-dynamic .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-dynamic .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-dynamic .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-dynamic .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-dynamic .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-dynamic .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-dynamic .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-dynamic .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-dynamic .ovcb-ai-grid, #ovcb-dynamic .ovcb-dynamic-grid, #ovcb-dynamic .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-dynamic .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-dynamic .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-dynamic .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-dynamic .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-dynamic .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-dynamic .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-dynamic .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-dynamic .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-dynamic .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-dynamic .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-dynamic .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-dynamic .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-dynamic .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-dynamic .ovcb-real-step strong {font-size:15px}\n#ovcb-dynamic .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-dynamic .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-dynamic {padding:86px 0}\n#ovcb-dynamic .ovcb-hero-grid, #ovcb-dynamic .ovcb-ai-grid, #ovcb-dynamic .ovcb-dynamic-grid, #ovcb-dynamic .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-dynamic .ovcb-flow, #ovcb-dynamic .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-dynamic .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-dynamic .ovcb-code-window {width:92%}\n#ovcb-dynamic .ovcb-listings, #ovcb-dynamic .ovcb-store, #ovcb-dynamic .ovcb-divi-grid, #ovcb-dynamic .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-dynamic .ovcb-btn {width:100%}\n}\n#ovcb-dynamic .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-dynamic .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-dynamic .ovcb-mini-hero-content button, #ovcb-dynamic .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-dynamic .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-dynamic .ovcb-price-switch span, #ovcb-dynamic .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-dynamic .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-dynamic .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-dynamic .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-dynamic .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-dynamic .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-dynamic .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-dynamic .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-dynamic .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-dynamic .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-dynamic .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-dynamic .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-dynamic .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-dynamic, #ovcb-dynamic .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-dynamic {\n  margin: 0 !important;\n}\n#ovcb-dynamic, #ovcb-dynamic .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-dynamic .ovcb-window, #ovcb-dynamic .ovcb-card, #ovcb-dynamic .ovcb-real, #ovcb-dynamic .ovcb-real-shot, #ovcb-dynamic .ovcb-showcase-art, #ovcb-dynamic .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-dynamic .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-dynamic, #ovcb-dynamic .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-dynamic .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-token {display:inline-flex;padding:8px 10px;border-radius:9px;background:rgba(108,229,173,.08);border:1px solid rgba(108,229,173,.22);color:#8ceabd;font:700 12px monospace;margin:5px 4px 0 0}\n\n.ovcb-listings {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}\n\n.ovcb-listing {padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.03)}\n\n.ovcb-listing-thumb {height:86px;border-radius:10px;background:linear-gradient(135deg,#342655,#16344a);margin-bottom:14px}\n\n#ovcb-dynamic { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-dynamic h2 { color: #f7f8fb !important; }\n#ovcb-dynamic input, #ovcb-dynamic textarea, #ovcb-dynamic select, #ovcb-dynamic button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-dynamic\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">Dynamic Content<\/span><h2 class=\"ovcb-title-md\">Static code becomes<br><span class=\"ovcb-gradient\">dynamic.<\/span><\/h2><p class=\"ovcb-subtitle\">Connect supported elements to WordPress, ACF, custom post types and taxonomies to build reusable coded templates.<\/p><\/div><div class=\"ovcb-dynamic-grid\"><div class=\"ovcb-card ovcb-pad ovcb-reveal\"><div class=\"ovcb-head\"><span class=\"ovcb-label\">One Custom Template<\/span><span class=\"ovcb-pill\">ACF + CPT<\/span><\/div><div class=\"ovcb-code\"><span class=\"tag\">&lt;h2&gt;<\/span><span class=\"ovcb-display-token\" data-ovcb-token=\"acf:property_name\"><\/span><span class=\"tag\">&lt;\/h2&gt;<\/span><br><span class=\"tag\">&lt;p&gt;<\/span><span class=\"ovcb-display-token\" data-ovcb-token=\"acf:property_price\"><\/span><span class=\"tag\">&lt;\/p&gt;<\/span><br><span class=\"tag\">&lt;a<\/span> <span class=\"attr\">href=<\/span><span class=\"str\">\"<span class=\"ovcb-display-token\" data-ovcb-token=\"taxonomy:url\"><\/span>\"<\/span><span class=\"tag\">&gt;<\/span>View location<span class=\"tag\">&lt;\/a&gt;<\/span><\/div><div style=\"margin-top:20px\"><span class=\"ovcb-token\"><span class=\"ovcb-display-token\" data-ovcb-token=\"acf:property_name\"><\/span><\/span><span class=\"ovcb-token\"><span class=\"ovcb-display-token\" data-ovcb-token=\"acf:property_price\"><\/span><\/span><span class=\"ovcb-token\"><span class=\"ovcb-display-token\" data-ovcb-token=\"taxonomy:name\"><\/span><\/span><span class=\"ovcb-token\"><span class=\"ovcb-display-token\" data-ovcb-token=\"taxonomy:url\"><\/span><\/span><\/div><\/div><div class=\"ovcb-card ovcb-pad ovcb-reveal\"><div class=\"ovcb-head\"><span class=\"ovcb-label\">Multiple Entries<\/span><span class=\"ovcb-pill\">ONE TEMPLATE<\/span><\/div><div class=\"ovcb-listings\"><article class=\"ovcb-listing\"><div class=\"ovcb-listing-thumb\"><\/div><h4>Modern Villa<\/h4><p>$850,000<\/p><\/article><article class=\"ovcb-listing\"><div class=\"ovcb-listing-thumb\"><\/div><h4>Ocean House<\/h4><p>$1,250,000<\/p><\/article><article class=\"ovcb-listing\"><div class=\"ovcb-listing-thumb\"><\/div><h4>City Loft<\/h4><p>$475,000<\/p><\/article><\/div><\/div><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_7 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-woocommerce a {text-decoration:none;color:inherit}\n#ovcb-woocommerce button {font:inherit}\n#ovcb-woocommerce .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-woocommerce {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-woocommerce .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-woocommerce .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-woocommerce .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-woocommerce .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-woocommerce .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-woocommerce .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-woocommerce .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-woocommerce .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-woocommerce .ovcb-primary:hover, #ovcb-woocommerce .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-woocommerce .ovcb-grid {display:grid;gap:22px}\n#ovcb-woocommerce .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-woocommerce .ovcb-pad {padding:28px}\n#ovcb-woocommerce .ovcb-muted {color:#a9b0c2}\n#ovcb-woocommerce .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-woocommerce .tag {color:#8fd3ff}\n#ovcb-woocommerce .attr {color:#c8a7ff}\n#ovcb-woocommerce .str {color:#95e6bc}\n#ovcb-woocommerce .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-woocommerce .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-woocommerce .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-woocommerce .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-woocommerce .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-woocommerce .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-woocommerce .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-woocommerce .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-woocommerce .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-woocommerce .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-woocommerce .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-woocommerce .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-woocommerce .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-woocommerce .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-woocommerce .ovcb-ai-grid, #ovcb-woocommerce .ovcb-dynamic-grid, #ovcb-woocommerce .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-woocommerce .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-woocommerce .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-woocommerce .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-woocommerce .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-woocommerce .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-woocommerce .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-woocommerce .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-woocommerce .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-woocommerce .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-woocommerce .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-woocommerce .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-woocommerce .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-woocommerce .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-woocommerce .ovcb-real-step strong {font-size:15px}\n#ovcb-woocommerce .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-woocommerce .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-woocommerce {padding:86px 0}\n#ovcb-woocommerce .ovcb-hero-grid, #ovcb-woocommerce .ovcb-ai-grid, #ovcb-woocommerce .ovcb-dynamic-grid, #ovcb-woocommerce .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-woocommerce .ovcb-flow, #ovcb-woocommerce .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-woocommerce .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-woocommerce .ovcb-code-window {width:92%}\n#ovcb-woocommerce .ovcb-listings, #ovcb-woocommerce .ovcb-store, #ovcb-woocommerce .ovcb-divi-grid, #ovcb-woocommerce .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-woocommerce .ovcb-btn {width:100%}\n}\n#ovcb-woocommerce .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-woocommerce .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-woocommerce .ovcb-mini-hero-content button, #ovcb-woocommerce .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-woocommerce .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-woocommerce .ovcb-price-switch span, #ovcb-woocommerce .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-woocommerce .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-woocommerce .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-woocommerce .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-woocommerce .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-woocommerce .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-woocommerce .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-woocommerce .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-woocommerce .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-woocommerce .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-woocommerce .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-woocommerce .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-woocommerce .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-woocommerce, #ovcb-woocommerce .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-woocommerce {\n  margin: 0 !important;\n}\n#ovcb-woocommerce, #ovcb-woocommerce .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-woocommerce .ovcb-window, #ovcb-woocommerce .ovcb-card, #ovcb-woocommerce .ovcb-real, #ovcb-woocommerce .ovcb-real-shot, #ovcb-woocommerce .ovcb-showcase-art, #ovcb-woocommerce .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-woocommerce .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-woocommerce, #ovcb-woocommerce .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-woocommerce .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-store {display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}\n\n.ovcb-store-image {min-height:340px;border-radius:20px;background:linear-gradient(135deg,#171e30,#362766);display:grid;place-items:center;font-size:68px;font-weight:900;color:#c9bbff}\n\n.ovcb-store-info {padding:14px 0}\n\n.ovcb-price {font-size:24px;font-weight:900;color:#cbbcff}\n\n.ovcb-stock {color:#79e2ae;font-size:13px;font-weight:800}\n\n#ovcb-woocommerce { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-woocommerce h2, #ovcb-woocommerce h3 { color: #f7f8fb !important; }\n#ovcb-woocommerce input, #ovcb-woocommerce textarea, #ovcb-woocommerce select, #ovcb-woocommerce button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-woocommerce\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">WooCommerce<\/span><h2 class=\"ovcb-title-md\">Build product layouts<br><span class=\"ovcb-gradient\">your way.<\/span><\/h2><p class=\"ovcb-subtitle\">Combine your own HTML structure with dynamic WooCommerce product data inside Divi Theme Builder.<\/p><\/div><div class=\"ovcb-commerce\"><div class=\"ovcb-reveal\"><div class=\"ovcb-tags\"><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:title\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:image\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:price\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:rating\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:sku\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:stock\"><\/span><\/code><code><span class=\"ovcb-display-token\" data-ovcb-token=\"wc:add_to_cart\"><\/span><\/code><\/div><p class=\"ovcb-subtitle\" style=\"margin-top:24px;font-size:17px\">Use product fields, categories, tags, attributes and other supported data to create custom single-product experiences.<\/p><\/div><div class=\"ovcb-card ovcb-pad ovcb-reveal\"><div class=\"ovcb-store\"><div class=\"ovcb-store-image\">OV<\/div><div class=\"ovcb-store-info\"><span class=\"ovcb-stock\">IN STOCK<\/span><h3>Creative Product<\/h3><div class=\"ovcb-price\">$89.00<\/div><p class=\"ovcb-muted\">A custom WooCommerce product layout powered by your own HTML and dynamic product data.<\/p><span class=\"ovcb-mini-btn\">Add to Cart<\/span><\/div><\/div><\/div><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_8 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-divi5 a {text-decoration:none;color:inherit}\n#ovcb-divi5 button {font:inherit}\n#ovcb-divi5 .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-divi5 {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-divi5 .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-divi5 .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-divi5 .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-divi5 .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-divi5 .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-divi5 .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-divi5 .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-divi5 .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-divi5 .ovcb-primary:hover, #ovcb-divi5 .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-divi5 .ovcb-grid {display:grid;gap:22px}\n#ovcb-divi5 .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-divi5 .ovcb-pad {padding:28px}\n#ovcb-divi5 .ovcb-muted {color:#a9b0c2}\n#ovcb-divi5 .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-divi5 .tag {color:#8fd3ff}\n#ovcb-divi5 .attr {color:#c8a7ff}\n#ovcb-divi5 .str {color:#95e6bc}\n#ovcb-divi5 .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-divi5 .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-divi5 .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-divi5 .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-divi5 .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-divi5 .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-divi5 .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-divi5 .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-divi5 .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-divi5 .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-divi5 .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-divi5 .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-divi5 .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-divi5 .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-divi5 .ovcb-ai-grid, #ovcb-divi5 .ovcb-dynamic-grid, #ovcb-divi5 .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-divi5 .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-divi5 .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-divi5 .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-divi5 .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-divi5 .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-divi5 .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-divi5 .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-divi5 .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-divi5 .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-divi5 .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-divi5 .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-divi5 .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-divi5 .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-divi5 .ovcb-real-step strong {font-size:15px}\n#ovcb-divi5 .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-divi5 .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-divi5 {padding:86px 0}\n#ovcb-divi5 .ovcb-hero-grid, #ovcb-divi5 .ovcb-ai-grid, #ovcb-divi5 .ovcb-dynamic-grid, #ovcb-divi5 .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-divi5 .ovcb-flow, #ovcb-divi5 .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-divi5 .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-divi5 .ovcb-code-window {width:92%}\n#ovcb-divi5 .ovcb-listings, #ovcb-divi5 .ovcb-store, #ovcb-divi5 .ovcb-divi-grid, #ovcb-divi5 .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-divi5 .ovcb-btn {width:100%}\n}\n#ovcb-divi5 .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-divi5 .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-divi5 .ovcb-mini-hero-content button, #ovcb-divi5 .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-divi5 .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-divi5 .ovcb-price-switch span, #ovcb-divi5 .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-divi5 .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-divi5 .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-divi5 .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-divi5 .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-divi5 .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-divi5 .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-divi5 .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-divi5 .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-divi5 .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-divi5 .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-divi5 .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-divi5 .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-divi5, #ovcb-divi5 .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-divi5 {\n  margin: 0 !important;\n}\n#ovcb-divi5, #ovcb-divi5 .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-divi5 .ovcb-window, #ovcb-divi5 .ovcb-card, #ovcb-divi5 .ovcb-real, #ovcb-divi5 .ovcb-real-shot, #ovcb-divi5 .ovcb-showcase-art, #ovcb-divi5 .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-divi5 .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-divi5, #ovcb-divi5 .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-divi5 .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-divi-grid {grid-template-columns:repeat(4,1fr);margin-top:42px}\n\n.ovcb-feature {padding:25px}\n\n.ovcb-feature-icon {width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);margin-bottom:42px}\n\n@media(max-width:980px) {.ovcb-divi-grid {grid-template-columns:repeat(2,1fr)} }\n\n#ovcb-divi5 { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-divi5 h2, #ovcb-divi5 h3 { color: #f7f8fb !important; }\n#ovcb-divi5 input, #ovcb-divi5 textarea, #ovcb-divi5 select, #ovcb-divi5 button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-divi5\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-reveal\"><span class=\"ovcb-kicker\">Native Divi 5 Workflow<\/span><h2 class=\"ovcb-title-md\">Built for Divi 5.<br><span class=\"ovcb-gradient\">Not adapted to it.<\/span><\/h2><p class=\"ovcb-subtitle\">OV Code Block was created for the new Divi 5 architecture and designed to feel at home inside the Visual Builder.<\/p><\/div><div class=\"ovcb-grid ovcb-divi-grid\"><article class=\"ovcb-card ovcb-feature ovcb-reveal\"><div class=\"ovcb-feature-icon\">5<\/div><h3>Native Divi 5 Module<\/h3><p>Built specifically for the new Divi architecture.<\/p><\/article><article class=\"ovcb-card ovcb-feature ovcb-reveal\"><div class=\"ovcb-feature-icon\">\u25eb<\/div><h3>Visual Builder<\/h3><p>Customize supported content directly from your Divi workflow.<\/p><\/article><article class=\"ovcb-card ovcb-feature ovcb-reveal\"><div class=\"ovcb-feature-icon\">\u21bb<\/div><h3>Theme Builder<\/h3><p>Create reusable coded templates powered by dynamic content.<\/p><\/article><article class=\"ovcb-card ovcb-feature ovcb-reveal\"><div class=\"ovcb-feature-icon\">\u2194<\/div><h3>Responsive Ready<\/h3><p>Use your components across modern Divi layouts and devices.<\/p><\/article><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_9 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-showcase a {text-decoration:none;color:inherit}\n#ovcb-showcase button {font:inherit}\n#ovcb-showcase .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-showcase {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-showcase .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-showcase .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-showcase .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-showcase .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-showcase .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-showcase .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-showcase .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-showcase .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-showcase .ovcb-primary:hover, #ovcb-showcase .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-showcase .ovcb-grid {display:grid;gap:22px}\n#ovcb-showcase .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-showcase .ovcb-pad {padding:28px}\n#ovcb-showcase .ovcb-muted {color:#a9b0c2}\n#ovcb-showcase .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-showcase .tag {color:#8fd3ff}\n#ovcb-showcase .attr {color:#c8a7ff}\n#ovcb-showcase .str {color:#95e6bc}\n#ovcb-showcase .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-showcase .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-showcase .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-showcase .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-showcase .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-showcase .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-showcase .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-showcase .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-showcase .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-showcase .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-showcase .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-showcase .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-showcase .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-showcase .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-showcase .ovcb-ai-grid, #ovcb-showcase .ovcb-dynamic-grid, #ovcb-showcase .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-showcase .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-showcase .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-showcase .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-showcase .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-showcase .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-showcase .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-showcase .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-showcase .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-showcase .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-showcase .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-showcase .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-showcase .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-showcase .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-showcase .ovcb-real-step strong {font-size:15px}\n#ovcb-showcase .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-showcase .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-showcase {padding:86px 0}\n#ovcb-showcase .ovcb-hero-grid, #ovcb-showcase .ovcb-ai-grid, #ovcb-showcase .ovcb-dynamic-grid, #ovcb-showcase .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-showcase .ovcb-flow, #ovcb-showcase .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-showcase .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-showcase .ovcb-code-window {width:92%}\n#ovcb-showcase .ovcb-listings, #ovcb-showcase .ovcb-store, #ovcb-showcase .ovcb-divi-grid, #ovcb-showcase .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-showcase .ovcb-btn {width:100%}\n}\n#ovcb-showcase .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-showcase .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-showcase .ovcb-mini-hero-content button, #ovcb-showcase .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-showcase .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-showcase .ovcb-price-switch span, #ovcb-showcase .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-showcase .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-showcase .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-showcase .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-showcase .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-showcase .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-showcase .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-showcase .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-showcase .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-showcase .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-showcase .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-showcase .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-showcase .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-showcase, #ovcb-showcase .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-showcase {\n  margin: 0 !important;\n}\n#ovcb-showcase, #ovcb-showcase .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-showcase .ovcb-window, #ovcb-showcase .ovcb-card, #ovcb-showcase .ovcb-real, #ovcb-showcase .ovcb-real-shot, #ovcb-showcase .ovcb-showcase-art, #ovcb-showcase .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-showcase .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-showcase, #ovcb-showcase .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-showcase .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-showcase {grid-template-columns:repeat(3,1fr);margin-top:44px}\n\n.ovcb-showcase-card {overflow:hidden}\n\n.ovcb-showcase-art {height:250px;position:relative;background:#0d1019}\n\n.ovcb-showcase-copy {padding:20px 22px 22px}\n\n@media(max-width:980px) {.ovcb-showcase {grid-template-columns:1fr 1fr} }\n\n\/* V5 \u2014 SHOWCASE PREVIEWS *\/\n.ovcb-showcase-art {\n  height:280px;\n  overflow:hidden;\n  position:relative;\n  background:#101522;\n}\n\n.ovcb-show-hero {\n  padding:28px;\n  background:\n    radial-gradient(circle at 80% 25%,rgba(115,82,255,.42),transparent 30%),\n    radial-gradient(circle at 20% 85%,rgba(76,181,255,.20),transparent 30%),\n    linear-gradient(145deg,#0d111b,#151b2c);\n}\n\n.ovcb-mini-hero-glow {\n  position:absolute;width:150px;height:150px;border-radius:50%;\n  right:-25px;top:-28px;background:linear-gradient(135deg,#8d63ff,#55b8ff);\n  opacity:.72;\n}\n\n.ovcb-mini-hero-content {position:relative;z-index:2;margin-top:25px}\n\n.ovcb-show-pricing {\n  padding:20px;\n  background:linear-gradient(145deg,#151221,#0d1119);\n}\n\n.ovcb-mini-prices {display:grid;grid-template-columns:1fr 1fr;gap:10px}\n\n.ovcb-mini-price-card {\n  min-height:185px;padding:15px;border:1px solid rgba(255,255,255,.10);\n  border-radius:15px;background:rgba(255,255,255,.035);position:relative\n}\n\n.ovcb-mini-price-card.featured {\n  border-color:rgba(141,99,255,.56);\n  box-shadow:0 10px 35px rgba(111,74,255,.13)\n}\n\n.ovcb-mini-price-card em {font-size:8px;color:#7f879b;font-style:normal}\n\n.ovcb-show-product {\n  display:grid;grid-template-columns:.85fr 1.15fr;gap:15px;align-items:center;padding:22px;\n  background:\n    radial-gradient(circle at 15% 25%,rgba(85,184,255,.15),transparent 35%),\n    linear-gradient(145deg,#101522,#121727)\n}\n\n.ovcb-mini-product-img {\n  aspect-ratio:1\/1.12;border-radius:16px;background:linear-gradient(135deg,#6749ed,#4baaf7);\n  display:grid;place-items:center;box-shadow:0 18px 40px rgba(69,70,184,.18)\n}\n\n@media(max-width:680px) {.ovcb-showcase-art {height:260px}\n.ovcb-show-product {grid-template-columns:1fr 1.1fr} }\n\n\/* Prevent browser layer promotion caused by animated transforms. *\/\n.ovcb-mini-hero-glow {\n  filter:none !important;\n  animation:none !important;\n  transform:none !important;\n}\n\n#ovcb-showcase { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-showcase h2, #ovcb-showcase h3 { color: #f7f8fb !important; }\n#ovcb-showcase input, #ovcb-showcase textarea, #ovcb-showcase select, #ovcb-showcase button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-showcase\" class=\"ovcb-section\">\n<div class=\"ovcb-shell\">\n  <div class=\"ovcb-reveal\">\n    <span class=\"ovcb-kicker\">What You Can Build<\/span>\n    <h2 class=\"ovcb-title-md\">Custom components.<br><span class=\"ovcb-gradient\">Still inside Divi.<\/span><\/h2>\n    <p class=\"ovcb-subtitle\">From animated sections to interactive pricing and dynamic WooCommerce layouts \u2014 your custom code can remain part of your Divi workflow.<\/p>\n  <\/div>\n\n  <div class=\"ovcb-grid ovcb-showcase\">\n\n    <article class=\"ovcb-card ovcb-showcase-card ovcb-reveal\">\n      <div class=\"ovcb-showcase-art ovcb-show-hero\">\n        <div class=\"ovcb-mini-hero-glow\"><\/div>\n        <div class=\"ovcb-mini-hero-content\">\n          <span>CREATIVE STUDIO<\/span>\n          <h4>Build something<br>different.<\/h4>\n          <button>Explore &rarr;<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"ovcb-showcase-copy\">\n        <h3>Animated Hero<\/h3>\n        <p class=\"ovcb-muted\">Custom HTML, CSS and JavaScript with visually editable content.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"ovcb-card ovcb-showcase-card ovcb-reveal\">\n      <div class=\"ovcb-showcase-art ovcb-show-pricing\">\n        <div class=\"ovcb-price-switch\"><span>Monthly<\/span><b>Yearly<\/b><\/div>\n        <div class=\"ovcb-mini-prices\">\n          <div class=\"ovcb-mini-price-card\">\n            <small>Starter<\/small>\n            <strong>$19<\/strong>\n            <em>\/mo<\/em>\n            <i><\/i><i><\/i><i><\/i>\n          <\/div>\n          <div class=\"ovcb-mini-price-card featured\">\n            <small>Pro<\/small>\n            <strong>$49<\/strong>\n            <em>\/mo<\/em>\n            <i><\/i><i><\/i><i><\/i>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"ovcb-showcase-copy\">\n        <h3>Interactive Pricing<\/h3>\n        <p class=\"ovcb-muted\">Pricing cards, variants and custom JavaScript interactions.<\/p>\n      <\/div>\n    <\/article>\n\n    <article class=\"ovcb-card ovcb-showcase-card ovcb-reveal\">\n      <div class=\"ovcb-showcase-art ovcb-show-product\">\n        <div class=\"ovcb-mini-product-img\"><span>OV<\/span><\/div>\n        <div class=\"ovcb-mini-product-info\">\n          <small>IN STOCK<\/small>\n          <h4>Creative Product<\/h4>\n          <strong>$89.00<\/strong>\n          <button>Add to Cart<\/button>\n        <\/div>\n      <\/div>\n      <div class=\"ovcb-showcase-copy\">\n        <h3>Dynamic Product<\/h3>\n        <p class=\"ovcb-muted\">WooCommerce data rendered inside your own custom structure.<\/p>\n      <\/div>\n    <\/article>\n\n  <\/div>\n<\/div>\n<\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_10 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">#ovcb-final a {text-decoration:none;color:inherit}\n#ovcb-final button {font:inherit}\n#ovcb-final .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n#ovcb-final {position:relative;padding:110px 0;overflow:hidden}\n#ovcb-final .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n#ovcb-final .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n#ovcb-final .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n#ovcb-final .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n#ovcb-final .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n#ovcb-final .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n#ovcb-final .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n#ovcb-final .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n#ovcb-final .ovcb-primary:hover, #ovcb-final .ovcb-secondary:hover {transform:translateY(-2px)}\n#ovcb-final .ovcb-grid {display:grid;gap:22px}\n#ovcb-final .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n#ovcb-final .ovcb-pad {padding:28px}\n#ovcb-final .ovcb-muted {color:#a9b0c2}\n#ovcb-final .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n#ovcb-final .tag {color:#8fd3ff}\n#ovcb-final .attr {color:#c8a7ff}\n#ovcb-final .str {color:#95e6bc}\n#ovcb-final .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n#ovcb-final .ovcb-reveal {opacity:1;transform:none;transition:none}\n#ovcb-final .ovcb-reveal.is-visible {opacity:1;transform:none}\n#ovcb-final .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n#ovcb-final .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n#ovcb-final .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n#ovcb-final .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n#ovcb-final .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n#ovcb-final .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n#ovcb-final .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n#ovcb-final .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n#ovcb-final .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n#ovcb-final .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n#ovcb-final .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n#ovcb-final .ovcb-ai-grid, #ovcb-final .ovcb-dynamic-grid, #ovcb-final .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n#ovcb-final .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n#ovcb-final .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n#ovcb-final .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n#ovcb-final .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n#ovcb-final .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n#ovcb-final .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n#ovcb-final .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n#ovcb-final .ovcb-showcase-copy h3 {margin:0 0 8px}\n#ovcb-final .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n#ovcb-final .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n#ovcb-final .ovcb-final-card .ovcb-btns {justify-content:center}\n#ovcb-final .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n#ovcb-final .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n#ovcb-final .ovcb-real-step strong {font-size:15px}\n#ovcb-final .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n#ovcb-final .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {#ovcb-final {padding:86px 0}\n#ovcb-final .ovcb-hero-grid, #ovcb-final .ovcb-ai-grid, #ovcb-final .ovcb-dynamic-grid, #ovcb-final .ovcb-commerce {grid-template-columns:1fr}\n#ovcb-final .ovcb-flow, #ovcb-final .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {#ovcb-final .ovcb-shell {width:min(100% - 26px,1180px)}\n#ovcb-final .ovcb-code-window {width:92%}\n#ovcb-final .ovcb-listings, #ovcb-final .ovcb-store, #ovcb-final .ovcb-divi-grid, #ovcb-final .ovcb-showcase {grid-template-columns:1fr}\n#ovcb-final .ovcb-btn {width:100%}\n}\n#ovcb-final .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n#ovcb-final .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n#ovcb-final .ovcb-mini-hero-content button, #ovcb-final .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n#ovcb-final .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n#ovcb-final .ovcb-price-switch span, #ovcb-final .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n#ovcb-final .ovcb-price-switch b {background:#6e4df3;color:#fff}\n#ovcb-final .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n#ovcb-final .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n#ovcb-final .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n#ovcb-final .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n#ovcb-final .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n#ovcb-final .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n#ovcb-final .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n#ovcb-final .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n#ovcb-final .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n#ovcb-final .ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n#ovcb-final .ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n#ovcb-final, #ovcb-final .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n#ovcb-final {\n  margin: 0 !important;\n}\n#ovcb-final, #ovcb-final .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n#ovcb-final .ovcb-window, #ovcb-final .ovcb-card, #ovcb-final .ovcb-real, #ovcb-final .ovcb-real-shot, #ovcb-final .ovcb-showcase-art, #ovcb-final .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n#ovcb-final .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n#ovcb-final, #ovcb-final .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n#ovcb-final .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n.ovcb-final-card {position:relative;padding:70px;border-radius:32px;overflow:hidden;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(141,99,255,.26),transparent 45%),linear-gradient(180deg,#111522,#0c0f17);border:1px solid rgba(255,255,255,.09);box-shadow:var(--shadow)}\n\n@media(max-width:680px) {.ovcb-final-card {padding:52px 24px} }\n\n#ovcb-final { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n#ovcb-final h2 { color: #f7f8fb !important; }\n#ovcb-final input, #ovcb-final textarea, #ovcb-final select, #ovcb-final button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><section id=\"ovcb-final\" class=\"ovcb-section\"><div class=\"ovcb-shell\"><div class=\"ovcb-final-card ovcb-reveal\"><span class=\"ovcb-kicker\">OV Code Block<\/span><h2>Your code. Your design.<br><span class=\"ovcb-gradient\">Now editable in Divi.<\/span><\/h2><p>Bring custom HTML, CSS and JavaScript into a visual Divi 5 workflow \u2014 with dynamic content, ACF, WooCommerce and more.<\/p><div class=\"ovcb-btns\"><a class=\"ovcb-btn ovcb-primary\" href=\"#\">Coming Soon to Divi Marketplace<\/a><\/div><p class=\"ovcb-muted\" style=\"margin-top:24px;font-size:13px\">This page itself is a live example of what OV Code Block can bring into Divi 5.<\/p><\/div><\/div><\/section><\/div><\/div>\n\n\n\n\n\n\n\n<div class=\"ov_code_block_11 ov_code_block et_pb_module\"><div class=\"et_pb_module_inner\"><style class=\"ov-code-block-custom-css\">.ovcb-proof-footer a {text-decoration:none;color:inherit}\n.ovcb-proof-footer button {font:inherit}\n.ovcb-proof-footer .ovcb-shell {width:min(1180px,calc(100% - 40px));margin:auto}\n.ovcb-proof-footer .ovcb-section {position:relative;padding:110px 0;overflow:hidden}\n.ovcb-proof-footer .ovcb-kicker {display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d8ddef;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}\n.ovcb-proof-footer .ovcb-kicker:before {content:\"\";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#8d63ff,#55b8ff);box-shadow:0 0 20px rgba(141,99,255,.8)}\n.ovcb-proof-footer .ovcb-title-md {margin:18px 0 16px;font-size:clamp(34px,4.6vw,56px);line-height:1;letter-spacing:-.045em}\n.ovcb-proof-footer .ovcb-subtitle {max-width:760px;color:#a9b0c2;font-size:clamp(18px,2vw,21px);line-height:1.7}\n.ovcb-proof-footer .ovcb-gradient {background:linear-gradient(90deg,#fff 0%,#cdbfff 46%,#75c5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}\n.ovcb-proof-footer .ovcb-btns {display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}\n.ovcb-proof-footer .ovcb-btn {display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.09);font-weight:800;transition:.25s}\n.ovcb-proof-footer .ovcb-primary {background:linear-gradient(135deg,#8d63ff,#6f4aff);box-shadow:0 14px 35px rgba(111,74,255,.28)}\n.ovcb-proof-footer .ovcb-primary:hover, .ovcb-proof-footer .ovcb-secondary:hover {transform:translateY(-2px)}\n.ovcb-proof-footer .ovcb-grid {display:grid;gap:22px}\n.ovcb-proof-footer .ovcb-card {border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:var(--shadow)}\n.ovcb-proof-footer .ovcb-pad {padding:28px}\n.ovcb-proof-footer .ovcb-muted {color:#a9b0c2}\n.ovcb-proof-footer .ovcb-code {font-family:\"SFMono-Regular\",Consolas,monospace;font-size:13px;line-height:1.75;color:#d7ddf0}\n.ovcb-proof-footer .tag {color:#8fd3ff}\n.ovcb-proof-footer .attr {color:#c8a7ff}\n.ovcb-proof-footer .str {color:#95e6bc}\n.ovcb-proof-footer .ovcb-pill {display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(141,99,255,.10);border:1px solid rgba(141,99,255,.22);font-size:12px;font-weight:800;color:#d7cbff}\n.ovcb-proof-footer .ovcb-reveal {opacity:1;transform:none;transition:none}\n.ovcb-proof-footer .ovcb-reveal.is-visible {opacity:1;transform:none}\n.ovcb-proof-footer .ovcb-code-window {left:0;top:40px;width:78%;padding:18px}\n.ovcb-proof-footer .ovcb-head {display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}\n.ovcb-proof-footer .ovcb-label {font-size:12px;color:#a9b0c2;font-weight:800;text-transform:uppercase;letter-spacing:.08em}\n.ovcb-proof-footer .ovcb-preview h3 {font-size:30px;letter-spacing:-.04em;margin:0 0 10px}\n.ovcb-proof-footer .ovcb-mini-btn {display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#8d63ff,#6747f2);font-size:13px;font-weight:800}\n.ovcb-proof-footer .ovcb-field small {display:block;color:#7e879a;margin-bottom:6px}\n.ovcb-proof-footer .ovcb-step h3 {font-size:26px;margin:58px 0 12px}\n.ovcb-proof-footer .ovcb-product-card h3 {font-size:28px;margin:20px 0 8px}\n.ovcb-proof-footer .ovcb-bento .ovcb-card {min-height:220px;padding:25px}\n.ovcb-proof-footer .ovcb-bento h3 {margin:0 0 10px;font-size:22px}\n.ovcb-proof-footer .ovcb-bento p {margin:0;color:#a9b0c2;line-height:1.65}\n.ovcb-proof-footer .ovcb-ai-grid, .ovcb-proof-footer .ovcb-dynamic-grid, .ovcb-proof-footer .ovcb-commerce {display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin-top:48px}\n.ovcb-proof-footer .ovcb-listing h4 {font-size:15px;margin:0 0 5px}\n.ovcb-proof-footer .ovcb-listing p {font-size:12px;margin:0;color:#8f98aa}\n.ovcb-proof-footer .ovcb-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}\n.ovcb-proof-footer .ovcb-tags code {padding:8px 10px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:12px;color:#bcc4d8}\n.ovcb-proof-footer .ovcb-store-info h3 {font-size:34px;margin:8px 0}\n.ovcb-proof-footer .ovcb-feature h3 {font-size:20px;margin:0 0 10px}\n.ovcb-proof-footer .ovcb-feature p {margin:0;color:#a9b0c2;line-height:1.6;font-size:14px}\n.ovcb-proof-footer .ovcb-showcase-copy h3 {margin:0 0 8px}\n.ovcb-proof-footer .ovcb-final-card h2 {margin:0 auto 18px;max-width:840px;font-size:clamp(42px,6vw,76px);line-height:.96;letter-spacing:-.055em}\n.ovcb-proof-footer .ovcb-final-card p {margin:0 auto;max-width:650px;color:#a9b0c2;font-size:18px;line-height:1.7}\n.ovcb-proof-footer .ovcb-final-card .ovcb-btns {justify-content:center}\n.ovcb-proof-footer .ovcb-real-canvas h3 {font-size:clamp(32px,4.5vw,58px);line-height:.95;letter-spacing:-.05em;margin:34px 0 18px}\n.ovcb-proof-footer .ovcb-real-step b {display:block;color:#cbbcff;font-size:11px;letter-spacing:.12em;margin-bottom:7px}\n.ovcb-proof-footer .ovcb-real-step strong {font-size:15px}\n.ovcb-proof-footer .ovcb-built-proof .ovcb-subtitle {margin-left:auto;margin-right:auto}\n.ovcb-proof-footer .ovcb-proof-badges code {padding:8px 10px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.035);font-size:12px;color:#c8cfdf}\n@media(max-width:980px) {.ovcb-proof-footer .ovcb-section {padding:86px 0}\n.ovcb-proof-footer .ovcb-hero-grid, .ovcb-proof-footer .ovcb-ai-grid, .ovcb-proof-footer .ovcb-dynamic-grid, .ovcb-proof-footer .ovcb-commerce {grid-template-columns:1fr}\n.ovcb-proof-footer .ovcb-flow, .ovcb-proof-footer .ovcb-demo-grid {grid-template-columns:1fr}\n}\n@media(max-width:680px) {.ovcb-proof-footer .ovcb-shell {width:min(100% - 26px,1180px)}\n.ovcb-proof-footer .ovcb-code-window {width:92%}\n.ovcb-proof-footer .ovcb-listings, .ovcb-proof-footer .ovcb-store, .ovcb-proof-footer .ovcb-divi-grid, .ovcb-proof-footer .ovcb-showcase {grid-template-columns:1fr}\n.ovcb-proof-footer .ovcb-btn {width:100%}\n}\n.ovcb-proof-footer .ovcb-mini-hero-content span {font-size:9px;font-weight:900;letter-spacing:.15em;color:#a9b1c7}\n.ovcb-proof-footer .ovcb-mini-hero-content h4 {font-size:31px;line-height:.95;letter-spacing:-.045em;margin:18px 0;color:#fff}\n.ovcb-proof-footer .ovcb-mini-hero-content button, .ovcb-proof-footer .ovcb-mini-product-info button {\n  border:0;border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,#8d63ff,#6847ee);\n  color:#fff;font-weight:800;font-size:10px\n}\n.ovcb-proof-footer .ovcb-price-switch {\n  width:max-content;margin:0 auto 18px;padding:4px;border:1px solid rgba(255,255,255,.10);\n  border-radius:999px;background:rgba(255,255,255,.035);display:flex;gap:3px;font-size:8px\n}\n.ovcb-proof-footer .ovcb-price-switch span, .ovcb-proof-footer .ovcb-price-switch b {padding:6px 9px;border-radius:999px;color:#969eb1}\n.ovcb-proof-footer .ovcb-price-switch b {background:#6e4df3;color:#fff}\n.ovcb-proof-footer .ovcb-mini-price-card small {display:block;color:#a3aabe;font-size:9px;font-style:normal;margin-bottom:15px}\n.ovcb-proof-footer .ovcb-mini-price-card strong {font-size:28px;color:#fff;letter-spacing:-.05em}\n.ovcb-proof-footer .ovcb-mini-price-card i {\n  display:block;width:75%;height:5px;border-radius:10px;background:rgba(255,255,255,.10);\n  margin-top:12px\n}\n.ovcb-proof-footer .ovcb-mini-price-card i:nth-of-type(2) {width:58%}\n.ovcb-proof-footer .ovcb-mini-price-card i:nth-of-type(3) {width:68%}\n.ovcb-proof-footer .ovcb-mini-product-img span {font-size:34px;font-weight:1000;color:rgba(255,255,255,.86)}\n.ovcb-proof-footer .ovcb-mini-product-info small {display:block;color:#6ce5ad;font-size:8px;font-weight:900;margin-bottom:9px}\n.ovcb-proof-footer .ovcb-mini-product-info h4 {font-size:19px;line-height:1.05;margin:0 0 10px;color:#fff}\n.ovcb-proof-footer .ovcb-mini-product-info strong {display:block;color:#c8baff;font-size:18px;margin-bottom:17px}\n@keyframes ovcbFloat {0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}\n.ovcb-proof-footer p {margin:0;color:#81899d;font-size:12px;line-height:1.65}\n.ovcb-proof-footer strong {color:#cfd5e4;font-weight:800}\n.ovcb-proof-footer .ovcb-section, .ovcb-proof-footer {\n  background: transparent !important;\n}\n\/* Keep section spacing continuous without visible seams. *\/\n.ovcb-proof-footer .ovcb-section {\n  margin: 0 !important;\n}\n.ovcb-proof-footer .ovcb-section, .ovcb-proof-footer {\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* Avoid temporary GPU compositing color seams while scrolling. *\/\n.ovcb-proof-footer .ovcb-window, .ovcb-proof-footer .ovcb-card, .ovcb-proof-footer .ovcb-real, .ovcb-proof-footer .ovcb-real-shot, .ovcb-proof-footer .ovcb-showcase-art, .ovcb-proof-footer .ovcb-final-card {\n  -webkit-backdrop-filter:none !important;\n  backdrop-filter:none !important;\n}\n.ovcb-proof-footer .ovcb-reveal {\n  opacity:1 !important;\n  transform:none !important;\n  transition:none !important;\n  animation:none !important;\n}\n.ovcb-proof-footer .ovcb-section, .ovcb-proof-footer {\n  background:#07080d !important;\n  background-color:#07080d !important;\n  background-image:none !important;\n}\n\/* V9 \u2014 display-only dynamic examples *\/\n.ovcb-proof-footer .ovcb-display-token::before {\n  content:\"\\007B\\007B\" attr(data-ovcb-token) \"\\007D\\007D\";\n}\n\n\/* V5 \u2014 ONLY ONE CTA + SUBTLE PROOF FOOTER *\/\n.ovcb-proof-footer {\n  padding:28px 0 40px;\n  border-top:1px solid rgba(255,255,255,.06);\n  background:#07080d;\n}\n\n.ovcb-proof-footer-inner {\n  display:flex;align-items:center;justify-content:center;gap:12px;text-align:center\n}\n\n.ovcb-proof-dot {\n  width:8px;height:8px;border-radius:50%;flex:0 0 auto;\n  background:linear-gradient(135deg,#ec2aa7,#6f4aff);\n  box-shadow:0 0 20px rgba(236,42,167,.5)\n}\n\n@media(max-width:680px) {.ovcb-proof-footer-inner {align-items:flex-start;text-align:left} }\n\n.ovcb-proof-footer { color: #f7f8fb; font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif; }\n.ovcb-proof-footer input, .ovcb-proof-footer textarea, .ovcb-proof-footer select, .ovcb-proof-footer button { font-family: inherit; }\n\n\/* OV Divi Fragment: Builder safe preview.\n   Evita que animaciones tipo reveal dejen secciones invisibles en el Visual Builder.\n   Compatible con prefijos de clase: .reveal, .me-reveal, .ov-reveal, etc. *\/\nbody.et-fb .reveal,\n.et-fb .reveal,\nbody.et-fb [class*=\"reveal\"],\n.et-fb [class*=\"reveal\"],\nbody.et-fb [data-aos],\n.et-fb [data-aos],\nbody.et-fb .fade-in,\n.et-fb .fade-in,\nbody.et-fb [class*=\"fade-in\"],\n.et-fb [class*=\"fade-in\"],\nbody.et-fb .animate,\n.et-fb .animate,\nbody.et-fb [class*=\"animate\"],\n.et-fb [class*=\"animate\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n  transform: none !important;\n  animation: none !important;\n  transition: none !important;\n}\n\n\/* OV Divi Fragment: SVG safe preview.\n   Hace visibles rutas SVG que dependen de animaciones draw\/stroke-dashoffset dentro del Builder. *\/\nbody.et-fb .route-path,\n.et-fb .route-path,\nbody.et-fb [class*=\"route-path\"],\n.et-fb [class*=\"route-path\"],\nbody.et-fb [class*=\"draw\"],\n.et-fb [class*=\"draw\"] {\n  stroke-dashoffset: 0 !important;\n  animation: none !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\nbody.et-fb .marker,\n.et-fb .marker,\nbody.et-fb [class*=\"marker\"],\n.et-fb [class*=\"marker\"] {\n  opacity: 1 !important;\n  visibility: visible !important;\n}<\/style><footer class=\"ovcb-proof-footer\">\n  <div class=\"ovcb-shell\">\n    <div class=\"ovcb-proof-footer-inner\">\n      <span class=\"ovcb-proof-dot\"><\/span>\n      <p><strong>This entire page was created with OV Code Block in less than one minute.<\/strong><br>\n      HTML, CSS and JavaScript \u2014 running and visually editable inside Divi 5.<\/p>\n    <\/div>\n  <\/div>\n<\/footer><\/div><\/div>\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":7,"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":19,"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/19"}],"wp:attachment":[{"href":"https:\/\/ovcodeblock.ovdivi.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}