{"id":451,"date":"2026-09-20T10:11:49","date_gmt":"2026-09-20T10:11:49","guid":{"rendered":"https:\/\/kaku-app.site\/?page_id=451"},"modified":"2026-10-14T19:54:11","modified_gmt":"2026-10-14T19:54:11","slug":"optimizador-de-imagenes","status":"publish","type":"page","link":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/","title":{"rendered":"Optimizador de im\u00e1genes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"451\" class=\"elementor elementor-451 elementor-415 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ddf14e1 e-con-full e-flex e-con e-parent\" data-id=\"ddf14e1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04ee855 elementor-widget elementor-widget-html\" data-id=\"04ee855\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\r\n    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);\r\n      border:1px solid color-mix(in srgb,currentColor 50%,transparent);\r\n      border-radius:2px;box-sizing:border-box;overflow:hidden}\r\n    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}\r\n    html.sc-dc-streaming .sc-placeholder,\r\n    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;\r\n      background:color-mix(in srgb,currentColor 5%,transparent);\r\n      border-color:transparent}\r\n    html.sc-dc-streaming .sc-placeholder::before,\r\n    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';\r\n      position:absolute;inset:0;pointer-events:none;\r\n      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);\r\n      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}\r\n    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,\r\n    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;\r\n      background:color-mix(in srgb,currentColor 8%,transparent)}\r\n    .sc-placeholder-error{padding:4px 8px;font:11px\/1.4 ui-monospace,monospace;\r\n      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}\r\n    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;\r\n      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);\r\n      border-radius:2px;box-sizing:border-box;color:transparent;\r\n      user-select:none}\r\n    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;\r\n      color:color-mix(in srgb,currentColor 50%,transparent);\r\n      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;\r\n      padding:0 3px}\r\n    .sc-host.sc-has-error{position:relative}\r\n    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width: 75ch;\r\n      padding:6px 10px;background:#b00020;color:#fff;font:12px\/1.4 ui-monospace,monospace;\r\n      border-radius:4px;white-space:pre-wrap;pointer-events:none}\r\n    \/* Mirrors PRINT_BASELINE_CSS in apps\/web deck-stage-export.ts \u2014 keep both\r\n       in sync until dc-runtime regains a build step. *\/\r\n    @media print {\r\n      @page { margin: 0.5cm; }\r\n      figure, table { break-inside: avoid; }\r\n      #dc-root, #dc-root > .sc-host { height: auto; }\r\n      *, *::before, *::after {\r\n        print-color-adjust: exact; -webkit-print-color-adjust: exact;\r\n        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;\r\n        animation-delay: -99s !important; animation-duration: .001s !important;\r\n        animation-iteration-count: 1 !important; animation-fill-mode: both !important;\r\n        animation-play-state: running !important; transition-duration: 0s !important;\r\n      }\r\n    }\r\n  \nx-dc{display:none!important}\n.fx{display:flex}.col{display:flex;flex-direction:column}.grid{display:grid}.ac{align-items:center}.jc{justify-content:center}.jb{justify-content:space-between}.f1{flex:1}.noshrink{flex-shrink:0}.wrap{flex-wrap:wrap}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fs11{font-size:11px}.fs12{font-size:12px}.fs13{font-size:13px}.fs14{font-size:14px}.fs15{font-size:15px}.fs16{font-size:16px}.fs20{font-size:20px}.fs22{font-size:22px}.upper{text-transform:uppercase}.tc{text-align:center}.nowrap{white-space:nowrap}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap16{gap:16px}.gap24{gap:24px}.m0{margin:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mb8{margin-bottom:8px}.mb12{margin-bottom:12px}.mb16{margin-bottom:16px}.posrel{position:relative}.posabs{position:absolute}.round{border-radius:50%}.ohide{overflow:hidden}.bbox{box-sizing:border-box}.pointer{cursor:pointer}.w100{width:100%}.b0{border:none}\n\nhtml,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}\n\r\n*{box-sizing:border-box}\r\nhtml,body{margin:0}\r\n:root{\r\n--bg:#EFEAFB;--bg-2:#E8E1F8;--card:#FFFFFF;--card-2:#F2EEFB;\r\n--line:#ECE9F5;--line-2:#F4F1FA;\r\n--ink:#171421;--ink-2:oklch(0.44 0 0);--ink-3:#77747F;\r\n--violet:#8B5CF6;--violet-2:#8B5CF6;--violet-deep:#5634D6;--violet-soft:#F2EEFB;\r\n--indigo:#4F46E5;--grad:linear-gradient(135deg,#8B5CF6,#4F46E5);\r\n--success:#10B981;--success-bg:#D1FAE5;--success-text:#047857;\r\n--warning:#FBBF24;--warning-bg:#FEF3C7;--warning-text:#92400E;\r\n--info-bg:#DBEAFE;--info-text:#1E40AF;\r\n--destructive-bg:#FEE2E2;--destructive-text:#B91C1C;\r\n--sh-sm:0 1px 2px rgba(23,20,33,.05);\r\n--sh:0 1px 2px rgba(23,20,33,.04),0 8px 22px -14px rgba(23,20,33,.18);\r\n--sh-lg:0 2px 4px rgba(23,20,33,.04),0 18px 40px -18px rgba(23,20,33,.28);\r\n--sh-xl:0 4px 8px rgba(86,52,214,.06),0 40px 80px -30px rgba(86,52,214,.35);\r\n}\r\nbody{background:var(--bg);color:var(--ink)}\r\na{color:var(--violet-deep);text-decoration:none}\r\na:hover{color:var(--violet)}\r\nsummary{cursor:pointer;list-style:none}\r\nsummary::-webkit-details-marker{display:none}\r\ndetails[open] [data-chev]{transform:rotate(180deg)}\r\nhtml.js [data-reveal]{opacity:0;transform:translateY(14px)}\r\nhtml.js [data-reveal].in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}\r\n[data-lift]{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}\r\n[data-lift]:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}\r\n[data-ul]{position:relative}\r\n[data-ul]::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:2px;border-radius:2px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .28s}\r\n[data-ul]:hover::after{transform:scaleX(1)}\r\n@keyframes kk-caret{50%{opacity:0}}\r\n[data-caret]{animation:kk-caret 1s steps(1) infinite}\r\n@keyframes kk-float{50%{transform:translateY(-6px)}}\r\n[data-float]{animation:kk-float 4s ease-in-out infinite}\r\n@keyframes kk-spin{to{transform:rotate(360deg)}}\r\n[data-spin]{animation:kk-spin 1.1s linear infinite}\r\n@keyframes kk-flow{to{stroke-dashoffset:-24}}\r\n[data-flow]{animation:kk-flow 1.2s linear infinite}\r\n@media (max-width:1024px){\r\n[data-md-hide]{display:none!important}\r\n[data-md-show]{display:flex!important}\r\n[data-md-stack]{grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important;align-items:stretch!important}\r\n[data-md-stack]>*{min-width:0!important}\r\n[data-md-2]{grid-template-columns:repeat(2,minmax(0,1fr))!important}\r\n}\r\n@media (max-width:640px){\r\n[data-sm-1]{grid-template-columns:minmax(0,1fr)!important}\r\n[data-sm-hide]{display:none!important}\r\n[data-sm-stack]{grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important}\r\n[data-ft]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}\r\n[data-ft]>div:first-child{grid-column:1\/-1!important}\r\n}\r\n[data-frame]{width:100%;container-type:inline-size;}\r\n[data-view=\"mobile\"] [data-frame]{width:412px;max-width:100%;min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:var(--sh-lg);}\r\n[data-view=\"tablet\"] [data-frame]{width:834px;max-width:100%;min-height:100vh;border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:var(--sh-lg);}\r\n@container (max-width:1024px){\r\n[data-md-hide]{display:none!important}\r\n[data-md-show]{display:flex!important}\r\n[data-md-stack]{grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important;align-items:stretch!important}\r\n[data-md-stack]>*{min-width:0!important}\r\n[data-md-2]{grid-template-columns:repeat(2,minmax(0,1fr))!important}\r\n}\r\n@container (max-width:640px){\r\n[data-sm-1]{grid-template-columns:minmax(0,1fr)!important}\r\n[data-sm-hide]{display:none!important}\r\n[data-sm-stack]{grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important}\r\n[data-cta-row]>a{width:100%!important;justify-content:center!important}\r\n[data-ft]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}\r\n[data-ft]>div:first-child{grid-column:1\/-1!important}\r\n}\r\n@media (prefers-reduced-motion:reduce){html.js [data-reveal]{opacity:1!important;transform:none!important}[data-float],[data-spin],[data-flow],[data-caret]{animation:none}}\r\n\n\n[data-frame] h1,[data-frame] h2,[data-frame] h3,[data-frame] h4,[data-frame] h5,[data-frame] h6{\n  color:inherit;font-family:inherit;line-height:normal;letter-spacing:normal;word-spacing:normal;\n  text-transform:none;font-style:normal;text-decoration:none;}\n[data-frame] a{color:var(--violet);font-size:inherit;font-weight:inherit;line-height:inherit;\n  letter-spacing:normal;word-spacing:normal;text-transform:none;text-decoration:none;}\n[data-frame] a:hover{color:var(--violet-deep);}\n[data-frame] [style*=\"Geist Mono\"]{font-family:\"Geist Mono\",ui-monospace,SFMono-Regular,Menlo,monospace !important;}\n[data-frame] p,[data-frame] ul,[data-frame] ol,[data-frame] figure{margin:0;}\n[data-kk=\"langmenu\"]{position:relative}\n[data-kk=\"langmenu\"]>summary{list-style:none;cursor:pointer}\n[data-kk=\"langmenu\"]>summary::-webkit-details-marker{display:none}\n[data-kk=\"langmenu\"]>summary::marker{content:\"\"}\n[data-kk=\"langmenu\"]>summary [data-kk=\"langchev\"]{transition:transform .2s cubic-bezier(.2,.7,.2,1)}\n[data-kk=\"langmenu\"][open]>summary [data-kk=\"langchev\"]{transform:rotate(180deg)}\n[data-kk=\"langmenu\"] [data-kk-langopt]:hover{background:var(--card-2)}\n[data-kk=\"langmenu\"][open]>summary{background:var(--card-2)}\n\n\n\n.fi{background-size:contain;background-position:50%;background-repeat:no-repeat;display:inline-block}\n.fi-de{background-image:url(\"https:\/\/cdn.jsdelivr.net\/gh\/lipis\/flag-icons@7.2.3\/flags\/4x3\/de.svg\")}\n.fi-es{background-image:url(\"https:\/\/cdn.jsdelivr.net\/gh\/lipis\/flag-icons@7.2.3\/flags\/4x3\/es.svg\")}\n.fi-fr{background-image:url(\"https:\/\/cdn.jsdelivr.net\/gh\/lipis\/flag-icons@7.2.3\/flags\/4x3\/fr.svg\")}\n.fi-gb{background-image:url(\"https:\/\/cdn.jsdelivr.net\/gh\/lipis\/flag-icons@7.2.3\/flags\/4x3\/gb.svg\")}\n.fi-it{background-image:url(\"https:\/\/cdn.jsdelivr.net\/gh\/lipis\/flag-icons@7.2.3\/flags\/4x3\/it.svg\")}\n\n<\/style>\n<div data-frame=\"\" style=\"font-family: Geist, system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--ink); overflow-x: clip; -webkit-font-smoothing: antialiased;\">\r\n\r\n\n\n<style data-kk-hero=\"\">\n\/* Hero: sus transiciones de color tambi\u00e9n con \u00abreducir movimiento\u00bb, como en el dise\u00f1o (Elementor las anula todas\n   con html *{transition-duration:0s!important}). *\/\n[data-kk=\"chipbox\"],[data-kk=\"tagbox\"]{transition:background .3s,color .3s!important}\n[data-kk=\"ok\"],[data-kk=\"langsbox\"]{transition:background .3s!important}\n<\/style>\n<main id=\"top\">\r\n\r\n    <section style=\"padding: clamp(20px, min(3cqw, 5.5vh - 20px), 44px) 24px clamp(40px, 5cqw, 72px); text-align: center;\">\r\n      <div style=\"max-width: 1100px; margin: 0px auto;\">\r\n        <span style=\"display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--violet-deep); background: var(--card); border: 1px solid var(--line); box-shadow: var(--sh-sm); padding: 6px 11px; border-radius: 7px; margin-bottom: clamp(12px, 1.6vh, 16px);\">\r\n          <img decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM4QjVDRjYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgoKICA8cmVjdCB4PSIzIiB5PSI1IiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHJ4PSIyIj48L3JlY3Q+CiAgPGNpcmNsZSBjeD0iNy41IiBjeT0iMTAiIHI9IjEuNCI+PC9jaXJjbGU+CiAgPHBhdGggZD0iTSAzIDE2IEwgNy41IDEyIEwgMTEuNSAxNSBMIDE3IDExIj48L3BhdGg+CiAgCiAgPHBhdGggZD0iTSAxOSAxNyBMIDE5LjggMTkuMiBMIDIyIDIwIEwgMTkuOCAyMC44IEwgMTkgMjMgTCAxOC4yIDIwLjggTCAxNiAyMCBMIDE4LjIgMTkuMiBaIiBzdHJva2Utd2lkdGg9IjEuMiI+PC9wYXRoPgogIAogIDxwYXRoIGQ9Ik0gMjEgMTMgTCAyMS4zIDE0IEwgMjIuMyAxNC4zIEwgMjEuMyAxNC42IEwgMjEgMTUuNiBMIDIwLjcgMTQuNiBMIDE5LjcgMTQuMyBMIDIwLjcgMTQgWiIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSIjOEI1Q0Y2Ij48L3BhdGg+Cgo8L3N2Zz4=\" alt=\"\" width=\"13\" height=\"13\" style=\"display: block; width: 13px; height: 13px;\">Texto alternativo y compresi\u00f3n\r\n        <\/span>\r\n        <h1 style=\"margin: 0px auto clamp(10px, 1.6vh, 14px); font-size: clamp(38px, min(4.2cqw, 8.4vh - 20px), 58px); font-weight: 700; line-height: 1.02; letter-spacing: -0.035em; max-width: 32ch; text-wrap: balance;\">Optimizador de im\u00e1genes con IA <span style=\"background-image: var(--grad); background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; -webkit-background-clip: text; background-clip: text; background-color: ; color: transparent;\">para WordPress<\/span><\/h1>\r\n        <p style=\"margin: 0px auto clamp(16px, 2.4vh - 2px, 22px); font-size: clamp(16px, min(1.3cqw, 2.4vh), 18px); line-height: 1.5; color: var(--ink-2); max-width: 62ch; text-wrap: pretty;\">Kaku mira cada imagen y escribe su texto alternativo, en todos los idiomas de tu sitio. Despu\u00e9s comprime las pesadas y genera WebP dentro de tu propio WordPress, para que tus p\u00e1ginas carguen antes.<\/p>\r\n        <div data-cta-row=\"\" style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: clamp(20px, min(2.8cqw, 4.6vh - 14px), 40px);\">\r\n          <a href=\"https:\/\/kaku.software\/\" class=\"scp2\" style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--violet); color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; padding: clamp(11px, 1.5vh, 13px) 24px; border-radius: 12px; box-shadow: var(--sh);\">Arreglar mi biblioteca de medios <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"><\/path><\/svg><\/a>\r\n          <a href=\"#how\" class=\"scp3\" style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); color: var(--ink); font-size: 15px; font-weight: 600; padding: clamp(11px, 1.5vh, 13px) 24px; border-radius: 12px; border: 1px solid var(--line); box-shadow: var(--sh-sm);\">Ver c\u00f3mo funciona<\/a>\r\n        <\/div>\r\n\r\n        <div data-md-stack=\"\" style=\"display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1.25fr); gap: clamp(16px, 2.4cqw, 32px); align-items: center; text-align: left;\">\r\n          <div style=\"background: var(--card); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--sh); padding: 20px 22px;\">\r\n            <div style=\"display: flex; align-items: center; gap: 8px; margin-bottom: 14px;\">\r\n              <span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 95, 87);\"><\/span><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(254, 188, 46);\"><\/span><span style=\"width: 8px; height: 8px; border-radius: 50%; background: rgb(40, 200, 64);\"><\/span>\r\n              <span style=\"margin-left: 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3);\">Tu biblioteca de medios<\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 12px; margin-bottom: 16px;\">\r\n              <span style=\"width: 44px; height: 44px; flex: 0 0 auto; border-radius: 10px; background: linear-gradient(135deg, rgb(139, 92, 246), rgb(79, 70, 229)); display: flex; align-items: center; justify-content: center;\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><path d=\"M3 16l5-5 4 4 3-3 6 6\"><\/path><path d=\"M8.5 8.5h.01\"><\/path><\/svg><\/span>\r\n              <div style=\"min-width: 0px;\">\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 13px; font-weight: 500; line-height: 1.3;\">IMG_4032.jpg<\/div>\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3); margin-top: 3px;\">6000 \u00d7 3376 px \u00b7 8,4 MB<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"display: flex; flex-direction: column; gap: 8px;\">\r\n              <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; font-size: 12.5px; color: var(--ink-3);\"><span>Texto alternativo<\/span><span style=\"font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); opacity: 0.7;\">Vac\u00edo<\/span><\/div>\r\n              <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; font-size: 12.5px; color: var(--ink-3);\"><span>Texto alternativo \u00b7 ES, FR<\/span><span style=\"font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); opacity: 0.7;\">Vac\u00edo<\/span><\/div>\r\n              <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--card); border: 1px solid var(--line); border-radius: 8px; padding: 10px 12px; font-size: 12.5px; color: var(--ink-3);\"><span>Peso del archivo<\/span><span style=\"font-size: 10px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-3); opacity: 0.7;\">Demasiado grande<\/span><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div style=\"display: flex; flex-direction: column; align-items: center; gap: 10px; justify-self: center;\">\r\n            <svg data-md-hide=\"\" width=\"64\" height=\"24\" viewBox=\"0 0 64 24\" fill=\"none\" style=\"display: block;\"><path data-flow=\"\" d=\"M2 12h54\" stroke=\"var(--violet)\" stroke-width=\"2\" stroke-dasharray=\"6 6\" stroke-linecap=\"round\"><\/path><path d=\"M50 5l8 7-8 7\" stroke=\"var(--violet)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n            <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--violet); color: rgb(255, 255, 255); border: 1px solid var(--violet); border-radius: 999px; padding: 9px 16px; font-size: 13px; font-weight: 600; box-shadow: var(--sh); white-space: nowrap; transition: background 0.3s, color 0.3s;\" data-kk=\"chipbox\"><svg data-kk=\"chipicon\" width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"><\/path><path d=\"M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"><\/path><\/svg><span class=\"sc-interp\" data-kk=\"chip\" data-kk-think=\"Mirando la imagen\u2026\" data-kk-type=\"Escribiendo el texto alternativo\u2026\" data-kk-done=\"Listo para aplicar\">Mirando la imagen\u2026<\/span><\/span>\r\n          <\/div>\r\n\r\n          <div data-float=\"\" style=\"background: var(--card); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--sh-xl); padding: 22px 24px;\">\r\n            <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 16px;\">\r\n              <span style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3);\">Escrito por Kaku<\/span>\r\n              <span data-kk=\"langsbox\" style=\"font-size: 11px; font-weight: 500; color: var(--ink-3); background: var(--card-2); border-radius: 999px; padding: 3px 9px; transition: background 0.3s;\"><span class=\"sc-interp\" data-kk=\"langsdone\">0<\/span> de 3 idiomas<\/span>\r\n            <\/div>\r\n            <div style=\"display: flex; flex-direction: column; gap: 9px;\">\r\n              \r\n                <div style=\"display: flex; align-items: flex-start; gap: 11px;\">\r\n                  <span style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: var(--ink-3); background: var(--card-2); border-radius: 5px; padding: 4px 7px; margin-top: 2px;\"><span aria-hidden=\"true\" class=\"fi fi-gb\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">EN<\/span><\/span>\r\n                  <span style=\"flex: 1 1 0%; min-width: 0px; font-size: 13.5px; line-height: 1.5; color: var(--ink); min-height: 3em;\"><span class=\"sc-interp\" data-kk=\"f0\" data-kk-text=\"A surfer duck-diving under a breaking wave at sunrise, board angled down.\"><\/span><span data-caret=\"\" data-kk=\"c0\" style=\"display: inline-block; width: 2px; height: 1em; background: var(--ink); vertical-align: -0.15em; margin-left: 1px;\"><\/span><\/span>\r\n                  <span data-kk=\"ok\" style=\"flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                <\/div>\r\n              \r\n                <div style=\"display: flex; align-items: flex-start; gap: 11px;\">\r\n                  <span style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: var(--ink-3); background: var(--card-2); border-radius: 5px; padding: 4px 7px; margin-top: 2px;\"><span aria-hidden=\"true\" class=\"fi fi-es\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">ES<\/span><\/span>\r\n                  <span style=\"flex: 1 1 0%; min-width: 0px; font-size: 13.5px; line-height: 1.5; color: var(--ink-3); min-height: 3em;\"><span class=\"sc-interp\" data-kk=\"f1\" data-kk-text=\"Un surfista haciendo un pato bajo una ola rompiente al amanecer, con la tabla inclinada.\"><\/span><span data-caret=\"\" data-kk=\"c1\" style=\"display: none; width: 2px; height: 1em; background: var(--ink); vertical-align: -0.15em; margin-left: 1px;\"><\/span><\/span>\r\n                  <span data-kk=\"ok\" style=\"flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                <\/div>\r\n              \r\n                <div style=\"display: flex; align-items: flex-start; gap: 11px;\">\r\n                  <span style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 700; letter-spacing: 0.06em; color: var(--ink-3); background: var(--card-2); border-radius: 5px; padding: 4px 7px; margin-top: 2px;\"><span aria-hidden=\"true\" class=\"fi fi-fr\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">FR<\/span><\/span>\r\n                  <span style=\"flex: 1 1 0%; min-width: 0px; font-size: 13.5px; line-height: 1.5; color: var(--ink-3); min-height: 3em;\"><span class=\"sc-interp\" data-kk=\"f2\" data-kk-text=\"Un surfeur passant sous une vague d\u00e9ferlante \u00e0 l'aube, planche inclin\u00e9e vers le bas.\"><\/span><span data-caret=\"\" data-kk=\"c2\" style=\"display: none; width: 2px; height: 1em; background: var(--ink); vertical-align: -0.15em; margin-left: 1px;\"><\/span><\/span>\r\n                  <span data-kk=\"ok\" style=\"flex: 0 0 auto; width: 18px; height: 18px; margin-top: 2px; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                <\/div>\r\n              \r\n            <\/div>\r\n            <div style=\"display: flex; align-items: center; gap: 10px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--line-2);\">\r\n              <span style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3);\">Tama\u00f1o<\/span>\r\n              <span style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 12px; color: var(--ink-2);\"><span class=\"sc-interp\" data-kk=\"size\" data-kk-start=\"8,4 MB\" data-kk-done=\"8,4 MB \u2192 1,1 MB\">8,4 MB<\/span><\/span>\r\n              <span data-kk=\"tagbox\" style=\"font-size: 10.5px; font-weight: 600; color: var(--warning-text); background: var(--warning-bg); border-radius: 999px; padding: 3px 9px; transition: background 0.3s, color 0.3s;\"><span class=\"sc-interp\" data-kk=\"sizetag\" data-kk-start=\"demasiado grande\" data-kk-done=\"\u221287 %\">demasiado grande<\/span><\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section data-reveal=\"\" style=\"padding: clamp(18px, 2cqw, 28px) 24px clamp(48px, 5cqw, 72px);\">\r\n      <div style=\"max-width: 1240px; margin: 0px auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 14px;\">\r\n        <span style=\"font-size: 13px; color: var(--ink-3); margin-right: 4px;\">Funciona con<\/span>\r\n        \r\n          <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px 8px 9px; font-size: 14px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD\/AP8A\/6C9p5MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjYtMDUtMTZUMTg6MjY6MzQrMDA6MDB8bssCAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI2LTA1LTE2VDE4OjI2OjM0KzAwOjAwDTNzvgAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNi0wNS0xNlQxODoyNjozNCswMDowMFomUmEAABpdSURBVHja7Z17eFXVmf8\/7z7nJIEAckfAC3ipQr1wUxRITGXEtvPrCCKO\/TE47dT+ennaKWMRRacz6VRBg2OdXzu2\/EqrLePUES\/8Ok8flVaaBrwiSItFES1UhIDcwj3Jydnv\/LFPaAIhOZe999rnZH2eh+cJydl7fdc+693r9q73FSx5U12lZXGHIYkkQ1yH4QpnizIMOBMYBPRH6IfSS6FcoEwgoRADEEgpJBUaBY4Bh4AGYD+wF6hXYafA9pTLjrIEu4+47K6ulUbTdS90xLSAQmLJeE3s7Ut\/cRlBC+NEuARlNML5Cr0FyoFEwDKSCkfFM5JtwFsoG50YG1pibE3Wc6B6kzSbflaFgjWALrj3Wh0eS1GJMgm4QuFCgf6mdXWEej3Gew6sVeGlVIy6f1wlO0zrijLWAE5i8SQd3BTjageminCdwEVa2M\/pbeBFEVa6Lq\/evVr2mBYUJQr5i\/WFWbM0NmEPQ12XacANwFV44\/ZiezYK7AFeA1Y4DivfGET98uWSMi3MJMX2JWfM4mlanmziRlFmAZXAGaY1hcxBoE6F5YlSnrljpRw1LcgE3coAlozXxP7eTBaXv3FhlkAf05oiwkGBp4CfNTq8XF0rLaYFhUW3MICFFTpIhBnAbcAYgl+pKVSagd8BS1V5tjvMF4raAO6r0KEx4asKnweGm9ZTUAg7VHnUjfPDYl5JKkoDqKnUC1MwD5gD9DCtp8A5prAsBv92Zx3vgKhpQX5SVAbwncl6UTzGXIFbFPqa1lNkHEJ4MqbUzK+TLabF+EVRGMCDVTowqcxX5Ut2YhssAg0uLEWpKYY5QkEbwOJpWp5q5CsKdwEDTOvpZuxFqYn34JFCXkItSAOortJ4ibdxdZ8Dlxf4Tm1BI7DBhXuaHVYW4vJpwTWc+yp0qAP\/inATdjkzKiRRnorFuH1+rewyLSYbCsYAqkdrSelAPgfcBww0rcfSIftQ7mrax88KxSO1IAzgO5U6Mg7fB64n7UNviSwp4PkW+Pq36mSraTFdEXEDUFl0DbegPAgMM63GkhU7EeYt+C1PRHnvILIG8N0q7dvo8jDKHATHtB5LDiguwrImh7nVtdJgWk5HRNIAaip0nCv8SGGcaS0WX3gzptw2f7WsNy3kZCL3Zl1UqbNd4QXb+IuKsa7wwqJKnW1ayMlEpgd46Grt0ZTgnwXm23X94kRAFWpKk3z79lfkuGk9aU3mSbsrL8E7kRW5XsniKy7wrCpfiYIrhXEDeKBKz3JdVgDjTWuxhMo6x2H6nbXyoUkRRt+2i6boeNdlNbbxd0fGuynWLJqiRr97YwZw3zX6CRz+Gxhh8gFYDCKci8N\/33eNfsKcBAMsqtRpwJN0v4Polo45CNy8oE5Whl1w6D3A\/RV6A\/A0tvFb\/swZwNPpthEqoRrA\/RV6A8JjQK+wK2qJPL0QHgvbCEIbAqWHPU9jG7+lc44AM8MaDoXSA6QnOU9iG7+la3oBT4Y1MQ68B1g0RcenV3uGhlEhS9FQj8tnFqyRdUEWEqgBPFClZ7kp1iCcG2Q5lqJlm+NQEeRmWWBDoIUVOsh1WWEbvyUPRrguKxZW6KCgCgjEAB66WnuI8APsDq8lf8aLsOShqzWQAGeBGEBTgn8GZgT6WCzdiRvSbcp3fJ8DLKrU2QLLrEuzxU\/SrtRzFtTJ4z7f1z\/SJ7leUBu1wRIAAnsd5Xo\/T5b5NgSqrtK+KWGpbfyWoFAY6Ao\/+m6V9vXrnj4ZgEqpy8PAWCNPxtJtUBjX6PIwqC+jF18MIB26ZI7RJ2PpPihzFl3DLX7cKm8rSgetWoON22MJl50tMCXf4Ft59QDVo7UkDt\/DNn5L+AyLw\/erR2tJPjfJywBKB3Ar8EnTT8LSbbk+HS82Z3IeAtVU6Zkpl7ewcfktZtnrKpfds1rqc7k4px6gukrjKeUhbOO3mGegA\/9aXaXxXC7OyQBKXKah3GS65hYLAMJN6YQpOVyaJYunaXmykTXi5du1WCKBwoZEGVOyTdeUdQ\/Qcpyv2sZviRoOXJ5s5CvZXpdVD7CwQgc5wibr7mCJKPsSDhfPq5W9mV6QXQ8gzLeN3xJhBiSV+dlckHEPUFOpF7rwuk1AbYkyCodSKa781kuyOZPPZ9gDqKS8t39f0xW0WDpDoE88xtwsPt81D1TqKBdexWZhtxQAAg0OXDm\/TrZ09dmMeoAUfAPb+C0FgkLfFMzL5LNd9gD3XqvDYy28C\/Q0XTGLJQuOu8r5XblIdNkDOC18Gdv4LYVHDxG+2tWHOu0BFlboIHF4E2W46dpYLDmwQ5WxnaVi6rQHEGGGbfyWAma4SOfheU5rAGnvuttM18BiyZPblozXxOn+eFoDKHOZBFxuWr3Fkidj9vdm8un+2NkQ6FYgr+NmFksESIjL35zujx1OghdP0\/KWRnZg0xhZigCFQ4kyhnXkKt1hD5Bs4kZs47cUCQJ90m36FE45RjZrlsZkN7NMi3bicMYQGDYKBoyA8v5Q0gPEp2COrgstjXCsARrqYfd7cOBDaDxsrr59BsPQi2HgCOg10Kuvup6mhnrYtRk+et+gRgfKB8CQC2HgSOg9EMp6QSwBqRZoOgpH98OBHbB7Cxz+CJqPm9F6MqLMmjVL\/3P5ckm1\/f0pBjBhD0NdqDQpduSVMPGv4azLIB7WLETh4G54\/1V4\/QmvwYWBE4OLPwFj\/hcM+3jX9T20Gza9CK\/\/l2e8YXHBZBj7V3DWpVBa3vXn3ZT3Qnn\/NVj3NBzcFZ7W01A5YQ9Dl0O7ZBunvE8XVerfAT82oTBeAtP+AS79JIjBHPYtTbDmMXj9SXBbgitn2Gj45Ddh8AXZX3v0APxyIfxxLaDBaRxwDlw3F0bkkekh1Qxrn4KXl0HzseC0ZsAXFtTJT9r+oqNmNt2EMicGU78Ol33abOMHiJfCNV+Ea78SjBZxYMxn4K8fzK3xA5T3g+nfhguuDu45jJgAn\/1ufo0fIFYCEz8LM+\/LrPcIkOkn\/6Ld15tORTPRhLLzJsLlf2nmqXSEODBhJoy61v97j5sB130j\/8ZQ0hOu\/6Y3V\/Kbsy6FG7\/jzUX8QATOHQdTv+a97AwxcfEkHdz2F+0MwHG4CggsH9NpH47jvSEMPpjTCPN6gh4+OoKPmgp\/8XVv4ugHvQfC5M\/5W+3+58CMf\/EMzG8uuR6GX+L\/fTNkUFOMdn1mOwNQZRoGMrucMQQGn2\/soXSu7Uw436dhxuDzYdo3\/FvJamX0X0DPvv7cK14K19\/urboFgROD0VODuXcGiAPtSj95hGtEWr\/hUBphh+uPVeR\/j3iJ9+bvEcDuSrwELpyc\/33Am5ucM8Z\/jW0ZNjrY+3eGCNe1\/f8JA7j3Wh0OjDIhqnwgkc4oNvRiSJTld49LPwVnjwlOox+Ntrw\/VPyd\/z3UyfTo4+0pmEDgooe8tg60MYBYytzafyxqY\/+TKC33xtq5UtITJs0JtmH1PwdiOUXH9BDxNIaxSpNKghvg0m1nKEhTm7Z+wgBU8akTzZ5ko6mSMyNelt\/QZewN0DvgpYWefT2dudL\/HG+CGgYNuwh076JLlEmtPzrgJboArjCl5+Aub+cwqjhO7m\/G8n4wIYQwwiU9cl9ZCvPtD7BjYzjlnA6FK1sTazgAiaH0A3Lcksmf\/dvD3dbPhXhpbtdd9pf5DZ8yxYnlPsQaOsqfiX4muCnP3cQkDlyQbvOeAcRTjBQIaOGra44fgq1rzT6UrsilcZX3g3HTTSvvmklz8p\/kZ8quzbDnj2brq9BfU4yEtAG4KfPRnl993JyXY1CMnxn82D9fzr4cLpiU\/30y5fUnoKXZdK3BSXkpfR0AdbjMtKB92+HF73tutcVAz74w\/sa8bxMosRKY8vnwytv1Lry7xnStPUS4BNLu0KJ83LQgFDY+7\/049WtQ1tu0oPyYcJNxx68uOe9KOCekU9+pJNQuidBihzIaIF5dpWW4jDCtp5WNz8O2dXDlzfCxSugzJPiNGb\/pM8TbUY0yiTKY\/Lfhed6+8xvve40MwvnVVVoW7+UwpNmlT5Ta2OE98OK\/w5qfQv+zYNB53li6pEfnX9ioqeGsuHTFhJn++eYExcWfgCEhrfsda4DVj2J27f8kFHrHHYbEG5MMiQmR7KybjkD9O96\/TBg22rwB9B3mnWmIMrFEuG\/\/1\/8LGnaarnV7BMoTSYY4MYfhgE\/OuZYrb47+\/GXcdOg7NJyy9m6DtctN17hDEq7DcEfhbNNKioXegz2ntyjTM6SdafBW9GqXeBPgKKJwtiPKMNNCigKBq\/93eBtKuTL2r7wzDmHw\/ivmd307Q5RhDhBSZ1jcDBzhHeaPMn2GhLc30XjYe\/ura7rWnXKmg836mD\/ijf0TPUwL6ZwrZoW3OvXG07D\/w\/zvEzCDHBFzPkDFwoBz4OIq0yo654wzveFPGBys91weorTseRr6O6o282O+TJoTzAFyvxDHc3nI1aM1G9wUrPpBdCLCdYrQz8Emv8uLQed5m0pRZvAF4fVQW9fCloj4+3SJ0ssRm\/8rZ8SBq2fndxQxeJEwOSR35+Rx+O2PIuTv0wUK5Y5CxBfuosuQC+Eio1FUu+bcsf6FdemKdc\/AR++ZrnHmCJQ5YneBc0IcuOqznktxVBEHJt3qXxCuzjj8Ebzyn6ZrnB0CCUch4jEZosmwUeEeJMmFkRPg3DHBl6MurP6J57tVSCjEDIehLVwmfy6cVZVcSZRBxRcIJd7Sn96Et1aarnFuOAIFMmWJDsNHe2\/XKPOxCjjzouDLSTZC3dLCmfi2RSDlKETUVSmaODG4arb5EO6dkejhrU6FcZBo4\/OZu6tHDYWkoxDxsFTR4uzLw1tVyZXLP+35JgXN0QPe2z\/i\/j6nRaDRETia\/626B07M2\/X1NYy7z+4CpT29UPNBj\/3VhTU\/KexIHgrHHIQCm7ub49xxXt4yP9n+e3\/vN3ZGOKFY6t+GjS8EX07AHHIEDphWUShMvtXfXd99f4KNz\/l3vz6DPa\/UoGlpht\/80MulVuA0OKrsN62iEDhvIgy\/1L\/7uSlv7dz1cfwc1mH8P6yED98KvpwQ2O8Ae0yrKAQuud7fVZWdm2DLS\/7dL9HDi4oRNE1HPcMt1InvSeyNA+YzuBYAfroTuC2w5lF\/z8qGkV9N1Wv8R\/YFX1ZI1DsqRCxgRfHzx9fhg9+ZVpE9u9+F3\/3StAr\/UGGnI7DdtJDuhKr39g8yAXcQuClvzT9ZCAddMkRgu+O47MDuBofGpl95QWILjbdfhK1vmFbhK8mUyw4nlmC32s2wUGg6Cq\/+3LSK7Gk+BnU\/LpqJLwAKR8sS7HaOuOwWKOD9vMJh06\/NJ4fIhdd+7qWxKiYEDh1x2e1U10ojyvumBRU7xw7CK\/9hWkX27PkjrH3KtIpA2FZdK42eT6OwybSaYufNFXCowHZc3JQ39Gk+ZlqJ\/6jwB2jNEKMUx75eRDl+MB0gNvpxctoR9dCG+SAuv4fWPMFx1psWVLQovLys8Lwmk02w6pHCW67NFCfGBvhzjrBtivUJCoL92+H3Pjq8hYLC2ifhwA7TQgKr3v6WGFshbQADG9gvsMW0sGLk1Z8X3mHxhnrPAIqY95L1nhe0A\/CldZIEIp6pt\/CofwfeXmVaRXao60V1Pn7ItJLgcGBt9SZpTv+cRnjZtLB8idR4NT32T3Zx4DQVgZy5bdm61l8v1SiiwokanjCA0hh1UnDrFO2J0lvrwz\/Aexm8UhojtAfvpryDLlHN6OIXqRh1rT+fMIDbV8kOhc2mxeVDVHYrU82wOkPXgWP7o5E5HeCNpwpzpzpL3v7HVXJiet8uuIcqvzKtLh+i8uW99yp8sCGzzx7a4\/kImaZhp+fy0A14se1\/2hmA6\/2xYIdBu9711q9N0nQk87c\/eJtk+z8wq1ldz9X5aPGfDlcR2sWwa2cApSleoYCPSO7d5h00N8lLP\/N0ZEMmc4UgeWslvFNrVkNI7HFd2u1ttzOAO16Wj4DXTKvMFXXhLYOhOj7Y4OXGypZ3V5vztzmwA1b9e2GGNsyB1+5eLe1e8B0F+FthWmU+bPoVHNwdfrmH98BzNbktxTbUw+a67K\/Ll+Zj8MuF0Vo9C5gVJ\/\/iFANwHFYCB00rzZVjB2H10nDLbDwMv\/iX3F0HWsfgYe4YtzTDc4uLJrxJJhxMt+12nGIAbwyiHjDwPvKPP\/wa3v5NOGUlG+GXi2D7xvzuc3hPeM5nqRZ48XvdZtzfSl26bbfjFANYvlxSKiw3rTYf1IWVD2W+FJkrjYdgRXV659SHtbONz8HrAT\/5lmb49f+FN39RXEccu0KF5cuXyykznQ6DfCdKeUahoEeGxw\/BM\/fAuwH1Zbs2w+N\/7\/nM+4XrQt2Pgou3f2g3PH03vPn\/g3kmEeZgopRnOvrDaWOd3V+pSxW+YFp5vsRLYMIsmHgL9PAhIWzjEdjwC3hlGTQFtHIj4iW4qPoy9Bue\/\/1SSS916apH4NBHwWiOMgI\/vqtObjvN3zpmUZVW4bKSIkmi1\/8sGD8TLvt0bilDk43eEGX9iuzX+XOlZ18Y8xkYfyOU98\/+enW9IFxrl8Of1nevIU8bmgWuu6tOOhwLnNYAlozXxP5yXgKuMF0DPykt95LbjbzCS3PaexCU9mof91PVW9k5sgd2bfE8JN9\/xZzLQiwBIybA+RNh2GjoPRh6nnFqlppkoxe2cN8H8MF62LwaDtbnVmYRsbbJYVJ1rXS4vNBpuNdFlfp\/gCWmaxAU8VIvoUSiJ5SVgxP3xt5NR7w18qZj0QsBHkt4Rpwog7Le3v\/VhebjnoEmj3vatWAdWnznSwvq5P+d7o+dRrtX5VkR\/gnwYSQaPVqa0g28gHxgUkk41uD9HBXv18gi7FCXZzv7SKep3u5eLXsEHjVdD4slF1R59GTXh5PpMtdhSnkEKKKQqJZuwjE3zg+7+lCXBnDPaqkHlpmujcWSDQrL2h58OR0ZZbuNwYMCDaYrZbFkyKEY\/FsmH8zIAObXyRaFJ0zXymLJCOHJO+vIKH13xvnOnRQPU+DuEZbiR6AhptSAZLQQnLEB3PmSbEaKd0\/AUhy4sHR+nWQc5C1jAwBICDVA8aRIsxQbe1FqsrkgKwOYVyt7Fe4v9PhBliJFqelq3f9ksjIAgGaHH7pQgDkOLcWMwIZ4Dx7J9rqsDaC6Vo4A92AT61miQ9KFe+5YKVm7K2ZtAADNDitRijNxjqXwUJ5q7uC8byZILhcB3FehQx3h98BA0\/W3dGv2xRwumV8rObkG5tQDwAkXiXuA7hFRxhJFUih35dr4IQ8DAGjay2OAwVBUlm7O8037+Fk+N8h5CNTK4kod2QJrgGGmn4alW7GzBaZ8q0625nOTvHoAgDvqZCvCPJTueeLUEj6KizAv38YPPhgAwILf8gRiXaYtISEsW\/Bbf5wzfTEAEC1zmCvYdKuWwHmzyWFups5uXZH3HKAtNRU6zhVeULs0agkAgb2Ocv381eLbi9anHsBj\/mpZrzDX+gpZ\/Ea8QBdz\/Wz84LMBACyok8cVasBOii2+4SrULKiTx\/2+se8GAFCa5NtA94tAaQmKZ9Ntynd8nQO0ZWGFDhLhOWB8YI\/F0h1Yp8qnsnVzzpTADADggSo9y3VZDYwIshxLkaL8yYkx5c5a+TCoIgIZArVyZ618iMtNgI1QacmWepSZQTZ+CNgAABaskXWuMJsCTrtkCZ2DrjB7wRpZF3RBgQ6B2rKoUqcBTwO9wirTUpAcAWYuqJOc\/PuzJfAeoJUFdbJSlTk2wJbldAg0qDInrMafLjNcFlbodPH8hmxPYGnLEVXm3L1aVoRZaOgGACeGQ08CZ5go3xI5DgI3h\/nmbyW0IVBbFtTJSleYgV0dskC9K8ww0fjBUA\/QyqIpOh7haYRzTeqwGGMbLjeFsdpzOowaAJzYLFuB3THubqxzHKYHvc7fFUaGQG25s1Y+VOVTeEuk1oGu+HGBZ1X5lOnGDxEwAPBSMZUmmQMstq7UxUv6u11cmmR2UL49OWiKFosqdbbAw\/ZQTXEhsFdhbhAuzXnqih41FTouJSwFxprWYskfgfWO8kW\/D7P4QSSGQCczf7Wsb3K4FvipjTZRwHjf3U9LHaZGsfFDRHuAP6Oy6BpuQXkQG3eo0NiJMM+L3uDPAfYgiLgBeHynUkfG4XvAJ4GYaT2WTkkBL8Tha3f4ELcnaArCAACqR2tJ6QBuRbgfGGBaj6VD9gL3NO3lsepN0mxaTCYUjAG0UlOlZ6aUh1BuAhKm9VgASKI85cI300GTC4ZIToI7Y36t7GoSblWYLrDBtJ7uTDpUyQaF6U0xbi20xp+uQ+GyeJqWtxznqwjzsfsGYbNP4f5EGT\/IJTNLVChoA2hlYYUOQpjvwG0KfU3rKWYUDomwJCHUzKuVvab15EtRGEArC6foxyTGHSg3A31M6ykmBBoUnmhJ8fC3XpLNpvX4WK9iQ+WBSi5OwTcE5gA9TSsqcI4Dy2LwYDYJqAuFIjSAP3PvtTrcaeHLInweZbhpPQXGDoFHU8ojhTi5zZSiNoBW0lHqZih8UeAyoMS0poiSxFtZW6rKs1Hx2AySbmEArVRXabzMZZLC3wIzsWeSAW9i68BydfiP\/od56UvrpNvkgO5WBtCWxdO0PNnEjaLMAirpfsZwEKhTYXmilGcKeSkzH7qtAbQya5bGJuxhqOsyDWE6ykRgUBE+GwX2AK8BKxyHlW8Mon75cunWaW6L7UvOm4UVOshxuEqVacBUYJRpTbmS3qndrMqvXHixNMUrd7wsH5nWFSWsAXTBvdfq8FiKSlEmu3AFcIFAf9O6OkJhv8AWYC3Cy6Ux6m5fJTtM64oy1gCyoHq0liSG0i+eYqSbYow6XCbKx4ERCn0EygneQS+pcFTgMMr7CJtUeYs469Vh28AG9nenSWy+WAPwgeoqLevlMKQxyZCYw3CFs0UZBgzF81Hqj+ei0Uehp0CZQELTZxsEUuo17EaBowhHUA4A+\/HG7btU2Cmw3XHZEUuw+4jL7upaaTRd90LnfwC0Dv7vgU60SAAAAABJRU5ErkJggg==\" alt=\"\" width=\"22\" height=\"22\" loading=\"lazy\" style=\"display: block; width: 22px; height: 22px; object-fit: contain;\"><span class=\"sc-interp\">WooCommerce<\/span>\r\n          <\/span>\r\n        \r\n          <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px 8px 9px; font-size: 14px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAHYUlEQVRYhcVXX0xb5xX\/+RJzHdPI104uwRQ5mH+J3YEIJkbyurBMTrHKNDsKpGqgD6n6RKaoy0OkdK9t87A+5YFI67SX8LARlNgSWQpBI1ECgWsXAyO2EwM2xmCDDb5OgsMFh7sH6luuTTu6atp54hzOd77f9\/u+8\/M9EuzRHA57JcuyV1dXV08lEokilmVJjuMkAECSJE9RFKdUKqMqlWqQoqhrVqvNv5e6kv+U0NPTYw2FQtdnZqY1arUaer0epaVa0DQNuXw\/ACCVeo1YLIZgMACPx4NIJILy8oqQRqO51NLS4vivANjtd9ThcLjf6\/X+wmg0wmw+DZqm4fV6MTcXRDQaRSqVwtYWj7feKgBNF6K8vAxVVUexsrKCgYH7YBgGOp1uqqSkxGyznVnaM4Cenh7r2Ni3txQKhbS9\/SNIpfvQ19cPp5MBx3E\/yhhJkqivr0dTkwXpdBpdXTeRTCY36+oMrbuxkQOgu\/vvHw8PD\/\/FZPqlxGq14t69f6Cvrw9bW1s\/unG25eXlwWw2o7n5t3A4HBgeHuJNJtMn58598NcfBNDT02N9\/PjRnaYmi8RkMuHGjRsIBGZ\/0sbZVlFRgYsXf4+HDx+ir+8b\/t13f3VmJxMCALv9jpphmLna2uNSi8WCr776E5aWdr22PVtDQwPOn28DSZIAgFu3bmF83L1pNBqP2GxnIgBAZJLD4XC\/QqGQ2mw2dHZ2\/uzNpVIp2ts\/EjYHgLNnz0KhUEjD4XB\/JiYBtqkfHPyn\/bPP\/gie34Lb7ca+fVJIpVLI5fvx9OlTuFwulJWV4eTJRqRSKaTTm9jY2IBEQkAmk4Ek85FKpXD79m0AwKFDh\/D551\/kAFtcXMSXX36BU6d+Y2tpaXHsA4BQKHTdaDSiuLgYAPD22yUAgPn5eTAMg2g0CgBIJBIIh+eh1+uh178jFOU4Dvfu3RPyAGBlZQXJZBIKhUIEQCYjYTQaEQqFrgNwEA6HvXJmZlpjNp9GOBzOSpbh\/v1+IZ5IJDAwMIDu7luiPJIk4XaPYXzcLcR4nsfdu705DDx69Bhm82nMzExrHA57JcGy7FW1Wo2DBw\/i66\/\/DJ7nhWSapqHRaHKKRKMRBINBUezECeMumz3CwoL4UE+eDIOmaajVarAse5VYXV09pdfr8fz5cywtLcHn84kW1NUZcgoDAMOMivz6+vqcHJ7n0dt7V\/A5jgPLsvB6vdDr9VhdXT1FJBKJotJSLWZnt\/t9dHREVMRg2B2A0+nEmzdvBL+oqEh4QzttYmIc6+vrALbfFADMzQVRWqpFIpEoIliWJWmaxvLydtu53W6R3NI0jSNHjuQUfvnyJTyep1lgc1nY2trCwsICAAj50WgUNE2DZVmS4DhOIpfvx9ramkDTzscEAPX1J3Zl4dmzZ1kAdmcrcyCGYQAAqVQKcvl+cBwnEYSIIIQ\/MTKyt2vQ6fQi\/4euQalUIhAIIB6PAwAkku9\/AQiSJPlU6jXk8gIh6PP5kEyygq9SqaDVakVF5XI5jh49iqmpqSyw4msoKChAUVERXC6XaG0q9RokSfIERVFcLBbD4cOFQgLP8xgdZUSFsruhtvY4Zmdn0df3jSie3Q3V1dUAAJfLKcQOHz6MWCwGiqI4QqlURoPBALTaMtHCkZEnWScz5PhOpxN+v1+gNlN8p3ZUV1fD7\/cjmUwKsdLSUgSDASiVyiihUqkGPR4PqqqqIJPJhKTFxUWhbQDxNcjlclRWVsLtHgMAjI6KNSHDFkEQ0OvfgdP5\/ellMhmOHdPB4\/FApVINEhRFXYtEIojH4zmvPVsTMoVra4\/D7\/fj1atXu+Zl2KqsrEJ+fj7Gxr4V\/S8WiyESiYCiqGuE1Wrzl5dXhAYG7sNisSAvL09IZhhG9CVkNJ6ARCKBwWAQ3eny8jICgYDgZyS8pqYGPp9PaHGCIGCxWDAwcB\/l5RUhq9XmJwBAo9FcYhgGGxsbOH36PaHQixcv4PF4BF+hoFBdXYOKigq43WKtyH4zdXUG1NTUiCS7qakJm5tpMAwDjUZzCfjug6SlpcWh0+mmurpuorm5WfQgs+lta2uD1+sR5DVjLpcL6XRa8E+ePAmKojAxMQEA0Gq1eP\/9ZnR13YROp5vKfJYJ6lNSUmJOJpObdrsdHR0dgqCMj4+LNlMoFKKeztja2ppIE+RyOaam\/oX19XXQdCE6Oi7CbrcjmUxulpSUmDN5AgCb7cxSXZ2hdXh4iB8aGsKnn\/4BZWVl2NzcFF47sC2rk5OTOQB2Y4thnNBqtbhy5QqGhoYwPDzE19UZWnfOCHk7F3R3dz+7fPny\/IMHg7\/b2NiQXLhwATzPw+fzoqGh4TtG3KK22mnxeByNjb9Gfn4+0uk0VlbiaGtrR29vLx48GORNJtMnra3n\/rZzzZ4GE5IkoVKpIJFI0NnZicnJiV0BAMCHH55HY2MjgG0t+cmDScZ2G82Ki4vh9XoxPe3H0tIyUqk1pNNpHDhwAIWFhdBqtTh2TId4PP7zRrNsNv4vw2m2\/a\/G838D9pGE3b2rsWoAAAAASUVORK5CYII=\" alt=\"\" width=\"22\" height=\"22\" loading=\"lazy\" style=\"display: block; width: 22px; height: 22px; object-fit: contain;\"><span class=\"sc-interp\">Gutenberg<\/span>\r\n          <\/span>\r\n        \r\n          <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px 8px 9px; font-size: 14px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAYFBMVEXtAe7\/\/\/\/sAO3tAO7wUPH4vPnwVPH5xfn4wPn+8v71j\/XxYPL+9P7+9\/796P397f30iPXvO\/D1lvb0i\/TuKu\/zfvT6yfr0gvTvM+\/1mfbzefT6zfrxZfLxW\/L6x\/r1kfWAr\/uwAAAA+klEQVQ4jY2T2ZrCIAyFw4l2QZ1qi9ZZ1Pd\/S8PSCnwKc65S8jcLJKReuuidAcxOX6JDWoxhBsBOYsx9Dmjx0iphHgmwN7HbI9fDC\/jizO0QHhagz39fiEMAzFu\/ECcPTLBfcFVilTv7tsDgEkDghtGu\/cNVuhfgxyWwwIaxTQDCUQDEQBpBQijqnBUAPm2CGl84funIEUC8yjeCkZoUSLqQHH+EGOCp23q1CFdBSyxfZJcWKRGJuAgwmXIKQ7dykTeaym1qassXda9ftTqXHmuuPXdvB0Z\/HpixMnLX\/w5tdezri6PsaGerN2a7qYZzeXmt7mH9H\/H6PwGIJgoNZBLzIAAAAABJRU5ErkJggg==\" alt=\"\" width=\"22\" height=\"22\" loading=\"lazy\" style=\"display: block; width: 22px; height: 22px; object-fit: contain;\"><span class=\"sc-interp\">Elementor<\/span>\r\n          <\/span>\r\n        \r\n          <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 8px 16px 8px 9px; font-size: 14px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n            <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAFgUlEQVRYhZ2XaWxUVRTHf+e+N1O6AIUAtRBIAVlEBFpoWiBiUgmbSIw0BoNxi0YQIoRPKBqNfNFICIgJmsgWo+EDJBoEmjSCNIrKEmSxCok0rEKLtHSdtvPe9cN9M+\/NvGmpnOTmzjt3+Z\/zP+eee0foo+gZ2\/vjdFYAC4BSYAyQ7w03gdxAWWfQugrtVsuZNQ192VfuCzxzTyGxxhUgz4Ge2CdrxbqOyH5gu5xeffGBDNDFWxTKXo3rbAA9rE\/AYWlDRT9F2Cin3uzoswG6eOtQ0LuBRQ8InC6nUfbyTGyEDNBlO4roaj0AenKvW7o6rFO9RVTqyRqwWH595WSPBhjPqelTrEWFddrtfZ7W9ShrTpCJpAG6eIsCDgHzewXudKBkBHw4L1X\/VwO8fchnIZOBxogLWNFZcmplC4CdHFD2atx47+AAcQ39s2D0oFT9vRh0u5Bl9QDu6ZRMRjsbgbVJrZ65pxA3\/sF9wQFsgZbOsL6+1RgXAlcgFoiAUqYXa7Uu3T7NNyvWuAJIcwno0tDSZfqgtMQgnhbvO8FTpvwWc03CSiA0Ihausw5A6Rnb+wPLQ+CdDhQXwqpZMCzXGNLpmA2au6C9O42BFh9cY8Y1UDYcCnJBJ9gR06zoUl22o0h55XVs2HsHljwKa2fD\/hfgvQoYNRg6u6GpHZrS6sqtFnBdA5wXheenwO6lsHMpPDke2hwDLF5Dcoh3LLHJVGxcDUPz4InR5ntQNrw4HSqnwL5z8PkJuNIEo\/L9NZcbYWQ+VJbAM+Ng+AB\/rGw47Dnr50eij2RX2CCzDFcB6XBgVqGhPig5EWPI3HGGoYTEXXhtBpSPggFZIX+YWmgcau0AlTh4AshjCvSI8Arg6UkZ1YDxriiQs7aCeeMyg4PRTx8OMS\/+4p0GZRfY+FeqT02uDT\/XQZYNkwvCTPxfqW+DguxA\/AFlATpXdPEWF8lQxNsdsIDBufDwYJjyEEwpNAVo5EDjdWhNN9xuhVttUHcXLjbD5X\/hRrMJKypwX5jeRlQr0N\/fJcGCZfrWLvjtJvxyDWIOLBwLm57KbMC1e7DyMDS0gnixjiozVywPPMCC1m0Kra\/4wMqnKdEsBblRwIJ54+GjhSYZM8mEIfDubMiKQo4NuVnmt2V7VVClFiS7X71CWWcyAicmiTJFaO542LIgNdHau+HinVQjKsbAO7MhllBIGFgso9fOJYXWVT0CIwZ8ThF8XAHZaZ4fvAhrq8NV8dmJsGqqibuIv18COPmtjii0W412r4eAEXO5zCmCT+aFaW\/sgJ3noa4Zdp8Lh+P1Elj2iJd84l1IKti6QH2v5MyaBkT2J4FFpbLxcnHm8\/3FWbjZZqrk17VQ1xies74cJg7xL7Okg4AVrZaaylrzpSLbENXu1WjPWgsiFmw4CocvpW78+z\/w7Z+Ql2WSK6Zh84nUOfVt8P5PcL3dfyMEG7IJvDMnJ9\/4Gye+NUmTMdeUzeYuWF8Dm477V\/Dm09Bt+WzlROD4baiqM+NVdfBqNRxMHDA7cA8IKHuvHF3yIwRfRMJGYD5ISXIiQCQCEeCrWrjdYcrwH3cDOeHNsyPw5QU4dgOOXAPLgrxsn5FkgltXiTWtI3W1ET39swlEc4+hKQhVLREvofDA095+osyTzHGgXyTV4+Q8iYEsTHgfMgBAl+8qRVkHgIKUqhUMTTpwcrfg79C6GCLL5MiS74J4mf+YzNk3CSf2DTA1BbhHsEzepmx\/FeSloOcJyfh2lprKWjpbHkfUNpB4SnKmZ3Pw2AaPmQ++l1hTeSbwHhkIii7fVUo05y2QxSD596E5MRIDfgDZ1BNwnw1IGlK2o4h+AxeBzEW701CRoQh5ZpBWRO4C5xF1jHjnQamprO3Lvv8BKLmt7cmz9x8AAAAASUVORK5CYII=\" alt=\"\" width=\"22\" height=\"22\" loading=\"lazy\" style=\"display: block; width: 22px; height: 22px; object-fit: contain;\"><span class=\"sc-interp\">Divi<\/span>\r\n          <\/span>\r\n        \r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"how\" data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px; background: var(--card); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\">\r\n      <div style=\"max-width: 1240px; margin: 0px auto;\">\r\n        <div style=\"text-align: center; max-width: 45ch; margin: 0px auto clamp(36px, 4.4cqw, 56px);\">\r\n          <h2 style=\"margin: 0px; font-size: clamp(30px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance;\">Kaku la describe. <span style=\"color: var(--violet-2);\">T\u00fa lo aplicas.<\/span><\/h2>\r\n        <\/div>\r\n        <div data-md-stack=\"\" style=\"display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; max-width: 900px; margin: 0px auto;\">\r\n\r\n          <div data-lift=\"\" style=\"background: var(--bg); border: 1px solid var(--line); border-radius: 20px; padding: 26px; display: flex; flex-direction: column; gap: 22px;\">\r\n            <div style=\"height: 170px; display: flex; align-items: center; justify-content: center;\">\r\n              <div style=\"width: 100%; max-width: 280px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--sh); padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;\">\r\n                \r\n                  <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"flex: 0 0 auto; width: 64px; font-size: 11px; font-weight: 500; color: var(--ink-2); white-space: nowrap;\"><span class=\"sc-interp\">Alt \u00b7 EN<\/span><\/span>\r\n                    <span style=\"flex: 1 1 0%; height: 7px; border-radius: 999px; background: var(--card-2); overflow: hidden;\"><span style=\"display: block; height: 100%; width: 94%; background: var(--grad); border-radius: 999px; transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\"><\/span><\/span>\r\n                    <span style=\"width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                  <\/div>\r\n                \r\n                  <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"flex: 0 0 auto; width: 64px; font-size: 11px; font-weight: 500; color: var(--ink-2); white-space: nowrap;\"><span class=\"sc-interp\">Alt \u00b7 ES<\/span><\/span>\r\n                    <span style=\"flex: 1 1 0%; height: 7px; border-radius: 999px; background: var(--card-2); overflow: hidden;\"><span style=\"display: block; height: 100%; width: 0%; background: var(--grad); border-radius: 999px; transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\"><\/span><\/span>\r\n                    <span style=\"width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                  <\/div>\r\n                \r\n                  <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n                    <span style=\"flex: 0 0 auto; width: 64px; font-size: 11px; font-weight: 500; color: var(--ink-2); white-space: nowrap;\"><span class=\"sc-interp\">Alt \u00b7 FR<\/span><\/span>\r\n                    <span style=\"flex: 1 1 0%; height: 7px; border-radius: 999px; background: var(--card-2); overflow: hidden;\"><span style=\"display: block; height: 100%; width: 0%; background: var(--grad); border-radius: 999px; transition: width 0.5s cubic-bezier(0.2, 0.7, 0.2, 1);\"><\/span><\/span>\r\n                    <span style=\"width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%; background: var(--card-2); color: var(--violet); display: flex; align-items: center; justify-content: center; transition: background 0.3s;\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"><\/path><\/svg><\/span>\r\n                  <\/div>\r\n                \r\n              <\/div>\r\n            <\/div>\r\n            <div>\r\n              <span style=\"display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--violet-deep); margin-bottom: 10px;\">Paso 1<\/span>\r\n              <h3 style=\"margin: 0px 0px 8px; font-size: 21px; font-weight: 700; letter-spacing: -0.02em;\">Kaku mira y escribe<\/h3>\r\n              <p style=\"margin: 0px; font-size: 15px; line-height: 1.55; color: var(--ink-2);\">Una imagen o la biblioteca entera. Cada idioma se escribe en ese idioma, a partir de lo que la imagen ense\u00f1a.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div data-lift=\"\" style=\"background: var(--bg); border: 1px solid var(--line); border-radius: 20px; padding: 26px; display: flex; flex-direction: column; gap: 22px;\">\r\n            <div style=\"height: 170px; display: flex; align-items: center; justify-content: center;\">\r\n              <div style=\"width: 100%; max-width: 300px; background: var(--card); border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--sh); padding: 14px 16px; display: flex; flex-direction: column; gap: 9px;\">\r\n                <div style=\"display: flex; align-items: center; gap: 10px; font-size: 12.5px;\"><span style=\"width: 15px; height: 15px; flex: 0 0 auto; border-radius: 4px; background: var(--violet); display: flex; align-items: center; justify-content: center;\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg><\/span><span style=\"flex: 1 1 0%;\">Texto alternativo \u00b7 EN ES FR<\/span><span style=\"font-size: 10px; font-weight: 600; color: var(--info-text); background: var(--info-bg); border-radius: 999px; padding: 2px 7px;\">nuevo<\/span><\/div>\r\n                <div style=\"display: flex; align-items: center; gap: 10px; font-size: 12.5px;\"><span style=\"width: 15px; height: 15px; flex: 0 0 auto; border-radius: 4px; background: var(--violet); display: flex; align-items: center; justify-content: center;\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"3.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg><\/span><span style=\"flex: 1 1 0%;\">Comprimir a 2000 px<\/span><span style=\"font-size: 10px; font-weight: 600; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 2px 7px;\">\u221287%<\/span><\/div>\r\n                <div style=\"display: flex; align-items: center; gap: 10px; font-size: 12.5px; opacity: 0.55;\"><span style=\"width: 15px; height: 15px; flex: 0 0 auto; border-radius: 4px; border: 1.5px solid var(--line); background: transparent;\"><\/span><span style=\"flex: 1 1 0%;\">Im\u00e1genes con texto alternativo<\/span><span style=\"font-size: 10px; font-weight: 600; color: var(--ink-3); background: var(--card-2); border-radius: 999px; padding: 2px 7px;\">omitir<\/span><\/div>\r\n                <div style=\"display: flex; align-items: center; gap: 10px; padding-top: 9px; border-top: 1px solid var(--line-2);\">\r\n                  <span style=\"display: inline-flex; align-items: center; gap: 6px; background: var(--violet); color: rgb(255, 255, 255); border-radius: 8px; padding: 8px 13px; font-size: 12px; font-weight: 600; box-shadow: var(--sh);\">Aplicar<\/span>\r\n                  <svg width=\"22\" height=\"12\" viewBox=\"0 0 22 12\" fill=\"none\" style=\"flex: 0 0 auto;\"><path data-flow=\"\" d=\"M1 6h14\" stroke=\"var(--violet)\" stroke-width=\"2\" stroke-dasharray=\"4 4\" stroke-linecap=\"round\"><\/path><path d=\"M13 1l5 5-5 5\" stroke=\"var(--violet)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n                  <span style=\"display: inline-flex; align-items: center; gap: 6px; background: var(--success-bg); color: var(--success-text); border-radius: 8px; padding: 7px 11px; font-size: 12px; font-weight: 600;\"><svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg>Ahorrado<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div>\r\n              <span style=\"display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--violet-deep); margin-bottom: 10px;\">Paso 2<\/span>\r\n              <h3 style=\"margin: 0px 0px 8px; font-size: 21px; font-weight: 700; letter-spacing: -0.02em;\">Lo retocas o lo deshaces<\/h3>\r\n              <p style=\"margin: 0px; font-size: 15px; line-height: 1.55; color: var(--ink-2);\">Se aplica al momento: si quieres cambiar una l\u00ednea, la editas, y si no te convence, recuperas el texto alternativo que hab\u00eda con un clic.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px;\">\r\n      <div style=\"max-width: 1240px; margin: 0px auto;\">\r\n        <div style=\"text-align: center; max-width: 53ch; margin: 0px auto clamp(36px, 4.4cqw, 56px);\">\r\n          <h2 style=\"margin: 0px 0px 14px; font-size: clamp(30px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance;\">Describe im\u00e1genes con IA <span style=\"color: var(--violet-2);\">a partir de lo que ense\u00f1an<\/span><\/h2>\r\n          <p style=\"margin: 0px; font-size: 17px; line-height: 1.55; color: var(--ink-2);\">\u00abIMG_4032.jpg\u00bb no le dice nada a un lector de pantalla y no le da a Google Im\u00e1genes nada que posicionar.<\/p>\r\n        <\/div>\r\n        <div data-md-stack=\"\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: stretch;\">\r\n          <div style=\"background: var(--card); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--sh); padding: 26px; display: flex; flex-direction: column; gap: 16px;\">\r\n            <span style=\"align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--destructive-text); background: var(--destructive-bg); padding: 6px 11px; border-radius: 7px;\">Antes<\/span>\r\n            <div style=\"display: flex; gap: 14px; align-items: flex-start;\">\r\n              <span style=\"width: 64px; height: 64px; flex: 0 0 auto; border-radius: 12px; background: linear-gradient(135deg, rgb(183, 165, 238), rgb(139, 92, 246)); display: flex; align-items: center; justify-content: center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><path d=\"M3 16l5-5 4 4 3-3 6 6\"><\/path><path d=\"M8.5 8.5h.01\"><\/path><\/svg><\/span>\r\n              <div style=\"min-width: 0px;\">\r\n                <div style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 6px;\">Lo que lee un lector de pantalla<\/div>\r\n                <p style=\"margin: 0px; font-family: &quot;Geist Mono&quot;, monospace; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); word-break: break-word;\">alt=\"IMG_4032.jpg\"<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px;\">\r\n              <span style=\"font-size: 12px; font-weight: 500; color: var(--destructive-text); background: var(--destructive-bg); border-radius: 999px; padding: 5px 11px;\">El nombre del archivo, le\u00eddo en voz alta<\/span>\r\n              <span style=\"font-size: 12px; font-weight: 500; color: var(--warning-text); background: var(--warning-bg); border-radius: 999px; padding: 5px 11px;\">Nada para Google Im\u00e1genes<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"position: relative; background: var(--card); border: 2px solid var(--violet-2); border-radius: 20px; box-shadow: 0 0 0 6px color-mix(in srgb,var(--violet) 12%,transparent),var(--sh-xl); padding: 25px; display: flex; flex-direction: column; gap: 16px; transform: scale(1.02);\">\r\n            <span style=\"align-self: flex-start; display: inline-flex; align-items: center; font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(255, 255, 255); background: var(--violet); padding: 6px 11px; border-radius: 7px;\">Despu\u00e9s de Kaku<\/span>\r\n            <div style=\"display: flex; gap: 14px; align-items: flex-start;\">\r\n              <span style=\"width: 64px; height: 64px; flex: 0 0 auto; border-radius: 12px; background: linear-gradient(135deg, rgb(139, 92, 246), rgb(79, 70, 229)); display: flex; align-items: center; justify-content: center;\"><svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.9)\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><path d=\"M3 16l5-5 4 4 3-3 6 6\"><\/path><path d=\"M8.5 8.5h.01\"><\/path><\/svg><\/span>\r\n              <div style=\"min-width: 0px;\">\r\n                <div style=\"font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 6px;\">Lo que lee un lector de pantalla<\/div>\r\n                <p style=\"margin: 0px; font-family: &quot;Geist Mono&quot;, monospace; font-size: 13.5px; line-height: 1.5; color: var(--ink-2); word-break: break-word;\">alt=\"Un surfista haciendo un pato bajo una ola rompiente al amanecer, con la tabla inclinada.\"<\/p>\r\n              <\/div>\r\n            <\/div>\r\n            <div style=\"margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px;\">\r\n              <span style=\"font-size: 12px; font-weight: 500; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 5px 11px;\">Describe la imagen<\/span>\r\n              <span style=\"font-size: 12px; font-weight: 500; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 5px 11px;\">Posiciona en Google Im\u00e1genes<\/span>\r\n              <span style=\"font-size: 12px; font-weight: 500; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 5px 11px;\">Editable y reversible<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"languages\" data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px; background: var(--card); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\">\r\n      <div data-md-stack=\"\" style=\"max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(30px, 4cqw, 64px); align-items: center;\">\r\n        <div style=\"background: var(--card); border: 1px solid var(--line); border-radius: 22px; box-shadow: var(--sh-xl); padding: 22px;\">\r\n          <div style=\"display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px;\">\r\n            \r\n              <button data-kk-lang=\"0\" style=\"display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-family: Geist, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); transition: background 0.25s, color 0.25s, border-color 0.25s;\"><span aria-hidden=\"true\" class=\"fi fi-gb\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">EN<\/span><\/button>\r\n            \r\n              <button data-kk-lang=\"1\" style=\"display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-family: Geist, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); transition: background 0.25s, color 0.25s, border-color 0.25s;\"><span aria-hidden=\"true\" class=\"fi fi-es\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">ES<\/span><\/button>\r\n            \r\n              <button data-kk-lang=\"2\" style=\"display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-family: Geist, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); transition: background 0.25s, color 0.25s, border-color 0.25s;\"><span aria-hidden=\"true\" class=\"fi fi-fr\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">FR<\/span><\/button>\r\n            \r\n              <button data-kk-lang=\"3\" style=\"display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-family: Geist, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--violet); background: var(--violet); color: rgb(255, 255, 255); transition: background 0.25s, color 0.25s, border-color 0.25s;\"><span aria-hidden=\"true\" class=\"fi fi-de\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">DE<\/span><\/button>\r\n            \r\n              <button data-kk-lang=\"4\" style=\"display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-family: Geist, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0.04em; padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line); background: var(--card); color: var(--ink-2); transition: background 0.25s, color 0.25s, border-color 0.25s;\"><span aria-hidden=\"true\" class=\"fi fi-it\" style=\"width: 14px; height: 10.5px; flex: 0 0 auto; border-radius: 2px; background-size: cover; display: block;\"><\/span><span class=\"sc-interp\">IT<\/span><\/button>\r\n            \r\n          <\/div>\r\n          <div data-sm-stack=\"\" style=\"display: flex; gap: 18px; align-items: flex-start;\">\r\n            <span style=\"width: 104px; height: 104px; flex: 0 0 auto; border-radius: 16px; background: linear-gradient(135deg, rgb(139, 92, 246), rgb(79, 70, 229)); display: flex; align-items: center; justify-content: center; box-shadow: var(--sh);\"><svg width=\"46\" height=\"46\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"rgba(255,255,255,.92)\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><path d=\"M3 16l5-5 4 4 3-3 6 6\"><\/path><path d=\"M8.5 8.5h.01\"><\/path><\/svg><\/span>\r\n            <div style=\"flex: 1 1 0%; min-width: 0px;\">\r\n              <div style=\"display: flex; align-items: center; gap: 9px; margin-bottom: 9px;\">\r\n                <span style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3);\">IMG_4032.jpg<\/span>\r\n                <span style=\"font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--violet-deep); background: var(--violet-soft); border-radius: 5px; padding: 3px 7px;\">alt \u00b7 <span class=\"sc-interp\">DE<\/span><\/span>\r\n              <\/div>\r\n              <p style=\"margin: 0px; font-size: clamp(15px, 1.3cqw, 17px); line-height: 1.5; letter-spacing: -0.01em; min-height: 4.5em; text-wrap: pretty;\"><span class=\"sc-interp\">Ein Surfer taucht bei Sonnenaufgang unter einer brechenden Welle durch, das Board nach unten geneigt.<\/span><\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div style=\"display: flex; align-items: center; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line-2);\">\r\n            <span style=\"font-size: 12.5px; color: var(--ink-3);\">Escrito en <span class=\"sc-interp\">alem\u00e1n<\/span><\/span>\r\n            <span style=\"flex: 1 1 0%;\"><\/span>\r\n            <span style=\"display: flex; gap: 5px;\">\r\n              \r\n                <span data-kk-dot=\"0\" style=\"width: 6px; height: 6px; border-radius: 999px; background: color-mix(in srgb,var(--violet) 22%,transparent); transition: width 0.3s, background 0.3s;\"><\/span>\r\n              \r\n                <span data-kk-dot=\"1\" style=\"width: 6px; height: 6px; border-radius: 999px; background: color-mix(in srgb,var(--violet) 22%,transparent); transition: width 0.3s, background 0.3s;\"><\/span>\r\n              \r\n                <span data-kk-dot=\"2\" style=\"width: 6px; height: 6px; border-radius: 999px; background: color-mix(in srgb,var(--violet) 22%,transparent); transition: width 0.3s, background 0.3s;\"><\/span>\r\n              \r\n                <span data-kk-dot=\"3\" style=\"width: 6px; height: 6px; border-radius: 999px; background: var(--violet); transition: width 0.3s, background 0.3s;\"><\/span>\r\n              \r\n                <span data-kk-dot=\"4\" style=\"width: 6px; height: 6px; border-radius: 999px; background: color-mix(in srgb,var(--violet) 22%,transparent); transition: width 0.3s, background 0.3s;\"><\/span>\r\n              \r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <h2 style=\"margin: 0px 0px 16px; font-size: clamp(30px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance;\">Una imagen, <span style=\"color: var(--violet-2);\">todos los idiomas<\/span><\/h2>\r\n          <p style=\"margin: 0px 0px 24px; font-size: 17px; line-height: 1.55; color: var(--ink-2); max-width: 50ch;\">Cada idioma se escribe en ese idioma, no traducido del ingl\u00e9s, y se guarda donde tu plugin multiling\u00fce lo espera.<\/p>\r\n          <div style=\"display: flex; flex-wrap: wrap; gap: 9px;\">\r\n            \r\n              <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 7px 14px 7px 8px; font-size: 13.5px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n                <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAIG0lEQVRYhZWXS2xV1xWGv7XPPvfhB2AM2FzbYF4JOLRAAiFJlcRqBFJom6ZVkdIRbUcZVJ23o4w76bBqJ22lSJWIojZKippGoSSUkKQk5hFSrEIw2GDiJ35d33vPOfvvwDYOjQnOLx1d6ejc839rr7X3WsdYpo5C9FTLNwupLxR8GtanXjtM7HQu2oS0Msh6XQjHWm+dOWmQLfe9fjnG3Wu7ijU1lIj1tEdPhdi2R1izGQVB3gznEOY4Bdhyze8HYGd4xK9fY5uJOeBN38dsi6DZRJ0ZEYDAEMFQMbjsvgEtC+AlcEdW7V6Rr6PbzJ7PjCdltDmIBQ6DwNyFJC0QL3vhvwJA4IbX7luXxXZEkb5n2A5Bk4HNmyoFywwygwxnGMKchSgfnfjJS\/7ooS4dPnxYgMxMX7Zd1JfydX3NnpIvup+Zohcw2wIqCAhIKZAASeyN1U3EWzaQ6yjhVzdJrS391Q0dH02XNn5k5oaTEK47Z5ca\/PTg1q1ba\/cCuQvgeseeUs6i7yL7hcy2IvICMqQaUIsctrmTwr5dVvfwTnId64mbVxPV11GJ4vR2lfJUJUxI2YzEiJm7HJSdjyz6wLJ1Z3butNo9AfppL7pS60EXuV8Cu4CCgARRc6aksZHcE\/uof\/oxa9y3i+LGNlzswQxJTEzOcmtokvGJMmaGmSOO\/Wzk3S3n3DkFvWXe\/l6bbOnfu9eSu2pAYDdLrdudswOg3WD5BfOqcyQta63wTLdWPXfAGrq2EDfWY\/+XvDRNmZ2tMD01A+ZwzvDeF3M5vymOfZv3fqdLXWe+YehlSRfN5krWAwyWHima8TTGAWRe8ydJDZSuaSZ+8glb8cIPrGFbO3EhZmhomBs3byGJpqaVtLasu1PBQUIhI8sgSVKqVUcuF+cKhfymfD53JEjpxctjL0v6j5nJi24\/qIkuF\/nHhG3DsPnoVYs9bucOa\/jOQQodJaJcTJZlfNxzgZOnPmDb1s2USq1EkSeOC0tWeQiBSqVKmqZRCGouFOLDWVIbv3Dh+qCk226gvRq7yH8LsR3EXNFBagYdbZbft4fCNx4iKuQAyLLAjZu3uHZtgNh7JiYnGRkZpVyuLAmwmKKMmZmZqFKpbU6StFu54v6LFy\/GLl+diMBtxqxlviaVIhLnLLd3D8VH9mBRhBmYQS4Xs3FDG83Nq\/nwzFl6e68giXw+95UAC\/DlcsUqlequENKDlUqx6LMoXwRtAa0Ds4DmTrlCjnjTJnIbOu5UumQ4Z+x\/9GE2bmxnamqGtlIrTU2rmJquADNL+dYQ0xgzQFOapsUkiZqr5ermKOebfRb5Nm9WL3DzdUSIImzdWtzaZqxQmKdffGNjYwP19XUEicg5zAxYOgVCg5hOCHoM6zaxP0nStYjmRl\/Y6E1ai5TD5swFYCZXLELsbS56SFORZeAcmBlRFM11I2CxGyzKzBQUKmAXgtMrrqIPk1z4Z975F7OQPWeZ6tJQ2OSMaDbMrfoitWFw91aXoFoNJIlYwu9LgYcQqgr6lxT+XLb4nWef3TNSHctfksIfFPSPLFOlXJ6teOfSCRElX\/y3SWh2FiXpnPM8SpoudAUjjm3+9iJmUCBJUpI0SSdvT1ydrcy+Ol4Jb\/7q5z+cnn+kduzYf8+7\/MxJSVlaTUe80nBLPpo1CAbmBJZlFoaGCSOjqFrF8vm7IEKY+\/XecE6YQbWaMDw0zLmzn9DXd9UPDPS33x4f3zs5PXaxs7P7TF\/fiRoQDh3aVn3jzZ5eM9LEqpd8lFVnMx9fAYaAFjPMC1ylRtp\/g2Twc+LODXd1rRBEkiysyJz6rt3k9On3OXX6faampqxSqTYohOcc+da6lXq9q6v7uPdjg2maJv2fD11uXlU3QGXwlq\/mV2aRZZ8aDIBaHKYI4UMguXDRKg9uw7eXsDi+O8niTi1IYma6zMjoKKOjo2RzW8Yw1pnRHckeUM5+lNF8NYq5\/dvf\/LqnvlA8efr0G6lrH8gnTq5Hom9uvoIIIxaEy59Rfvc9pnrOk1Wr9628e6gB4wGDZxwclrFflhbHxsYnATk4keVyySVnOmfGoEAG5sHi8izZufPM\/O1Npq5epzZbWXLLLUdmCKxm4p1a6t7r7T01DcgZqOmzjyYD2TuI40BqkrykPJAfHUenP2D66KtMnP+E6fHbVGsJWQj3sVyUoCLpEsYfFaWv9p5fc5n5I8cDGGh4duZsLVf\/houiLoyHDMt7gBDQ0AjVt45THh2j9ug+4od2EJfW4+uKuMhhBkmaLbU6CTAInJHpWCq9famnfANeuXOu3hlK1470Tt0o7XxPKv7JzF4EbXbzEAWJaHKa6runSPuuU3lwG5VtW7HOjUSrm7C6IpXRsVS1pAxMCk0jRgyuAedFekq10X9f+vTTe49kC7resaeUI\/6p0I8FW03kAFLDMlBiUAPLGhsJmzdBawusWKGB6mz\/+4ODZ45d\/ezjhGw4ZFzLTL3p9MDg5cuXawtLfl8AgRvu3LcuS+0I6FmgC7M1zI\/lmpuOLQUyMzIzQEHY8ZrT71\/T0Osv9fUlLLaWrzeWz0NYX+fulYXUPy7Z887s20LrgaLM7nRNSQpmhhQkvS3LfrdxoOc1g\/SrTL+oJb+MDKS+sxPQ\/daNtvIVU3ZWZgfN3IOg9YY1AN7MLFpooMDy98V9ABYg4ER69AZXHm9\/vD9fTf+iAo9lcocw7TZYY1JeEGPkkFVciJYd+Rd8lqe5tHTmfbq+Lk5mSi6f254F65JZyaROwSVDf20d+Hqf5\/8DJsg0dHAVH88AAAAASUVORK5CYII=\" alt=\"\" width=\"19\" height=\"19\" loading=\"lazy\" style=\"display: block; width: 19px; height: 19px; object-fit: contain;\"><span class=\"sc-interp\">Polylang<\/span>\r\n              <\/span>\r\n            \r\n              <span style=\"display: inline-flex; align-items: center; gap: 8px; background: var(--card); border: 1px solid var(--line); border-radius: 999px; padding: 7px 14px 7px 8px; font-size: 13.5px; font-weight: 500; box-shadow: var(--sh-sm);\">\r\n                <img loading=\"lazy\" decoding=\"async\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADdElEQVRYha3Xb2jWVRQH8M99GDIihswRQ1qFZJZRlFlBSL0QzKicga0oIlb4Qg3FfBEEZRAiJb0o+gOFEUVFBEJ\/yFpBMUIESULIaC9kOZExRoxR4obs14t7nz1\/9nt+z2+yL1yec+\/v3nu+99xzzzlPyLLMzMyMl15+RRtUsA6bcBN60vgk\/sKx1C4uWJnVxPXr7zAwsG2+3wFZlhkbG2uluAOPYx9ua0NyHJ\/hTZyVITQSWLXqugWnKsIN+Bmf5Cj\/F2dwGucwi148jz\/Sb0eb\/QsJbMIJbKgbG8ELuBkrsDrJ16b+fXg3zX0D3+DKyyHwUFrclfqTGMQteF089Szm0vc50SLD2CWzBkOCzfihiEQegXX4HMtS\/zjuxEdJaRmcxyM4hXsEnwoqAtEp8ghkyHTi8DzjzHGZBzBaUnFE1HEh7QVb8ExNUR6BiJ1qznYO\/ZhqWrMYnK2TX0N384QagWCZYG\/qzWG7YELQbLXFYGWd3G3eCnkEotdfneRf8P1lq63h4ab+YJPOBh94sG78nVLbZ4Vtq3ioetwoxpYcAtyVfi9iqJTi1lgr+MBCH6vU6Wkg0KFm\/hHxTbdWXoxrxLff0+L76vpONVRWBJ1JHi\/cvtghr8KPaofJQ1d9p94HLhVuXQ6HNd1xO1QJzAomktzKdO2wWQzh7XAhjwCZU0m6Xi0MN6LY6\/tLEv07n0BwNEldWuX9UNh6SxL4PZ8ARzAFMo+2PGlrFDtvxHmcbEVgGu+D4AnBFbknbY2vShB4T1NGbc6GB2XOYKXMzkWcnhi6Py74PoK3mwebI9UUnhY9db\/okIvBdrxlYd1wEverXnEBAfgVT6Xs+KWQAke5jDiLPViDZ7EXG3G3FjVFrWhsVHBEzGRf4KhY3Uwoj1F8WGZiUVE6hNvxD37Dtjbzq+jFbrE0f1GbyNhuw1H0CwbxmFii78ZadIoW7MBysXo+JHr6NA6KltyPgVYK2tbtYnX0U2rLZTYItopl+CXx3v\/DaZlDgkm1ankcO0QLDsuJFWUI1GMK36bWiPhMn8OreBLfpS\/TGJbZohpn6lDmTsshBqp94nUcaNp7StCX95KWjkBVUcStalm1IvrHn3kLlprALvG5VnCvmNgOoEfm63hNjWbogBCCvr6+pSBwTHy6e8QKeIeYgDZKZV73isa\/Bv8DNKfZsyvs\/QkAAAAASUVORK5CYII=\" alt=\"\" width=\"19\" height=\"19\" loading=\"lazy\" style=\"display: block; width: 19px; height: 19px; object-fit: contain;\"><span class=\"sc-interp\">WPML<\/span>\r\n              <\/span>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"compress\" data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px;\">\r\n      <div data-md-stack=\"\" style=\"max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(30px, 4cqw, 64px); align-items: center;\">\r\n        <div>\r\n          <h2 style=\"margin: 0px 0px 16px; font-size: clamp(30px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; text-wrap: balance;\">Comprime im\u00e1genes y genera WebP <span style=\"color: var(--violet-2);\">en tu propio WordPress<\/span><\/h2>\r\n          <p style=\"margin: 0px 0px 24px; font-size: 17px; line-height: 1.55; color: var(--ink-2); max-width: 53ch;\">Las im\u00e1genes pesadas son lo que ralentiza un sitio. Kaku las encuentra, reduce su peso a una fracci\u00f3n con la misma imagen en pantalla y regenera en WebP las versiones que sirve WordPress. Comprimir no gasta cr\u00e9ditos.<\/p>\r\n          <div style=\"display: flex; flex-direction: column; gap: 14px; max-width: 55ch;\">\r\n            \r\n              <div style=\"display: flex; gap: 12px; align-items: flex-start;\">\r\n                <span style=\"flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; background: var(--card); border: 1px solid var(--line); box-shadow: var(--sh-sm); color: var(--violet-deep); display: flex; align-items: center; justify-content: center; margin-top: 1px;\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M13 3L5 14h6l-1 7 8-11h-6z\"><\/path><\/svg><\/span>\r\n                <p style=\"margin: 0px; font-size: 15px; line-height: 1.55; color: var(--ink-2);\"><span style=\"color: var(--ink); font-weight: 600;\"><span class=\"sc-interp\">Primero las pesadas.<\/span><\/span> <span class=\"sc-interp\">Kaku te ense\u00f1a qu\u00e9 im\u00e1genes est\u00e1n lastrando tus p\u00e1ginas.<\/span><\/p>\r\n              <\/div>\r\n            \r\n              <div style=\"display: flex; gap: 12px; align-items: flex-start;\">\r\n                <span style=\"flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; background: var(--card); border: 1px solid var(--line); box-shadow: var(--sh-sm); color: var(--violet-deep); display: flex; align-items: center; justify-content: center; margin-top: 1px;\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M12 3l9 5-9 5-9-5z\"><\/path><path d=\"M3 14l9 5 9-5\"><\/path><\/svg><\/span>\r\n                <p style=\"margin: 0px; font-size: 15px; line-height: 1.55; color: var(--ink-2);\"><span style=\"color: var(--ink); font-weight: 600;\"><span class=\"sc-interp\">Un clic, toda la biblioteca.<\/span><\/span> <span class=\"sc-interp\">Comprime una sola imagen o todas las que se pasan de tama\u00f1o a la vez.<\/span><\/p>\r\n              <\/div>\r\n            \r\n              <div style=\"display: flex; gap: 12px; align-items: flex-start;\">\r\n                <span style=\"flex: 0 0 auto; width: 26px; height: 26px; border-radius: 8px; background: var(--card); border: 1px solid var(--line); box-shadow: var(--sh-sm); color: var(--violet-deep); display: flex; align-items: center; justify-content: center; margin-top: 1px;\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"flex: 0 0 auto; display: block;\"><path d=\"M5 6h14\"><\/path><path d=\"M5 12h14\"><\/path><path d=\"M5 18h14\"><\/path><path d=\"M9 4v4\"><\/path><path d=\"M15 10v4\"><\/path><path d=\"M11 16v4\"><\/path><\/svg><\/span>\r\n                <p style=\"margin: 0px; font-size: 15px; line-height: 1.55; color: var(--ink-2);\"><span style=\"color: var(--ink); font-weight: 600;\"><span class=\"sc-interp\">T\u00fa decides los l\u00edmites.<\/span><\/span> <span class=\"sc-interp\">Fija el tama\u00f1o m\u00e1ximo que quieras y no se comprime nada sin tu visto bueno.<\/span><\/p>\r\n              <\/div>\r\n            \r\n          <\/div>\r\n        <\/div>\r\n        <div style=\"background: var(--card); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--sh); padding: 26px;\">\r\n          <div style=\"display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 16px; flex-wrap: wrap;\">\r\n            <span style=\"font-size: 15px; font-weight: 600;\">Demasiado grandes \u00b7 14 im\u00e1genes<\/span>\r\n            <span style=\"display: inline-flex; align-items: center; gap: 8px; font-family: &quot;Geist Mono&quot;, monospace; font-size: 13px; font-weight: 500; color: var(--violet-deep);\"><span class=\"sc-interp\">17,5 MB<\/span> ahorrados<span style=\"display: inline-flex; align-items: center; gap: 5px; font-family: Geist, sans-serif; font-size: 11px; font-weight: 500; color: var(--violet); background: color-mix(in srgb,var(--violet) 10%,transparent); border-radius: 999px; padding: 3px 9px; transition: background 0.3s;\" data-kk=\"compbox\"><svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" style=\"display: block; flex: 0 0 auto;\" data-spin=\"true\"><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\"0.25\"><\/path><\/svg><span class=\"sc-interp\" data-kk=\"complabel\" data-kk-full=\"Hecho\">Comprimiendo\u2026<\/span><\/span><\/span>\r\n          <\/div>\r\n          \r\n            <div style=\"display: flex; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--line-2);\">\r\n              <span style=\"width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: linear-gradient(135deg, rgb(139, 92, 246), rgb(79, 70, 229));\"><\/span>\r\n              <div style=\"flex: 1 1 0%; min-width: 0px;\">\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">hero-beach-panorama.jpg<\/span><\/div>\r\n                <div data-sm-hide=\"\" style=\"font-size: 10.5px; color: var(--ink-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">6000 \u00d7 3376 px<\/span><\/div>\r\n              <\/div>\r\n              <span data-kk-cb=\"0\" style=\"flex: 0 0 auto; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3); text-decoration: line-through; white-space: nowrap;\"><span class=\"sc-interp\">8,4 MB<\/span><\/span>\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink-3)\" stroke-width=\"2.2\" stroke-linecap=\"round\" data-sm-hide=\"\" style=\"flex: 0 0 auto;\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <span data-kk-ca=\"0\" style=\"flex: 0 0 auto; width: 52px; text-align: right; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; font-weight: 500; white-space: nowrap; color: var(--success-text);\"><span class=\"sc-interp\">1,1 MB<\/span><\/span>\r\n              <span data-kk-ct=\"0\" style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 3px 8px; transition: background 0.3s, color 0.3s;\"><svg data-kk-spin=\"\" style=\"display:none\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" data-spin=\"true\" style=\"display: block; flex: 0 0 auto;\"><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\"0.25\"><\/path><\/svg><span class=\"sc-interp\">\u221287%<\/span><\/span>\r\n            <\/div>\r\n          \r\n            <div style=\"display: flex; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--line-2);\">\r\n              <span style=\"width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: linear-gradient(135deg, rgb(183, 165, 238), rgb(139, 92, 246));\"><\/span>\r\n              <div style=\"flex: 1 1 0%; min-width: 0px;\">\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">boards-lineup-full.png<\/span><\/div>\r\n                <div data-sm-hide=\"\" style=\"font-size: 10.5px; color: var(--ink-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">4200 \u00d7 2800 px<\/span><\/div>\r\n              <\/div>\r\n              <span data-kk-cb=\"1\" style=\"flex: 0 0 auto; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3); text-decoration: line-through; white-space: nowrap;\"><span class=\"sc-interp\">5,2 MB<\/span><\/span>\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink-3)\" stroke-width=\"2.2\" stroke-linecap=\"round\" data-sm-hide=\"\" style=\"flex: 0 0 auto;\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <span data-kk-ca=\"1\" style=\"flex: 0 0 auto; width: 52px; text-align: right; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; font-weight: 500; white-space: nowrap; color: var(--success-text);\"><span class=\"sc-interp\">780 KB<\/span><\/span>\r\n              <span data-kk-ct=\"1\" style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 3px 8px; transition: background 0.3s, color 0.3s;\"><svg data-kk-spin=\"\" style=\"display:none\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" data-spin=\"true\" style=\"display: block; flex: 0 0 auto;\"><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\"0.25\"><\/path><\/svg><span class=\"sc-interp\">\u221285%<\/span><\/span>\r\n            <\/div>\r\n          \r\n            <div style=\"display: flex; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--line-2);\">\r\n              <span style=\"width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: linear-gradient(135deg, rgb(109, 40, 217), rgb(139, 92, 246));\"><\/span>\r\n              <div style=\"flex: 1 1 0%; min-width: 0px;\">\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">shop-interior.jpg<\/span><\/div>\r\n                <div data-sm-hide=\"\" style=\"font-size: 10.5px; color: var(--ink-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">5312 \u00d7 2988 px<\/span><\/div>\r\n              <\/div>\r\n              <span data-kk-cb=\"2\" style=\"flex: 0 0 auto; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3); text-decoration: line-through; white-space: nowrap;\"><span class=\"sc-interp\">6,7 MB<\/span><\/span>\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink-3)\" stroke-width=\"2.2\" stroke-linecap=\"round\" data-sm-hide=\"\" style=\"flex: 0 0 auto;\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <span data-kk-ca=\"2\" style=\"flex: 0 0 auto; width: 52px; text-align: right; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; font-weight: 500; white-space: nowrap; color: var(--success-text);\"><span class=\"sc-interp\">910 KB<\/span><\/span>\r\n              <span data-kk-ct=\"2\" style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; color: var(--success-text); background: var(--success-bg); border-radius: 999px; padding: 3px 8px; transition: background 0.3s, color 0.3s;\"><svg data-kk-spin=\"\" style=\"display:none\" width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" data-spin=\"true\" style=\"display: block; flex: 0 0 auto;\"><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\"0.25\"><\/path><\/svg><span class=\"sc-interp\">\u221286%<\/span><\/span>\r\n            <\/div>\r\n          \r\n            <div style=\"display: flex; align-items: center; gap: 12px; padding: 11px 2px; border-bottom: 1px solid var(--line-2);\">\r\n              <span style=\"width: 34px; height: 34px; flex: 0 0 auto; border-radius: 8px; background: linear-gradient(135deg, rgb(79, 70, 229), rgb(124, 58, 237));\"><\/span>\r\n              <div style=\"flex: 1 1 0%; min-width: 0px;\">\r\n                <div style=\"font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">team-photo-2026.jpg<\/span><\/div>\r\n                <div data-sm-hide=\"\" style=\"font-size: 10.5px; color: var(--ink-3); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;\"><span class=\"sc-interp\">4608 \u00d7 3456 px<\/span><\/div>\r\n              <\/div>\r\n              <span data-kk-cb=\"3\" style=\"flex: 0 0 auto; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; color: var(--ink-3); text-decoration: none; white-space: nowrap;\"><span class=\"sc-interp\">5,9 MB<\/span><\/span>\r\n              <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--ink-3)\" stroke-width=\"2.2\" stroke-linecap=\"round\" data-sm-hide=\"\" style=\"flex: 0 0 auto;\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg>\r\n              <span data-kk-ca=\"3\" style=\"flex: 0 0 auto; width: 52px; text-align: right; font-family: &quot;Geist Mono&quot;, monospace; font-size: 11.5px; font-weight: 500; white-space: nowrap; color: var(--ink-3);\"><span class=\"sc-interp\">\u2014<\/span><\/span>\r\n              <span data-kk-ct=\"3\" style=\"flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; font-size: 10px; font-weight: 600; color: var(--violet-deep); background: color-mix(in srgb,var(--violet) 12%,transparent); border-radius: 999px; padding: 3px 8px; transition: background 0.3s, color 0.3s;\"><svg width=\"9\" height=\"9\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" data-spin=\"true\" style=\"display: block; flex: 0 0 auto;\"><path d=\"M12 3a9 9 0 0 1 9 9\"><\/path><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\"0.25\"><\/path><\/svg><span class=\"sc-interp\">comprimiendo<\/span><\/span>\r\n            <\/div>\r\n          \r\n          <p style=\"margin: 16px 2px 0px; font-size: 12.5px; line-height: 1.55; color: var(--ink-3);\">T\u00fa eliges qu\u00e9 im\u00e1genes comprimir y los l\u00edmites de tama\u00f1o que siguen.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"faq\" data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px; background: var(--card); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);\">\r\n      <div data-md-stack=\"\" style=\"max-width: 1240px; margin: 0px auto; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(30px, 4cqw, 64px); align-items: start;\">\r\n        <h2 style=\"margin: 0px; font-size: clamp(30px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em;\">Preguntas frecuentes sobre el <span style=\"color: var(--violet-2);\">optimizador de im\u00e1genes con IA<\/span><\/h2>\r\n        <div style=\"display: flex; flex-direction: column;\">\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfLa compresi\u00f3n corre de verdad en mi propio servidor?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">S\u00ed. Corre dentro de tu WordPress a trav\u00e9s del plugin de Kaku: no se sube ninguna imagen a ning\u00fan sitio, y ning\u00fan modelo de IA interviene en redimensionarla ni recomprimirla.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfComprimir va a estropear la calidad?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">La compresi\u00f3n sigue los l\u00edmites de tama\u00f1o que t\u00fa fijas, as\u00ed que las im\u00e1genes se mantienen n\u00edtidas en las dimensiones a las que tus p\u00e1ginas las ense\u00f1an de verdad. No se comprime nada hasta que lo confirmas, y conviene: comprimir sustituye el archivo original y no se puede deshacer.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfC\u00f3mo funciona el texto alternativo multiidioma?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">Cada idioma se escribe en ese idioma a partir de la imagen, no traducido del ingl\u00e9s, y se guarda en la versi\u00f3n de la imagen de ese idioma. Necesita Polylang con su m\u00f3dulo de medios o WPML con Media Translation; sin ellos, se escribe solo en el idioma principal.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfVa a pisar el texto alternativo que escrib\u00ed?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">Solo si seleccionas esas im\u00e1genes. Y si lo reescribe, Kaku guarda el que hab\u00eda: lo recuperas con un clic desde la propia imagen.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfFunciona con las im\u00e1genes de producto de WooCommerce?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">S\u00ed. Las im\u00e1genes de producto viven en la misma biblioteca y aparecen en la misma rejilla, con su texto alternativo escrito igual.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfQu\u00e9 es el texto alternativo y por qu\u00e9 importa?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">Es la descripci\u00f3n de una imagen (el alt text) que leen los lectores de pantalla y que Google usa para entender qu\u00e9 muestra. Sin ella, la imagen no le dice nada a quien no la ve y no tiene con qu\u00e9 posicionar en Google Im\u00e1genes. Kaku la escribe mirando la imagen, no el nombre del archivo.<\/span><\/p>\r\n            <\/details>\r\n          \r\n            <details style=\"border-bottom: 1px solid var(--line);\">\r\n              <summary style=\"display: flex; align-items: center; gap: 16px; padding: 20px 0px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em;\">\r\n                <span style=\"flex: 1 1 0%; text-wrap: pretty;\"><span class=\"sc-interp\">\u00bfGenera im\u00e1genes WebP?<\/span><\/span>\r\n                <span data-chev=\"\" style=\"flex: 0 0 auto; color: var(--violet); transition: transform 0.25s;\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/span>\r\n              <\/summary>\r\n              <p style=\"margin: 0px; padding: 0px 32px 22px 0px; font-size: 15.5px; line-height: 1.65; color: var(--ink-2);\"><span class=\"sc-interp\">S\u00ed. Al comprimir, las versiones de cada imagen que WordPress sirve en tu web se regeneran en WebP, m\u00e1s ligero que JPEG o PNG. Las im\u00e1genes animadas se dejan como est\u00e1n para no perder la animaci\u00f3n.<\/span><\/p>\r\n            <\/details>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <section data-reveal=\"\" style=\"padding: clamp(56px, 7cqw, 100px) 24px;\">\r\n      <div style=\"max-width: 1000px; margin: 0px auto; background: var(--grad); border-radius: 24px; box-shadow: var(--sh-lg); padding: clamp(36px, 4.6cqw, 64px) clamp(26px, 4cqw, 54px); text-align: center; color: rgb(255, 255, 255);\">\r\n        <h2 style=\"margin: 0px auto 16px; font-size: clamp(28px, 3.8cqw, 50px); font-weight: 700; line-height: 1.05; letter-spacing: -0.03em; max-width: 25ch; text-wrap: balance;\">Deja de publicar im\u00e1genes que nadie puede leer<\/h2>\r\n        <p style=\"margin: 0px auto 28px; font-size: 17px; line-height: 1.55; opacity: 0.9; max-width: 55ch; text-wrap: pretty;\">Conecta tu WordPress y mira a cu\u00e1ntas im\u00e1genes les falta el texto alternativo \u2014 y cu\u00e1nto pesa tu biblioteca.<\/p>\r\n        <div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: center;\">\r\n          <a href=\"https:\/\/kaku.software\/\" class=\"scp4\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgb(255, 255, 255); color: var(--violet-deep); font-size: 16px; font-weight: 600; padding: 16px 28px; border-radius: 12px;\">Arreglar mi biblioteca de medios <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h13M13 6l6 6-6 6\"><\/path><\/svg><\/a>\r\n          <a href=\"\/es\/#pricing\" class=\"scp5\" style=\"display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.14); color: rgb(255, 255, 255); font-size: 16px; font-weight: 600; padding: 16px 28px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.28);\">Ver precios<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n<a href=\"\/es\/contacto\/\" data-kk=\"contact-pill\" data-sm-hide=\"\" class=\"scp1\" style=\"position: fixed; right: 22px; bottom: 22px; z-index: 75; display: inline-flex; align-items: center; gap: 9px; background: var(--violet); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; padding: 12px 20px; border-radius: 999px; box-shadow: var(--sh-lg);\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 11.5a8.4 8.4 0 0 1-9 8.4 9.9 9.9 0 0 1-2.8-.4L3 21l1.9-5.2A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5z\"><\/path><\/svg>Contacto<\/a><\/div>\n<script>\n(function(){var d=document;d.documentElement.classList.add('js');\nvar els=d.querySelectorAll('[data-reveal]');\nif(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('in')});return}\nvar o=new IntersectionObserver(function(en){en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in');o.unobserve(x.target)}})},{rootMargin:'0px 0px -10% 0px'});\nels.forEach(function(e){o.observe(e)})})();\n<\/script><script>\n(function(){\n var r=document.querySelector('[data-frame]'); if(!r) return;\n var RM=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n var cov=r.querySelectorAll('[data-kk-cov]'), cpct=r.querySelector('[data-kk=\"covpct\"]'),\n     clab=r.querySelector('[data-kk=\"covlabel\"]'), cbox=r.querySelector('[data-kk=\"covbox\"]');\n if(cov.length>9){\n  var TOT=cov.length, PART=clab?clab.textContent:'', FULL=clab?clab.getAttribute('data-kk-full'):'';\n  var v=6, dir=1, hold=0;\n  function cpaint(){\n   for(var i=0;i<TOT;i++){\n    var on=i<v;\n    cov[i].style.background=on?'var(--success-bg)':'var(--warning-bg)';\n    cov[i].style.borderColor=on?'var(--success)':'var(--warning)';\n   }\n   var full=v>=TOT;\n   if(cpct) cpct.textContent=String(Math.round(v\/TOT*100));\n   if(clab) clab.textContent=full?FULL:PART;\n   if(cbox){ cbox.style.color=full?'var(--success-text)':'var(--violet)';\n             cbox.style.background=full?'var(--success-bg)':'color-mix(in srgb,var(--violet) 10%,transparent)'; }\n  }\n  function ctick(){\n   if(dir>0 && v>=TOT){ dir=0; hold=Date.now()+2200; }\n   else if(dir===0){ if(Date.now()>hold){ v=6; dir=1; } }\n   else v++;\n   cpaint();\n  }\n  cpaint();\n  var ci=setInterval(function(){ if(RM && v>=TOT){ clearInterval(ci); return; } ctick(); },110);\n }\n\n\n var tabBar=r.querySelector('[data-tabs]'), panes=r.querySelectorAll('[data-pane]');\n if(tabBar && panes.length>1){\n  var btns=tabBar.querySelectorAll('button'), ind=tabBar.querySelector('span');\n  var ti=0;\n  for(var q=0;q<panes.length;q++) if(panes[q].getAttribute('data-vis')==='visible') ti=q;\n  function tpaint(){\n   for(var i=0;i<panes.length;i++){\n    var on=i===ti;\n    panes[i].style.opacity=on?'1':'0';\n    panes[i].style.transform=on?'none':'translateY(8px)';\n    panes[i].style.visibility=on?'visible':'hidden';\n    panes[i].setAttribute('data-vis',on?'visible':'hidden');\n   }\n   for(var b=0;b<btns.length;b++) btns[b].style.color=(b===ti)?'var(--ink)':'var(--ink-3)';\n   if(ind) ind.style.transform='translateX(calc('+ti+' * (100% + 4px)))';\n  }\n  tpaint();\n  var tsteps=0;\n  var tiv=setInterval(function(){ ti=(ti+1)%panes.length; tpaint(); tsteps++;\n    if(RM && tsteps>=panes.length-1) clearInterval(tiv); },5000);\n  for(var b2=0;b2<btns.length;b2++)(function(ix){\n   btns[ix].addEventListener('click',function(){ ti=ix; tpaint(); });\n  })(b2);\n }\n\n\n var trk=r.querySelector('[data-kk=\"track\"]');\n if(trk){\n  var prev=r.querySelector('[aria-label=\"Previous\"]'), next=r.querySelector('[aria-label=\"Next\"]');\n  var raf=null;\n  function slide(dir){\n   var card=trk.firstElementChild;\n   var stepW=card?card.getBoundingClientRect().width+18:380;\n   var max=trk.scrollWidth-trk.clientWidth, from=trk.scrollLeft;\n   var to=Math.max(0,Math.min(max,from+dir*stepW));\n   if(Math.abs(to-from)<1) return;\n   if(RM){ trk.scrollLeft=to; return; }\n   if(raf) cancelAnimationFrame(raf);\n   var ease=function(t){return t<0.5?4*t*t*t:1-Math.pow(-2*t+2,3)\/2;};\n   var dur=620, t0=performance.now(), snap=trk.style.scrollSnapType;\n   trk.style.scrollSnapType='none';\n   var tick=function(now){\n    var p=Math.min(1,(now-t0)\/dur);\n    trk.scrollLeft=from+(to-from)*ease(p);\n    if(p<1) raf=requestAnimationFrame(tick);\n    else { raf=null; trk.style.scrollSnapType=snap; }\n   };\n   raf=requestAnimationFrame(tick);\n  }\n  if(prev) prev.addEventListener('click',function(){slide(-1);});\n  if(next) next.addEventListener('click',function(){slide(1);});\n }\n\n\n var lb=r.querySelectorAll('[data-kk-lang]'), ld=r.querySelectorAll('[data-kk-dot]');\n if(lb.length>1){\n  var li=0, lt=null;\n  for(var q=0;q<lb.length;q++) if((lb[q].getAttribute('style')||'').indexOf('background: var(--violet)')>=0) li=q;\n  function lpaint(){\n   for(var i=0;i<lb.length;i++){\n    var on=i===li;\n    lb[i].style.background=on?'var(--violet)':'var(--card)';\n    lb[i].style.color=on?'#fff':'var(--ink-2)';\n    lb[i].style.borderColor=on?'var(--violet)':'var(--line)';\n   }\n   for(var j=0;j<ld.length;j++){\n    var on2=j===li;\n    ld[j].style.width=on2?'18px':'6px';\n    ld[j].style.background=on2?'var(--violet)':'color-mix(in srgb,var(--violet) 22%,transparent)';\n   }\n  }\n  lpaint();\n  var lsteps=0;\n  lt=setInterval(function(){ li=(li+1)%lb.length; lpaint(); lsteps++;\n    if(RM && lsteps>=lb.length-1){ clearInterval(lt); lt=null; } },2800);\n  for(var z=0;z<lb.length;z++)(function(ix){\n   lb[ix].addEventListener('click',function(){ if(lt){clearInterval(lt);lt=null;} li=ix; lpaint(); });\n  })(z);\n }\n\n var f=[],c=[],k=0,el;\n \/* kk-img v2: el hero de Image Optimizer tal y como est\u00e1 en el dise\u00f1o (step + renderVals de \u00abKaku Landing Image Optimizer\u00bb) *\/\n while((el=r.querySelector('[data-kk=\"f'+k+'\"]'))){ f.push(el); c.push(r.querySelector('[data-kk=\"c'+k+'\"]')); k++; }\n if(!f.length) return;\n var chip=r.querySelector('[data-kk=\"chip\"]'), box=r.querySelector('[data-kk=\"chipbox\"]'), icon=r.querySelector('[data-kk=\"chipicon\"]');\n var oks=r.querySelectorAll('[data-kk=\"ok\"]'), langs=r.querySelector('[data-kk=\"langsdone\"]'), lbox=r.querySelector('[data-kk=\"langsbox\"]');\n var size=r.querySelector('[data-kk=\"size\"]'), tag=r.querySelector('[data-kk=\"sizetag\"]'), tbox=r.querySelector('[data-kk=\"tagbox\"]');\n if(!chip||!box) return;\n var TXT=f.map(function(e){return e.getAttribute('data-kk-text');});\n var LBL={think:chip.getAttribute('data-kk-think'),type:chip.getAttribute('data-kk-type'),done:chip.getAttribute('data-kk-done')};\n var BOX={think:['var(--card)','var(--ink-2)','var(--line)'],type:['var(--violet)','#fff','var(--violet)'],done:['var(--success-bg)','var(--success-text)','var(--success-bg)']};\n var ICON={think:['13','2.4',0,'<path d=\"M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7-10-7-10-7z\"\/><path d=\"M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z\"\/>'],\n  type:['12','3',1,'<path d=\"M12 3a9 9 0 0 1 9 9\"\/><path d=\"M21 12a9 9 0 1 1-9-9\" opacity=\".25\"\/>'],\n  done:['13','2.4',0,'<path d=\"M20 6L9 17l-5-5\"\/>']};\n var CHECK='<path d=\"M20 6L9 17l-5-5\"\/>', SPARK='<path d=\"M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6z\"\/>';\n var total=TXT.reduce(function(a,s){return a+s.length;},0), phase='think', pos=0, t=null, last='';\n function setIcon(ph){ if(!icon) return; var ic=ICON[ph]; icon.setAttribute('width',ic[0]); icon.setAttribute('height',ic[0]); icon.setAttribute('stroke-width',ic[1]);\n  if(ic[2]) icon.setAttribute('data-spin',''); else icon.removeAttribute('data-spin'); icon.innerHTML=ic[3]; }\n function paint(){\n  var left=pos, nd=0, done=phase==='done', typing=phase==='type';\n  for(var i=0;i<f.length;i++){\n   var shown=done?TXT[i].length:typing?Math.max(0,Math.min(TXT[i].length,left)):0; left-=TXT[i].length;\n   var ok=shown>=TXT[i].length&&(done||typing);\n   f[i].textContent=TXT[i].slice(0,shown);\n   f[i].parentNode.style.color=shown>0?'var(--ink)':'var(--ink-3)';\n   if(c[i]) c[i].style.display=typing&&shown>0&&shown<TXT[i].length?'inline-block':'none';\n   var o=oks[i];\n   if(o&&o.getAttribute('data-kk-state')!==String(ok)){ o.setAttribute('data-kk-state',String(ok));\n    o.style.background=ok?'var(--success)':'var(--card-2)'; o.style.color=ok?'#fff':'var(--violet)';\n    var g=o.querySelector('svg'); if(g){ g.setAttribute('fill',ok?'none':'currentColor'); g.setAttribute('stroke',ok?'currentColor':'none'); g.setAttribute('stroke-width',ok?'2.4':'2'); g.innerHTML=ok?CHECK:SPARK; } }\n   if(ok) nd++;\n  }\n  if(langs) langs.textContent=String(nd);\n  if(lbox){ lbox.style.color=done?'var(--success-text)':'var(--ink-3)'; lbox.style.background=done?'var(--success-bg)':'var(--card-2)'; }\n  if(size) size.textContent=size.getAttribute(done?'data-kk-done':'data-kk-start');\n  if(tag) tag.textContent=tag.getAttribute(done?'data-kk-done':'data-kk-start');\n  if(tbox){ tbox.style.color=done?'var(--success-text)':'var(--warning-text)'; tbox.style.background=done?'var(--success-bg)':'var(--warning-bg)'; }\n  if(last!==phase){ last=phase; chip.textContent=LBL[phase]; var b=BOX[phase]; box.style.background=b[0]; box.style.color=b[1]; box.style.borderColor=b[2]; setIcon(phase); }\n }\n function step(){\n  if(phase==='think'){ t=setTimeout(function(){phase='type';pos=0;paint();step();},900); return; }\n  if(phase==='type'){\n   if(pos>=total){ t=setTimeout(function(){phase='done';paint();step();},250); return; }\n   t=setTimeout(function(){pos=Math.min(total,pos+2);paint();step();},26); return;\n  }\n  t=setTimeout(function(){phase='think';pos=0;paint();step();},2800);\n }\n \/\/ La columna central mide lo que la p\u00edldora en su fase m\u00e1s larga: las tarjetas de los lados no cambian de ancho.\n function fitMid(){ var mid=box.parentNode,w=0;\n  ['think','type','done'].forEach(function(ph){ chip.textContent=LBL[ph]; setIcon(ph); w=Math.max(w,box.getBoundingClientRect().width); });\n  mid.style.minWidth=Math.ceil(w)+'px'; last=''; paint(); }\n fitMid(); if(document.fonts&&document.fonts.ready) document.fonts.ready.then(fitMid); window.addEventListener('resize',fitMid);\n step();\n document.addEventListener('visibilitychange',function(){ if(document.hidden&&t){clearTimeout(t);t=null;} else if(!document.hidden&&!t){step();} });\n})();\n<\/script><script>(function(){var r=document.querySelector(\"[data-frame]\"); if(!r) return;\n var lm=r.querySelector('[data-kk=\"langmenu\"]');\n if(lm){\n  document.addEventListener('click',function(e){ if(lm.open && !lm.contains(e.target)) lm.open=false; });\n  document.addEventListener('keydown',function(e){ if(e.key==='Escape' && lm.open){ lm.open=false; var s=lm.querySelector('summary'); if(s) s.focus(); } });\n }\n})();<\/script><script>\n(function(){\n var r=document.querySelector('[data-frame]'); if(!r) return;\n var RM=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var CD=[{\"a\":\"1.1 MB\",\"p\":\"\u221287%\",\"s\":7.3},{\"a\":\"780 KB\",\"p\":\"\u221285%\",\"s\":4.4},{\"a\":\"910 KB\",\"p\":\"\u221286%\",\"s\":5.8},{\"a\":\"820 KB\",\"p\":\"\u221286%\",\"s\":5.1}];\n var cb=r.querySelectorAll('[data-kk-cb]'), ca=r.querySelectorAll('[data-kk-ca]'), ctg=r.querySelectorAll('[data-kk-ct]');\n var clb=r.querySelector('[data-kk=\"complabel\"]'), cbx=r.querySelector('[data-kk=\"compbox\"]');\n if(ca.length && cb.length && ctg.length && CD.length){\n  var CPART=clb?clb.textContent:'', CFULL=clb?clb.getAttribute('data-kk-full'):'';\n  var cp=0, cphold=0;\n  function inner(el,t){ var s=el.querySelector('.sc-interp'); (s||el).textContent=t; }\n  function ppaint(){\n   for(var i=0;i<CD.length;i++){\n    if(!cb[i]||!ca[i]||!ctg[i]) continue;\n    var ok=i<cp, act=(i===cp && cp<CD.length);\n    cb[i].style.textDecoration=ok?'line-through':'none';\n    inner(ca[i], ok?CD[i].a:'\u2014');\n    ca[i].style.color=ok?'var(--success-text)':'var(--ink-3)';\n    inner(ctg[i], ok?CD[i].p:(act?'compressing':'queued'));\n    ctg[i].style.color=ok?'var(--success-text)':(act?'var(--violet-deep)':'var(--ink-3)');\n    ctg[i].style.background=ok?'var(--success-bg)':(act?'color-mix(in srgb,var(--violet) 12%,transparent)':'var(--card-2)');\n    var sp=ctg[i].querySelector('svg'); if(sp) sp.style.display=act?'block':'none';\n   }\n   var full=cp>=CD.length;\n   if(clb) clb.textContent=full?CFULL:CPART;\n   if(cbx){ cbx.style.color=full?'var(--success-text)':'var(--violet)';\n            cbx.style.background=full?'var(--success-bg)':'color-mix(in srgb,var(--violet) 10%,transparent)'; }\n  }\n  function ptick(){\n   if(cp>=CD.length){ if(Date.now()>cphold){ cp=0; cphold=0; } }\n   else { cp++; cphold=Date.now()+2600; }\n   ppaint();\n  }\n  ppaint();\n  var pi=setInterval(function(){ if(RM && cp>=CD.length){ clearInterval(pi); return; } ptick(); },900);\n }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":615,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-451","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Optimizador de im\u00e1genes con IA para WordPress | Kaku<\/title>\n<meta name=\"description\" content=\"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimizador de im\u00e1genes con IA para WordPress | Kaku\" \/>\n<meta property=\"og:description\" content=\"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/\" \/>\n<meta property=\"og:site_name\" content=\"Kaku \u2014 AI for WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T19:54:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/10\/kaku-optimizador-de-imagenes-028a5b.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/\",\"url\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/\",\"name\":\"Optimizador de im\u00e1genes con IA para WordPress | Kaku\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kaku-app.site\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/kaku-optimizador-de-imagenes-028a5b.jpg\",\"datePublished\":\"2026-09-20T10:11:49+00:00\",\"dateModified\":\"2026-10-14T19:54:11+00:00\",\"description\":\"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kaku-app.site\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/kaku-optimizador-de-imagenes-028a5b.jpg\",\"contentUrl\":\"https:\\\/\\\/kaku-app.site\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/kaku-optimizador-de-imagenes-028a5b.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Kaku: Optimizador de im\u00e1genes con IA para WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/optimizador-de-imagenes\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/inicio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizador de im\u00e1genes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/\",\"name\":\"Kaku \u2014 AI for WordPress\",\"description\":\"All-in-one AI SEO for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#organization\",\"name\":\"Kaku \u2014 AI for WordPress\",\"url\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kaku-app.site\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/kaku-logo.png\",\"contentUrl\":\"https:\\\/\\\/kaku-app.site\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/kaku-logo.png\",\"width\":832,\"height\":256,\"caption\":\"Kaku \u2014 AI for WordPress\"},\"image\":{\"@id\":\"https:\\\/\\\/kaku-app.site\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/kakuapp\\\/\",\"https:\\\/\\\/www.facebook.com\\\/1370256162833417\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kakuapp\\\/\",\"https:\\\/\\\/www.instagram.com\\\/kakuapp_en\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimizador de im\u00e1genes con IA para WordPress | Kaku","description":"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/","og_locale":"es_ES","og_type":"article","og_title":"Optimizador de im\u00e1genes con IA para WordPress | Kaku","og_description":"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.","og_url":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/","og_site_name":"Kaku \u2014 AI for WordPress","article_modified_time":"2026-10-14T19:54:11+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/10\/kaku-optimizador-de-imagenes-028a5b.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/","url":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/","name":"Optimizador de im\u00e1genes con IA para WordPress | Kaku","isPartOf":{"@id":"https:\/\/kaku-app.site\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/#primaryimage"},"image":{"@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/#primaryimage"},"thumbnailUrl":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/10\/kaku-optimizador-de-imagenes-028a5b.jpg","datePublished":"2026-09-20T10:11:49+00:00","dateModified":"2026-10-14T19:54:11+00:00","description":"Optimizador de im\u00e1genes con IA para WordPress: escribe el texto alternativo mirando cada imagen, en todos tus idiomas, comprime las pesadas y genera WebP.","breadcrumb":{"@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/#primaryimage","url":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/10\/kaku-optimizador-de-imagenes-028a5b.jpg","contentUrl":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/10\/kaku-optimizador-de-imagenes-028a5b.jpg","width":1200,"height":630,"caption":"Kaku: Optimizador de im\u00e1genes con IA para WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kaku-app.site\/es\/optimizador-de-imagenes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kaku-app.site\/es\/inicio\/"},{"@type":"ListItem","position":2,"name":"Optimizador de im\u00e1genes"}]},{"@type":"WebSite","@id":"https:\/\/kaku-app.site\/es\/#website","url":"https:\/\/kaku-app.site\/es\/","name":"Kaku \u2014 AI for WordPress","description":"All-in-one AI SEO for WordPress","publisher":{"@id":"https:\/\/kaku-app.site\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kaku-app.site\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kaku-app.site\/es\/#organization","name":"Kaku \u2014 AI for WordPress","url":"https:\/\/kaku-app.site\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kaku-app.site\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/08\/kaku-logo.png","contentUrl":"https:\/\/kaku-app.site\/wp-content\/uploads\/2026\/08\/kaku-logo.png","width":832,"height":256,"caption":"Kaku \u2014 AI for WordPress"},"image":{"@id":"https:\/\/kaku-app.site\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/kakuapp\/","https:\/\/www.facebook.com\/1370256162833417","https:\/\/www.linkedin.com\/company\/kakuapp\/","https:\/\/www.instagram.com\/kakuapp_en\/"]}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/pages\/451","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/comments?post=451"}],"version-history":[{"count":1,"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/pages\/451\/revisions"}],"predecessor-version":[{"id":452,"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/pages\/451\/revisions\/452"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/media\/615"}],"wp:attachment":[{"href":"https:\/\/kaku-app.site\/es\/wp-json\/wp\/v2\/media?parent=451"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}