{"id":7206,"date":"2026-08-01T12:43:14","date_gmt":"2026-08-01T16:43:14","guid":{"rendered":"https:\/\/jdanielramos.com\/blog\/?page_id=7206"},"modified":"2026-10-19T12:47:22","modified_gmt":"2026-10-19T16:47:22","slug":"ai","status":"publish","type":"page","link":"https:\/\/jdanielramos.com\/blog\/ai\/","title":{"rendered":"AI"},"content":{"rendered":"<p><!-- ===== J. DANIEL RAMOS - AI WORK (full width, English \/ Spanish) ===== -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&#038;family=Jost:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<div id=\"ai-work\"><input type=\"radio\" name=\"aw-lang\" id=\"aw-lang-en\" class=\"aw-lang-input\" checked aria-label=\"English\"><input type=\"radio\" name=\"aw-lang\" id=\"aw-lang-es\" class=\"aw-lang-input\" aria-label=\"Espa&ntilde;ol\"><\/p>\n<header class=\"aw-band aw-dark aw-hero\">\n<div class=\"aw-wrap\">\n<div class=\"aw-lang\" role=\"group\" aria-label=\"Language \/ Idioma\"><label for=\"aw-lang-en\" class=\"aw-lang-btn aw-lb-en\">English<\/label><label for=\"aw-lang-es\" class=\"aw-lang-btn aw-lb-es\">Espa&ntilde;ol<\/label><\/div>\n<p class=\"aw-kicker aw-reveal\"><span class=\"aw-en\">Generative &middot; Curated &middot; Commercial<\/span><span class=\"aw-es\">Generativo &middot; Curado &middot; Comercial<\/span><\/p>\n<h1 class=\"aw-h1 aw-reveal\" style=\"--d:.08s\"><span class=\"aw-en\">AI Work<\/span><span class=\"aw-es\">Trabajos con IA<\/span><\/h1>\n<p class=\"aw-tagline aw-reveal\" style=\"--d:.16s\"><span class=\"aw-en\">AI-powered visuals, directed and finished by hand.<\/span><span class=\"aw-es\">Im&aacute;genes con inteligencia artificial, dirigidas y terminadas a mano.<\/span><\/p>\n<p class=\"aw-lead aw-reveal\" style=\"--d:.24s\"><span class=\"aw-en\">Commercials and images created with generative AI tools, then curated, edited and polished into content that&rsquo;s ready to post or run as an ad.<\/span><span class=\"aw-es\">Comerciales e im&aacute;genes creados con herramientas de inteligencia artificial generativa, y luego seleccionados, editados y pulidos para publicar o usar como anuncio.<\/span><\/p>\n<div class=\"aw-btns aw-reveal\" style=\"--d:.32s\"><a class=\"aw-btn\" href=\"https:\/\/jdanielramos.com\/blog\/contact\/\"><span class=\"aw-en\">Get in Touch<\/span><span class=\"aw-es\">Cont&aacute;cteme<\/span><\/a><a class=\"aw-btn aw-btn-ghost\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"aw-en\">See Services<\/span><span class=\"aw-es\">Ver Servicios<\/span><\/a><\/div>\n<\/div>\n<\/header>\n<section class=\"aw-sec\">\n<div class=\"aw-wrap\">\n<div class=\"aw-head aw-reveal\">\n<p class=\"aw-eyebrow\">01 \/ 02<\/p>\n<h2 class=\"aw-h2\"><span class=\"aw-en\">AI Video<\/span><span class=\"aw-es\">Video con IA<\/span><\/h2>\n<\/div>\n<\/div>\n<div class=\"aw-book aw-three\">\n<figure class=\"aw-item aw-reveal\">\n<div class=\"aw-tall\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1217180226?badge=0&amp;autopause=0&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;title=0&amp;byline=0&amp;portrait=0&amp;playsinline=1\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"Kids Eat Free - AI commercial\"><\/iframe><\/div>\n<\/figure>\n<figure class=\"aw-item aw-reveal\">\n<div class=\"aw-tall\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1215971564?badge=0&amp;autopause=0&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;title=0&amp;byline=0&amp;portrait=0&amp;playsinline=1\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"AI video\"><\/iframe><\/div>\n<\/figure>\n<figure class=\"aw-item aw-reveal\">\n<div class=\"aw-tall\"><iframe src=\"https:\/\/player.vimeo.com\/video\/1215971398?badge=0&amp;autopause=0&amp;autoplay=1&amp;muted=1&amp;loop=1&amp;title=0&amp;byline=0&amp;portrait=0&amp;playsinline=1\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen title=\"AI commercial in 4K\"><\/iframe><\/div>\n<\/figure>\n<\/div>\n<\/section>\n<section class=\"aw-sec aw-alt\">\n<div class=\"aw-wrap\">\n<div class=\"aw-head aw-reveal\">\n<p class=\"aw-eyebrow\">02 \/ 02<\/p>\n<h2 class=\"aw-h2\"><span class=\"aw-en\">AI Images<\/span><span class=\"aw-es\">Im&aacute;genes con IA<\/span><\/h2>\n<\/div>\n<\/div>\n<div class=\"aw-book\">\n<figure class=\"aw-item aw-reveal\"><img decoding=\"async\" src=\"https:\/\/jdanielramos.com\/blog\/wp-content\/uploads\/2020\/10\/vibreakfast.jpg\" alt=\"AI-generated commercial image 1 by J. Daniel Ramos\" loading=\"lazy\"><\/figure>\n<figure class=\"aw-item aw-reveal\"><img decoding=\"async\" src=\"https:\/\/jdanielramos.com\/blog\/wp-content\/uploads\/2026\/07\/IMG_7080.jpeg\" alt=\"AI-generated commercial image 2 by J. Daniel Ramos\" loading=\"lazy\"><\/figure>\n<figure class=\"aw-item aw-reveal\"><img decoding=\"async\" src=\"https:\/\/jdanielramos.com\/gallery\/original\/ai_03.jpg\" alt=\"AI-generated commercial image 3 by J. Daniel Ramos\" loading=\"lazy\"><\/figure>\n<figure class=\"aw-item aw-reveal\"><img decoding=\"async\" src=\"https:\/\/jdanielramos.com\/gallery\/original\/ai_04.jpg\" alt=\"AI-generated commercial image 4 by J. Daniel Ramos\" loading=\"lazy\"><\/figure>\n<\/div>\n<\/section>\n<section class=\"aw-band aw-dark aw-cta\">\n<div class=\"aw-wrap aw-reveal\"><svg class=\"aw-cta-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8z\"\/><path d=\"M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z\"\/><\/svg><\/p>\n<h2 class=\"aw-cta-title\"><span class=\"aw-en\">Want an AI-Powered Ad?<\/span><span class=\"aw-es\">&iquest;Quiere un Anuncio con IA?<\/span><\/h2>\n<p class=\"aw-cta-sub\"><span class=\"aw-en\">Tell me about your business and I&rsquo;ll get right back to you.<\/span><span class=\"aw-es\">Cu&eacute;nteme sobre su negocio y le respondo enseguida.<\/span><\/p>\n<p class=\"aw-sign\">&mdash; J. Daniel Ramos<\/p>\n<div class=\"aw-btns\"><a class=\"aw-btn aw-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/contact\/\"><span class=\"aw-en\">Get in Touch<\/span><span class=\"aw-es\">Cont&aacute;cteme<\/span><\/a><a class=\"aw-btn aw-btn-ghost aw-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"aw-en\">See Services<\/span><span class=\"aw-es\">Ver Servicios<\/span><\/a><\/div>\n<p class=\"aw-contact\"><a href=\"tel:8552652224\">855-265-2224<\/a> &middot; <a href=\"mailto:info@ramos-studio.com\">info@ramos-studio.com<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- ===== FULL WIDTH + LANGUAGE + ANIMATIONS (this page only) ===== --><br \/>\n<script>\n(function(){\n  var root=document.getElementById('ai-work');\n  if(!root)return;\n  \/* Stretch past the 770px column to the full screen width *\/\n  var el=root.parentNode;\n  while(el&&el!==document.body){\n    var cs=getComputedStyle(el);\n    if(\/hidden|clip\/.test(cs.overflowX))el.style.overflow='visible';\n    el=el.parentNode;\n  }\n  function fit(){\n    root.style.marginLeft='0px';\n    root.style.width='auto';\n    var left=root.getBoundingClientRect().left;\n    root.style.width=document.documentElement.clientWidth+'px';\n    root.style.marginLeft=(-left)+'px';\n  }\n  fit();\n  window.addEventListener('resize',fit);\n  window.addEventListener('load',fit);\n  \/* English \/ Spanish switch (works by CSS alone; this adds memory, auto Spanish and ?lang=es) *\/\n  var rEn=document.getElementById('aw-lang-en'),rEs=document.getElementById('aw-lang-es');\n  function setLang(l,save){\n    if(rEn&&rEs){rEs.checked=(l==='es');rEn.checked=(l!=='es');}\n    if(l==='es')root.classList.add('is-es');else root.classList.remove('is-es');\n    root.setAttribute('lang',l);\n    if(save){try{localStorage.setItem('sv-lang',l);}catch(e){}}\n  }\n  if(rEn)rEn.addEventListener('change',function(){setLang('en',true);});\n  if(rEs)rEs.addEventListener('change',function(){setLang('es',true);});\n  var start='en';\n  try{\n    var sv=localStorage.getItem('sv-lang');\n    if(sv==='es'||sv==='en')start=sv;\n    else{var nl=((navigator.languages&&navigator.languages[0])||navigator.language||'').toLowerCase();if(nl.indexOf('es')===0)start='es';}\n  }catch(e){}\n  var qs=location.search.toLowerCase();\n  if(qs.indexOf('lang=es')>-1)start='es';\n  if(qs.indexOf('lang=en')>-1)start='en';\n  setLang(start,false);\n  \/* If the theme swaps big titles for images, put the real text back *\/\n  var heads=root.querySelectorAll('h1,h2'),saved=[];\n  for(var h=0;h<heads.length;h++)saved.push(heads[h].innerHTML);\n  function restore(){\n    for(var h=0;h<heads.length;h++){\n      if(heads[h].querySelector('cufon,canvas,img')||heads[h].innerHTML!==saved[h])heads[h].innerHTML=saved[h];\n    }\n  }\n  window.addEventListener('load',function(){restore();setTimeout(restore,600);});\n  \/* Scroll animations *\/\n  var reduce=window.matchMedia&#038;&#038;window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  if(reduce||!('IntersectionObserver' in window))return;\n  root.classList.add('aw-anim');\n  function countUp(n){\n    var end=parseInt(n.getAttribute('data-count'),10),start=null,dur=1600;\n    function step(t){\n      if(!start)start=t;\n      var p=Math.min((t-start)\/dur,1),e=1-Math.pow(1-p,3);\n      n.textContent=Math.round(end*e);\n      if(p<1)requestAnimationFrame(step);\n    }\n    requestAnimationFrame(step);\n  }\n  var io=new IntersectionObserver(function(entries){\n    entries.forEach(function(en){\n      if(!en.isIntersecting)return;\n      en.target.classList.add('aw-in');\n      var nums=en.target.querySelectorAll('[data-count]');\n      for(var i=0;i<nums.length;i++)countUp(nums[i]);\n      io.unobserve(en.target);\n    });\n  },{threshold:.12,rootMargin:'0px 0px -40px 0px'});\n  var els=root.querySelectorAll('.aw-reveal');\n  for(var i=0;i<els.length;i++)io.observe(els[i]);\n})();\n<\/script><\/p>\n<style>\n\/* Everything is scoped to #ai-work so no other post is affected *\/\nhtml body{overflow-x:clip}\n#ai-work{--gold:#c9a24a;--gold-d:#a6822c;--gold-l:#e6cf96;--ink:#1d1a16;--txt:#57514a;--soft:#8b847a;--cream:#faf6ee;--line:#ebe1cb;--dark:#15120e;position:relative;width:100vw;max-width:none;margin:0 0 0 calc(50% - 50vw);padding:0;font-family:Jost,\"Helvetica Neue\",Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.7;text-align:left;background:#fff}\n#ai-work,#ai-work *{box-sizing:border-box}\n#ai-work .aw-wrap{max-width:1320px;margin:0 auto;padding:0 32px}\n#ai-work .aw-band{padding:90px 0;margin:0;position:relative}\n#ai-work .aw-paper{background:var(--cream)}\n\/* Force readable colors over theme styles *\/\nhtml body #ai-work,html body #ai-work p,html body #ai-work blockquote,html body #ai-work cite,html body #ai-work figcaption{color:var(--txt) !important}\nhtml body #ai-work h1,html body #ai-work h2,html body #ai-work h3{color:var(--ink) !important;font-family:\"Cormorant Garamond\",Georgia,serif !important;font-weight:600 !important;letter-spacing:.3px;margin:0;padding:0;border:0;text-transform:none;background:none;font-style:normal;-webkit-text-fill-color:currentColor !important;visibility:visible !important;text-indent:0 !important;text-shadow:none !important;clip-path:none !important;filter:none !important;overflow:visible !important;height:auto !important;max-height:none !important;display:block !important}\nhtml body #ai-work:not(.aw-anim) h1,html body #ai-work:not(.aw-anim) h2,html body #ai-work h1.aw-in,html body #ai-work h2.aw-in,html body #ai-work .aw-in h1,html body #ai-work .aw-in h2{opacity:1 !important}\nhtml body #ai-work a{color:var(--gold-d) !important;text-decoration:none !important;border:0;box-shadow:none !important;background-image:none}\nhtml body #ai-work a:hover{color:var(--ink) !important}\nhtml body #ai-work span.aw-en.aw-en,html body #ai-work span.aw-es.aw-es{color:inherit !important;font:inherit;letter-spacing:inherit;text-transform:inherit}\n#ai-work p{margin:0 0 12px;padding:0}\n#ai-work figure,#ai-work blockquote{margin:0;padding:0;border:0;background:none;quotes:none}\n#ai-work blockquote::before,#ai-work blockquote::after{content:none !important}\n\/* Dark sections *\/\n#ai-work .aw-dark{background:radial-gradient(110% 80% at 50% 0%,#2a2219 0%,var(--dark) 65%)}\nhtml body #ai-work .aw-dark p{color:#e8e0d0 !important}\nhtml body #ai-work .aw-dark h1,html body #ai-work .aw-dark h2{color:#fff !important}\nhtml body #ai-work .aw-dark a{color:var(--gold-l) !important}\nhtml body #ai-work .aw-dark a:hover{color:#fff !important}\n\/* Language switch *\/\n#ai-work .aw-lang-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none}\nhtml body #ai-work .aw-es{display:none !important}\nhtml body #ai-work #aw-lang-es:checked ~ * .aw-es,html body #ai-work.is-es .aw-es{display:inline !important}\nhtml body #ai-work #aw-lang-es:checked ~ * .aw-en,html body #ai-work.is-es .aw-en{display:none !important}\n#ai-work .aw-lang{display:inline-flex;border:1px solid rgba(201,162,74,.6);border-radius:40px;padding:3px;margin:0 0 28px;background:rgba(0,0,0,.2)}\nhtml body #ai-work .aw-lang-btn{display:inline-block !important;float:none !important;width:auto !important;white-space:nowrap;background:transparent !important;border:0 !important;box-shadow:none !important;margin:0 !important;font-family:Jost,Arial,sans-serif !important;font-size:12.5px !important;font-weight:500 !important;letter-spacing:2px !important;text-transform:uppercase !important;color:var(--gold-l) !important;padding:9px 20px !important;border-radius:40px !important;cursor:pointer;line-height:1.2 !important;-webkit-user-select:none;user-select:none;transition:background .25s ease,color .25s ease}\nhtml body #ai-work #aw-lang-en:checked ~ * .aw-lb-en,html body #ai-work #aw-lang-es:checked ~ * .aw-lb-es{background:linear-gradient(135deg,#e2c37a,#c9a24a) !important;color:#1a140a !important}\n\/* Hero *\/\n#ai-work .aw-hero{text-align:center;padding:96px 0 80px}\nhtml body #ai-work .aw-kicker,html body #ai-work .aw-dark .aw-kicker{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gold) !important;font-weight:500;margin:0 0 16px}\nhtml body #ai-work .aw-h1{font-size:76px !important;line-height:1.02 !important;margin:0 auto 14px !important}\nhtml body #ai-work .aw-dark .aw-tagline{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-weight:500;font-size:30px;color:var(--gold-l) !important;margin:0 0 22px;line-height:1.3}\nhtml body #ai-work .aw-dark .aw-lead{font-size:18px;color:#cfc6b5 !important;max-width:760px;margin:0 auto 34px}\n#ai-work .aw-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}\nhtml body #ai-work .aw-btn,html body #ai-work .aw-dark .aw-btn{display:inline-block;font-family:Jost,Arial,sans-serif;font-size:13.5px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:#1a140a !important;background:linear-gradient(135deg,#e2c37a,#c9a24a 55%,#b38d35);padding:17px 36px;border-radius:2px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px rgba(201,162,74,.3) !important;line-height:1.2}\nhtml body #ai-work .aw-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,74,.45) !important;color:#000 !important}\nhtml body #ai-work .aw-dark .aw-btn-ghost{background:transparent;color:var(--gold-l) !important;border:1px solid rgba(201,162,74,.6) !important;box-shadow:none !important}\n#ai-work .aw-btn-lg{padding:20px 44px;font-size:14px}\n#ai-work .aw-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:960px;margin:0 auto;border-top:1px solid rgba(201,162,74,.25);padding-top:36px}\n#ai-work .aw-stat{padding:0 8px;border-left:1px solid rgba(201,162,74,.18)}\n#ai-work .aw-stat:first-child{border-left:0}\nhtml body #ai-work .aw-stat-num{display:block;font-family:\"Cormorant Garamond\",Georgia,serif;font-size:58px;font-weight:600;line-height:1;color:var(--gold) !important;margin-bottom:8px}\nhtml body #ai-work .aw-stat-label{display:block;font-size:12.5px;letter-spacing:1.8px;text-transform:uppercase;color:#b9b0a0 !important;line-height:1.4}\n\/* Section headings *\/\n#ai-work .aw-head{text-align:center;margin:0 auto 54px;max-width:760px}\nhtml body #ai-work .aw-eyebrow{text-align:center;font-size:13px;letter-spacing:4.5px;text-transform:uppercase;color:var(--gold-d) !important;font-weight:500;margin:0 0 10px}\nhtml body #ai-work .aw-h2{font-size:52px !important;line-height:1.1 !important;text-align:center;margin:0 0 4px !important}\n#ai-work .aw-h2::after{content:\"\";display:block;width:64px;height:1px;background:var(--gold);margin:20px auto 0}\nhtml body #ai-work .aw-intro{font-size:17.5px;color:var(--soft) !important;max-width:620px;margin:22px auto 0;text-align:center}\n\/* Film sections stretch almost edge to edge so the trailers fill the screen *\/\n#ai-work .aw-wide{max-width:2200px;padding:0 3.2vw}\n#ai-work .aw-films{padding:70px 0}\n\/* Film grid: 2 per row on desktop, 1 on phones *\/\n#ai-work .aw-film{margin:0}\n#ai-work .aw-vid{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 20px 46px -22px rgba(30,22,10,.55);outline:1px solid rgba(201,162,74,.55);outline-offset:6px;margin:6px;transition:transform .4s ease,box-shadow .4s ease}\n#ai-work .aw-film:hover .aw-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#ai-work .aw-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#ai-work .aw-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0}\nhtml body #ai-work .aw-num{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-weight:500;font-size:24px;color:var(--gold) !important;line-height:1}\nhtml body #ai-work .aw-names{font-family:\"Cormorant Garamond\",Georgia,serif;font-weight:600;font-size:clamp(26px,2vw,38px);line-height:1.1;color:var(--ink) !important}\nhtml body #ai-work .aw-label{margin-left:auto;font-size:11.5px;letter-spacing:2.5px;text-transform:uppercase;color:var(--soft) !important;white-space:nowrap}\n\/* Review break *\/\n#ai-work .aw-quote-band{text-align:center}\nhtml body #ai-work .aw-stars{color:var(--gold) !important;letter-spacing:5px;font-size:17px;margin-bottom:16px}\n#ai-work .aw-quote{max-width:900px;margin:0 auto 34px}\nhtml body #ai-work .aw-quote p{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-weight:500;font-size:42px;line-height:1.25;color:var(--ink) !important;margin:0 0 14px}\nhtml body #ai-work .aw-quote-sm p{font-size:26px;line-height:1.4}\nhtml body #ai-work .aw-quote cite{display:block;font-style:normal;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-d) !important;font-weight:500}\n#ai-work .aw-quote-sm{margin-bottom:0}\n\/* What you get *\/\n#ai-work .aw-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:center;max-width:1000px;margin:0 auto}\nhtml body #ai-work .aw-step-num{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;border:1px solid var(--gold);font-family:\"Cormorant Garamond\",Georgia,serif;font-size:26px;font-weight:600;color:var(--gold-d) !important;margin-bottom:14px}\nhtml body #ai-work .aw-step h3{font-size:30px !important;margin:0 0 8px !important}\n#ai-work .aw-step p{font-size:16.5px;margin:0}\n\/* Call to action *\/\n#ai-work .aw-cta{text-align:center;padding:110px 0}\n#ai-work .aw-cta-ico{width:46px;height:46px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 18px;display:block}\nhtml body #ai-work .aw-cta-title{font-size:62px !important;line-height:1.08 !important;margin:0 auto 18px !important;max-width:900px}\nhtml body #ai-work .aw-dark .aw-cta-sub{font-size:19px;color:#cfc6b5 !important;max-width:600px;margin:0 auto 10px}\nhtml body #ai-work .aw-dark .aw-sign{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px;color:var(--gold-l) !important;margin:0 0 32px}\n#ai-work .aw-cta .aw-btns{margin-bottom:0}\nhtml body #ai-work .aw-dark .aw-contact{margin:26px 0 0;font-size:16.5px}\n\/* Scroll reveal (only when the script runs) *\/\n#ai-work.aw-anim .aw-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}\n#ai-work.aw-anim .aw-reveal.aw-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){#ai-work *{animation:none !important;transition:none !important}}\n\/* Tablets *\/\n@media (max-width:1000px){\n  html body #ai-work .aw-names{font-size:25px}\n  html body #ai-work .aw-label{display:none}\n}\n\/* Phones: one film per row *\/\n@media (max-width:700px){\n  #ai-work .aw-wrap{padding:0 18px}\n  #ai-work .aw-band{padding:64px 0}\n  #ai-work .aw-hero{padding:64px 0 56px}\n  html body #ai-work .aw-h1{font-size:50px !important}\n  html body #ai-work .aw-dark .aw-tagline{font-size:24px}\n  html body #ai-work .aw-dark .aw-lead{font-size:16.5px}\n  #ai-work .aw-btns{margin-bottom:44px}\n  #ai-work .aw-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}\n  #ai-work .aw-stat:nth-child(3){border-left:0}\n  html body #ai-work .aw-stat-num{font-size:46px}\n  html body #ai-work .aw-h2{font-size:38px !important}\n  #ai-work .aw-head{margin-bottom:40px}\n  #ai-work .aw-wide{padding:0 10px}\n  #ai-work .aw-films{padding:50px 0}\n  #ai-work .aw-vid{margin:4px;outline-offset:4px;border-radius:8px}\n  #ai-work .aw-film figcaption{padding:18px 8px 0}\n  html body #ai-work .aw-label{display:inline;font-size:10.5px}\n  html body #ai-work .aw-names{font-size:24px}\n  html body #ai-work .aw-quote p{font-size:28px}\n  html body #ai-work .aw-quote-sm p{font-size:21px}\n  #ai-work .aw-steps{grid-template-columns:minmax(0,1fr)}\n  #ai-work .aw-cta{padding:80px 0}\n  html body #ai-work .aw-cta-title{font-size:38px !important}\n}\n\/* Featured film: big and cinematic *\/\n#ai-work .aw-films{padding:80px 0}\nhtml body #ai-work .aw-story{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px !important;color:var(--gold-d) !important;margin-top:18px !important}\n#ai-work .aw-feature{width:min(1500px,93.6vw);margin:0 auto}\n#ai-work .aw-vid{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#111;box-shadow:0 30px 70px -28px rgba(30,22,10,.6);outline:1px solid rgba(201,162,74,.6);outline-offset:8px;margin:8px}\n#ai-work .aw-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#ai-work .aw-quote{max-width:860px;margin:60px auto 0;text-align:center}\nhtml body #ai-work .aw-quote p{font-size:34px}\n\/* What's included *\/\n#ai-work .aw-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}\n#ai-work .aw-feat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 24px;text-align:center}\n#ai-work .aw-feat svg{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;display:block;margin:0 auto 14px}\nhtml body #ai-work .aw-feat h3{font-size:25px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#ai-work .aw-feat p{font-size:15.5px;margin:0;line-height:1.6}\n\/* How couples use it *\/\n#ai-work .aw-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}\n#ai-work .aw-use{border-top:1px solid var(--gold);padding-top:22px}\nhtml body #ai-work .aw-use-num{display:block;font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-weight:500;font-size:28px;color:var(--gold) !important;margin-bottom:8px}\nhtml body #ai-work .aw-use h3{font-size:26px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#ai-work .aw-use p{font-size:16px;margin:0}\n#ai-work .aw-cta-ico{stroke:var(--gold)}\n\/* Tablets *\/\n@media (max-width:1000px){\n  #ai-work .aw-feats,#ai-work .aw-uses{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n\/* Phones *\/\n@media (max-width:640px){\n  #ai-work .aw-films{padding:56px 0}\n  #ai-work .aw-feature{width:calc(100vw - 20px)}\n  #ai-work .aw-vid{margin:4px;outline-offset:4px;border-radius:8px}\n  html body #ai-work .aw-quote p{font-size:24px}\n  html body #ai-work .aw-story{font-size:22px !important}\n  #ai-work .aw-feats,#ai-work .aw-uses{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Selected Work page ===== *\/\n#ai-work .aw-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}\n#ai-work .aw-wide{max-width:2200px;padding:0 3.2vw}\n#ai-work .aw-films{padding:70px 0 90px}\n\/* Filter buttons *\/\n#ai-work .aw-filters{display:none;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 54px;max-width:1100px}\n#ai-work.aw-js .aw-filters{display:flex}\nhtml body #ai-work button.aw-chip{display:inline-flex !important;align-items:center;gap:9px;width:auto !important;float:none !important;margin:0 !important;font-family:Jost,Arial,sans-serif !important;font-size:12.5px !important;font-weight:500 !important;letter-spacing:1.8px !important;text-transform:uppercase !important;line-height:1.2 !important;color:var(--ink) !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:40px !important;padding:11px 18px !important;cursor:pointer;box-shadow:none !important;text-shadow:none !important;transition:background .25s ease,border-color .25s ease,color .25s ease}\nhtml body #ai-work button.aw-chip:hover{border-color:var(--gold) !important}\nhtml body #ai-work button.aw-chip.is-on{background:linear-gradient(135deg,#e2c37a,#c9a24a 55%,#b38d35) !important;border-color:transparent !important;color:#1a140a !important}\nhtml body #ai-work .aw-count{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:17px;letter-spacing:0;color:var(--gold-d) !important;text-transform:none}\nhtml body #ai-work .is-on .aw-count{color:#1a140a !important}\n\/* Film grid: 2 per row, full width, last one centered *\/\n#ai-work .aw-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(44px,4vw,80px) clamp(24px,2.6vw,56px)}\n#ai-work .aw-grid > p,#ai-work .aw-grid > br{display:none !important}\n#ai-work .aw-film{flex:0 1 calc(50% - clamp(12px,1.3vw,28px));min-width:0;margin:0}\n#ai-work .aw-film.aw-hide{display:none !important}\n#ai-work .aw-vid{position:relative;padding-top:56.25%;border-radius:10px;overflow:hidden;background:#111;box-shadow:0 20px 46px -22px rgba(30,22,10,.55);outline:1px solid rgba(201,162,74,.55);outline-offset:6px;margin:6px;transition:transform .4s ease,box-shadow .4s ease}\n#ai-work .aw-film:hover .aw-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#ai-work .aw-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0;text-align:left}\n#ai-work .aw-feats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto}\n#ai-work .aw-center{margin:44px 0 0}\nhtml body #ai-work .aw-btn-dark{background:var(--dark) !important;color:var(--gold-l) !important;box-shadow:0 10px 26px -10px rgba(0,0,0,.5) !important}\nhtml body #ai-work .aw-btn-dark:hover{color:#fff !important}\n@media (max-width:1000px){\n  #ai-work .aw-feats{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:700px){\n  #ai-work .aw-stats{grid-template-columns:repeat(3,minmax(0,1fr))}\n  #ai-work .aw-stat:nth-child(3){border-left:1px solid rgba(201,162,74,.18)}\n  html body #ai-work .aw-stat-num{font-size:40px}\n  html body #ai-work .aw-stat-label{font-size:10.5px;letter-spacing:1.2px}\n  #ai-work .aw-wide{padding:0 10px}\n  #ai-work .aw-films{padding:48px 0 64px}\n  #ai-work .aw-filters{gap:8px;margin-bottom:36px}\n  html body #ai-work button.aw-chip{font-size:11px !important;letter-spacing:1.2px !important;padding:9px 13px !important}\n  #ai-work .aw-grid{gap:36px}\n  #ai-work .aw-film{flex:0 1 100%}\n  #ai-work .aw-feats{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Edits page: uncropped lookbook, 2 columns ===== *\/\n#ai-work .aw-sec{padding:84px 0}\n#ai-work .aw-sec.aw-alt{background:var(--cream)}\n#ai-work .aw-book{max-width:1500px;margin:0 auto;padding:0 3.2vw;column-count:2;column-gap:clamp(20px,2.4vw,44px)}\n#ai-work .aw-book > p,#ai-work .aw-book > br{display:none !important}\n#ai-work .aw-item{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 clamp(20px,2.4vw,44px);padding:6px;display:block}\nhtml body #ai-work .aw-item img{display:block !important;width:100% !important;max-width:none !important;height:auto !important;max-height:none !important;object-fit:contain !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:8px;box-shadow:0 22px 50px -24px rgba(30,22,10,.5) !important;outline:1px solid rgba(201,162,74,.55);outline-offset:6px;background:#fff}\n#ai-work .aw-motion{position:relative;width:100%;aspect-ratio:950 \/ 1140;border-radius:8px;overflow:hidden;background:#000;box-shadow:0 22px 50px -24px rgba(30,22,10,.5);outline:1px solid rgba(201,162,74,.55);outline-offset:6px}\n@supports not (aspect-ratio:1){#ai-work .aw-motion{height:0;padding-top:120%}}\n#ai-work .aw-motion iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}\n#ai-work .aw-motion a.aw-blocker{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:transparent !important;border:0 !important}\nhtml body #ai-work .aw-dark .aw-place{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:#a99c86 !important;margin:30px 0 0}\n@media (max-width:700px){\n  #ai-work .aw-sec{padding:56px 0}\n  #ai-work .aw-book{column-count:1;padding:0 12px}\n  #ai-work .aw-item{padding:4px;margin-bottom:22px}\n}\n\/* ===== Design page: 2 per row, uncropped, left to right ===== *\/\n#ai-work .aw-sec{padding:64px 0}\n#ai-work .aw-head{margin-bottom:38px}\nhtml body #ai-work .aw-h2{font-size:44px !important}\n#ai-work .aw-book{column-count:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,44px);align-items:start}\n#ai-work .aw-book .aw-item{margin:0}\n\/* Jump-to-section buttons *\/\n#ai-work .aw-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:1000px;margin:0 auto}\nhtml body #ai-work .aw-dark a.aw-chip{display:inline-block;font-size:12.5px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold-l) !important;border:1px solid rgba(201,162,74,.45) !important;border-radius:40px;padding:10px 18px;line-height:1.2;transition:background .25s ease,color .25s ease}\nhtml body #ai-work .aw-dark a.aw-chip:hover{background:var(--gold);color:#1a140a !important}\n#ai-work .aw-hero .aw-btns{margin-bottom:34px}\n#ai-work .aw-sec{scroll-margin-top:30px}\n\/* Big looping videos *\/\n#ai-work .aw-showreel{padding:70px 0}\n#ai-work .aw-reelbox{width:min(1500px,93.6vw);margin:0 auto}\n#ai-work .aw-wide-vid{position:relative;padding-top:56.25%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 30px 70px -28px rgba(30,22,10,.6);outline:1px solid rgba(201,162,74,.6);outline-offset:8px;margin:8px}\n#ai-work .aw-wide-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}\n#ai-work .aw-wide-vid a.aw-blocker{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}\n@media (max-width:700px){\n  #ai-work .aw-sec{padding:48px 0}\n  html body #ai-work .aw-h2{font-size:34px !important}\n  #ai-work .aw-book{grid-template-columns:minmax(0,1fr);gap:22px}\n  html body #ai-work .aw-dark a.aw-chip{font-size:11px;letter-spacing:1.2px;padding:9px 13px}\n  #ai-work .aw-jump{gap:8px}\n  #ai-work .aw-showreel{padding:44px 0}\n  #ai-work .aw-reelbox{width:calc(100vw - 20px)}\n  #ai-work .aw-wide-vid{margin:4px;outline-offset:4px;border-radius:8px}\n}\n\/* Make each row of images exactly as wide as the big videos *\/\n#ai-work .aw-book{width:min(1500px,93.6vw);max-width:none;padding:0 !important;margin:0 auto}\n#ai-work .aw-book .aw-item{padding:8px}\nhtml body #ai-work .aw-item img{outline-offset:8px;border-radius:12px}\n@media (max-width:700px){\n  #ai-work .aw-book{width:calc(100vw - 20px)}\n  #ai-work .aw-book .aw-item{padding:4px}\n  html body #ai-work .aw-item img{outline-offset:4px;border-radius:8px}\n}\n\/* ===== AI page: same width for video and image rows ===== *\/\n#ai-work .aw-book{width:min(1560px,93.6vw)}\n#ai-work .aw-three{gap:clamp(16px,1.6vw,30px)}\n#ai-work .aw-three{grid-template-columns:repeat(3,minmax(0,1fr))}\n#ai-work .aw-tall{position:relative;padding-top:177.78%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 22px 50px -24px rgba(30,22,10,.5);outline:1px solid rgba(201,162,74,.55);outline-offset:8px}\n#ai-work .aw-tall iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}\n@media (max-width:900px){\n  #ai-work .aw-three{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:700px){\n  #ai-work .aw-book{width:calc(100vw - 20px)}\n  #ai-work .aw-three{grid-template-columns:minmax(0,1fr)}\n  #ai-work .aw-tall{outline-offset:4px;border-radius:8px}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>EnglishEspa&ntilde;ol Generative &middot; Curated &middot; CommercialGenerativo &middot; Curado &middot; Comercial AI WorkTrabajos con IA AI-powered visuals, directed and finished by hand.Im&aacute;genes con inteligencia artificial, dirigidas y terminadas a mano. Commercials and images created with generative AI tools, then curated, edited and polished into content that&rsquo;s ready to post or run as an ad.Comerciales e im&aacute;genes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":7,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_drs_fb_share_image_id":0},"_links":{"self":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7206"}],"collection":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/comments?post=7206"}],"version-history":[{"count":13,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7206\/revisions"}],"predecessor-version":[{"id":7424,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7206\/revisions\/7424"}],"wp:attachment":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/media?parent=7206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}