\n\n
Vertical Video · Social Media<\/span>Video Vertical · Redes Sociales<\/span><\/p>\nReels<\/span>Reels<\/span><\/h1>\nShort, scroll-stopping videos made for the feed.<\/span>Videos cortos que detienen el scroll, hechos para las redes.<\/span><\/p>\nProduct demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel below, then let’s make yours.<\/span>Demos de productos, resúmenes de eventos, promociones e instalaciones, en formato vertical para llenar toda la pantalla del celular en Instagram, TikTok, YouTube Shorts y Facebook. Denle play a cualquier reel, y luego hagamos el suyo.<\/span><\/p>\nBook Your Shoot<\/span>Reserve Su Grabación<\/span><\/a>See Services<\/span>Ver Servicios<\/span><\/a><\/div>\n\n12<\/span>Reels on this page<\/span>Reels en esta página<\/span><\/span><\/div>\n9:16<\/span>Made for phones<\/span>Hechos para celulares<\/span><\/span><\/div>\n4<\/span>Platforms, ready to post<\/span>Plataformas, listo para publicar<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/header>\n\n\nAll<\/span>Todo<\/span>12<\/span><\/button>Products & Installs<\/span>Productos e Instalaciones<\/span>7<\/span><\/button>Events & Brands<\/span>Eventos y Marcas<\/span>3<\/span><\/button>Food & Promos<\/span>Comida y Promociones<\/span>2<\/span><\/button><\/div>\n\n\n<\/iframe><\/div><figcaption><span class=\"vr-num\">01<\/span><span class=\"vr-names\">Sunsational Shades USA Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Product Demo<\/span><span class=\"vr-es\">Demo de Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/796479963?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"San Diego Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">02<\/span><span class=\"vr-names\"><span class=\"vr-en\">San Diego Summit<\/span><span class=\"vr-es\">Cumbre de San Diego<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Event Recap<\/span><span class=\"vr-es\">Resumen de Evento<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/985059131?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">03<\/span><span class=\"vr-names\"><span class=\"vr-en\">ICC Summit<\/span><span class=\"vr-es\">Cumbre ICC<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Conference<\/span><span class=\"vr-es\">Conferencia<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/787644621?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC White Label - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">04<\/span><span class=\"vr-names\">ICC White Label<\/span><span class=\"vr-label\"><span class=\"vr-en\">Brand Film<\/span><span class=\"vr-es\">Video de Marca<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909273?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Break Room Easy Up System - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">05<\/span><span class=\"vr-names\">Break Room Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Commercial<\/span><span class=\"vr-es\">Comercial<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/839158618?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">06<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades<\/span><span class=\"vr-es\">Persianas para Ventanas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Product<\/span><span class=\"vr-es\">Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909883?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Doorsulate Door Templating - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">07<\/span><span class=\"vr-names\"><span class=\"vr-en\">Doorsulate Door Templating<\/span><span class=\"vr-es\">Doorsulate: Plantillas para Puertas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Process<\/span><span class=\"vr-es\">Proceso<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/854867577?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">08<\/span><span class=\"vr-names\">Food Truck<\/span><span class=\"vr-label\"><span class=\"vr-en\">Promo<\/span><span class=\"vr-es\">Promo<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/857256697?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck Campaign - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">09<\/span><span class=\"vr-names\"><span class=\"vr-en\">Food Truck Campaign<\/span><span class=\"vr-es\">Campaña de Food Truck<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Social<\/span><span class=\"vr-es\">Redes Sociales<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837713027?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Install - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">10<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Install<\/span><span class=\"vr-es\">Instalación de Persianas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Install<\/span><span class=\"vr-es\">Instalación<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837717182?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Marine Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">11<\/span><span class=\"vr-names\"><span class=\"vr-en\">Marine Shades<\/span><span class=\"vr-es\">Toldos Marinos<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Marine<\/span><span class=\"vr-es\">Marino<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/806980802?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Lifestyle - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">12<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Lifestyle<\/span><span class=\"vr-es\">Persianas: Estilo de Vida<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Lifestyle<\/span><span class=\"vr-es\">Estilo de Vida<\/span><\/span><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-paper\">\n<div class=\"vr-wrap\">\n<div class=\"vr-head vr-reveal\">\n<p class=\"vr-eyebrow\"><span class=\"vr-en\">Why Vertical Video<\/span><span class=\"vr-es\">Por Qué Video Vertical<\/span><\/p>\n<h2 class=\"vr-h2\"><span class=\"vr-en\">Made for the Feed<\/span><span class=\"vr-es\">Hecho para las Redes<\/span><\/h2>\n<\/div>\n<div class=\"vr-feats\">\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.00s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M11 18h2\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Fills the Screen<\/span><span class=\"vr-es\">Llena la Pantalla<\/span><\/h3>\n<p><span class=\"vr-en\">Vertical video takes up the whole phone, so your message is all people see.<\/span><span class=\"vr-es\">El video vertical ocupa todo el celular, así su mensaje es lo único que ven.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.06s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Short & Punchy<\/span><span class=\"vr-es\">Corto y Directo<\/span><\/h3>\n<p><span class=\"vr-en\">Quick cuts and a clear message that hook viewers in the first seconds.<\/span><span class=\"vr-es\">Cortes rápidos y un mensaje claro que atrapan desde los primeros segundos.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.12s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Ready to Post<\/span><span class=\"vr-es\">Listo para Publicar<\/span><\/h3>\n<p><span class=\"vr-en\">Delivered sized for Instagram, TikTok, YouTube Shorts and Facebook.<\/span><span class=\"vr-es\">Entregado en el tamaño para Instagram, TikTok, YouTube Shorts y Facebook.<\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"vr-btns vr-center vr-reveal\"><a class=\"vr-btn vr-btn-dark\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See All Services<\/span><span class=\"vr-es\">Ver Todos los Servicios<\/span><\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-dark vr-cta\">\n<div class=\"vr-wrap vr-reveal\"><svg class=\"vr-cta-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23 7l-7 5 7 5V7z\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/p>\n<h2 class=\"vr-cta-title\"><span class=\"vr-en\">Let’s Make Your Reels<\/span><span class=\"vr-es\">Hagamos Sus Reels<\/span><\/h2>\n<p class=\"vr-cta-sub\"><span class=\"vr-en\">Tell me about your project and I’ll get right back to you.<\/span><span class=\"vr-es\">Cuénteme sobre su proyecto y le respondo enseguida.<\/span><\/p>\n<p class=\"vr-sign\">— J. Daniel Ramos<\/p>\n<div class=\"vr-btns\"><a class=\"vr-btn vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/contact\/\"><span class=\"vr-en\">Book Your Shoot<\/span><span class=\"vr-es\">Reserve Su Grabación<\/span><\/a><a class=\"vr-btn vr-btn-ghost vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See Services<\/span><span class=\"vr-es\">Ver Servicios<\/span><\/a><\/div>\n<p class=\"vr-contact\"><a href=\"tel:8552652224\">855-265-2224<\/a> · <a href=\"mailto:info@ramos-studio.com\">info@ramos-studio.com<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- ===== PAGE SCHEMA (SEO) ===== --><br \/>\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollectionPage\",\n \"name\": \"Reels - J. Daniel Ramos\",\n \"description\": \"Vertical social media reels for Instagram, TikTok and YouTube Shorts by J. Daniel Ramos: product demos, event recaps, promos and installs.\",\n \"author\": {\n \"@type\": \"LocalBusiness\",\n \"name\": \"Daniel Ramos Studio\",\n \"url\": \"https:\/\/jdanielramos.com\/blog\/\",\n \"telephone\": \"+1-855-265-2224\"\n }\n}\n<\/script><br \/>\n<!-- ===== FULL WIDTH + LANGUAGE + FILTER + ANIMATIONS (this page only) ===== --><br \/>\n<script>\n(function(){\n var root=document.getElementById('vertical-reels');\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('vr-lang-en'),rEs=document.getElementById('vr-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 \/* Filter buttons (they only appear when this script runs) *\/\n root.classList.add('vr-js');\n var chips=root.querySelectorAll('.vr-chip'),films=root.querySelectorAll('.vr-film');\n for(var c=0;c<chips.length;c++){\n chips[c].addEventListener('click',function(){\n var cat=this.getAttribute('data-cat');\n for(var k=0;k<chips.length;k++)chips[k].classList.toggle('is-on',chips[k]===this);\n for(var f=0;f<films.length;f++){\n var show=(cat==='all'||films[f].getAttribute('data-cat')===cat);\n films[f].classList.toggle('vr-hide',!show);\n if(show)films[f].classList.add('vr-in');\n }\n });\n }\n \/* Scroll animations *\/\n var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if(reduce||!('IntersectionObserver' in window))return;\n root.classList.add('vr-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('vr-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('.vr-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 #vertical-reels so no other post is affected *\/\nhtml body{overflow-x:clip}\n#vertical-reels{--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#vertical-reels,#vertical-reels *{box-sizing:border-box}\n#vertical-reels .vr-wrap{max-width:1320px;margin:0 auto;padding:0 32px}\n#vertical-reels .vr-band{padding:90px 0;margin:0;position:relative}\n#vertical-reels .vr-paper{background:var(--cream)}\n\/* Force readable colors over theme styles *\/\nhtml body #vertical-reels,html body #vertical-reels p,html body #vertical-reels blockquote,html body #vertical-reels cite,html body #vertical-reels figcaption{color:var(--txt) !important}\nhtml body #vertical-reels h1,html body #vertical-reels h2,html body #vertical-reels 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 #vertical-reels:not(.vr-anim) h1,html body #vertical-reels:not(.vr-anim) h2,html body #vertical-reels h1.vr-in,html body #vertical-reels h2.vr-in,html body #vertical-reels .vr-in h1,html body #vertical-reels .vr-in h2{opacity:1 !important}\nhtml body #vertical-reels a{color:var(--gold-d) !important;text-decoration:none !important;border:0;box-shadow:none !important;background-image:none}\nhtml body #vertical-reels a:hover{color:var(--ink) !important}\nhtml body #vertical-reels span.vr-en.vr-en,html body #vertical-reels span.vr-es.vr-es{color:inherit !important;font:inherit;letter-spacing:inherit;text-transform:inherit}\n#vertical-reels p{margin:0 0 12px;padding:0}\n#vertical-reels figure,#vertical-reels blockquote{margin:0;padding:0;border:0;background:none;quotes:none}\n#vertical-reels blockquote::before,#vertical-reels blockquote::after{content:none !important}\n\/* Dark sections *\/\n#vertical-reels .vr-dark{background:radial-gradient(110% 80% at 50% 0%,#2a2219 0%,var(--dark) 65%)}\nhtml body #vertical-reels .vr-dark p{color:#e8e0d0 !important}\nhtml body #vertical-reels .vr-dark h1,html body #vertical-reels .vr-dark h2{color:#fff !important}\nhtml body #vertical-reels .vr-dark a{color:var(--gold-l) !important}\nhtml body #vertical-reels .vr-dark a:hover{color:#fff !important}\n\/* Language switch *\/\n#vertical-reels .vr-lang-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none}\nhtml body #vertical-reels .vr-es{display:none !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-es,html body #vertical-reels.is-es .vr-es{display:inline !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-en,html body #vertical-reels.is-es .vr-en{display:none !important}\n#vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels #vr-lang-en:checked ~ * .vr-lb-en,html body #vertical-reels #vr-lang-es:checked ~ * .vr-lb-es{background:linear-gradient(135deg,#e2c37a,#c9a24a) !important;color:#1a140a !important}\n\/* Hero *\/\n#vertical-reels .vr-hero{text-align:center;padding:96px 0 80px}\nhtml body #vertical-reels .vr-kicker,html body #vertical-reels .vr-dark .vr-kicker{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gold) !important;font-weight:500;margin:0 0 16px}\nhtml body #vertical-reels .vr-h1{font-size:76px !important;line-height:1.02 !important;margin:0 auto 14px !important}\nhtml body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-dark .vr-lead{font-size:18px;color:#cfc6b5 !important;max-width:760px;margin:0 auto 34px}\n#vertical-reels .vr-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}\nhtml body #vertical-reels .vr-btn,html body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,74,.45) !important;color:#000 !important}\nhtml body #vertical-reels .vr-dark .vr-btn-ghost{background:transparent;color:var(--gold-l) !important;border:1px solid rgba(201,162,74,.6) !important;box-shadow:none !important}\n#vertical-reels .vr-btn-lg{padding:20px 44px;font-size:14px}\n#vertical-reels .vr-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#vertical-reels .vr-stat{padding:0 8px;border-left:1px solid rgba(201,162,74,.18)}\n#vertical-reels .vr-stat:first-child{border-left:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-head{text-align:center;margin:0 auto 54px;max-width:760px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-h2{font-size:52px !important;line-height:1.1 !important;text-align:center;margin:0 0 4px !important}\n#vertical-reels .vr-h2::after{content:\"\";display:block;width:64px;height:1px;background:var(--gold);margin:20px auto 0}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0}\n\/* Film grid: 2 per row on desktop, 1 on phones *\/\n#vertical-reels .vr-film{margin:0}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-quote-band{text-align:center}\nhtml body #vertical-reels .vr-stars{color:var(--gold) !important;letter-spacing:5px;font-size:17px;margin-bottom:16px}\n#vertical-reels .vr-quote{max-width:900px;margin:0 auto 34px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-quote-sm p{font-size:26px;line-height:1.4}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-quote-sm{margin-bottom:0}\n\/* What you get *\/\n#vertical-reels .vr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:center;max-width:1000px;margin:0 auto}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-step h3{font-size:30px !important;margin:0 0 8px !important}\n#vertical-reels .vr-step p{font-size:16.5px;margin:0}\n\/* Call to action *\/\n#vertical-reels .vr-cta{text-align:center;padding:110px 0}\n#vertical-reels .vr-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 #vertical-reels .vr-cta-title{font-size:62px !important;line-height:1.08 !important;margin:0 auto 18px !important;max-width:900px}\nhtml body #vertical-reels .vr-dark .vr-cta-sub{font-size:19px;color:#cfc6b5 !important;max-width:600px;margin:0 auto 10px}\nhtml body #vertical-reels .vr-dark .vr-sign{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px;color:var(--gold-l) !important;margin:0 0 32px}\n#vertical-reels .vr-cta .vr-btns{margin-bottom:0}\nhtml body #vertical-reels .vr-dark .vr-contact{margin:26px 0 0;font-size:16.5px}\n\/* Scroll reveal (only when the script runs) *\/\n#vertical-reels.vr-anim .vr-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}\n#vertical-reels.vr-anim .vr-reveal.vr-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){#vertical-reels *{animation:none !important;transition:none !important}}\n\/* Tablets *\/\n@media (max-width:1000px){\n html body #vertical-reels .vr-names{font-size:25px}\n html body #vertical-reels .vr-label{display:none}\n}\n\/* Phones: one film per row *\/\n@media (max-width:700px){\n #vertical-reels .vr-wrap{padding:0 18px}\n #vertical-reels .vr-band{padding:64px 0}\n #vertical-reels .vr-hero{padding:64px 0 56px}\n html body #vertical-reels .vr-h1{font-size:50px !important}\n html body #vertical-reels .vr-dark .vr-tagline{font-size:24px}\n html body #vertical-reels .vr-dark .vr-lead{font-size:16.5px}\n #vertical-reels .vr-btns{margin-bottom:44px}\n #vertical-reels .vr-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}\n #vertical-reels .vr-stat:nth-child(3){border-left:0}\n html body #vertical-reels .vr-stat-num{font-size:46px}\n html body #vertical-reels .vr-h2{font-size:38px !important}\n #vertical-reels .vr-head{margin-bottom:40px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:50px 0}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n #vertical-reels .vr-film figcaption{padding:18px 8px 0}\n html body #vertical-reels .vr-label{display:inline;font-size:10.5px}\n html body #vertical-reels .vr-names{font-size:24px}\n html body #vertical-reels .vr-quote p{font-size:28px}\n html body #vertical-reels .vr-quote-sm p{font-size:21px}\n #vertical-reels .vr-steps{grid-template-columns:minmax(0,1fr)}\n #vertical-reels .vr-cta{padding:80px 0}\n html body #vertical-reels .vr-cta-title{font-size:38px !important}\n}\n\/* Featured film: big and cinematic *\/\n#vertical-reels .vr-films{padding:80px 0}\nhtml body #vertical-reels .vr-story{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px !important;color:var(--gold-d) !important;margin-top:18px !important}\n#vertical-reels .vr-feature{width:min(1500px,93.6vw);margin:0 auto}\n#vertical-reels .vr-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#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-quote{max-width:860px;margin:60px auto 0;text-align:center}\nhtml body #vertical-reels .vr-quote p{font-size:34px}\n\/* What's included *\/\n#vertical-reels .vr-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}\n#vertical-reels .vr-feat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 24px;text-align:center}\n#vertical-reels .vr-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 #vertical-reels .vr-feat h3{font-size:25px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-feat p{font-size:15.5px;margin:0;line-height:1.6}\n\/* How couples use it *\/\n#vertical-reels .vr-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}\n#vertical-reels .vr-use{border-top:1px solid var(--gold);padding-top:22px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-use h3{font-size:26px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-use p{font-size:16px;margin:0}\n#vertical-reels .vr-cta-ico{stroke:var(--gold)}\n\/* Tablets *\/\n@media (max-width:1000px){\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n\/* Phones *\/\n@media (max-width:640px){\n #vertical-reels .vr-films{padding:56px 0}\n #vertical-reels .vr-feature{width:calc(100vw - 20px)}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n html body #vertical-reels .vr-quote p{font-size:24px}\n html body #vertical-reels .vr-story{font-size:22px !important}\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Selected Work page ===== *\/\n#vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}\n#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0 90px}\n\/* Filter buttons *\/\n#vertical-reels .vr-filters{display:none;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 54px;max-width:1100px}\n#vertical-reels.vr-js .vr-filters{display:flex}\nhtml body #vertical-reels button.vr-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 #vertical-reels button.vr-chip:hover{border-color:var(--gold) !important}\nhtml body #vertical-reels button.vr-chip.is-on{background:linear-gradient(135deg,#e2c37a,#c9a24a 55%,#b38d35) !important;border-color:transparent !important;color:#1a140a !important}\nhtml body #vertical-reels .vr-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 #vertical-reels .is-on .vr-count{color:#1a140a !important}\n\/* Film grid: 2 per row, full width, last one centered *\/\n#vertical-reels .vr-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(44px,4vw,80px) clamp(24px,2.6vw,56px)}\n#vertical-reels .vr-grid > p,#vertical-reels .vr-grid > br{display:none !important}\n#vertical-reels .vr-film{flex:0 1 calc(50% - clamp(12px,1.3vw,28px));min-width:0;margin:0}\n#vertical-reels .vr-film.vr-hide{display:none !important}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0;text-align:left}\n#vertical-reels .vr-feats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto}\n#vertical-reels .vr-center{margin:44px 0 0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-btn-dark:hover{color:#fff !important}\n@media (max-width:1000px){\n #vertical-reels .vr-feats{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:700px){\n #vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}\n #vertical-reels .vr-stat:nth-child(3){border-left:1px solid rgba(201,162,74,.18)}\n html body #vertical-reels .vr-stat-num{font-size:40px}\n html body #vertical-reels .vr-stat-label{font-size:10.5px;letter-spacing:1.2px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:48px 0 64px}\n #vertical-reels .vr-filters{gap:8px;margin-bottom:36px}\n html body #vertical-reels button.vr-chip{font-size:11px !important;letter-spacing:1.2px !important;padding:9px 13px !important}\n #vertical-reels .vr-grid{gap:36px}\n #vertical-reels .vr-film{flex:0 1 100%}\n #vertical-reels .vr-feats{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Reels: 4 per row, vertical ===== *\/\n#vertical-reels .vr-reels{max-width:1800px;margin:0 auto}\n#vertical-reels .vr-reels{gap:clamp(40px,3.4vw,64px) clamp(20px,2vw,40px)}\n#vertical-reels .vr-film{flex:0 1 calc(25% - clamp(15px,1.5vw,30px))}\n#vertical-reels .vr-vid{padding-top:177.78%;border-radius:16px}\n#vertical-reels .vr-film figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:baseline;padding:18px 6px 0}\nhtml body #vertical-reels .vr-label{grid-column:2;grid-row:1;margin-left:0;justify-self:end;color:var(--gold-d) !important;font-size:10.5px;letter-spacing:2px}\nhtml body #vertical-reels .vr-names{grid-column:1 \/ -1;grid-row:2;font-size:clamp(22px,1.45vw,30px)}\nhtml body #vertical-reels .vr-stat-num{white-space:nowrap}\n\/* Smaller laptops and tablets: 3 per row *\/\n@media (max-width:1100px){\n #vertical-reels .vr-film{flex:0 1 calc(33.333% - 18px)}\n html body #vertical-reels .vr-label{display:inline}\n}\n\/* Small tablets: 2 per row *\/\n@media (max-width:800px){\n #vertical-reels .vr-film{flex:0 1 calc(50% - 14px)}\n}\n\/* Phones: 1 per row *\/\n@media (max-width:560px){\n #vertical-reels .vr-film{flex:0 1 100%;max-width:420px}\n #vertical-reels .vr-wide{padding:0 18px}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>EnglishEspañol Vertical Video · Social MediaVideo Vertical · Redes Sociales ReelsReels Short, scroll-stopping videos made for the feed.Videos cortos que detienen el scroll, hechos para las redes. Product demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"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\/7209"}],"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=7209"}],"version-history":[{"count":8,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions"}],"predecessor-version":[{"id":7418,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions\/7418"}],"wp:attachment":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/media?parent=7209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Short, scroll-stopping videos made for the feed.<\/span>Videos cortos que detienen el scroll, hechos para las redes.<\/span><\/p>\nProduct demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel below, then let’s make yours.<\/span>Demos de productos, resúmenes de eventos, promociones e instalaciones, en formato vertical para llenar toda la pantalla del celular en Instagram, TikTok, YouTube Shorts y Facebook. Denle play a cualquier reel, y luego hagamos el suyo.<\/span><\/p>\nBook Your Shoot<\/span>Reserve Su Grabación<\/span><\/a>See Services<\/span>Ver Servicios<\/span><\/a><\/div>\n\n12<\/span>Reels on this page<\/span>Reels en esta página<\/span><\/span><\/div>\n9:16<\/span>Made for phones<\/span>Hechos para celulares<\/span><\/span><\/div>\n4<\/span>Platforms, ready to post<\/span>Plataformas, listo para publicar<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/header>\n\n\nAll<\/span>Todo<\/span>12<\/span><\/button>Products & Installs<\/span>Productos e Instalaciones<\/span>7<\/span><\/button>Events & Brands<\/span>Eventos y Marcas<\/span>3<\/span><\/button>Food & Promos<\/span>Comida y Promociones<\/span>2<\/span><\/button><\/div>\n\n\n<\/iframe><\/div><figcaption><span class=\"vr-num\">01<\/span><span class=\"vr-names\">Sunsational Shades USA Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Product Demo<\/span><span class=\"vr-es\">Demo de Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/796479963?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"San Diego Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">02<\/span><span class=\"vr-names\"><span class=\"vr-en\">San Diego Summit<\/span><span class=\"vr-es\">Cumbre de San Diego<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Event Recap<\/span><span class=\"vr-es\">Resumen de Evento<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/985059131?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">03<\/span><span class=\"vr-names\"><span class=\"vr-en\">ICC Summit<\/span><span class=\"vr-es\">Cumbre ICC<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Conference<\/span><span class=\"vr-es\">Conferencia<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/787644621?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC White Label - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">04<\/span><span class=\"vr-names\">ICC White Label<\/span><span class=\"vr-label\"><span class=\"vr-en\">Brand Film<\/span><span class=\"vr-es\">Video de Marca<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909273?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Break Room Easy Up System - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">05<\/span><span class=\"vr-names\">Break Room Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Commercial<\/span><span class=\"vr-es\">Comercial<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/839158618?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">06<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades<\/span><span class=\"vr-es\">Persianas para Ventanas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Product<\/span><span class=\"vr-es\">Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909883?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Doorsulate Door Templating - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">07<\/span><span class=\"vr-names\"><span class=\"vr-en\">Doorsulate Door Templating<\/span><span class=\"vr-es\">Doorsulate: Plantillas para Puertas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Process<\/span><span class=\"vr-es\">Proceso<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/854867577?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">08<\/span><span class=\"vr-names\">Food Truck<\/span><span class=\"vr-label\"><span class=\"vr-en\">Promo<\/span><span class=\"vr-es\">Promo<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/857256697?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck Campaign - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">09<\/span><span class=\"vr-names\"><span class=\"vr-en\">Food Truck Campaign<\/span><span class=\"vr-es\">Campaña de Food Truck<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Social<\/span><span class=\"vr-es\">Redes Sociales<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837713027?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Install - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">10<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Install<\/span><span class=\"vr-es\">Instalación de Persianas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Install<\/span><span class=\"vr-es\">Instalación<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837717182?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Marine Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">11<\/span><span class=\"vr-names\"><span class=\"vr-en\">Marine Shades<\/span><span class=\"vr-es\">Toldos Marinos<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Marine<\/span><span class=\"vr-es\">Marino<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/806980802?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Lifestyle - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">12<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Lifestyle<\/span><span class=\"vr-es\">Persianas: Estilo de Vida<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Lifestyle<\/span><span class=\"vr-es\">Estilo de Vida<\/span><\/span><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-paper\">\n<div class=\"vr-wrap\">\n<div class=\"vr-head vr-reveal\">\n<p class=\"vr-eyebrow\"><span class=\"vr-en\">Why Vertical Video<\/span><span class=\"vr-es\">Por Qué Video Vertical<\/span><\/p>\n<h2 class=\"vr-h2\"><span class=\"vr-en\">Made for the Feed<\/span><span class=\"vr-es\">Hecho para las Redes<\/span><\/h2>\n<\/div>\n<div class=\"vr-feats\">\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.00s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M11 18h2\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Fills the Screen<\/span><span class=\"vr-es\">Llena la Pantalla<\/span><\/h3>\n<p><span class=\"vr-en\">Vertical video takes up the whole phone, so your message is all people see.<\/span><span class=\"vr-es\">El video vertical ocupa todo el celular, así su mensaje es lo único que ven.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.06s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Short & Punchy<\/span><span class=\"vr-es\">Corto y Directo<\/span><\/h3>\n<p><span class=\"vr-en\">Quick cuts and a clear message that hook viewers in the first seconds.<\/span><span class=\"vr-es\">Cortes rápidos y un mensaje claro que atrapan desde los primeros segundos.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.12s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Ready to Post<\/span><span class=\"vr-es\">Listo para Publicar<\/span><\/h3>\n<p><span class=\"vr-en\">Delivered sized for Instagram, TikTok, YouTube Shorts and Facebook.<\/span><span class=\"vr-es\">Entregado en el tamaño para Instagram, TikTok, YouTube Shorts y Facebook.<\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"vr-btns vr-center vr-reveal\"><a class=\"vr-btn vr-btn-dark\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See All Services<\/span><span class=\"vr-es\">Ver Todos los Servicios<\/span><\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-dark vr-cta\">\n<div class=\"vr-wrap vr-reveal\"><svg class=\"vr-cta-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23 7l-7 5 7 5V7z\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/p>\n<h2 class=\"vr-cta-title\"><span class=\"vr-en\">Let’s Make Your Reels<\/span><span class=\"vr-es\">Hagamos Sus Reels<\/span><\/h2>\n<p class=\"vr-cta-sub\"><span class=\"vr-en\">Tell me about your project and I’ll get right back to you.<\/span><span class=\"vr-es\">Cuénteme sobre su proyecto y le respondo enseguida.<\/span><\/p>\n<p class=\"vr-sign\">— J. Daniel Ramos<\/p>\n<div class=\"vr-btns\"><a class=\"vr-btn vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/contact\/\"><span class=\"vr-en\">Book Your Shoot<\/span><span class=\"vr-es\">Reserve Su Grabación<\/span><\/a><a class=\"vr-btn vr-btn-ghost vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See Services<\/span><span class=\"vr-es\">Ver Servicios<\/span><\/a><\/div>\n<p class=\"vr-contact\"><a href=\"tel:8552652224\">855-265-2224<\/a> · <a href=\"mailto:info@ramos-studio.com\">info@ramos-studio.com<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- ===== PAGE SCHEMA (SEO) ===== --><br \/>\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollectionPage\",\n \"name\": \"Reels - J. Daniel Ramos\",\n \"description\": \"Vertical social media reels for Instagram, TikTok and YouTube Shorts by J. Daniel Ramos: product demos, event recaps, promos and installs.\",\n \"author\": {\n \"@type\": \"LocalBusiness\",\n \"name\": \"Daniel Ramos Studio\",\n \"url\": \"https:\/\/jdanielramos.com\/blog\/\",\n \"telephone\": \"+1-855-265-2224\"\n }\n}\n<\/script><br \/>\n<!-- ===== FULL WIDTH + LANGUAGE + FILTER + ANIMATIONS (this page only) ===== --><br \/>\n<script>\n(function(){\n var root=document.getElementById('vertical-reels');\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('vr-lang-en'),rEs=document.getElementById('vr-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 \/* Filter buttons (they only appear when this script runs) *\/\n root.classList.add('vr-js');\n var chips=root.querySelectorAll('.vr-chip'),films=root.querySelectorAll('.vr-film');\n for(var c=0;c<chips.length;c++){\n chips[c].addEventListener('click',function(){\n var cat=this.getAttribute('data-cat');\n for(var k=0;k<chips.length;k++)chips[k].classList.toggle('is-on',chips[k]===this);\n for(var f=0;f<films.length;f++){\n var show=(cat==='all'||films[f].getAttribute('data-cat')===cat);\n films[f].classList.toggle('vr-hide',!show);\n if(show)films[f].classList.add('vr-in');\n }\n });\n }\n \/* Scroll animations *\/\n var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if(reduce||!('IntersectionObserver' in window))return;\n root.classList.add('vr-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('vr-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('.vr-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 #vertical-reels so no other post is affected *\/\nhtml body{overflow-x:clip}\n#vertical-reels{--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#vertical-reels,#vertical-reels *{box-sizing:border-box}\n#vertical-reels .vr-wrap{max-width:1320px;margin:0 auto;padding:0 32px}\n#vertical-reels .vr-band{padding:90px 0;margin:0;position:relative}\n#vertical-reels .vr-paper{background:var(--cream)}\n\/* Force readable colors over theme styles *\/\nhtml body #vertical-reels,html body #vertical-reels p,html body #vertical-reels blockquote,html body #vertical-reels cite,html body #vertical-reels figcaption{color:var(--txt) !important}\nhtml body #vertical-reels h1,html body #vertical-reels h2,html body #vertical-reels 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 #vertical-reels:not(.vr-anim) h1,html body #vertical-reels:not(.vr-anim) h2,html body #vertical-reels h1.vr-in,html body #vertical-reels h2.vr-in,html body #vertical-reels .vr-in h1,html body #vertical-reels .vr-in h2{opacity:1 !important}\nhtml body #vertical-reels a{color:var(--gold-d) !important;text-decoration:none !important;border:0;box-shadow:none !important;background-image:none}\nhtml body #vertical-reels a:hover{color:var(--ink) !important}\nhtml body #vertical-reels span.vr-en.vr-en,html body #vertical-reels span.vr-es.vr-es{color:inherit !important;font:inherit;letter-spacing:inherit;text-transform:inherit}\n#vertical-reels p{margin:0 0 12px;padding:0}\n#vertical-reels figure,#vertical-reels blockquote{margin:0;padding:0;border:0;background:none;quotes:none}\n#vertical-reels blockquote::before,#vertical-reels blockquote::after{content:none !important}\n\/* Dark sections *\/\n#vertical-reels .vr-dark{background:radial-gradient(110% 80% at 50% 0%,#2a2219 0%,var(--dark) 65%)}\nhtml body #vertical-reels .vr-dark p{color:#e8e0d0 !important}\nhtml body #vertical-reels .vr-dark h1,html body #vertical-reels .vr-dark h2{color:#fff !important}\nhtml body #vertical-reels .vr-dark a{color:var(--gold-l) !important}\nhtml body #vertical-reels .vr-dark a:hover{color:#fff !important}\n\/* Language switch *\/\n#vertical-reels .vr-lang-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none}\nhtml body #vertical-reels .vr-es{display:none !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-es,html body #vertical-reels.is-es .vr-es{display:inline !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-en,html body #vertical-reels.is-es .vr-en{display:none !important}\n#vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels #vr-lang-en:checked ~ * .vr-lb-en,html body #vertical-reels #vr-lang-es:checked ~ * .vr-lb-es{background:linear-gradient(135deg,#e2c37a,#c9a24a) !important;color:#1a140a !important}\n\/* Hero *\/\n#vertical-reels .vr-hero{text-align:center;padding:96px 0 80px}\nhtml body #vertical-reels .vr-kicker,html body #vertical-reels .vr-dark .vr-kicker{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gold) !important;font-weight:500;margin:0 0 16px}\nhtml body #vertical-reels .vr-h1{font-size:76px !important;line-height:1.02 !important;margin:0 auto 14px !important}\nhtml body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-dark .vr-lead{font-size:18px;color:#cfc6b5 !important;max-width:760px;margin:0 auto 34px}\n#vertical-reels .vr-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}\nhtml body #vertical-reels .vr-btn,html body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,74,.45) !important;color:#000 !important}\nhtml body #vertical-reels .vr-dark .vr-btn-ghost{background:transparent;color:var(--gold-l) !important;border:1px solid rgba(201,162,74,.6) !important;box-shadow:none !important}\n#vertical-reels .vr-btn-lg{padding:20px 44px;font-size:14px}\n#vertical-reels .vr-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#vertical-reels .vr-stat{padding:0 8px;border-left:1px solid rgba(201,162,74,.18)}\n#vertical-reels .vr-stat:first-child{border-left:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-head{text-align:center;margin:0 auto 54px;max-width:760px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-h2{font-size:52px !important;line-height:1.1 !important;text-align:center;margin:0 0 4px !important}\n#vertical-reels .vr-h2::after{content:\"\";display:block;width:64px;height:1px;background:var(--gold);margin:20px auto 0}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0}\n\/* Film grid: 2 per row on desktop, 1 on phones *\/\n#vertical-reels .vr-film{margin:0}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-quote-band{text-align:center}\nhtml body #vertical-reels .vr-stars{color:var(--gold) !important;letter-spacing:5px;font-size:17px;margin-bottom:16px}\n#vertical-reels .vr-quote{max-width:900px;margin:0 auto 34px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-quote-sm p{font-size:26px;line-height:1.4}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-quote-sm{margin-bottom:0}\n\/* What you get *\/\n#vertical-reels .vr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:center;max-width:1000px;margin:0 auto}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-step h3{font-size:30px !important;margin:0 0 8px !important}\n#vertical-reels .vr-step p{font-size:16.5px;margin:0}\n\/* Call to action *\/\n#vertical-reels .vr-cta{text-align:center;padding:110px 0}\n#vertical-reels .vr-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 #vertical-reels .vr-cta-title{font-size:62px !important;line-height:1.08 !important;margin:0 auto 18px !important;max-width:900px}\nhtml body #vertical-reels .vr-dark .vr-cta-sub{font-size:19px;color:#cfc6b5 !important;max-width:600px;margin:0 auto 10px}\nhtml body #vertical-reels .vr-dark .vr-sign{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px;color:var(--gold-l) !important;margin:0 0 32px}\n#vertical-reels .vr-cta .vr-btns{margin-bottom:0}\nhtml body #vertical-reels .vr-dark .vr-contact{margin:26px 0 0;font-size:16.5px}\n\/* Scroll reveal (only when the script runs) *\/\n#vertical-reels.vr-anim .vr-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}\n#vertical-reels.vr-anim .vr-reveal.vr-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){#vertical-reels *{animation:none !important;transition:none !important}}\n\/* Tablets *\/\n@media (max-width:1000px){\n html body #vertical-reels .vr-names{font-size:25px}\n html body #vertical-reels .vr-label{display:none}\n}\n\/* Phones: one film per row *\/\n@media (max-width:700px){\n #vertical-reels .vr-wrap{padding:0 18px}\n #vertical-reels .vr-band{padding:64px 0}\n #vertical-reels .vr-hero{padding:64px 0 56px}\n html body #vertical-reels .vr-h1{font-size:50px !important}\n html body #vertical-reels .vr-dark .vr-tagline{font-size:24px}\n html body #vertical-reels .vr-dark .vr-lead{font-size:16.5px}\n #vertical-reels .vr-btns{margin-bottom:44px}\n #vertical-reels .vr-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}\n #vertical-reels .vr-stat:nth-child(3){border-left:0}\n html body #vertical-reels .vr-stat-num{font-size:46px}\n html body #vertical-reels .vr-h2{font-size:38px !important}\n #vertical-reels .vr-head{margin-bottom:40px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:50px 0}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n #vertical-reels .vr-film figcaption{padding:18px 8px 0}\n html body #vertical-reels .vr-label{display:inline;font-size:10.5px}\n html body #vertical-reels .vr-names{font-size:24px}\n html body #vertical-reels .vr-quote p{font-size:28px}\n html body #vertical-reels .vr-quote-sm p{font-size:21px}\n #vertical-reels .vr-steps{grid-template-columns:minmax(0,1fr)}\n #vertical-reels .vr-cta{padding:80px 0}\n html body #vertical-reels .vr-cta-title{font-size:38px !important}\n}\n\/* Featured film: big and cinematic *\/\n#vertical-reels .vr-films{padding:80px 0}\nhtml body #vertical-reels .vr-story{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px !important;color:var(--gold-d) !important;margin-top:18px !important}\n#vertical-reels .vr-feature{width:min(1500px,93.6vw);margin:0 auto}\n#vertical-reels .vr-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#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-quote{max-width:860px;margin:60px auto 0;text-align:center}\nhtml body #vertical-reels .vr-quote p{font-size:34px}\n\/* What's included *\/\n#vertical-reels .vr-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}\n#vertical-reels .vr-feat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 24px;text-align:center}\n#vertical-reels .vr-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 #vertical-reels .vr-feat h3{font-size:25px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-feat p{font-size:15.5px;margin:0;line-height:1.6}\n\/* How couples use it *\/\n#vertical-reels .vr-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}\n#vertical-reels .vr-use{border-top:1px solid var(--gold);padding-top:22px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-use h3{font-size:26px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-use p{font-size:16px;margin:0}\n#vertical-reels .vr-cta-ico{stroke:var(--gold)}\n\/* Tablets *\/\n@media (max-width:1000px){\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n\/* Phones *\/\n@media (max-width:640px){\n #vertical-reels .vr-films{padding:56px 0}\n #vertical-reels .vr-feature{width:calc(100vw - 20px)}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n html body #vertical-reels .vr-quote p{font-size:24px}\n html body #vertical-reels .vr-story{font-size:22px !important}\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Selected Work page ===== *\/\n#vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}\n#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0 90px}\n\/* Filter buttons *\/\n#vertical-reels .vr-filters{display:none;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 54px;max-width:1100px}\n#vertical-reels.vr-js .vr-filters{display:flex}\nhtml body #vertical-reels button.vr-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 #vertical-reels button.vr-chip:hover{border-color:var(--gold) !important}\nhtml body #vertical-reels button.vr-chip.is-on{background:linear-gradient(135deg,#e2c37a,#c9a24a 55%,#b38d35) !important;border-color:transparent !important;color:#1a140a !important}\nhtml body #vertical-reels .vr-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 #vertical-reels .is-on .vr-count{color:#1a140a !important}\n\/* Film grid: 2 per row, full width, last one centered *\/\n#vertical-reels .vr-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(44px,4vw,80px) clamp(24px,2.6vw,56px)}\n#vertical-reels .vr-grid > p,#vertical-reels .vr-grid > br{display:none !important}\n#vertical-reels .vr-film{flex:0 1 calc(50% - clamp(12px,1.3vw,28px));min-width:0;margin:0}\n#vertical-reels .vr-film.vr-hide{display:none !important}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0;text-align:left}\n#vertical-reels .vr-feats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto}\n#vertical-reels .vr-center{margin:44px 0 0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-btn-dark:hover{color:#fff !important}\n@media (max-width:1000px){\n #vertical-reels .vr-feats{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:700px){\n #vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}\n #vertical-reels .vr-stat:nth-child(3){border-left:1px solid rgba(201,162,74,.18)}\n html body #vertical-reels .vr-stat-num{font-size:40px}\n html body #vertical-reels .vr-stat-label{font-size:10.5px;letter-spacing:1.2px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:48px 0 64px}\n #vertical-reels .vr-filters{gap:8px;margin-bottom:36px}\n html body #vertical-reels button.vr-chip{font-size:11px !important;letter-spacing:1.2px !important;padding:9px 13px !important}\n #vertical-reels .vr-grid{gap:36px}\n #vertical-reels .vr-film{flex:0 1 100%}\n #vertical-reels .vr-feats{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Reels: 4 per row, vertical ===== *\/\n#vertical-reels .vr-reels{max-width:1800px;margin:0 auto}\n#vertical-reels .vr-reels{gap:clamp(40px,3.4vw,64px) clamp(20px,2vw,40px)}\n#vertical-reels .vr-film{flex:0 1 calc(25% - clamp(15px,1.5vw,30px))}\n#vertical-reels .vr-vid{padding-top:177.78%;border-radius:16px}\n#vertical-reels .vr-film figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:baseline;padding:18px 6px 0}\nhtml body #vertical-reels .vr-label{grid-column:2;grid-row:1;margin-left:0;justify-self:end;color:var(--gold-d) !important;font-size:10.5px;letter-spacing:2px}\nhtml body #vertical-reels .vr-names{grid-column:1 \/ -1;grid-row:2;font-size:clamp(22px,1.45vw,30px)}\nhtml body #vertical-reels .vr-stat-num{white-space:nowrap}\n\/* Smaller laptops and tablets: 3 per row *\/\n@media (max-width:1100px){\n #vertical-reels .vr-film{flex:0 1 calc(33.333% - 18px)}\n html body #vertical-reels .vr-label{display:inline}\n}\n\/* Small tablets: 2 per row *\/\n@media (max-width:800px){\n #vertical-reels .vr-film{flex:0 1 calc(50% - 14px)}\n}\n\/* Phones: 1 per row *\/\n@media (max-width:560px){\n #vertical-reels .vr-film{flex:0 1 100%;max-width:420px}\n #vertical-reels .vr-wide{padding:0 18px}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>EnglishEspañol Vertical Video · Social MediaVideo Vertical · Redes Sociales ReelsReels Short, scroll-stopping videos made for the feed.Videos cortos que detienen el scroll, hechos para las redes. Product demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"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\/7209"}],"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=7209"}],"version-history":[{"count":8,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions"}],"predecessor-version":[{"id":7418,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions\/7418"}],"wp:attachment":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/media?parent=7209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Product demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel below, then let’s make yours.<\/span>Demos de productos, resúmenes de eventos, promociones e instalaciones, en formato vertical para llenar toda la pantalla del celular en Instagram, TikTok, YouTube Shorts y Facebook. Denle play a cualquier reel, y luego hagamos el suyo.<\/span><\/p>\nBook Your Shoot<\/span>Reserve Su Grabación<\/span><\/a>See Services<\/span>Ver Servicios<\/span><\/a><\/div>\n\n12<\/span>Reels on this page<\/span>Reels en esta página<\/span><\/span><\/div>\n9:16<\/span>Made for phones<\/span>Hechos para celulares<\/span><\/span><\/div>\n4<\/span>Platforms, ready to post<\/span>Plataformas, listo para publicar<\/span><\/span><\/div>\n<\/div>\n<\/div>\n<\/header>\n\n\nAll<\/span>Todo<\/span>12<\/span><\/button>Products & Installs<\/span>Productos e Instalaciones<\/span>7<\/span><\/button>Events & Brands<\/span>Eventos y Marcas<\/span>3<\/span><\/button>Food & Promos<\/span>Comida y Promociones<\/span>2<\/span><\/button><\/div>\n\n\n<\/iframe><\/div><figcaption><span class=\"vr-num\">01<\/span><span class=\"vr-names\">Sunsational Shades USA Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Product Demo<\/span><span class=\"vr-es\">Demo de Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/796479963?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"San Diego Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">02<\/span><span class=\"vr-names\"><span class=\"vr-en\">San Diego Summit<\/span><span class=\"vr-es\">Cumbre de San Diego<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Event Recap<\/span><span class=\"vr-es\">Resumen de Evento<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/985059131?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC Summit - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">03<\/span><span class=\"vr-names\"><span class=\"vr-en\">ICC Summit<\/span><span class=\"vr-es\">Cumbre ICC<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Conference<\/span><span class=\"vr-es\">Conferencia<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"events\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/787644621?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"ICC White Label - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">04<\/span><span class=\"vr-names\">ICC White Label<\/span><span class=\"vr-label\"><span class=\"vr-en\">Brand Film<\/span><span class=\"vr-es\">Video de Marca<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909273?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Break Room Easy Up System - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">05<\/span><span class=\"vr-names\">Break Room Easy Up System<\/span><span class=\"vr-label\"><span class=\"vr-en\">Commercial<\/span><span class=\"vr-es\">Comercial<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/839158618?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">06<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades<\/span><span class=\"vr-es\">Persianas para Ventanas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Product<\/span><span class=\"vr-es\">Producto<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/895909883?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Doorsulate Door Templating - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">07<\/span><span class=\"vr-names\"><span class=\"vr-en\">Doorsulate Door Templating<\/span><span class=\"vr-es\">Doorsulate: Plantillas para Puertas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Process<\/span><span class=\"vr-es\">Proceso<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/854867577?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">08<\/span><span class=\"vr-names\">Food Truck<\/span><span class=\"vr-label\"><span class=\"vr-en\">Promo<\/span><span class=\"vr-es\">Promo<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"food\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/857256697?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Food Truck Campaign - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">09<\/span><span class=\"vr-names\"><span class=\"vr-en\">Food Truck Campaign<\/span><span class=\"vr-es\">Campaña de Food Truck<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Social<\/span><span class=\"vr-es\">Redes Sociales<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837713027?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Install - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">10<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Install<\/span><span class=\"vr-es\">Instalación de Persianas<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Install<\/span><span class=\"vr-es\">Instalación<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/837717182?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Marine Shades - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">11<\/span><span class=\"vr-names\"><span class=\"vr-en\">Marine Shades<\/span><span class=\"vr-es\">Toldos Marinos<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Marine<\/span><span class=\"vr-es\">Marino<\/span><\/span><\/figcaption><\/figure>\n<figure class=\"vr-film vr-reveal\" data-cat=\"prod\">\n<div class=\"vr-vid\"><iframe src=\"https:\/\/player.vimeo.com\/video\/806980802?title=0&byline=0&portrait=0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen loading=\"lazy\" title=\"Window Shades Lifestyle - J. Daniel Ramos\"><\/iframe><\/div><figcaption><span class=\"vr-num\">12<\/span><span class=\"vr-names\"><span class=\"vr-en\">Window Shades Lifestyle<\/span><span class=\"vr-es\">Persianas: Estilo de Vida<\/span><\/span><span class=\"vr-label\"><span class=\"vr-en\">Lifestyle<\/span><span class=\"vr-es\">Estilo de Vida<\/span><\/span><\/figcaption><\/figure>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-paper\">\n<div class=\"vr-wrap\">\n<div class=\"vr-head vr-reveal\">\n<p class=\"vr-eyebrow\"><span class=\"vr-en\">Why Vertical Video<\/span><span class=\"vr-es\">Por Qué Video Vertical<\/span><\/p>\n<h2 class=\"vr-h2\"><span class=\"vr-en\">Made for the Feed<\/span><span class=\"vr-es\">Hecho para las Redes<\/span><\/h2>\n<\/div>\n<div class=\"vr-feats\">\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.00s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><rect x=\"7\" y=\"2\" width=\"10\" height=\"20\" rx=\"2\"\/><path d=\"M11 18h2\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Fills the Screen<\/span><span class=\"vr-es\">Llena la Pantalla<\/span><\/h3>\n<p><span class=\"vr-en\">Vertical video takes up the whole phone, so your message is all people see.<\/span><span class=\"vr-es\">El video vertical ocupa todo el celular, así su mensaje es lo único que ven.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.06s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Short & Punchy<\/span><span class=\"vr-es\">Corto y Directo<\/span><\/h3>\n<p><span class=\"vr-en\">Quick cuts and a clear message that hook viewers in the first seconds.<\/span><span class=\"vr-es\">Cortes rápidos y un mensaje claro que atrapan desde los primeros segundos.<\/span><\/p>\n<\/div>\n<div class=\"vr-feat vr-reveal\" style=\"--d:0.12s\"><svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M7 10l5 5 5-5M12 15V3\"\/><\/svg><\/p>\n<h3><span class=\"vr-en\">Ready to Post<\/span><span class=\"vr-es\">Listo para Publicar<\/span><\/h3>\n<p><span class=\"vr-en\">Delivered sized for Instagram, TikTok, YouTube Shorts and Facebook.<\/span><span class=\"vr-es\">Entregado en el tamaño para Instagram, TikTok, YouTube Shorts y Facebook.<\/span><\/p>\n<\/div>\n<\/div>\n<div class=\"vr-btns vr-center vr-reveal\"><a class=\"vr-btn vr-btn-dark\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See All Services<\/span><span class=\"vr-es\">Ver Todos los Servicios<\/span><\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"vr-band vr-dark vr-cta\">\n<div class=\"vr-wrap vr-reveal\"><svg class=\"vr-cta-ico\" viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M23 7l-7 5 7 5V7z\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg><\/p>\n<h2 class=\"vr-cta-title\"><span class=\"vr-en\">Let’s Make Your Reels<\/span><span class=\"vr-es\">Hagamos Sus Reels<\/span><\/h2>\n<p class=\"vr-cta-sub\"><span class=\"vr-en\">Tell me about your project and I’ll get right back to you.<\/span><span class=\"vr-es\">Cuénteme sobre su proyecto y le respondo enseguida.<\/span><\/p>\n<p class=\"vr-sign\">— J. Daniel Ramos<\/p>\n<div class=\"vr-btns\"><a class=\"vr-btn vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/contact\/\"><span class=\"vr-en\">Book Your Shoot<\/span><span class=\"vr-es\">Reserve Su Grabación<\/span><\/a><a class=\"vr-btn vr-btn-ghost vr-btn-lg\" href=\"https:\/\/jdanielramos.com\/blog\/services\/\"><span class=\"vr-en\">See Services<\/span><span class=\"vr-es\">Ver Servicios<\/span><\/a><\/div>\n<p class=\"vr-contact\"><a href=\"tel:8552652224\">855-265-2224<\/a> · <a href=\"mailto:info@ramos-studio.com\">info@ramos-studio.com<\/a><\/p>\n<\/div>\n<\/section>\n<\/div>\n<p><!-- ===== PAGE SCHEMA (SEO) ===== --><br \/>\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"CollectionPage\",\n \"name\": \"Reels - J. Daniel Ramos\",\n \"description\": \"Vertical social media reels for Instagram, TikTok and YouTube Shorts by J. Daniel Ramos: product demos, event recaps, promos and installs.\",\n \"author\": {\n \"@type\": \"LocalBusiness\",\n \"name\": \"Daniel Ramos Studio\",\n \"url\": \"https:\/\/jdanielramos.com\/blog\/\",\n \"telephone\": \"+1-855-265-2224\"\n }\n}\n<\/script><br \/>\n<!-- ===== FULL WIDTH + LANGUAGE + FILTER + ANIMATIONS (this page only) ===== --><br \/>\n<script>\n(function(){\n var root=document.getElementById('vertical-reels');\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('vr-lang-en'),rEs=document.getElementById('vr-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 \/* Filter buttons (they only appear when this script runs) *\/\n root.classList.add('vr-js');\n var chips=root.querySelectorAll('.vr-chip'),films=root.querySelectorAll('.vr-film');\n for(var c=0;c<chips.length;c++){\n chips[c].addEventListener('click',function(){\n var cat=this.getAttribute('data-cat');\n for(var k=0;k<chips.length;k++)chips[k].classList.toggle('is-on',chips[k]===this);\n for(var f=0;f<films.length;f++){\n var show=(cat==='all'||films[f].getAttribute('data-cat')===cat);\n films[f].classList.toggle('vr-hide',!show);\n if(show)films[f].classList.add('vr-in');\n }\n });\n }\n \/* Scroll animations *\/\n var reduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n if(reduce||!('IntersectionObserver' in window))return;\n root.classList.add('vr-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('vr-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('.vr-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 #vertical-reels so no other post is affected *\/\nhtml body{overflow-x:clip}\n#vertical-reels{--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#vertical-reels,#vertical-reels *{box-sizing:border-box}\n#vertical-reels .vr-wrap{max-width:1320px;margin:0 auto;padding:0 32px}\n#vertical-reels .vr-band{padding:90px 0;margin:0;position:relative}\n#vertical-reels .vr-paper{background:var(--cream)}\n\/* Force readable colors over theme styles *\/\nhtml body #vertical-reels,html body #vertical-reels p,html body #vertical-reels blockquote,html body #vertical-reels cite,html body #vertical-reels figcaption{color:var(--txt) !important}\nhtml body #vertical-reels h1,html body #vertical-reels h2,html body #vertical-reels 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 #vertical-reels:not(.vr-anim) h1,html body #vertical-reels:not(.vr-anim) h2,html body #vertical-reels h1.vr-in,html body #vertical-reels h2.vr-in,html body #vertical-reels .vr-in h1,html body #vertical-reels .vr-in h2{opacity:1 !important}\nhtml body #vertical-reels a{color:var(--gold-d) !important;text-decoration:none !important;border:0;box-shadow:none !important;background-image:none}\nhtml body #vertical-reels a:hover{color:var(--ink) !important}\nhtml body #vertical-reels span.vr-en.vr-en,html body #vertical-reels span.vr-es.vr-es{color:inherit !important;font:inherit;letter-spacing:inherit;text-transform:inherit}\n#vertical-reels p{margin:0 0 12px;padding:0}\n#vertical-reels figure,#vertical-reels blockquote{margin:0;padding:0;border:0;background:none;quotes:none}\n#vertical-reels blockquote::before,#vertical-reels blockquote::after{content:none !important}\n\/* Dark sections *\/\n#vertical-reels .vr-dark{background:radial-gradient(110% 80% at 50% 0%,#2a2219 0%,var(--dark) 65%)}\nhtml body #vertical-reels .vr-dark p{color:#e8e0d0 !important}\nhtml body #vertical-reels .vr-dark h1,html body #vertical-reels .vr-dark h2{color:#fff !important}\nhtml body #vertical-reels .vr-dark a{color:var(--gold-l) !important}\nhtml body #vertical-reels .vr-dark a:hover{color:#fff !important}\n\/* Language switch *\/\n#vertical-reels .vr-lang-input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none}\nhtml body #vertical-reels .vr-es{display:none !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-es,html body #vertical-reels.is-es .vr-es{display:inline !important}\nhtml body #vertical-reels #vr-lang-es:checked ~ * .vr-en,html body #vertical-reels.is-es .vr-en{display:none !important}\n#vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels #vr-lang-en:checked ~ * .vr-lb-en,html body #vertical-reels #vr-lang-es:checked ~ * .vr-lb-es{background:linear-gradient(135deg,#e2c37a,#c9a24a) !important;color:#1a140a !important}\n\/* Hero *\/\n#vertical-reels .vr-hero{text-align:center;padding:96px 0 80px}\nhtml body #vertical-reels .vr-kicker,html body #vertical-reels .vr-dark .vr-kicker{font-size:13px;letter-spacing:4px;text-transform:uppercase;color:var(--gold) !important;font-weight:500;margin:0 0 16px}\nhtml body #vertical-reels .vr-h1{font-size:76px !important;line-height:1.02 !important;margin:0 auto 14px !important}\nhtml body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-dark .vr-lead{font-size:18px;color:#cfc6b5 !important;max-width:760px;margin:0 auto 34px}\n#vertical-reels .vr-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}\nhtml body #vertical-reels .vr-btn,html body #vertical-reels .vr-dark .vr-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 #vertical-reels .vr-btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(201,162,74,.45) !important;color:#000 !important}\nhtml body #vertical-reels .vr-dark .vr-btn-ghost{background:transparent;color:var(--gold-l) !important;border:1px solid rgba(201,162,74,.6) !important;box-shadow:none !important}\n#vertical-reels .vr-btn-lg{padding:20px 44px;font-size:14px}\n#vertical-reels .vr-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#vertical-reels .vr-stat{padding:0 8px;border-left:1px solid rgba(201,162,74,.18)}\n#vertical-reels .vr-stat:first-child{border-left:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-head{text-align:center;margin:0 auto 54px;max-width:760px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-h2{font-size:52px !important;line-height:1.1 !important;text-align:center;margin:0 0 4px !important}\n#vertical-reels .vr-h2::after{content:\"\";display:block;width:64px;height:1px;background:var(--gold);margin:20px auto 0}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0}\n\/* Film grid: 2 per row on desktop, 1 on phones *\/\n#vertical-reels .vr-film{margin:0}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-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 #vertical-reels .vr-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#vertical-reels .vr-quote-band{text-align:center}\nhtml body #vertical-reels .vr-stars{color:var(--gold) !important;letter-spacing:5px;font-size:17px;margin-bottom:16px}\n#vertical-reels .vr-quote{max-width:900px;margin:0 auto 34px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-quote-sm p{font-size:26px;line-height:1.4}\nhtml body #vertical-reels .vr-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#vertical-reels .vr-quote-sm{margin-bottom:0}\n\/* What you get *\/\n#vertical-reels .vr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;text-align:center;max-width:1000px;margin:0 auto}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-step h3{font-size:30px !important;margin:0 0 8px !important}\n#vertical-reels .vr-step p{font-size:16.5px;margin:0}\n\/* Call to action *\/\n#vertical-reels .vr-cta{text-align:center;padding:110px 0}\n#vertical-reels .vr-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 #vertical-reels .vr-cta-title{font-size:62px !important;line-height:1.08 !important;margin:0 auto 18px !important;max-width:900px}\nhtml body #vertical-reels .vr-dark .vr-cta-sub{font-size:19px;color:#cfc6b5 !important;max-width:600px;margin:0 auto 10px}\nhtml body #vertical-reels .vr-dark .vr-sign{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px;color:var(--gold-l) !important;margin:0 0 32px}\n#vertical-reels .vr-cta .vr-btns{margin-bottom:0}\nhtml body #vertical-reels .vr-dark .vr-contact{margin:26px 0 0;font-size:16.5px}\n\/* Scroll reveal (only when the script runs) *\/\n#vertical-reels.vr-anim .vr-reveal{opacity:0;transform:translateY(30px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}\n#vertical-reels.vr-anim .vr-reveal.vr-in{opacity:1;transform:none}\n@media (prefers-reduced-motion:reduce){#vertical-reels *{animation:none !important;transition:none !important}}\n\/* Tablets *\/\n@media (max-width:1000px){\n html body #vertical-reels .vr-names{font-size:25px}\n html body #vertical-reels .vr-label{display:none}\n}\n\/* Phones: one film per row *\/\n@media (max-width:700px){\n #vertical-reels .vr-wrap{padding:0 18px}\n #vertical-reels .vr-band{padding:64px 0}\n #vertical-reels .vr-hero{padding:64px 0 56px}\n html body #vertical-reels .vr-h1{font-size:50px !important}\n html body #vertical-reels .vr-dark .vr-tagline{font-size:24px}\n html body #vertical-reels .vr-dark .vr-lead{font-size:16.5px}\n #vertical-reels .vr-btns{margin-bottom:44px}\n #vertical-reels .vr-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}\n #vertical-reels .vr-stat:nth-child(3){border-left:0}\n html body #vertical-reels .vr-stat-num{font-size:46px}\n html body #vertical-reels .vr-h2{font-size:38px !important}\n #vertical-reels .vr-head{margin-bottom:40px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:50px 0}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n #vertical-reels .vr-film figcaption{padding:18px 8px 0}\n html body #vertical-reels .vr-label{display:inline;font-size:10.5px}\n html body #vertical-reels .vr-names{font-size:24px}\n html body #vertical-reels .vr-quote p{font-size:28px}\n html body #vertical-reels .vr-quote-sm p{font-size:21px}\n #vertical-reels .vr-steps{grid-template-columns:minmax(0,1fr)}\n #vertical-reels .vr-cta{padding:80px 0}\n html body #vertical-reels .vr-cta-title{font-size:38px !important}\n}\n\/* Featured film: big and cinematic *\/\n#vertical-reels .vr-films{padding:80px 0}\nhtml body #vertical-reels .vr-story{font-family:\"Cormorant Garamond\",Georgia,serif;font-style:italic;font-size:26px !important;color:var(--gold-d) !important;margin-top:18px !important}\n#vertical-reels .vr-feature{width:min(1500px,93.6vw);margin:0 auto}\n#vertical-reels .vr-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#vertical-reels .vr-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}\n#vertical-reels .vr-quote{max-width:860px;margin:60px auto 0;text-align:center}\nhtml body #vertical-reels .vr-quote p{font-size:34px}\n\/* What's included *\/\n#vertical-reels .vr-feats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}\n#vertical-reels .vr-feat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px 24px;text-align:center}\n#vertical-reels .vr-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 #vertical-reels .vr-feat h3{font-size:25px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-feat p{font-size:15.5px;margin:0;line-height:1.6}\n\/* How couples use it *\/\n#vertical-reels .vr-uses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}\n#vertical-reels .vr-use{border-top:1px solid var(--gold);padding-top:22px}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-use h3{font-size:26px !important;line-height:1.2 !important;margin:0 0 8px !important}\n#vertical-reels .vr-use p{font-size:16px;margin:0}\n#vertical-reels .vr-cta-ico{stroke:var(--gold)}\n\/* Tablets *\/\n@media (max-width:1000px){\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n\/* Phones *\/\n@media (max-width:640px){\n #vertical-reels .vr-films{padding:56px 0}\n #vertical-reels .vr-feature{width:calc(100vw - 20px)}\n #vertical-reels .vr-vid{margin:4px;outline-offset:4px;border-radius:8px}\n html body #vertical-reels .vr-quote p{font-size:24px}\n html body #vertical-reels .vr-story{font-size:22px !important}\n #vertical-reels .vr-feats,#vertical-reels .vr-uses{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Selected Work page ===== *\/\n#vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px}\n#vertical-reels .vr-wide{max-width:2200px;padding:0 3.2vw}\n#vertical-reels .vr-films{padding:70px 0 90px}\n\/* Filter buttons *\/\n#vertical-reels .vr-filters{display:none;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 54px;max-width:1100px}\n#vertical-reels.vr-js .vr-filters{display:flex}\nhtml body #vertical-reels button.vr-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 #vertical-reels button.vr-chip:hover{border-color:var(--gold) !important}\nhtml body #vertical-reels button.vr-chip.is-on{background:linear-gradient(135deg,#e2c37a,#c9a24a 55%,#b38d35) !important;border-color:transparent !important;color:#1a140a !important}\nhtml body #vertical-reels .vr-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 #vertical-reels .is-on .vr-count{color:#1a140a !important}\n\/* Film grid: 2 per row, full width, last one centered *\/\n#vertical-reels .vr-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(44px,4vw,80px) clamp(24px,2.6vw,56px)}\n#vertical-reels .vr-grid > p,#vertical-reels .vr-grid > br{display:none !important}\n#vertical-reels .vr-film{flex:0 1 calc(50% - clamp(12px,1.3vw,28px));min-width:0;margin:0}\n#vertical-reels .vr-film.vr-hide{display:none !important}\n#vertical-reels .vr-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#vertical-reels .vr-film:hover .vr-vid{transform:translateY(-4px);box-shadow:0 28px 56px -24px rgba(30,22,10,.6)}\n#vertical-reels .vr-film figcaption{display:flex;align-items:baseline;gap:14px;padding:22px 6px 0;border:0;text-align:left}\n#vertical-reels .vr-feats{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1200px;margin:0 auto}\n#vertical-reels .vr-center{margin:44px 0 0}\nhtml body #vertical-reels .vr-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 #vertical-reels .vr-btn-dark:hover{color:#fff !important}\n@media (max-width:1000px){\n #vertical-reels .vr-feats{grid-template-columns:repeat(2,minmax(0,1fr))}\n}\n@media (max-width:700px){\n #vertical-reels .vr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}\n #vertical-reels .vr-stat:nth-child(3){border-left:1px solid rgba(201,162,74,.18)}\n html body #vertical-reels .vr-stat-num{font-size:40px}\n html body #vertical-reels .vr-stat-label{font-size:10.5px;letter-spacing:1.2px}\n #vertical-reels .vr-wide{padding:0 10px}\n #vertical-reels .vr-films{padding:48px 0 64px}\n #vertical-reels .vr-filters{gap:8px;margin-bottom:36px}\n html body #vertical-reels button.vr-chip{font-size:11px !important;letter-spacing:1.2px !important;padding:9px 13px !important}\n #vertical-reels .vr-grid{gap:36px}\n #vertical-reels .vr-film{flex:0 1 100%}\n #vertical-reels .vr-feats{grid-template-columns:minmax(0,1fr)}\n}\n\/* ===== Reels: 4 per row, vertical ===== *\/\n#vertical-reels .vr-reels{max-width:1800px;margin:0 auto}\n#vertical-reels .vr-reels{gap:clamp(40px,3.4vw,64px) clamp(20px,2vw,40px)}\n#vertical-reels .vr-film{flex:0 1 calc(25% - clamp(15px,1.5vw,30px))}\n#vertical-reels .vr-vid{padding-top:177.78%;border-radius:16px}\n#vertical-reels .vr-film figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:baseline;padding:18px 6px 0}\nhtml body #vertical-reels .vr-label{grid-column:2;grid-row:1;margin-left:0;justify-self:end;color:var(--gold-d) !important;font-size:10.5px;letter-spacing:2px}\nhtml body #vertical-reels .vr-names{grid-column:1 \/ -1;grid-row:2;font-size:clamp(22px,1.45vw,30px)}\nhtml body #vertical-reels .vr-stat-num{white-space:nowrap}\n\/* Smaller laptops and tablets: 3 per row *\/\n@media (max-width:1100px){\n #vertical-reels .vr-film{flex:0 1 calc(33.333% - 18px)}\n html body #vertical-reels .vr-label{display:inline}\n}\n\/* Small tablets: 2 per row *\/\n@media (max-width:800px){\n #vertical-reels .vr-film{flex:0 1 calc(50% - 14px)}\n}\n\/* Phones: 1 per row *\/\n@media (max-width:560px){\n #vertical-reels .vr-film{flex:0 1 100%;max-width:420px}\n #vertical-reels .vr-wide{padding:0 18px}\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>EnglishEspañol Vertical Video · Social MediaVideo Vertical · Redes Sociales ReelsReels Short, scroll-stopping videos made for the feed.Videos cortos que detienen el scroll, hechos para las redes. Product demos, event recaps, promos and installs, made vertical so they fill the whole phone screen on Instagram, TikTok, YouTube Shorts and Facebook. Tap play on any reel […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"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\/7209"}],"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=7209"}],"version-history":[{"count":8,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions"}],"predecessor-version":[{"id":7418,"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/pages\/7209\/revisions\/7418"}],"wp:attachment":[{"href":"https:\/\/jdanielramos.com\/blog\/wp-json\/wp\/v2\/media?parent=7209"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}