Digital 10 | Estudio 3D<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style id=\"pre-lang\">html{visibility:hidden}<\/style>\r\n<script>\r\n(function(){\r\n var path=window.location.pathname;\r\n var isEN=path.indexOf('\/en\/')===0||path==='\/en';\r\n var saved=localStorage.getItem('d10lang');\r\n if((saved==='en'&&isEN)||(saved==='es'&&!isEN)||!saved){\r\n document.getElementById('pre-lang').remove();\r\n }\r\n})();\r\n<\/script>\r\n <style>\r\n\r\n :root {\r\n --magenta: #d400a8;\r\n --purple-mid: #7a00aa;\r\n --dark-bg: #0a0010;\r\n --dark-card: #18141f;\r\n --text-dim: rgba(255,255,255,0.65);\r\n --nav-h: 70px;\r\n --sb-w: 0px;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #050008;\r\n }\r\n html {\r\n overflow-x: clip;\r\n overflow-y: scroll;\r\n height: 100%;\r\n background-color: #050008 !important;\r\n overscroll-behavior-y: none;\r\n }\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: white;\r\n overflow-x: clip;\r\n scroll-behavior: smooth;\r\n min-height: 100%;\r\n touch-action: pan-y;\r\n background-color: #050008 !important;\r\n overscroll-behavior-y: none;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n .navbar {\r\n position: fixed; top: 0; left: 0; right: 0; height: var(--nav-h);\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 4px 5% 0 6%;\r\n padding-right: max(5%, env(safe-area-inset-right, 5%)); \/* \u2190 iOS *\/\r\n padding-left: max(6%, env(safe-area-inset-left, 6%)); \/* \u2190 iOS *\/\r\n background: rgba(10,0,16,0.82);\r\n backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);\r\n z-index: 1000; border-bottom: 1px solid rgba(212,0,168,0.15);\r\n overflow: visible;\r\n width: 100%;\r\n box-sizing: border-box;\r\n max-width: 100vw;\r\n }\r\n .navbar .logo { display:flex; align-items:center; text-decoration:none; height:100%; z-index:1100; flex-shrink:0; }\r\n .navbar .logo img { height:46px; width:auto; object-fit:contain; transition:transform .3s; }\r\n .navbar .logo img:hover { transform:scale(1.05); }\r\n .nav-links { display:flex; gap:10px; list-style:none; align-items:center; }\r\n .nav-links a {\r\n display:flex; align-items:center; justify-content:center;\r\n padding:6px 14px; text-decoration:none; color:rgba(255,255,255,.8);\r\n font-size:.9rem; font-weight:400; border-radius:4px;\r\n transition:color .25s; position:relative; white-space:nowrap;\r\n }\r\n .nav-links a:hover { color:white; }\r\n .nav-links a::after {\r\n content:\"\"; position:absolute; bottom:-2px; left:14px;\r\n width:calc(100% - 28px); height:2px;\r\n background:var(--magenta); border-radius:2px;\r\n transform:scaleX(0); transform-origin:left; transition:transform .3s;\r\n }\r\n .nav-links a:hover::after, .nav-links a.active::after { transform:scaleX(1); }\r\n .nav-links a.active { color:white; }\r\n\r\n .menu-toggle {\r\n width: 30px; height: 20px;\r\n display: none; flex-direction: column;\r\n justify-content: space-between;\r\n cursor: pointer; z-index: 1100;\r\n background: none; border: none;\r\n padding: 0;\r\n flex-shrink: 0;\r\n margin-right: 0;\r\n position: relative;\r\n }\r\n .menu-toggle span {\r\n display: block; height: 2px; width: 100%;\r\n background: white; border-radius: 2px;\r\n transition: transform .4s, opacity .4s;\r\n pointer-events: none;\r\n }\r\n .menu-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }\r\n .menu-toggle.active span:nth-child(2) { opacity:0; }\r\n .menu-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }\r\n body.menu-open { overflow:hidden; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 115svh;\r\n min-height: 500px;\r\n max-height: 1000px !important;\r\n display: flex;\r\n align-items: flex-end;\r\n overflow: hidden;\r\n background: #0a0010;\r\n }\r\n\r\n .hero-media {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background: #0a0010;\r\n }\r\n .hero-media video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover !important;\r\n transform: scaleY(0.85) !important;\r\n object-position: center center !important;\r\n filter: brightness(.18) saturate(1.2);\r\n display: block;\r\n }\r\n\r\n \/*\r\n * HERO OVERLAY \u2014 el degradado baja hasta #0a0010 s\u00f3lido al 86%\r\n * del alto del hero. La ola PNG (con margin-top negativo y z-index alto)\r\n * se superpone encima de ese fondo oscuro, arrancando justo donde\r\n * el video ya desapareci\u00f3. Efecto final: video \u2192 fundido suave \u2192 oscuro \u2192 ola.\r\n *\/\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background:\r\n radial-gradient(ellipse 55% 65% at 85% 45%, rgba(122,0,170,.28) 0%, transparent 70%),\r\n radial-gradient(ellipse 35% 45% at 8% 75%, rgba(212,0,168,.12) 0%, transparent 60%),\r\n linear-gradient(180deg,\r\n rgba(10,0,16,.75) 0%,\r\n rgba(10,0,16,.20) 20%,\r\n rgba(10,0,16,.05) 42%,\r\n rgba(10,0,16,.15) 58%,\r\n rgba(10,0,16,.50) 70%,\r\n rgba(10,0,16,.80) 78%,\r\n #0a0010 86%,\r\n #0a0010 100%);\r\n }\r\n\r\n .hero-particles { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }\r\n .hp { position:absolute; border-radius:50%; }\r\n\r\n @keyframes hp1 {\r\n 0% { transform:translate(0,0); opacity:.9; }\r\n 20% { transform:translate(30vw,-15vh); opacity:.5; }\r\n 40% { transform:translate(60vw, 10vh); opacity:.8; }\r\n 60% { transform:translate(75vw,-20vh); opacity:.4; }\r\n 80% { transform:translate(45vw, 18vh); opacity:.7; }\r\n 100% { transform:translate(0,0); opacity:.9; }\r\n }\r\n @keyframes hp2 {\r\n 0% { transform:translate(0,0); opacity:.7; }\r\n 25% { transform:translate(-15vw, 20vh); opacity:.3; }\r\n 50% { transform:translate(40vw, 25vh); opacity:.9; }\r\n 75% { transform:translate(70vw,-10vh); opacity:.5; }\r\n 100% { transform:translate(0,0); opacity:.7; }\r\n }\r\n @keyframes hp3 {\r\n 0% { transform:translate(0,0); opacity:.8; }\r\n 15% { transform:translate(-20vw,-15vh); opacity:.4; }\r\n 40% { transform:translate(20vw, 20vh); opacity:.7; }\r\n 65% { transform:translate(55vw,-18vh); opacity:.5; }\r\n 85% { transform:translate(30vw, 10vh); opacity:.9; }\r\n 100% { transform:translate(0,0); opacity:.8; }\r\n }\r\n\r\n .hp1 { width:6px; height:6px; background:var(--magenta); box-shadow:0 0 12px 4px var(--magenta); top:40%; left:10%; animation:hp1 14s ease-in-out infinite; }\r\n .hp2 { width:4px; height:4px; background:#ff60d8; box-shadow:0 0 9px 3px #ff60d8; top:60%; left:50%; animation:hp2 18s ease-in-out infinite 3s; }\r\n .hp3 { width:5px; height:5px; background:#cc00cc; box-shadow:0 0 11px 4px #cc00cc; top:25%; left:65%; animation:hp3 16s ease-in-out infinite 1.5s; }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 0 3% 12%;\r\n padding-top: var(--nav-h);\r\n width: 100%;\r\n margin-top: auto;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: clamp(2.2rem, 5.5vw, 5.2rem);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin: 0;\r\n letter-spacing: -2px;\r\n color: white;\r\n padding-bottom: 0.08em;\r\n }\r\n .hero-tagline .word-where { color:rgba(255,255,255,0.65); font-weight:300; font-size:0.52em; display:block; margin-bottom:0.12em; letter-spacing:0; }\r\n .hero-tagline .word-render {\r\n display:block;\r\n background:linear-gradient(90deg,#ff40cc,#c400c4,#8800dd);\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\r\n }\r\n\r\n \/*\r\n * WAVE STACK \u2014 CORRECCI\u00d3N PRINCIPAL\r\n *\r\n * La ola se superpone sobre el hero usando z-index alto y margin-top negativo.\r\n * Se elimina el ::before que sub\u00eda un degradado oscuro por ENCIMA de la ola,\r\n * tapando el video. Ahora el video se ve a trav\u00e9s de la ola en su zona superior\r\n * y la ola misma (la imagen PNG con transparencia) hace el corte natural.\r\n *\r\n * El fondo del wave-stack es transparente en la parte superior (donde\r\n * coincide con el hero) y s\u00f3lido en la inferior (donde empieza la secci\u00f3n\r\n * de servicios). Esto logra el efecto: video visible \u2192 ola difuminada \u2192 fondo oscuro.\r\n *\/\r\n .wave-stack {\r\n position: relative;\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 16%;\r\n overflow: hidden;\r\n z-index: 10;\r\n margin-top: -12.5%;\r\n margin-bottom: -4%;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n transparent 45%,\r\n rgba(10,0,16,0.70) 62%,\r\n rgba(10,0,16,0.92) 75%,\r\n #0a0010 88%,\r\n #0a0010 100%\r\n );\r\n }\r\n\r\n @keyframes waveFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }\r\n\r\n .wl-main {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url(\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/InsumosWeb_22-1-scaled.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-position: center;\r\n z-index: 2;\r\n pointer-events: none;\r\n animation: waveFloat 5s ease-in-out infinite;\r\n will-change: transform;\r\n -webkit-mask-image: none !important;\r\n mask-image: none !important;\r\n }\r\n\r\n \/* Eliminado el ::before que oscurec\u00eda por encima de la ola *\/\r\n .wave-stack::before { display: none; }\r\n .wave-stack::after { content:\"\"; position:absolute; bottom:0; left:0; right:0; height:0; z-index:3; pointer-events:none; }\r\n\r\n .wl-particles { position:absolute; inset:0; z-index:5; pointer-events:none; }\r\n .wp { position:absolute; border-radius:50%; }\r\n @keyframes wpFloat1 { 0%,100%{transform:translateY(0) translateX(0);opacity:1} 35%{transform:translateY(-22px) translateX(6px);opacity:.7} 70%{transform:translateY(-8px) translateX(-4px);opacity:.9} }\r\n @keyframes wpFloat2 { 0%,100%{transform:translateY(0) scale(1);opacity:.9} 50%{transform:translateY(-18px) scale(1.3);opacity:.4} }\r\n @keyframes wpFloat3 { 0%,100%{transform:translateY(0) translateX(0);opacity:.8} 30%{transform:translateY(-28px) translateX(-8px);opacity:.3} 65%{transform:translateY(-12px) translateX(5px);opacity:.7} }\r\n @keyframes wpFloat4 { 0%,100%{transform:translateY(0) scale(1);opacity:.6} 45%{transform:translateY(-16px) scale(0.8);opacity:1} }\r\n @keyframes wpFloat5 { 0%,100%{transform:translateY(0) translateX(0);opacity:.9} 55%{transform:translateY(-24px) translateX(10px);opacity:.5} }\r\n @keyframes wpFloat6 { 0%,100%{transform:translateY(0);opacity:.7} 40%{transform:translateY(-20px);opacity:.2} }\r\n @keyframes wpFloat7 { 0%,100%{transform:translateY(0) translateX(0) scale(1);opacity:1} 50%{transform:translateY(-30px) translateX(-6px) scale(1.4);opacity:.3} }\r\n .wp1 { width:6px; height:6px; background:#ff40cc; box-shadow:0 0 12px 5px #ff40cc; left:7%; top:30%; animation:wpFloat1 3.8s ease-in-out infinite; }\r\n .wp2 { width:4px; height:4px; background:#cc00ff; box-shadow:0 0 10px 4px #cc00ff; left:18%; top:55%; animation:wpFloat2 5.2s ease-in-out infinite; }\r\n .wp3 { width:5px; height:5px; background:#ff00cc; box-shadow:0 0 11px 4px #ff00cc; left:32%; top:42%; animation:wpFloat3 4.5s ease-in-out infinite .8s; }\r\n .wp4 { width:3px; height:3px; background:#aa00ff; box-shadow:0 0 9px 3px #aa00ff; left:48%; top:68%; animation:wpFloat4 6.1s ease-in-out infinite 1.2s; }\r\n .wp5 { width:5px; height:5px; background:#ff40cc; box-shadow:0 0 12px 5px #ff40cc; left:63%; top:35%; animation:wpFloat5 4.0s ease-in-out infinite .4s; }\r\n .wp6 { width:4px; height:4px; background:#dd00ee; box-shadow:0 0 10px 4px #dd00ee; left:76%; top:58%; animation:wpFloat6 5.7s ease-in-out infinite 2.0s; }\r\n .wp7 { width:6px; height:6px; background:#ff20bb; box-shadow:0 0 14px 5px #ff20bb; left:89%; top:28%; animation:wpFloat7 3.5s ease-in-out infinite .6s; }\r\n .wp8 { width:2px; height:2px; background:#ff80e0; box-shadow:0 0 6px 2px #ff80e0; left:12%; top:70%; animation:wpFloat2 7s ease-in-out infinite 1.5s; }\r\n .wp9 { width:3px; height:3px; background:#9900ff; box-shadow:0 0 8px 3px #9900ff; left:42%; top:25%; animation:wpFloat1 5.5s ease-in-out infinite 2.5s; }\r\n .wp10 { width:2px; height:2px; background:#ff50d0; box-shadow:0 0 6px 2px #ff50d0; left:72%; top:75%; animation:wpFloat3 6.3s ease-in-out infinite 1.0s; }\r\n .wp11 { width:4px; height:4px; background:#bb00ff; box-shadow:0 0 9px 4px #bb00ff; left:55%; top:48%; animation:wpFloat5 4.8s ease-in-out infinite 3.0s; }\r\n .wp12 { width:2px; height:2px; background:#ff30c0; box-shadow:0 0 6px 2px #ff30c0; left:93%; top:50%; animation:wpFloat6 5.0s ease-in-out infinite .3s; }\r\n\r\n .servicios-anchor { display:block; height:0; visibility:hidden; }\r\n\r\n \/* \u2500\u2500 SERVICIOS \u2500\u2500 *\/\r\n .services-section {\r\n background:linear-gradient(180deg,#0f0018 0%,var(--dark-bg) 100%);\r\n padding:160px 0 80px; position:relative; overflow:hidden; width:100%;\r\n border-top: none;\r\n margin-top: -1px;\r\n }\r\n .section-label { text-align:center; font-size:.72rem; font-weight:600; letter-spacing:5px; text-transform:uppercase; color:var(--magenta); margin-bottom:8px; }\r\n .section-title { text-align:center; font-size:clamp(1.3rem,3vw,2rem); font-weight:700; margin:0 0 50px; color:white; padding:0 6%; }\r\n .section-title span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .cards-carousel-wrapper { position:relative; width:100%; padding:0 52px 0 300px; box-sizing:border-box; }\r\n .cards-viewport { overflow:hidden; width:100%; }\r\n .cards-track { display:flex; gap:12px; transition:transform .5s cubic-bezier(.77,0,.18,1); padding:85px 4px 30px; align-items:stretch; will-change:transform; }\r\n .card { flex:0 0 auto; text-decoration:none; color:white; border-radius:18px; background:var(--dark-card); border:1px solid rgba(212,0,168,.15); transition:transform .4s,box-shadow .4s,border-color .4s; overflow:visible; position:relative; cursor:default; display:flex; flex-direction:column; }\r\n .card-circle { position:absolute; top:-55px; left:50%; transform:translateX(-50%); width:110px; height:110px; border-radius:50%; border:3px solid #2a0040; background:#0a0010; transition:border-color .4s,box-shadow .4s; z-index:10; overflow:hidden; flex-shrink:0; }\r\n .card-circle img { width:100%; height:100%; object-fit:cover; display:block; }\r\n .card:hover .card-circle { border-color:#9900cc; box-shadow:0 0 18px rgba(180,0,230,.45),0 0 36px rgba(140,0,200,.2); }\r\n .card:hover .card-body h3 { color:#ff60d8; }\r\n .card-body { padding:64px 14px 22px; text-align:center; flex:1; display:flex; flex-direction:column; align-items:center; }\r\n .card-body h3 { font-size:.82rem; font-weight:700; margin:0 0 8px; color:var(--magenta); letter-spacing:.3px; transition:color .3s; line-height:1.3; }\r\n .card-body p { color:var(--text-dim); font-size:.72rem; line-height:1.6; margin:0; flex:1; }\r\n .card:hover { transform:translateY(-8px); box-shadow:0 16px 40px rgba(140,0,200,.15); border-color:rgba(180,0,230,.35); }\r\n .carousel-arrow { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; background:rgba(20,0,35,.7); border:1px solid rgba(160,0,220,.45); border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:50; padding:0; transition:background .25s,box-shadow .25s,opacity .25s; }\r\n .carousel-arrow:hover { background:rgba(140,0,200,.5); box-shadow:0 0 14px rgba(180,0,230,.6); }\r\n .carousel-arrow.disabled { opacity:.2; cursor:not-allowed; pointer-events:none; }\r\n .carousel-arrow-left { left:6px; }\r\n .carousel-arrow-right { right:6px; }\r\n .arrow-svg { width:20px; height:20px; fill:none; stroke:rgba(255,255,255,.9); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n .carousel-dots { display:flex; justify-content:center; align-items:center; gap:5px; margin-top:14px; }\r\n .carousel-dot { width:7px; height:7px; border-radius:50%; background:rgba(212,0,168,.25); border:1px solid rgba(212,0,168,.45); cursor:pointer; padding:0; transition:background .3s,width .3s,border-radius .3s; }\r\n .carousel-dot.active { width:20px; border-radius:4px; background:var(--magenta); box-shadow:0 0 8px rgba(212,0,168,.6); }\r\n\r\n \/* \u2500\u2500 SHOWCASE \u2500\u2500 *\/\r\n .showcase-container { background-color:#080010; padding:80px 0; overflow:hidden; width:100%; }\r\n .showcase-container h2 { text-align:center; margin:0 0 35px; font-size:clamp(1.4rem,3vw,2rem); font-weight:700; color:white; padding:0 20px; }\r\n .showcase-container h2 span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .carousel-viewport-show { width:100%; overflow:visible; padding:16px 0 16px; }\r\n .carousel-track-show { display:flex; width:calc(280px * 18); animation:scrollInf 30s linear infinite; }\r\n .carousel-track-show.paused { animation-play-state:paused; }\r\n .carousel-item { width:280px; height:360px; padding:0 8px; flex-shrink:0; position:relative; cursor:pointer; }\r\n .carousel-item img { width:100%; height:100%; object-fit:cover; border-radius:16px; border:1px solid rgba(212,0,168,.15); display:block; transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s; position:relative; z-index:1; }\r\n .carousel-item-overlay { position:absolute; bottom:8px; left:8px; right:8px; border-radius:0 0 16px 16px; background:linear-gradient(to top,rgba(10,0,20,.92) 0%,rgba(10,0,20,.6) 55%,transparent 100%); padding:28px 16px 16px; opacity:0; transform:translateY(6px); transition:opacity .3s,transform .3s; z-index:2; pointer-events:none; }\r\n .carousel-item-overlay .ov-title { font-size:.95rem; font-weight:700; color:white; margin:0 0 3px; display:block; line-height:1.2; }\r\n .carousel-item-overlay .ov-sub { font-size:.75rem; color:rgba(255,255,255,.6); margin:0; display:block; }\r\n .carousel-item-overlay .ov-sub span { color:var(--magenta); }\r\n .carousel-item.hovered img { transform:translateY(-10px) scale(1.03); box-shadow:0 18px 40px rgba(212,0,168,.35),0 0 0 2px rgba(212,0,168,.5); border-color:rgba(212,0,168,.6); }\r\n .carousel-item.hovered .carousel-item-overlay { opacity:1; transform:translateY(0); }\r\n @keyframes scrollInf { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-280px * 9))} }\r\n\r\n \/* \u2500\u2500 CONTACTO \u2500\u2500 *\/\r\n #contacto { background:linear-gradient(135deg,#0f0018,#080010); padding:90px 6%; text-align:center; border-top:1px solid rgba(212,0,168,.12); position:relative; overflow:hidden; }\r\n #contacto::before { content:\"\"; position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(212,0,168,.07) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; }\r\n #contacto h2 { font-size:clamp(1.4rem,3.5vw,2.4rem); font-weight:700; margin-bottom:14px; background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n #contacto p { color:var(--text-dim); margin-bottom:35px; font-size:1rem; position:relative; }\r\n .cta-link { display:inline-block; text-decoration:none; padding:14px 42px; border-radius:8px; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); color:white; font-weight:700; font-family:'Poppins',sans-serif; font-size:.95rem; letter-spacing:1.5px; text-transform:uppercase; transition:transform .3s,box-shadow .3s; box-shadow:0 6px 30px rgba(212,0,168,.4); }\r\n .cta-link:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(212,0,168,.6); }\r\n\r\n \/* \u2500\u2500 REDES \u2500\u2500 *\/\r\n .social-container { display:flex; justify-content:center; align-items:center; gap:18px; padding:40px 20px 22px; background-color:#080010; flex-wrap:wrap; }\r\n .social-icon { width:50px; height:50px; display:flex; justify-content:center; align-items:center; background:rgba(212,0,168,.08); border:1px solid rgba(212,0,168,.25); border-radius:12px; transition:transform .3s,box-shadow .3s,border-color .3s,background .3s; text-decoration:none; flex-shrink:0; }\r\n .social-icon img { width:24px; height:24px; object-fit:contain; display:block; transition:transform .3s; }\r\n .social-icon:hover { transform:scale(1.15); border-color:var(--magenta); background:rgba(212,0,168,.15); box-shadow:0 0 22px rgba(212,0,168,.4); }\r\n .social-icon:hover img { transform:scale(1.1); }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n .footer {\r\n background-color:#050008;\r\n text-align:center; padding:45px 20px 80px;\r\n color:rgba(255,255,255,.25); font-size:.78rem;\r\n border-top:1px solid rgba(212,0,168,.08); line-height:1.9;\r\n padding-bottom: max(80px, env(safe-area-inset-bottom, 80px));\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n \/* \u2500\u2500 FIX DESKTOP (>900px) \u2014 no toca m\u00f3vil ni tablet \u2500\u2500 *\/\r\n@media (min-width: 901px) {\r\n .cards-carousel-wrapper {\r\n padding: 0 20px;\r\n }\r\n .cards-viewport {\r\n overflow: visible;\r\n }\r\n .cards-track {\r\n transform: none !important;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n gap: 12px;\r\n padding: 85px 4px 30px;\r\n }\r\n .card {\r\n flex: 1 1 0 !important;\r\n min-width: 0 !important;\r\n max-width: none !important;\r\n width: auto !important;\r\n }\r\n .carousel-arrow,\r\n .carousel-dots {\r\n display: none !important;\r\n }\r\n}\r\n @media (max-width:900px) {\r\n .menu-toggle { display:flex; }\r\n .nav-links {\r\n position:fixed; top:0; right:-100%;\r\n width:min(300px,85vw);\r\n height:100vh; height:100dvh;\r\n background:rgba(8,0,14,.97);\r\n backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n align-items:center;\r\n gap:10px;\r\n transition:right .4s cubic-bezier(.77,0,.18,1);\r\n z-index:1050;\r\n padding:calc(var(--nav-h) + 30px) 0 40px;\r\n list-style:none;\r\n border-left:1px solid rgba(212,0,168,.2);\r\n overflow-y:auto;\r\n overflow-x:hidden;\r\n }\r\n .nav-links.active { right:0; }\r\n .nav-links li { width:100%; text-align:center; }\r\n .nav-links a { font-size:1.1rem; letter-spacing:2px; padding:14px 20px; width:100%; justify-content:center; border-bottom:1px solid rgba(212,0,168,.07); }\r\n .nav-links li:last-child a { border-bottom:none; }\r\n .cards-carousel-wrapper { padding:0 44px; }\r\n .carousel-item { width:240px; height:310px; }\r\n .carousel-track-show { width:calc(240px * 18); animation:scrollMd 28s linear infinite; }\r\n @keyframes scrollMd { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-240px * 9))} }\r\n #contacto { padding:70px 5%; }\r\n }\r\n @media (max-width:768px) {\r\n .hero { min-height:480px; max-height:800px; }\r\n .hero-tagline { font-size:clamp(2.2rem,8vw,3.6rem); }\r\n .wave-stack { padding-bottom:20%; }\r\n .cards-carousel-wrapper { padding:0 42px; }\r\n .card-circle { width:90px; height:90px; top:-45px; }\r\n .card-body { padding:54px 12px 18px; }\r\n .card-body h3 { font-size:.78rem; }\r\n .card-body p { font-size:.68rem; }\r\n .carousel-item { width:210px; height:270px; }\r\n .carousel-track-show { width:calc(210px * 18); animation:scrollTb 27s linear infinite; }\r\n @keyframes scrollTb { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-210px * 9))} }\r\n }\r\n @media (max-width:600px) {\r\n :root { --nav-h:60px; }\r\n .navbar { padding:0 5%; }\r\n .navbar .logo img { height:40px; }\r\n .hero { min-height:420px; max-height:700px; }\r\n .hero-content { padding:0 5% 5%; padding-top:var(--nav-h); }\r\n .hero-tagline { font-size:clamp(1.9rem,10vw,2.8rem); letter-spacing:-1px; }\r\n .wave-stack { padding-bottom:22%; }\r\n .services-section { padding:16px 0 55px; }\r\n .section-title { font-size:clamp(1.2rem,5vw,1.6rem); margin-bottom:40px; }\r\n .cards-carousel-wrapper { padding:0 38px; }\r\n .cards-track { gap:10px; padding-top:65px; }\r\n .card-circle { width:80px; height:80px; top:-40px; }\r\n .card-body { padding:48px 10px 16px; }\r\n .carousel-arrow { width:32px; height:32px; }\r\n .arrow-svg { width:16px; height:16px; }\r\n .carousel-item { width:185px; height:240px; padding:0 6px; }\r\n .carousel-track-show { width:calc(185px * 18); animation:scrollSm 25s linear infinite; }\r\n @keyframes scrollSm { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-185px * 9))} }\r\n .carousel-item-overlay { padding:20px 12px 12px; }\r\n .carousel-item-overlay .ov-title { font-size:.82rem; }\r\n .carousel-item-overlay .ov-sub { font-size:.68rem; }\r\n #contacto { padding:60px 5%; }\r\n #contacto h2 { font-size:clamp(1.2rem,6vw,1.8rem); }\r\n .cta-link { padding:12px 28px; font-size:.85rem; letter-spacing:1px; }\r\n .social-container { gap:12px; padding:32px 16px 18px; }\r\n .social-icon { width:46px; height:46px; }\r\n .social-icon img { width:22px; height:22px; }\r\n .footer { padding:36px 16px 60px; font-size:.72rem; }\r\n }\r\n @media (max-width:400px) {\r\n :root { --nav-h:56px; }\r\n .navbar .logo img { height:34px; }\r\n .hero-tagline { font-size:clamp(1.8rem,13vw,2.6rem); }\r\n .wave-stack { padding-bottom:26%; }\r\n .cards-carousel-wrapper { padding:0 32px; }\r\n .cards-track { padding-top:58px; }\r\n .card-circle { width:72px; height:72px; top:-36px; }\r\n .card-body { padding:44px 10px 14px; }\r\n .carousel-item { width:160px; height:210px; }\r\n .carousel-track-show { width:calc(160px * 18); animation:scrollXs 22s linear infinite; }\r\n @keyframes scrollXs { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-160px * 9))} }\r\n .social-icon { width:42px; height:42px; }\r\n }\r\n @media (hover:none),(pointer:coarse) {\r\n .carousel-arrow { display:none !important; }\r\n .cards-carousel-wrapper { padding:0 8px; }\r\n }\r\n @media (hover:none) {\r\n .card:hover { transform:none; box-shadow:none; border-color:rgba(212,0,168,.15); }\r\n .card:hover .card-circle { border-color:#2a0040; box-shadow:none; }\r\n .card:hover .card-body h3 { color:var(--magenta); }\r\n .card:active { transform:translateY(-5px); box-shadow:0 10px 30px rgba(140,0,200,.15); border-color:rgba(180,0,230,.3); }\r\n .social-icon:hover { transform:none; border-color:rgba(212,0,168,.25); background:rgba(212,0,168,.08); box-shadow:none; }\r\n .social-icon:active { transform:scale(1.1); border-color:var(--magenta); background:rgba(212,0,168,.15); }\r\n .cta-link:hover { transform:none; box-shadow:0 6px 30px rgba(212,0,168,.4); }\r\n .cta-link:active { transform:translateY(-2px); box-shadow:0 10px 36px rgba(212,0,168,.6); }\r\n }\r\n\r\n \/* \u2500\u2500 MODAL CONTACTO \u2500\u2500 *\/\r\n .contact-modal-backdrop { position:fixed; inset:0; z-index:2000; background:rgba(5,0,14,.75); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .35s; }\r\n .contact-modal-backdrop.open { opacity:1; pointer-events:all; }\r\n .contact-modal-box { background:linear-gradient(145deg,#150020,#0e0018); border:1px solid rgba(212,0,168,.22); border-radius:24px; padding:44px 40px 40px; width:100%; max-width:520px; position:relative; box-shadow:0 0 60px rgba(212,0,168,.18),0 30px 80px rgba(0,0,0,.6); transform:translateY(22px) scale(.97); transition:transform .38s cubic-bezier(.34,1.4,.64,1),opacity .35s; }\r\n .contact-modal-backdrop.open .contact-modal-box { transform:translateY(0) scale(1); }\r\n .contact-modal-close { position:absolute; top:16px; right:16px; width:34px; height:34px; background:rgba(212,0,168,.08); border:1px solid rgba(212,0,168,.2); border-radius:50%; cursor:pointer; color:rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; transition:background .25s,color .25s,border-color .25s; padding:0; }\r\n .contact-modal-close svg { width:15px; height:15px; }\r\n .contact-modal-close:hover { background:rgba(212,0,168,.2); color:white; border-color:var(--magenta); }\r\n .cm-label { font-size:.7rem; font-weight:600; letter-spacing:5px; text-transform:uppercase; color:var(--magenta); margin:0 0 8px; }\r\n .cm-title { font-size:clamp(1.3rem,3vw,1.75rem); font-weight:700; margin:0 0 30px; color:white; line-height:1.2; }\r\n .cm-title span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .cm-form { display:flex; flex-direction:column; gap:16px; }\r\n .cm-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\r\n .cm-field { display:flex; flex-direction:column; gap:6px; }\r\n .cm-field label { font-size:.75rem; font-weight:600; letter-spacing:.5px; color:rgba(255,255,255,.55); text-transform:uppercase; }\r\n .cm-field input,.cm-field textarea { background:rgba(255,255,255,.04); border:1px solid rgba(212,0,168,.18); border-radius:10px; padding:12px 14px; color:white; font-family:'Poppins',sans-serif; font-size:.9rem; outline:none; transition:border-color .25s,box-shadow .25s,background .25s; resize:none; }\r\n .cm-field input::placeholder,.cm-field textarea::placeholder { color:rgba(255,255,255,.22); }\r\n .cm-field input:focus,.cm-field textarea:focus { border-color:var(--magenta); background:rgba(212,0,168,.05); box-shadow:0 0 0 3px rgba(212,0,168,.12); }\r\n .cm-field textarea { min-height:120px; line-height:1.6; }\r\n .cm-send { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 30px; border-radius:10px; border:none; cursor:pointer; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); color:white; font-family:'Poppins',sans-serif; font-weight:700; font-size:.9rem; letter-spacing:1px; text-transform:uppercase; box-shadow:0 6px 28px rgba(212,0,168,.4); transition:transform .25s,box-shadow .25s,opacity .25s; margin-top:4px; }\r\n .cm-send svg { width:17px; height:17px; flex-shrink:0; }\r\n .cm-send:hover { transform:translateY(-2px); box-shadow:0 10px 36px rgba(212,0,168,.6); }\r\n .cm-send:disabled { opacity:.55; cursor:not-allowed; transform:none; }\r\n .cm-success { display:none; flex-direction:column; align-items:center; text-align:center; padding:20px 0 10px; }\r\n .cm-success.show { display:flex; }\r\n .cm-success-icon { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 0 30px rgba(212,0,168,.4); }\r\n .cm-success-icon svg { width:30px; height:30px; color:white; }\r\n .cm-success h4 { font-size:1.4rem; font-weight:700; margin:0 0 10px; color:white; }\r\n .cm-success p { color:var(--text-dim); font-size:.92rem; line-height:1.7; margin:0; }\r\n @media (max-width:560px) {\r\n .contact-modal-backdrop { align-items:flex-end; padding:0; }\r\n .contact-modal-box { padding:32px 20px 28px; border-radius:22px 22px 0 0; max-height:92dvh; overflow-y:auto; transform:translateY(100%); }\r\n .contact-modal-backdrop.open .contact-modal-box { transform:translateY(0); }\r\n .cm-row { grid-template-columns:1fr; }\r\n .cm-title { font-size:1.25rem; margin-bottom:22px; }\r\n .cm-field textarea { min-height:100px; }\r\n }\r\n @media (max-width:380px) {\r\n .contact-modal-box { padding:28px 16px 24px; }\r\n .cm-send { font-size:.82rem; padding:12px 20px; }\r\n }\r\n \/* Ocultar bot\u00f3n scroll-to-top de WordPress *\/\r\n#back-to-top,\r\n.back-to-top,\r\n[class*=\"scroll-top\"],\r\n[class*=\"scrolltop\"],\r\n[id*=\"back-to-top\"],\r\n[id*=\"scrolltop\"] {\r\n display: none !important;\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav class=\"navbar\">\r\n <a href=\"#inicio\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png\" alt=\"Digital 10 Logo\">\r\n <\/a>\r\n <button class=\"menu-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" type=\"button\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#inicio\" class=\"active\">Inicio<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#proyectos\">Proyectos<\/a><\/li>\r\n <li><a href=\"https:\/\/digital10post.com\/?page_id=418\">Acerca<\/a><\/li>\r\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n<div translate=\"no\" style=\"display:flex;align-items:center;gap:4px;margin-left:12px;flex-shrink:0;\">\r\n <a href=\"https:\/\/digital10post.com\/\" id=\"btn-es\" style=\"color:white;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;\">ES<\/a>\r\n <span style=\"color:rgba(255,255,255,.3);font-size:.8rem;\">|<\/span>\r\n <a href=\"https:\/\/digital10post.com\/en\/\" id=\"btn-en\" style=\"color:white;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;\">EN<\/a>\r\n<\/div>\r\n<\/nav>\r\n\r\n\r\n<section class=\"hero\" id=\"inicio\">\r\n <div class=\"hero-media\">\r\n <video playsinline autoplay muted loop preload=\"auto\" poster=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/project.jpg\" disablepictureinpicture disableremoteplayback x-webkit-airplay=\"deny\">\r\n <source src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/portafolio_2026_v09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-particles\">\r\n <span class=\"hp hp1\"><\/span>\r\n <span class=\"hp hp2\"><\/span>\r\n <span class=\"hp hp3\"><\/span>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <p class=\"hero-tagline\">\r\n <span class=\"word-where\">Donde las ideas se<\/span>\r\n <span class=\"word-render\">Renderizan<\/span>\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"wave-stack\">\r\n <div class=\"wl-main\"><\/div>\r\n <div class=\"wl-particles\">\r\n <span class=\"wp wp1\"><\/span><span class=\"wp wp2\"><\/span><span class=\"wp wp3\"><\/span>\r\n <span class=\"wp wp4\"><\/span><span class=\"wp wp5\"><\/span><span class=\"wp wp6\"><\/span>\r\n <span class=\"wp wp7\"><\/span><span class=\"wp wp8\"><\/span><span class=\"wp wp9\"><\/span>\r\n <span class=\"wp wp10\"><\/span><span class=\"wp wp11\"><\/span><span class=\"wp wp12\"><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<span class=\"servicios-anchor\" id=\"servicios\"><\/span>\r\n\r\n\r\n<div class=\"services-section\">\r\n <p class=\"section-label\">Lo que hacemos<\/p>\r\n <h2 class=\"section-title\">Nuestros <span>Servicios<\/span><\/h2>\r\n <div class=\"cards-carousel-wrapper\">\r\n <button class=\"carousel-arrow carousel-arrow-left\" id=\"arrowLeft\" aria-label=\"Anterior\">\r\n <svg class=\"arrow-svg\" viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <div class=\"cards-viewport\">\r\n <div class=\"cards-track\" id=\"cardsTrack\">\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/personajes\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/PortafolioImprimir_espanol_sinfuente.png\" alt=\"Personajes\"><\/div><div class=\"card-body\"><h3>Personajes<\/h3><p>Hacemos personajes vers\u00e1tiles desde el esculpido hasta el rig.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/entornos\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Composicion_Assets_v005-scaled.png\" alt=\"Entornos\"><\/div><div class=\"card-body\"><h3>Entornos<\/h3><p>Dise\u00f1o y producci\u00f3n de entornos con potencial de ser aplicados a cualquier producci\u00f3n 3D.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/integracion-3d\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_qvbftwqvbftwqvbf.png\" alt=\"Integraci\u00f3n 3D\"><\/div><div class=\"card-body\"><h3>Integraci\u00f3n 3D<\/h3><p>Producci\u00f3n, post producci\u00f3n e integraci\u00f3n 3D con contenido live action.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/contenido-para-series-animadas\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/frame02_01525.png\" alt=\"Series animadas\"><\/div><div class=\"card-body\"><h3>Contenido para Series Animadas<\/h3><p>Desde personajes con rig y entornos detallados hasta piezas finalizadas con movimiento y personalidad.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-de-marketing\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CJ_Halloween_Test_v024-scaled.png\" alt=\"Marketing\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n de Marketing<\/h3><p>Con procesos de renderizado adaptados para acabados de alta calidad.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-para-videojuegos\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Dinosaur_Sequence.0012-scaled.jpg\" alt=\"Videojuegos\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n para Videojuegos<\/h3><p>Piezas 3D optimizadas seg\u00fan el est\u00e1ndar. Experiencia con Unity y Unreal Engine.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-webgl\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/WebGLCompo-1.png\" alt=\"WebGL\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n WebGL<\/h3><p>Desarrollamos modelos optimizados para integraci\u00f3n Web de la mano de grandes marcas internacionales.<\/p><\/div><\/a>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-arrow carousel-arrow-right\" id=\"arrowRight\" aria-label=\"Siguiente\">\r\n <svg class=\"arrow-svg\" viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"showcase-container\" id=\"proyectos\">\r\n <h2>Nuestro <span>Showcase<\/span><\/h2>\r\n <div class=\"carousel-viewport-show\">\r\n <div class=\"carousel-track-show\" id=\"showcaseTrack\">\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CharactersCompo.png\" alt=\"P1\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Mad Hatter<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/DCHV_1131185538_EN_1080x1080_GEMS_JusticeLeague3D_v3-1-scaled.jpg\" alt=\"P2\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">DC<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/KC_Compo.jpg\" alt=\"P3\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Killer Klowns<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/HP_1241102860_EN_4320x1080_December2023CGBanners_MMHolidayParty-scaled.png\" alt=\"P4\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Emma<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/dddddd.png\" alt=\"P5\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Sancho Paisa<\/span><span class=\"ov-sub\">Cliente <span>Visualmente<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/2222-scaled.png\" alt=\"P6\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Panda pop<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Jam_City_KeyArt_Magic_Match.png\" alt=\"P7\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Magic Match<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yagu03.png\" alt=\"P8\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Yagu<\/span><span class=\"ov-sub\">Cliente <span>CVS Monteria<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/prime.png\" alt=\"P9\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Prime Time tactics<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CharactersCompo.png\" alt=\"P1\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Mad Hatter<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/DCHV_1131185538_EN_1080x1080_GEMS_JusticeLeague3D_v3-1-scaled.jpg\" alt=\"P2\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">DC<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/KC_Compo.jpg\" alt=\"P3\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Killer Klowns<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/HP_1241102860_EN_4320x1080_December2023CGBanners_MMHolidayParty-scaled.png\" alt=\"P4\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Emma<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/dddddd.png\" alt=\"P5\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Sancho Paisa<\/span><span class=\"ov-sub\">Cliente <span>Visualmente<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/2222-scaled.png\" alt=\"P6\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Panda pop<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Jam_City_KeyArt_Magic_Match.png\" alt=\"P7\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Magic Match<\/span><span class=\"ov-sub\">Cliente <span>Jamcity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yagu03.png\" alt=\"P8\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Yagu<\/span><span class=\"ov-sub\">Cliente <span>CVS Monteria<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/prime.png\" alt=\"P9\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Prime Time tactis<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contacto\">\r\n <h2>\u00bfTienes un proyecto en mente?<\/h2>\r\n <p>Cu\u00e9ntanos tu idea y la llevamos al siguiente nivel.<\/p>\r\n <button class=\"cta-link\" id=\"openContactModal\">Escr\u00edbenos<\/button>\r\n<\/section>\r\n\r\n\r\n<div class=\"contact-modal-backdrop\" id=\"contactModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Formulario de contacto\">\r\n <div class=\"contact-modal-box\">\r\n <button class=\"contact-modal-close\" id=\"closeContactModal\" aria-label=\"Cerrar\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <p class=\"cm-label\">Hablemos<\/p>\r\n <h3 class=\"cm-title\">Cu\u00e9ntanos tu <span>proyecto<\/span><\/h3>\r\n <div class=\"cm-form\" id=\"cmForm\">\r\n <div class=\"cm-row\">\r\n <div class=\"cm-field\"><label for=\"cm-nombre\">Nombre<\/label><input type=\"text\" id=\"cm-nombre\" placeholder=\"Tu nombre completo\" autocomplete=\"name\"><\/div>\r\n <div class=\"cm-field\"><label for=\"cm-celular\">Celular<\/label><input type=\"tel\" id=\"cm-celular\" placeholder=\"+57 300 000 0000\" autocomplete=\"tel\"><\/div>\r\n <\/div>\r\n <div class=\"cm-field\"><label for=\"cm-correo\">Correo electr\u00f3nico<\/label><input type=\"email\" id=\"cm-correo\" placeholder=\"tu@correo.com\" autocomplete=\"email\"><\/div>\r\n <div class=\"cm-field\"><label for=\"cm-descripcion\">Descripci\u00f3n del proyecto<\/label><textarea id=\"cm-descripcion\" rows=\"5\" placeholder=\"Cu\u00e9ntanos qu\u00e9 necesitas, el tipo de producci\u00f3n, plazos, referencias\u2026\"><\/textarea><\/div>\r\n <button class=\"cm-send\" id=\"cmSend\">\r\n <span id=\"cmSendText\">Enviar mensaje<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cm-success\" id=\"cmSuccess\">\r\n <div class=\"cm-success-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <h4>\u00a1Mensaje enviado!<\/h4>\r\n <p>Gracias, nos pondremos en contacto contigo pronto.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"social-container\">\r\n <a href=\"https:\/\/www.instagram.com\/digital10_post?igsh=bWFtc2x6M2h0Z203\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/ig.png\" alt=\"Instagram\"><\/a>\r\n <a href=\"https:\/\/youtube.com\/@digital10animacion-postpro7?si=bek2aPnSQrewPmWL\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yutu.png\" alt=\"YouTube\"><\/a>\r\n <a href=\"https:\/\/wa.me\/573003041603\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/wpp.png\" alt=\"WhatsApp\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"footer\">\u00a9 2026 DIGITAL 10 - ESTUDIO CREATIVO 3D<br>BEYOND THE THIRD DIMENSION<\/div>\r\n\r\n<script>\r\n \/* \u2500\u2500 Fuerza autoplay del video \u2500\u2500 *\/\r\n (function(){\r\n const v = document.querySelector('.hero-media video');\r\n if (!v) return;\r\n const tryPlay = () => { v.play && v.play().catch(function(){}); };\r\n tryPlay();\r\n document.addEventListener('touchstart', function(){ tryPlay(); }, { once: true, passive: true });\r\n document.addEventListener('visibilitychange', function(){ if (!document.hidden) tryPlay(); });\r\n })();\r\n\r\n \/* \u2500\u2500 Detecta ancho de scrollbar \u2500\u2500 *\/\r\n (function(){\r\n const sb = window.innerWidth - document.documentElement.clientWidth;\r\n document.documentElement.style.setProperty('--sb-w', Math.max(0, sb) + 'px');\r\n })();\r\n window.addEventListener('resize', function(){\r\n const sb = window.innerWidth - document.documentElement.clientWidth;\r\n document.documentElement.style.setProperty('--sb-w', Math.max(0, sb) + 'px');\r\n });\r\n\r\n \/* \u2500\u2500 Bloqueo de scroll horizontal solo en t\u00e1ctil \u2500\u2500 *\/\r\n (function(){\r\n if (!('ontouchstart' in window) && !navigator.maxTouchPoints) return;\r\n let _sx = 0, _sy = 0, _blocked = false, _decided = false;\r\n document.addEventListener('touchstart', function(e){\r\n _sx = e.touches[0].clientX;\r\n _sy = e.touches[0].clientY;\r\n _blocked = false;\r\n _decided = false;\r\n }, { passive: true });\r\n document.addEventListener('touchmove', function(e){\r\n if (_decided) { if (_blocked) e.preventDefault(); return; }\r\n const dx = Math.abs(e.touches[0].clientX - _sx);\r\n const dy = Math.abs(e.touches[0].clientY - _sy);\r\n if (dx < 6 && dy < 6) return;\r\n _decided = true;\r\n _blocked = (dx > dy * 1.5);\r\n if (_blocked) e.preventDefault();\r\n }, { passive: false });\r\n document.addEventListener('touchend', function(){\r\n _blocked = false;\r\n _decided = false;\r\n }, { passive: true });\r\n })();\r\n\r\n \/* \u2500\u2500 Men\u00fa \u2500\u2500 *\/\r\n const menuBtn=document.querySelector('.menu-toggle'),navLinks=document.querySelector('.nav-links');\r\n function toggleMenu(f){const o=typeof f==='boolean'?f:!navLinks.classList.contains('active');navLinks.classList.toggle('active',o);menuBtn.classList.toggle('active',o);document.body.classList.toggle('menu-open',o);menuBtn.setAttribute('aria-expanded',String(o));}\r\n menuBtn.addEventListener('click',e=>{e.stopPropagation();toggleMenu();});\r\n menuBtn.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();toggleMenu();}});\r\n document.querySelectorAll('.nav-links a').forEach(l=>l.addEventListener('click',()=>toggleMenu(false)));\r\n document.addEventListener('click',e=>{if(navLinks.classList.contains('active')&&!navLinks.contains(e.target)&&!menuBtn.contains(e.target))toggleMenu(false);});\r\n\r\n \/* \u2500\u2500 Scroll suave \u2500\u2500 *\/\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',function(e){\r\n const t=document.getElementById(this.getAttribute('href').slice(1));\r\n if(!t)return; e.preventDefault();\r\n window.scrollTo({top:t.getBoundingClientRect().top+window.scrollY-document.querySelector('.navbar').offsetHeight-20,behavior:'smooth'});\r\n });\r\n });\r\n\r\n \/* \u2500\u2500 Active nav \u2500\u2500 *\/\r\n const secs=document.querySelectorAll('section[id],div[id],span[id]'),lks=document.querySelectorAll('.nav-links a');\r\n window.addEventListener('scroll',()=>{let cur='';secs.forEach(s=>{if(window.scrollY>=s.offsetTop-140)cur=s.id;});lks.forEach(l=>{l.classList.remove('active');if(l.getAttribute('href')==='#'+cur)l.classList.add('active');});},{passive:true});\r\n\r\n\/* \u2500\u2500 CARRUSEL SERVICIOS \u2500\u2500 *\/\r\n(function(){\r\n const track=document.getElementById('cardsTrack'),\r\n viewport=track.parentElement,\r\n arrowLeft=document.getElementById('arrowLeft'),\r\n arrowRight=document.getElementById('arrowRight'),\r\n dotsContainer=document.getElementById('carouselDots'),\r\n cards=Array.from(track.children),\r\n TOTAL=cards.length;\r\n let currentIndex=0;\r\n\r\n function getGap(){ return parseInt(getComputedStyle(track).gap)||12; }\r\n\r\n function fitAllCards(){\r\n const vw=viewport.clientWidth, gap=getGap();\r\n const idealW=Math.floor((vw-gap*(TOTAL-1))\/TOTAL);\r\n const minW=window.innerWidth<=400?100:window.innerWidth<=600?110:130;\r\n if(idealW>=minW){\r\n cards.forEach(c=>{c.style.flex=`0 0 ${idealW}px`;c.style.width=`${idealW}px`;});\r\n return;\r\n }\r\n const fw=window.innerWidth<=400?148:window.innerWidth<=600?162:window.innerWidth<=768?172:190;\r\n cards.forEach(c=>{c.style.flex=`0 0 ${fw}px`;c.style.width=`${fw}px`;});\r\n }\r\n\r\n \/\/ Offset en px del card i\r\n function getOffset(idx){\r\n const gap=getGap();\r\n let off=0;\r\n for(let i=0;i<idx;i++) off+=cards[i].offsetWidth+gap;\r\n return off;\r\n }\r\n\r\n \/\/ M\u00e1ximo scroll posible sin que quede espacio vac\u00edo\r\n function maxScrollPx(){\r\n const gap=getGap();\r\n let totalW=0;\r\n cards.forEach(c=>totalW+=c.offsetWidth+gap);\r\n totalW-=gap; \/\/ quitar el gap del \u00faltimo\r\n return Math.max(0, totalW-viewport.clientWidth+20);\r\n }\r\n\r\n \/\/ \u00daltimo \u00edndice navegable\r\n function maxIndex(){\r\n const mo=maxScrollPx();\r\n for(let i=TOTAL-1;i>0;i--){\r\n if(getOffset(i)<=mo) return i;\r\n }\r\n return 0;\r\n }\r\n\r\n function buildDots(){\r\n dotsContainer.innerHTML='';\r\n const mi=maxIndex();\r\n if(mi===0){dotsContainer.style.display='none';return;}\r\n dotsContainer.style.display='';\r\n for(let i=0;i<=mi;i++){\r\n const dot=document.createElement('button');\r\n dot.className='carousel-dot'+(i===0?' active':'');\r\n dot.setAttribute('aria-label','P\u00e1gina '+(i+1));\r\n dot.addEventListener('click',()=>{currentIndex=i;updateCarousel();});\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function updateCarousel(){\r\n if (window.innerWidth > 900) return; \/\/ \u2190 agregar esta l\u00ednea\r\n const mi=maxIndex();\r\n if(currentIndex>mi) currentIndex=mi;\r\n\r\n \/\/ Offset real: si es el \u00faltimo paso, usar exactamente maxScrollPx\r\n let offset;\r\n if(currentIndex>=mi){\r\n offset=maxScrollPx(); \/\/ \u00faltimo card pegado al borde, sin hueco ni corte\r\n } else {\r\n offset=getOffset(currentIndex);\r\n }\r\n\r\n track.style.transform=`translateX(-${offset}px)`;\r\n arrowLeft.style.display=mi===0?'none':'';\r\n arrowRight.style.display=mi===0?'none':'';\r\n arrowLeft.classList.toggle('disabled',currentIndex===0);\r\n arrowRight.classList.toggle('disabled',currentIndex>=mi);\r\n dotsContainer.querySelectorAll('.carousel-dot')\r\n .forEach((d,i)=>d.classList.toggle('active',i===currentIndex));\r\n }\r\n\r\n arrowLeft.addEventListener('click',()=>{\r\n if(currentIndex>0){currentIndex--;updateCarousel();}\r\n });\r\n arrowRight.addEventListener('click',()=>{\r\n if(currentIndex<maxIndex()){currentIndex++;updateCarousel();}\r\n });\r\n\r\n \/\/ Touch\r\n let tx=0,ty=0,scrollLocked=false;\r\n viewport.addEventListener('touchstart',e=>{\r\n tx=e.touches[0].clientX; ty=e.touches[0].clientY; scrollLocked=false;\r\n },{passive:true});\r\n viewport.addEventListener('touchmove',e=>{\r\n const dx=Math.abs(e.touches[0].clientX-tx), dy=Math.abs(e.touches[0].clientY-ty);\r\n if(!scrollLocked){ if(dx>dy){scrollLocked=true; e.preventDefault();} }\r\n else { e.preventDefault(); }\r\n },{passive:false});\r\n viewport.addEventListener('touchend',e=>{\r\n const diff=tx-e.changedTouches[0].clientX;\r\n if(Math.abs(diff)>40){\r\n if(diff>0&¤tIndex<maxIndex()){currentIndex++;updateCarousel();}\r\n else if(diff<0&¤tIndex>0){currentIndex--;updateCarousel();}\r\n }\r\n scrollLocked=false;\r\n },{passive:true});\r\n\r\n function init(){\r\n fitAllCards();\r\n requestAnimationFrame(()=>{buildDots();updateCarousel();});\r\n }\r\n requestAnimationFrame(init);\r\n let rt;\r\n window.addEventListener('resize',()=>{\r\n clearTimeout(rt);\r\n rt=setTimeout(()=>{currentIndex=0;init();},200);\r\n });\r\n})();\r\n\r\n \/* \u2500\u2500 SHOWCASE \u2500\u2500 *\/\r\n (function(){\r\n const track=document.getElementById('showcaseTrack'),viewport=track.parentElement,items=Array.from(track.querySelectorAll('.carousel-item'));\r\n let leaveTimer=null;\r\n function pauseAll(){track.classList.add('paused');}\r\n function resumeAll(){track.classList.remove('paused');}\r\n function clearHover(){items.forEach(it=>it.classList.remove('hovered'));}\r\n items.forEach(item=>{\r\n item.addEventListener('mouseenter',()=>{clearTimeout(leaveTimer);pauseAll();clearHover();item.classList.add('hovered');});\r\n item.addEventListener('mouseleave',()=>{item.classList.remove('hovered');leaveTimer=setTimeout(()=>{clearHover();resumeAll();},120);});\r\n });\r\n viewport.addEventListener('mouseleave',()=>{clearTimeout(leaveTimer);clearHover();resumeAll();});\r\n items.forEach(item=>{item.addEventListener('touchstart',e=>{e.stopPropagation();const already=item.classList.contains('hovered');clearHover();resumeAll();if(!already){pauseAll();item.classList.add('hovered');}},{passive:true});});\r\n document.addEventListener('touchstart',e=>{if(!viewport.contains(e.target)){clearHover();resumeAll();}},{passive:true});\r\n })();\r\n\r\n \/* \u2500\u2500 MODAL CONTACTO \u2500\u2500 *\/\r\n\/* \u2500\u2500 Modal Contacto \u2014 WP Mail SMTP \u2500\u2500 *\/\r\n(function(){\r\n const WP_ENDPOINT = 'https:\/\/digital10post.com\/wp-json\/d10\/v1\/contact';\r\n\r\n const backdrop = document.getElementById('contactModal');\r\n const openBtn = document.getElementById('openContactModal');\r\n const closeBtn = document.getElementById('closeContactModal');\r\n const sendBtn = document.getElementById('cmSend');\r\n const sendText = document.getElementById('cmSendText');\r\n const formEl = document.getElementById('cmForm');\r\n const successEl = document.getElementById('cmSuccess');\r\n\r\n function openModal() {\r\n backdrop.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n setTimeout(() => document.getElementById('cm-nombre').focus(), 350);\r\n }\r\n function closeModal() {\r\n backdrop.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n openBtn.addEventListener('click', openModal);\r\n closeBtn.addEventListener('click', closeModal);\r\n backdrop.addEventListener('click', e => { if (e.target === backdrop) closeModal(); });\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Escape' && backdrop.classList.contains('open')) closeModal();\r\n });\r\n\r\n sendBtn.addEventListener('click', async () => {\r\n const nombre = document.getElementById('cm-nombre').value.trim();\r\n const correo = document.getElementById('cm-correo').value.trim();\r\n const celular = document.getElementById('cm-celular').value.trim();\r\n const desc = document.getElementById('cm-descripcion').value.trim();\r\n\r\n if (!nombre || !correo || !desc) {\r\n shakeField(!nombre ? 'cm-nombre' : !correo ? 'cm-correo' : 'cm-descripcion');\r\n return;\r\n }\r\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(correo)) {\r\n shakeField('cm-correo'); return;\r\n }\r\n\r\n sendBtn.disabled = true;\r\n sendText.textContent = 'Enviando\u2026';\r\n\r\n try {\r\n const res = await fetch(WP_ENDPOINT, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n from_name: nombre,\r\n from_email: correo,\r\n phone: celular || '\u2014',\r\n message: desc\r\n })\r\n });\r\n\r\n const data = await res.json();\r\n\r\n if (res.ok && data.success) {\r\n formEl.style.display = 'none';\r\n successEl.classList.add('show');\r\n setTimeout(closeModal, 3800);\r\n setTimeout(() => {\r\n formEl.style.display = '';\r\n successEl.classList.remove('show');\r\n ['cm-nombre','cm-correo','cm-celular','cm-descripcion']\r\n .forEach(id => document.getElementById(id).value = '');\r\n sendBtn.disabled = false;\r\n sendText.textContent = 'Enviar mensaje';\r\n }, 4400);\r\n } else {\r\n throw new Error(data.message || 'Error del servidor');\r\n }\r\n } catch(err) {\r\n sendText.textContent = 'Error \u2014 intenta de nuevo';\r\n sendBtn.disabled = false;\r\n setTimeout(() => { sendText.textContent = 'Enviar mensaje'; }, 3000);\r\n }\r\n });\r\n\r\n function shakeField(id) {\r\n const el = document.getElementById(id);\r\n el.style.borderColor = '#ff4488';\r\n el.style.boxShadow = '0 0 0 3px rgba(255,68,136,.2)';\r\n el.focus();\r\n setTimeout(() => { el.style.borderColor = ''; el.style.boxShadow = ''; }, 1800);\r\n }\r\n})();\r\n\r\n\r\n\/* LANG REDIRECT *\/\r\n(function(){\r\n var path = window.location.pathname;\r\n var isEN = path.indexOf('\/en\/') === 0 || path === '\/en';\r\n var saved = localStorage.getItem('d10lang');\r\n\r\n \/\/ Solo redirige si el idioma guardado no coincide con la p\u00e1gina actual\r\nif (saved === 'en' && !isEN) {\r\n localStorage.setItem('d10lang', 'en');\r\n document.documentElement.style.visibility = 'hidden';\r\n window.location.replace('\/en' + path);\r\n return;\r\n}\r\n if (saved === 'es' && isEN) {\r\n localStorage.setItem('d10lang', 'es');\r\n window.location.replace(path.replace(\/^\\\/en\/, ''));\r\n return;\r\n }\r\n\r\n \/\/ Si no hay preferencia guardada, guardar la actual\r\n if (!saved) {\r\n localStorage.setItem('d10lang', isEN ? 'en' : 'es');\r\n }\r\n\r\n \/\/ UI botones\r\n document.getElementById('btn-es').style.opacity = isEN ? '0.4' : '1';\r\n document.getElementById('btn-en').style.opacity = isEN ? '1' : '0.4';\r\n document.getElementById('btn-es').style.fontWeight = isEN ? '400' : '700';\r\n document.getElementById('btn-en').style.fontWeight = isEN ? '700' : '400';\r\n\r\ndocument.getElementById('btn-es').addEventListener('click', function(){\r\n localStorage.setItem('d10lang','es');\r\n window.location.href = 'https:\/\/digital10post.com\/';\r\n});\r\ndocument.getElementById('btn-en').addEventListener('click', function(){\r\n localStorage.setItem('d10lang','en');\r\n window.location.href = 'https:\/\/digital10post.com\/en\/';\r\n});\r\n})();\r\n\r\n<\/script>\r\n\r\n<style>\r\n.d10-chat-btn {\r\n position:fixed; bottom:28px; right:28px;\r\n width:58px; height:58px; border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;\r\n box-shadow:0 4px 24px rgba(212,0,168,.5);\r\n transition:transform .3s,box-shadow .3s; z-index:9999;\r\n animation:d10pulse 2.5s ease-in-out infinite;\r\n font-size: 0;\r\n}\r\n#d10BtnIcon {\r\n font-size: 26px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-style: normal;\r\n color: white;\r\n font-weight: 900; \/* \u2190 agregar esto *\/\r\n}\r\n#d10BtnIcon img {\r\n width: 26px !important;\r\n height: 26px !important;\r\n min-width: 26px !important;\r\n min-height: 26px !important;\r\n}\r\n.d10-chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(212,0,168,.7);}\r\n.d10-chat-btn svg{width:26px;height:26px;fill:white;}\r\n@keyframes d10pulse{\r\n 0%,100%{box-shadow:0 4px 24px rgba(212,0,168,.5);}\r\n 50%{box-shadow:0 4px 36px rgba(212,0,168,.85),0 0 0 8px rgba(212,0,168,.12);}\r\n}\r\n.d10-chat-box {\r\n position:fixed; bottom:100px; right:28px; width:320px;\r\n background:#12001c; border:1px solid rgba(212,0,168,.28); border-radius:20px;\r\n box-shadow:0 8px 48px rgba(0,0,0,.7); z-index:9998; overflow:hidden;\r\n transform:scale(.85) translateY(20px); opacity:0; pointer-events:none;\r\n transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s;\r\n}\r\n.d10-chat-box.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}\r\n.d10-chat-header{\r\n background:linear-gradient(135deg,#1a0028,#0e0018);\r\n padding:16px 18px; display:flex; align-items:center; gap:12px;\r\n border-bottom:1px solid rgba(212,0,168,.15);\r\n}\r\n.d10-avatar{\r\n width:38px;height:38px;border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n display:flex;align-items:center;justify-content:center;\r\n font-weight:700;font-size:14px;color:white;flex-shrink:0;\r\n}\r\n.d10-chat-header-info strong{display:block;font-size:13px;color:white;font-weight:600;}\r\n.d10-chat-header-info span{font-size:11px;color:#d400a8;}\r\n.d10-close{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.4);padding:4px;display:flex;align-items:center;}\r\n.d10-close:hover{color:white;}\r\n.d10-messages{padding:16px;display:flex;flex-direction:column;gap:10px;}\r\n.d10-bubble{\r\n background:rgba(255,255,255,.06);border-radius:14px 14px 14px 4px;\r\n padding:11px 14px;font-size:13px;color:rgba(255,255,255,.88);\r\n line-height:1.55;border:1px solid rgba(212,0,168,.12);\r\n}\r\n.d10-form{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px;}\r\n.d10-input{\r\n background:#1e002d !important;border:1px solid rgba(212,0,168,.2) !important;\r\n border-radius:10px;padding:10px 13px;color:white !important;\r\n font-family:'Poppins',sans-serif;font-size:13px;outline:none;\r\n transition:border-color .25s,box-shadow .25s;width:100%;box-sizing:border-box;\r\n}\r\n.d10-input::placeholder{color:rgba(255,255,255,.65) !important;}\r\n.d10-input:focus{border-color:#d400a8;box-shadow:0 0 0 3px rgba(212,0,168,.12);}\r\n.d10-send{\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n border:none;border-radius:10px;padding:11px;color:white;\r\n font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;\r\n cursor:pointer;letter-spacing:.5px;transition:opacity .25s,transform .2s;\r\n}\r\n.d10-send:hover{opacity:.88;transform:translateY(-1px);}\r\n.d10-success{padding:16px;text-align:center;display:none;flex-direction:column;align-items:center;gap:8px;}\r\n.d10-success.show{display:flex;}\r\n.d10-success-icon{\r\n width:48px;height:48px;border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.d10-success-icon svg{width:22px;height:22px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n.d10-success p{color:rgba(255,255,255,.7);font-size:13px;margin:0;}\r\n.d10-success strong{color:white;font-size:15px;}\r\n.d10-notify{\r\n position:fixed;bottom:100px;right:96px;\r\n background:#1a0028;border:1px solid rgba(212,0,168,.3);\r\n border-radius:12px;padding:10px 14px;font-size:12.5px;\r\n color:rgba(255,255,255,.85);z-index:9997;max-width:200px;\r\n box-shadow:0 4px 20px rgba(0,0,0,.5);line-height:1.5;\r\n animation:d10fadeIn .4s ease;\r\n}\r\n@keyframes d10fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}\r\n<\/style>\r\n\r\n<div class=\"d10-notify\" id=\"d10Notify\" style=\"display:none\">\r\n \ud83d\udc4b \u00bfTe interesa alguno de nuestros servicios 3D?\r\n<\/div>\r\n\r\n<div class=\"d10-chat-box\" id=\"d10ChatBox\">\r\n <div class=\"d10-chat-header\">\r\n <div class=\"d10-avatar\">D10<\/div>\r\n <div class=\"d10-chat-header-info\">\r\n <strong>Digital 10<\/strong>\r\n <span>\u25cf En l\u00ednea<\/span>\r\n <\/div>\r\n <button class=\"d10-close\" id=\"d10Close\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"d10-messages\">\r\n <div class=\"d10-bubble\">\ud83d\udc4b \u00a1Hola! \u00bfTe interesa alguno de nuestros servicios de modelado y render 3D?<br><br>D\u00e9janos tus datos y te contactamos pronto \ud83d\ude80<\/div>\r\n <\/div>\r\n<div class=\"d10-form\" id=\"d10Form\">\r\n <input class=\"d10-input\" id=\"d10Name\" placeholder=\"Nombre completo\" type=\"text\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <input class=\"d10-input\" id=\"d10Email\" placeholder=\"Correo electr\u00f3nico\" type=\"email\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <input class=\"d10-input\" id=\"d10Phone\" placeholder=\"N\u00famero de tel\u00e9fono\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" oninput=\"this.value=this.value.replace(\/[^0-9+]\/g,'')\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <button class=\"d10-send\" id=\"d10Send\">Enviar \u2192<\/button>\r\n<\/div>\r\n <div class=\"d10-success\" id=\"d10Success\">\r\n <div class=\"d10-success-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <strong>\u00a1Gracias!<\/strong>\r\n <p>Nos pondremos en contacto contigo muy pronto.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<button class=\"d10-chat-btn\" id=\"d10Btn\">\r\n <span id=\"d10BtnIcon\" translate=\"no\">💬<\/span>\r\n<\/button>\r\n\r\n<script>\r\n(function(){\r\n const btn=document.getElementById('d10Btn'),\r\n box=document.getElementById('d10ChatBox'),\r\n close=document.getElementById('d10Close'),\r\n send=document.getElementById('d10Send'),\r\n form=document.getElementById('d10Form'),\r\n success=document.getElementById('d10Success'),\r\n notify=document.getElementById('d10Notify');\r\n let isOpen=false;\r\n\r\n \/\/ Si ya envi\u00f3, no programar notificaciones pero s\u00ed dejar el bot\u00f3n activo\r\n const alreadySent = localStorage.getItem('d10sent')==='1';\r\n if(alreadySent) {\r\n btn.addEventListener('click',()=>toggle(!isOpen));\r\n close.addEventListener('click',()=>toggle(false));\r\n return;\r\n }\r\n\r\n \/\/ Tiempos: 1min \u2192 3min \u2192 5min \u2192 5min \u2192 ...\r\n const intervals=[60000,180000];\r\n const repeat=300000;\r\n\r\n \/\/ Leer estado persistente entre p\u00e1ginas\r\n let count=parseInt(localStorage.getItem('d10count')||'0');\r\n let lastTime=parseInt(localStorage.getItem('d10last')||'0');\r\n const now=Date.now();\r\n\r\n function showNotify(){\r\n if(isOpen) return;\r\n notify.style.display='block';\r\n count++;\r\n localStorage.setItem('d10count', count);\r\n localStorage.setItem('d10last', Date.now());\r\n }\r\n\r\n function schedule(){\r\n if(localStorage.getItem('d10sent')==='1') return;\r\n const delay=count<intervals.length?intervals[count]:repeat;\r\n \/\/ Si ya pas\u00f3 parte del tiempo en otra p\u00e1gina, descontar lo que falta\r\n const elapsed = lastTime ? Math.max(0, Date.now()-lastTime) : 0;\r\n const remaining = Math.max(0, delay - elapsed);\r\n setTimeout(()=>{\r\n if(localStorage.getItem('d10sent')==='1') return;\r\n showNotify();\r\n schedule();\r\n }, remaining);\r\n }\r\n\r\n schedule();\r\n\r\n function toggle(state){\r\n isOpen=state;\r\n box.classList.toggle('open',isOpen);\r\n notify.style.display='none';\r\n document.getElementById('d10BtnIcon').innerHTML = isOpen\r\n ? '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>'\r\n : String.fromCodePoint(0x1F4AC);\r\n }\r\n btn.addEventListener('click',()=>toggle(!isOpen));\r\n close.addEventListener('click',()=>toggle(false));\r\n\r\n send.addEventListener('click',async()=>{\r\n const name=document.getElementById('d10Name').value.trim();\r\n const email=document.getElementById('d10Email').value.trim();\r\n const phone=document.getElementById('d10Phone').value.trim();\r\n if(!name||!email) return;\r\n try {\r\n await fetch('https:\/\/digital10post.com\/wp-json\/d10\/v1\/contact',{\r\n method:'POST',\r\n headers:{'Content-Type':'application\/json'},\r\n body:JSON.stringify({from_name:name,from_email:email,phone:phone||'\u2014',message:'Lead desde chatbot'})\r\n });\r\n } catch(e){}\r\n localStorage.setItem('d10sent','1');\r\n form.style.display='none';\r\n success.classList.add('show');\r\n setTimeout(()=>toggle(false),3500);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital 10 | Estudio 3D Inicio Servicios Proyectos Acerca Contacto ES | EN Donde las ideas se Renderizan Lo que […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-302","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia<\/title>\n<meta name=\"description\" content=\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digital10post.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia\" \/>\n<meta property=\"og:description\" content=\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digital10post.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital 10 | Estudio de Modelado y Render 3D\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-18T22:43:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"name\":\"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"datePublished\":\"2026-03-09T22:55:27+00:00\",\"dateModified\":\"2026-06-18T22:43:40+00:00\",\"description\":\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/digital10post.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"contentUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/digital10post.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#website\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"name\":\"Digital 10 | Estudio de Modelado y Render 3D\",\"description\":\"Estudio especializado en modelado 3D, render y animaci\u00f3n para proyectos digitales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/digital10post.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#organization\",\"name\":\"Digital 10 | Estudio de Modelado y Render 3D\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"contentUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"width\":2573,\"height\":858,\"caption\":\"Digital 10 | Estudio de Modelado y Render 3D\"},\"image\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digital10post.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","og_description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","og_url":"https:\/\/digital10post.com\/en\/","og_site_name":"Digital 10 | Estudio de Modelado y Render 3D","article_modified_time":"2026-06-18T22:43:40+00:00","og_image":[{"url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digital10post.com\/","url":"https:\/\/digital10post.com\/","name":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","isPartOf":{"@id":"https:\/\/digital10post.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digital10post.com\/#primaryimage"},"image":{"@id":"https:\/\/digital10post.com\/#primaryimage"},"thumbnailUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","datePublished":"2026-03-09T22:55:27+00:00","dateModified":"2026-06-18T22:43:40+00:00","description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","breadcrumb":{"@id":"https:\/\/digital10post.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digital10post.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital10post.com\/#primaryimage","url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","contentUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png"},{"@type":"BreadcrumbList","@id":"https:\/\/digital10post.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digital10post.com\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/digital10post.com\/#website","url":"https:\/\/digital10post.com\/","name":"Digital 10 | Estudio de Modelado y Render 3D","description":"Estudio especializado en modelado 3D, render y animaci\u00f3n para proyectos digitales.","publisher":{"@id":"https:\/\/digital10post.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digital10post.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digital10post.com\/#organization","name":"Digital 10 | Estudio de Modelado y Render 3D","url":"https:\/\/digital10post.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital10post.com\/#\/schema\/logo\/image\/","url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","contentUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","width":2573,"height":858,"caption":"Digital 10 | Estudio de Modelado y Render 3D"},"image":{"@id":"https:\/\/digital10post.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"17550pwpadmin","author_link":"https:\/\/digital10post.com\/en\/author\/17550pwpadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Digital 10 | Estudio 3D Inicio Servicios Proyectos Acerca Contacto ES | EN Donde las ideas se Renderizan Lo que […]","_links":{"self":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":606,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302\/revisions"}],"predecessor-version":[{"id":2049,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302\/revisions\/2049"}],"wp:attachment":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/media?parent=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Digital 10 | Estudio 3D<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;600;700;900&display=swap\" rel=\"stylesheet\">\r\n <style id=\"pre-lang\">html{visibility:hidden}<\/style>\r\n<script>\r\n(function(){\r\n var path=window.location.pathname;\r\n var isEN=path.indexOf('\/en\/')===0||path==='\/en';\r\n var saved=localStorage.getItem('d10lang');\r\n if((saved==='en'&&isEN)||(saved==='es'&&!isEN)||!saved){\r\n document.getElementById('pre-lang').remove();\r\n }\r\n})();\r\n<\/script>\r\n <style>\r\n\r\n :root {\r\n --magenta: #d400a8;\r\n --purple-mid: #7a00aa;\r\n --dark-bg: #0a0010;\r\n --dark-card: #18141f;\r\n --text-dim: rgba(255,255,255,0.65);\r\n --nav-h: 70px;\r\n --sb-w: 0px;\r\n }\r\n\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n html, body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #050008;\r\n }\r\n html {\r\n overflow-x: clip;\r\n overflow-y: scroll;\r\n height: 100%;\r\n background-color: #050008 !important;\r\n overscroll-behavior-y: none;\r\n }\r\n body {\r\n font-family: 'Poppins', sans-serif;\r\n color: white;\r\n overflow-x: clip;\r\n scroll-behavior: smooth;\r\n min-height: 100%;\r\n touch-action: pan-y;\r\n background-color: #050008 !important;\r\n overscroll-behavior-y: none;\r\n }\r\n\r\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\r\n .navbar {\r\n position: fixed; top: 0; left: 0; right: 0; height: var(--nav-h);\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 4px 5% 0 6%;\r\n padding-right: max(5%, env(safe-area-inset-right, 5%)); \/* \u2190 iOS *\/\r\n padding-left: max(6%, env(safe-area-inset-left, 6%)); \/* \u2190 iOS *\/\r\n background: rgba(10,0,16,0.82);\r\n backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);\r\n z-index: 1000; border-bottom: 1px solid rgba(212,0,168,0.15);\r\n overflow: visible;\r\n width: 100%;\r\n box-sizing: border-box;\r\n max-width: 100vw;\r\n }\r\n .navbar .logo { display:flex; align-items:center; text-decoration:none; height:100%; z-index:1100; flex-shrink:0; }\r\n .navbar .logo img { height:46px; width:auto; object-fit:contain; transition:transform .3s; }\r\n .navbar .logo img:hover { transform:scale(1.05); }\r\n .nav-links { display:flex; gap:10px; list-style:none; align-items:center; }\r\n .nav-links a {\r\n display:flex; align-items:center; justify-content:center;\r\n padding:6px 14px; text-decoration:none; color:rgba(255,255,255,.8);\r\n font-size:.9rem; font-weight:400; border-radius:4px;\r\n transition:color .25s; position:relative; white-space:nowrap;\r\n }\r\n .nav-links a:hover { color:white; }\r\n .nav-links a::after {\r\n content:\"\"; position:absolute; bottom:-2px; left:14px;\r\n width:calc(100% - 28px); height:2px;\r\n background:var(--magenta); border-radius:2px;\r\n transform:scaleX(0); transform-origin:left; transition:transform .3s;\r\n }\r\n .nav-links a:hover::after, .nav-links a.active::after { transform:scaleX(1); }\r\n .nav-links a.active { color:white; }\r\n\r\n .menu-toggle {\r\n width: 30px; height: 20px;\r\n display: none; flex-direction: column;\r\n justify-content: space-between;\r\n cursor: pointer; z-index: 1100;\r\n background: none; border: none;\r\n padding: 0;\r\n flex-shrink: 0;\r\n margin-right: 0;\r\n position: relative;\r\n }\r\n .menu-toggle span {\r\n display: block; height: 2px; width: 100%;\r\n background: white; border-radius: 2px;\r\n transition: transform .4s, opacity .4s;\r\n pointer-events: none;\r\n }\r\n .menu-toggle.active span:nth-child(1) { transform:rotate(45deg) translate(5px,5px); }\r\n .menu-toggle.active span:nth-child(2) { opacity:0; }\r\n .menu-toggle.active span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }\r\n body.menu-open { overflow:hidden; }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n .hero {\r\n position: relative;\r\n width: 100%;\r\n height: 115svh;\r\n min-height: 500px;\r\n max-height: 1000px !important;\r\n display: flex;\r\n align-items: flex-end;\r\n overflow: hidden;\r\n background: #0a0010;\r\n }\r\n\r\n .hero-media {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background: #0a0010;\r\n }\r\n .hero-media video {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover !important;\r\n transform: scaleY(0.85) !important;\r\n object-position: center center !important;\r\n filter: brightness(.18) saturate(1.2);\r\n display: block;\r\n }\r\n\r\n \/*\r\n * HERO OVERLAY \u2014 el degradado baja hasta #0a0010 s\u00f3lido al 86%\r\n * del alto del hero. La ola PNG (con margin-top negativo y z-index alto)\r\n * se superpone encima de ese fondo oscuro, arrancando justo donde\r\n * el video ya desapareci\u00f3. Efecto final: video \u2192 fundido suave \u2192 oscuro \u2192 ola.\r\n *\/\r\n .hero-overlay {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 1;\r\n background:\r\n radial-gradient(ellipse 55% 65% at 85% 45%, rgba(122,0,170,.28) 0%, transparent 70%),\r\n radial-gradient(ellipse 35% 45% at 8% 75%, rgba(212,0,168,.12) 0%, transparent 60%),\r\n linear-gradient(180deg,\r\n rgba(10,0,16,.75) 0%,\r\n rgba(10,0,16,.20) 20%,\r\n rgba(10,0,16,.05) 42%,\r\n rgba(10,0,16,.15) 58%,\r\n rgba(10,0,16,.50) 70%,\r\n rgba(10,0,16,.80) 78%,\r\n #0a0010 86%,\r\n #0a0010 100%);\r\n }\r\n\r\n .hero-particles { position:absolute; inset:0; z-index:2; pointer-events:none; overflow:hidden; }\r\n .hp { position:absolute; border-radius:50%; }\r\n\r\n @keyframes hp1 {\r\n 0% { transform:translate(0,0); opacity:.9; }\r\n 20% { transform:translate(30vw,-15vh); opacity:.5; }\r\n 40% { transform:translate(60vw, 10vh); opacity:.8; }\r\n 60% { transform:translate(75vw,-20vh); opacity:.4; }\r\n 80% { transform:translate(45vw, 18vh); opacity:.7; }\r\n 100% { transform:translate(0,0); opacity:.9; }\r\n }\r\n @keyframes hp2 {\r\n 0% { transform:translate(0,0); opacity:.7; }\r\n 25% { transform:translate(-15vw, 20vh); opacity:.3; }\r\n 50% { transform:translate(40vw, 25vh); opacity:.9; }\r\n 75% { transform:translate(70vw,-10vh); opacity:.5; }\r\n 100% { transform:translate(0,0); opacity:.7; }\r\n }\r\n @keyframes hp3 {\r\n 0% { transform:translate(0,0); opacity:.8; }\r\n 15% { transform:translate(-20vw,-15vh); opacity:.4; }\r\n 40% { transform:translate(20vw, 20vh); opacity:.7; }\r\n 65% { transform:translate(55vw,-18vh); opacity:.5; }\r\n 85% { transform:translate(30vw, 10vh); opacity:.9; }\r\n 100% { transform:translate(0,0); opacity:.8; }\r\n }\r\n\r\n .hp1 { width:6px; height:6px; background:var(--magenta); box-shadow:0 0 12px 4px var(--magenta); top:40%; left:10%; animation:hp1 14s ease-in-out infinite; }\r\n .hp2 { width:4px; height:4px; background:#ff60d8; box-shadow:0 0 9px 3px #ff60d8; top:60%; left:50%; animation:hp2 18s ease-in-out infinite 3s; }\r\n .hp3 { width:5px; height:5px; background:#cc00cc; box-shadow:0 0 11px 4px #cc00cc; top:25%; left:65%; animation:hp3 16s ease-in-out infinite 1.5s; }\r\n\r\n .hero-content {\r\n position: relative;\r\n z-index: 3;\r\n padding: 0 3% 12%;\r\n padding-top: var(--nav-h);\r\n width: 100%;\r\n margin-top: auto;\r\n }\r\n\r\n .hero-tagline {\r\n font-size: clamp(2.2rem, 5.5vw, 5.2rem);\r\n font-weight: 900;\r\n line-height: 1.1;\r\n margin: 0;\r\n letter-spacing: -2px;\r\n color: white;\r\n padding-bottom: 0.08em;\r\n }\r\n .hero-tagline .word-where { color:rgba(255,255,255,0.65); font-weight:300; font-size:0.52em; display:block; margin-bottom:0.12em; letter-spacing:0; }\r\n .hero-tagline .word-render {\r\n display:block;\r\n background:linear-gradient(90deg,#ff40cc,#c400c4,#8800dd);\r\n -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;\r\n }\r\n\r\n \/*\r\n * WAVE STACK \u2014 CORRECCI\u00d3N PRINCIPAL\r\n *\r\n * La ola se superpone sobre el hero usando z-index alto y margin-top negativo.\r\n * Se elimina el ::before que sub\u00eda un degradado oscuro por ENCIMA de la ola,\r\n * tapando el video. Ahora el video se ve a trav\u00e9s de la ola en su zona superior\r\n * y la ola misma (la imagen PNG con transparencia) hace el corte natural.\r\n *\r\n * El fondo del wave-stack es transparente en la parte superior (donde\r\n * coincide con el hero) y s\u00f3lido en la inferior (donde empieza la secci\u00f3n\r\n * de servicios). Esto logra el efecto: video visible \u2192 ola difuminada \u2192 fondo oscuro.\r\n *\/\r\n .wave-stack {\r\n position: relative;\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 16%;\r\n overflow: hidden;\r\n z-index: 10;\r\n margin-top: -12.5%;\r\n margin-bottom: -4%;\r\n background: linear-gradient(\r\n to bottom,\r\n transparent 0%,\r\n transparent 45%,\r\n rgba(10,0,16,0.70) 62%,\r\n rgba(10,0,16,0.92) 75%,\r\n #0a0010 88%,\r\n #0a0010 100%\r\n );\r\n }\r\n\r\n @keyframes waveFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }\r\n\r\n .wl-main {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-image: url(\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/InsumosWeb_22-1-scaled.png\");\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-position: center;\r\n z-index: 2;\r\n pointer-events: none;\r\n animation: waveFloat 5s ease-in-out infinite;\r\n will-change: transform;\r\n -webkit-mask-image: none !important;\r\n mask-image: none !important;\r\n }\r\n\r\n \/* Eliminado el ::before que oscurec\u00eda por encima de la ola *\/\r\n .wave-stack::before { display: none; }\r\n .wave-stack::after { content:\"\"; position:absolute; bottom:0; left:0; right:0; height:0; z-index:3; pointer-events:none; }\r\n\r\n .wl-particles { position:absolute; inset:0; z-index:5; pointer-events:none; }\r\n .wp { position:absolute; border-radius:50%; }\r\n @keyframes wpFloat1 { 0%,100%{transform:translateY(0) translateX(0);opacity:1} 35%{transform:translateY(-22px) translateX(6px);opacity:.7} 70%{transform:translateY(-8px) translateX(-4px);opacity:.9} }\r\n @keyframes wpFloat2 { 0%,100%{transform:translateY(0) scale(1);opacity:.9} 50%{transform:translateY(-18px) scale(1.3);opacity:.4} }\r\n @keyframes wpFloat3 { 0%,100%{transform:translateY(0) translateX(0);opacity:.8} 30%{transform:translateY(-28px) translateX(-8px);opacity:.3} 65%{transform:translateY(-12px) translateX(5px);opacity:.7} }\r\n @keyframes wpFloat4 { 0%,100%{transform:translateY(0) scale(1);opacity:.6} 45%{transform:translateY(-16px) scale(0.8);opacity:1} }\r\n @keyframes wpFloat5 { 0%,100%{transform:translateY(0) translateX(0);opacity:.9} 55%{transform:translateY(-24px) translateX(10px);opacity:.5} }\r\n @keyframes wpFloat6 { 0%,100%{transform:translateY(0);opacity:.7} 40%{transform:translateY(-20px);opacity:.2} }\r\n @keyframes wpFloat7 { 0%,100%{transform:translateY(0) translateX(0) scale(1);opacity:1} 50%{transform:translateY(-30px) translateX(-6px) scale(1.4);opacity:.3} }\r\n .wp1 { width:6px; height:6px; background:#ff40cc; box-shadow:0 0 12px 5px #ff40cc; left:7%; top:30%; animation:wpFloat1 3.8s ease-in-out infinite; }\r\n .wp2 { width:4px; height:4px; background:#cc00ff; box-shadow:0 0 10px 4px #cc00ff; left:18%; top:55%; animation:wpFloat2 5.2s ease-in-out infinite; }\r\n .wp3 { width:5px; height:5px; background:#ff00cc; box-shadow:0 0 11px 4px #ff00cc; left:32%; top:42%; animation:wpFloat3 4.5s ease-in-out infinite .8s; }\r\n .wp4 { width:3px; height:3px; background:#aa00ff; box-shadow:0 0 9px 3px #aa00ff; left:48%; top:68%; animation:wpFloat4 6.1s ease-in-out infinite 1.2s; }\r\n .wp5 { width:5px; height:5px; background:#ff40cc; box-shadow:0 0 12px 5px #ff40cc; left:63%; top:35%; animation:wpFloat5 4.0s ease-in-out infinite .4s; }\r\n .wp6 { width:4px; height:4px; background:#dd00ee; box-shadow:0 0 10px 4px #dd00ee; left:76%; top:58%; animation:wpFloat6 5.7s ease-in-out infinite 2.0s; }\r\n .wp7 { width:6px; height:6px; background:#ff20bb; box-shadow:0 0 14px 5px #ff20bb; left:89%; top:28%; animation:wpFloat7 3.5s ease-in-out infinite .6s; }\r\n .wp8 { width:2px; height:2px; background:#ff80e0; box-shadow:0 0 6px 2px #ff80e0; left:12%; top:70%; animation:wpFloat2 7s ease-in-out infinite 1.5s; }\r\n .wp9 { width:3px; height:3px; background:#9900ff; box-shadow:0 0 8px 3px #9900ff; left:42%; top:25%; animation:wpFloat1 5.5s ease-in-out infinite 2.5s; }\r\n .wp10 { width:2px; height:2px; background:#ff50d0; box-shadow:0 0 6px 2px #ff50d0; left:72%; top:75%; animation:wpFloat3 6.3s ease-in-out infinite 1.0s; }\r\n .wp11 { width:4px; height:4px; background:#bb00ff; box-shadow:0 0 9px 4px #bb00ff; left:55%; top:48%; animation:wpFloat5 4.8s ease-in-out infinite 3.0s; }\r\n .wp12 { width:2px; height:2px; background:#ff30c0; box-shadow:0 0 6px 2px #ff30c0; left:93%; top:50%; animation:wpFloat6 5.0s ease-in-out infinite .3s; }\r\n\r\n .servicios-anchor { display:block; height:0; visibility:hidden; }\r\n\r\n \/* \u2500\u2500 SERVICIOS \u2500\u2500 *\/\r\n .services-section {\r\n background:linear-gradient(180deg,#0f0018 0%,var(--dark-bg) 100%);\r\n padding:160px 0 80px; position:relative; overflow:hidden; width:100%;\r\n border-top: none;\r\n margin-top: -1px;\r\n }\r\n .section-label { text-align:center; font-size:.72rem; font-weight:600; letter-spacing:5px; text-transform:uppercase; color:var(--magenta); margin-bottom:8px; }\r\n .section-title { text-align:center; font-size:clamp(1.3rem,3vw,2rem); font-weight:700; margin:0 0 50px; color:white; padding:0 6%; }\r\n .section-title span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .cards-carousel-wrapper { position:relative; width:100%; padding:0 52px 0 300px; box-sizing:border-box; }\r\n .cards-viewport { overflow:hidden; width:100%; }\r\n .cards-track { display:flex; gap:12px; transition:transform .5s cubic-bezier(.77,0,.18,1); padding:85px 4px 30px; align-items:stretch; will-change:transform; }\r\n .card { flex:0 0 auto; text-decoration:none; color:white; border-radius:18px; background:var(--dark-card); border:1px solid rgba(212,0,168,.15); transition:transform .4s,box-shadow .4s,border-color .4s; overflow:visible; position:relative; cursor:default; display:flex; flex-direction:column; }\r\n .card-circle { position:absolute; top:-55px; left:50%; transform:translateX(-50%); width:110px; height:110px; border-radius:50%; border:3px solid #2a0040; background:#0a0010; transition:border-color .4s,box-shadow .4s; z-index:10; overflow:hidden; flex-shrink:0; }\r\n .card-circle img { width:100%; height:100%; object-fit:cover; display:block; }\r\n .card:hover .card-circle { border-color:#9900cc; box-shadow:0 0 18px rgba(180,0,230,.45),0 0 36px rgba(140,0,200,.2); }\r\n .card:hover .card-body h3 { color:#ff60d8; }\r\n .card-body { padding:64px 14px 22px; text-align:center; flex:1; display:flex; flex-direction:column; align-items:center; }\r\n .card-body h3 { font-size:.82rem; font-weight:700; margin:0 0 8px; color:var(--magenta); letter-spacing:.3px; transition:color .3s; line-height:1.3; }\r\n .card-body p { color:var(--text-dim); font-size:.72rem; line-height:1.6; margin:0; flex:1; }\r\n .card:hover { transform:translateY(-8px); box-shadow:0 16px 40px rgba(140,0,200,.15); border-color:rgba(180,0,230,.35); }\r\n .carousel-arrow { position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; background:rgba(20,0,35,.7); border:1px solid rgba(160,0,220,.45); border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:50; padding:0; transition:background .25s,box-shadow .25s,opacity .25s; }\r\n .carousel-arrow:hover { background:rgba(140,0,200,.5); box-shadow:0 0 14px rgba(180,0,230,.6); }\r\n .carousel-arrow.disabled { opacity:.2; cursor:not-allowed; pointer-events:none; }\r\n .carousel-arrow-left { left:6px; }\r\n .carousel-arrow-right { right:6px; }\r\n .arrow-svg { width:20px; height:20px; fill:none; stroke:rgba(255,255,255,.9); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }\r\n .carousel-dots { display:flex; justify-content:center; align-items:center; gap:5px; margin-top:14px; }\r\n .carousel-dot { width:7px; height:7px; border-radius:50%; background:rgba(212,0,168,.25); border:1px solid rgba(212,0,168,.45); cursor:pointer; padding:0; transition:background .3s,width .3s,border-radius .3s; }\r\n .carousel-dot.active { width:20px; border-radius:4px; background:var(--magenta); box-shadow:0 0 8px rgba(212,0,168,.6); }\r\n\r\n \/* \u2500\u2500 SHOWCASE \u2500\u2500 *\/\r\n .showcase-container { background-color:#080010; padding:80px 0; overflow:hidden; width:100%; }\r\n .showcase-container h2 { text-align:center; margin:0 0 35px; font-size:clamp(1.4rem,3vw,2rem); font-weight:700; color:white; padding:0 20px; }\r\n .showcase-container h2 span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .carousel-viewport-show { width:100%; overflow:visible; padding:16px 0 16px; }\r\n .carousel-track-show { display:flex; width:calc(280px * 18); animation:scrollInf 30s linear infinite; }\r\n .carousel-track-show.paused { animation-play-state:paused; }\r\n .carousel-item { width:280px; height:360px; padding:0 8px; flex-shrink:0; position:relative; cursor:pointer; }\r\n .carousel-item img { width:100%; height:100%; object-fit:cover; border-radius:16px; border:1px solid rgba(212,0,168,.15); display:block; transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s,border-color .35s; position:relative; z-index:1; }\r\n .carousel-item-overlay { position:absolute; bottom:8px; left:8px; right:8px; border-radius:0 0 16px 16px; background:linear-gradient(to top,rgba(10,0,20,.92) 0%,rgba(10,0,20,.6) 55%,transparent 100%); padding:28px 16px 16px; opacity:0; transform:translateY(6px); transition:opacity .3s,transform .3s; z-index:2; pointer-events:none; }\r\n .carousel-item-overlay .ov-title { font-size:.95rem; font-weight:700; color:white; margin:0 0 3px; display:block; line-height:1.2; }\r\n .carousel-item-overlay .ov-sub { font-size:.75rem; color:rgba(255,255,255,.6); margin:0; display:block; }\r\n .carousel-item-overlay .ov-sub span { color:var(--magenta); }\r\n .carousel-item.hovered img { transform:translateY(-10px) scale(1.03); box-shadow:0 18px 40px rgba(212,0,168,.35),0 0 0 2px rgba(212,0,168,.5); border-color:rgba(212,0,168,.6); }\r\n .carousel-item.hovered .carousel-item-overlay { opacity:1; transform:translateY(0); }\r\n @keyframes scrollInf { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-280px * 9))} }\r\n\r\n \/* \u2500\u2500 CONTACTO \u2500\u2500 *\/\r\n #contacto { background:linear-gradient(135deg,#0f0018,#080010); padding:90px 6%; text-align:center; border-top:1px solid rgba(212,0,168,.12); position:relative; overflow:hidden; }\r\n #contacto::before { content:\"\"; position:absolute; width:500px; height:500px; border-radius:50%; background:radial-gradient(circle,rgba(212,0,168,.07) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; }\r\n #contacto h2 { font-size:clamp(1.4rem,3.5vw,2.4rem); font-weight:700; margin-bottom:14px; background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n #contacto p { color:var(--text-dim); margin-bottom:35px; font-size:1rem; position:relative; }\r\n .cta-link { display:inline-block; text-decoration:none; padding:14px 42px; border-radius:8px; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); color:white; font-weight:700; font-family:'Poppins',sans-serif; font-size:.95rem; letter-spacing:1.5px; text-transform:uppercase; transition:transform .3s,box-shadow .3s; box-shadow:0 6px 30px rgba(212,0,168,.4); }\r\n .cta-link:hover { transform:translateY(-3px); box-shadow:0 12px 40px rgba(212,0,168,.6); }\r\n\r\n \/* \u2500\u2500 REDES \u2500\u2500 *\/\r\n .social-container { display:flex; justify-content:center; align-items:center; gap:18px; padding:40px 20px 22px; background-color:#080010; flex-wrap:wrap; }\r\n .social-icon { width:50px; height:50px; display:flex; justify-content:center; align-items:center; background:rgba(212,0,168,.08); border:1px solid rgba(212,0,168,.25); border-radius:12px; transition:transform .3s,box-shadow .3s,border-color .3s,background .3s; text-decoration:none; flex-shrink:0; }\r\n .social-icon img { width:24px; height:24px; object-fit:contain; display:block; transition:transform .3s; }\r\n .social-icon:hover { transform:scale(1.15); border-color:var(--magenta); background:rgba(212,0,168,.15); box-shadow:0 0 22px rgba(212,0,168,.4); }\r\n .social-icon:hover img { transform:scale(1.1); }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n .footer {\r\n background-color:#050008;\r\n text-align:center; padding:45px 20px 80px;\r\n color:rgba(255,255,255,.25); font-size:.78rem;\r\n border-top:1px solid rgba(212,0,168,.08); line-height:1.9;\r\n padding-bottom: max(80px, env(safe-area-inset-bottom, 80px));\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n \/* \u2500\u2500 FIX DESKTOP (>900px) \u2014 no toca m\u00f3vil ni tablet \u2500\u2500 *\/\r\n@media (min-width: 901px) {\r\n .cards-carousel-wrapper {\r\n padding: 0 20px;\r\n }\r\n .cards-viewport {\r\n overflow: visible;\r\n }\r\n .cards-track {\r\n transform: none !important;\r\n justify-content: center;\r\n flex-wrap: nowrap;\r\n gap: 12px;\r\n padding: 85px 4px 30px;\r\n }\r\n .card {\r\n flex: 1 1 0 !important;\r\n min-width: 0 !important;\r\n max-width: none !important;\r\n width: auto !important;\r\n }\r\n .carousel-arrow,\r\n .carousel-dots {\r\n display: none !important;\r\n }\r\n}\r\n @media (max-width:900px) {\r\n .menu-toggle { display:flex; }\r\n .nav-links {\r\n position:fixed; top:0; right:-100%;\r\n width:min(300px,85vw);\r\n height:100vh; height:100dvh;\r\n background:rgba(8,0,14,.97);\r\n backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px);\r\n flex-direction:column;\r\n justify-content:flex-start;\r\n align-items:center;\r\n gap:10px;\r\n transition:right .4s cubic-bezier(.77,0,.18,1);\r\n z-index:1050;\r\n padding:calc(var(--nav-h) + 30px) 0 40px;\r\n list-style:none;\r\n border-left:1px solid rgba(212,0,168,.2);\r\n overflow-y:auto;\r\n overflow-x:hidden;\r\n }\r\n .nav-links.active { right:0; }\r\n .nav-links li { width:100%; text-align:center; }\r\n .nav-links a { font-size:1.1rem; letter-spacing:2px; padding:14px 20px; width:100%; justify-content:center; border-bottom:1px solid rgba(212,0,168,.07); }\r\n .nav-links li:last-child a { border-bottom:none; }\r\n .cards-carousel-wrapper { padding:0 44px; }\r\n .carousel-item { width:240px; height:310px; }\r\n .carousel-track-show { width:calc(240px * 18); animation:scrollMd 28s linear infinite; }\r\n @keyframes scrollMd { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-240px * 9))} }\r\n #contacto { padding:70px 5%; }\r\n }\r\n @media (max-width:768px) {\r\n .hero { min-height:480px; max-height:800px; }\r\n .hero-tagline { font-size:clamp(2.2rem,8vw,3.6rem); }\r\n .wave-stack { padding-bottom:20%; }\r\n .cards-carousel-wrapper { padding:0 42px; }\r\n .card-circle { width:90px; height:90px; top:-45px; }\r\n .card-body { padding:54px 12px 18px; }\r\n .card-body h3 { font-size:.78rem; }\r\n .card-body p { font-size:.68rem; }\r\n .carousel-item { width:210px; height:270px; }\r\n .carousel-track-show { width:calc(210px * 18); animation:scrollTb 27s linear infinite; }\r\n @keyframes scrollTb { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-210px * 9))} }\r\n }\r\n @media (max-width:600px) {\r\n :root { --nav-h:60px; }\r\n .navbar { padding:0 5%; }\r\n .navbar .logo img { height:40px; }\r\n .hero { min-height:420px; max-height:700px; }\r\n .hero-content { padding:0 5% 5%; padding-top:var(--nav-h); }\r\n .hero-tagline { font-size:clamp(1.9rem,10vw,2.8rem); letter-spacing:-1px; }\r\n .wave-stack { padding-bottom:22%; }\r\n .services-section { padding:16px 0 55px; }\r\n .section-title { font-size:clamp(1.2rem,5vw,1.6rem); margin-bottom:40px; }\r\n .cards-carousel-wrapper { padding:0 38px; }\r\n .cards-track { gap:10px; padding-top:65px; }\r\n .card-circle { width:80px; height:80px; top:-40px; }\r\n .card-body { padding:48px 10px 16px; }\r\n .carousel-arrow { width:32px; height:32px; }\r\n .arrow-svg { width:16px; height:16px; }\r\n .carousel-item { width:185px; height:240px; padding:0 6px; }\r\n .carousel-track-show { width:calc(185px * 18); animation:scrollSm 25s linear infinite; }\r\n @keyframes scrollSm { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-185px * 9))} }\r\n .carousel-item-overlay { padding:20px 12px 12px; }\r\n .carousel-item-overlay .ov-title { font-size:.82rem; }\r\n .carousel-item-overlay .ov-sub { font-size:.68rem; }\r\n #contacto { padding:60px 5%; }\r\n #contacto h2 { font-size:clamp(1.2rem,6vw,1.8rem); }\r\n .cta-link { padding:12px 28px; font-size:.85rem; letter-spacing:1px; }\r\n .social-container { gap:12px; padding:32px 16px 18px; }\r\n .social-icon { width:46px; height:46px; }\r\n .social-icon img { width:22px; height:22px; }\r\n .footer { padding:36px 16px 60px; font-size:.72rem; }\r\n }\r\n @media (max-width:400px) {\r\n :root { --nav-h:56px; }\r\n .navbar .logo img { height:34px; }\r\n .hero-tagline { font-size:clamp(1.8rem,13vw,2.6rem); }\r\n .wave-stack { padding-bottom:26%; }\r\n .cards-carousel-wrapper { padding:0 32px; }\r\n .cards-track { padding-top:58px; }\r\n .card-circle { width:72px; height:72px; top:-36px; }\r\n .card-body { padding:44px 10px 14px; }\r\n .carousel-item { width:160px; height:210px; }\r\n .carousel-track-show { width:calc(160px * 18); animation:scrollXs 22s linear infinite; }\r\n @keyframes scrollXs { 0%{transform:translateX(0)} 100%{transform:translateX(calc(-160px * 9))} }\r\n .social-icon { width:42px; height:42px; }\r\n }\r\n @media (hover:none),(pointer:coarse) {\r\n .carousel-arrow { display:none !important; }\r\n .cards-carousel-wrapper { padding:0 8px; }\r\n }\r\n @media (hover:none) {\r\n .card:hover { transform:none; box-shadow:none; border-color:rgba(212,0,168,.15); }\r\n .card:hover .card-circle { border-color:#2a0040; box-shadow:none; }\r\n .card:hover .card-body h3 { color:var(--magenta); }\r\n .card:active { transform:translateY(-5px); box-shadow:0 10px 30px rgba(140,0,200,.15); border-color:rgba(180,0,230,.3); }\r\n .social-icon:hover { transform:none; border-color:rgba(212,0,168,.25); background:rgba(212,0,168,.08); box-shadow:none; }\r\n .social-icon:active { transform:scale(1.1); border-color:var(--magenta); background:rgba(212,0,168,.15); }\r\n .cta-link:hover { transform:none; box-shadow:0 6px 30px rgba(212,0,168,.4); }\r\n .cta-link:active { transform:translateY(-2px); box-shadow:0 10px 36px rgba(212,0,168,.6); }\r\n }\r\n\r\n \/* \u2500\u2500 MODAL CONTACTO \u2500\u2500 *\/\r\n .contact-modal-backdrop { position:fixed; inset:0; z-index:2000; background:rgba(5,0,14,.75); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); display:flex; align-items:center; justify-content:center; padding:20px; opacity:0; pointer-events:none; transition:opacity .35s; }\r\n .contact-modal-backdrop.open { opacity:1; pointer-events:all; }\r\n .contact-modal-box { background:linear-gradient(145deg,#150020,#0e0018); border:1px solid rgba(212,0,168,.22); border-radius:24px; padding:44px 40px 40px; width:100%; max-width:520px; position:relative; box-shadow:0 0 60px rgba(212,0,168,.18),0 30px 80px rgba(0,0,0,.6); transform:translateY(22px) scale(.97); transition:transform .38s cubic-bezier(.34,1.4,.64,1),opacity .35s; }\r\n .contact-modal-backdrop.open .contact-modal-box { transform:translateY(0) scale(1); }\r\n .contact-modal-close { position:absolute; top:16px; right:16px; width:34px; height:34px; background:rgba(212,0,168,.08); border:1px solid rgba(212,0,168,.2); border-radius:50%; cursor:pointer; color:rgba(255,255,255,.6); display:flex; align-items:center; justify-content:center; transition:background .25s,color .25s,border-color .25s; padding:0; }\r\n .contact-modal-close svg { width:15px; height:15px; }\r\n .contact-modal-close:hover { background:rgba(212,0,168,.2); color:white; border-color:var(--magenta); }\r\n .cm-label { font-size:.7rem; font-weight:600; letter-spacing:5px; text-transform:uppercase; color:var(--magenta); margin:0 0 8px; }\r\n .cm-title { font-size:clamp(1.3rem,3vw,1.75rem); font-weight:700; margin:0 0 30px; color:white; line-height:1.2; }\r\n .cm-title span { background:linear-gradient(90deg,#ff40cc,var(--purple-mid)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }\r\n .cm-form { display:flex; flex-direction:column; gap:16px; }\r\n .cm-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }\r\n .cm-field { display:flex; flex-direction:column; gap:6px; }\r\n .cm-field label { font-size:.75rem; font-weight:600; letter-spacing:.5px; color:rgba(255,255,255,.55); text-transform:uppercase; }\r\n .cm-field input,.cm-field textarea { background:rgba(255,255,255,.04); border:1px solid rgba(212,0,168,.18); border-radius:10px; padding:12px 14px; color:white; font-family:'Poppins',sans-serif; font-size:.9rem; outline:none; transition:border-color .25s,box-shadow .25s,background .25s; resize:none; }\r\n .cm-field input::placeholder,.cm-field textarea::placeholder { color:rgba(255,255,255,.22); }\r\n .cm-field input:focus,.cm-field textarea:focus { border-color:var(--magenta); background:rgba(212,0,168,.05); box-shadow:0 0 0 3px rgba(212,0,168,.12); }\r\n .cm-field textarea { min-height:120px; line-height:1.6; }\r\n .cm-send { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 30px; border-radius:10px; border:none; cursor:pointer; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); color:white; font-family:'Poppins',sans-serif; font-weight:700; font-size:.9rem; letter-spacing:1px; text-transform:uppercase; box-shadow:0 6px 28px rgba(212,0,168,.4); transition:transform .25s,box-shadow .25s,opacity .25s; margin-top:4px; }\r\n .cm-send svg { width:17px; height:17px; flex-shrink:0; }\r\n .cm-send:hover { transform:translateY(-2px); box-shadow:0 10px 36px rgba(212,0,168,.6); }\r\n .cm-send:disabled { opacity:.55; cursor:not-allowed; transform:none; }\r\n .cm-success { display:none; flex-direction:column; align-items:center; text-align:center; padding:20px 0 10px; }\r\n .cm-success.show { display:flex; }\r\n .cm-success-icon { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,var(--magenta),var(--purple-mid)); display:flex; align-items:center; justify-content:center; margin-bottom:20px; box-shadow:0 0 30px rgba(212,0,168,.4); }\r\n .cm-success-icon svg { width:30px; height:30px; color:white; }\r\n .cm-success h4 { font-size:1.4rem; font-weight:700; margin:0 0 10px; color:white; }\r\n .cm-success p { color:var(--text-dim); font-size:.92rem; line-height:1.7; margin:0; }\r\n @media (max-width:560px) {\r\n .contact-modal-backdrop { align-items:flex-end; padding:0; }\r\n .contact-modal-box { padding:32px 20px 28px; border-radius:22px 22px 0 0; max-height:92dvh; overflow-y:auto; transform:translateY(100%); }\r\n .contact-modal-backdrop.open .contact-modal-box { transform:translateY(0); }\r\n .cm-row { grid-template-columns:1fr; }\r\n .cm-title { font-size:1.25rem; margin-bottom:22px; }\r\n .cm-field textarea { min-height:100px; }\r\n }\r\n @media (max-width:380px) {\r\n .contact-modal-box { padding:28px 16px 24px; }\r\n .cm-send { font-size:.82rem; padding:12px 20px; }\r\n }\r\n \/* Ocultar bot\u00f3n scroll-to-top de WordPress *\/\r\n#back-to-top,\r\n.back-to-top,\r\n[class*=\"scroll-top\"],\r\n[class*=\"scrolltop\"],\r\n[id*=\"back-to-top\"],\r\n[id*=\"scrolltop\"] {\r\n display: none !important;\r\n}\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<nav class=\"navbar\">\r\n <a href=\"#inicio\" class=\"logo\">\r\n <img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png\" alt=\"Digital 10 Logo\">\r\n <\/a>\r\n <button class=\"menu-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" type=\"button\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n <ul class=\"nav-links\">\r\n <li><a href=\"#inicio\" class=\"active\">Inicio<\/a><\/li>\r\n <li><a href=\"#servicios\">Servicios<\/a><\/li>\r\n <li><a href=\"#proyectos\">Proyectos<\/a><\/li>\r\n <li><a href=\"https:\/\/digital10post.com\/?page_id=418\">Acerca<\/a><\/li>\r\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\r\n <\/ul>\r\n<div translate=\"no\" style=\"display:flex;align-items:center;gap:4px;margin-left:12px;flex-shrink:0;\">\r\n <a href=\"https:\/\/digital10post.com\/\" id=\"btn-es\" style=\"color:white;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;\">ES<\/a>\r\n <span style=\"color:rgba(255,255,255,.3);font-size:.8rem;\">|<\/span>\r\n <a href=\"https:\/\/digital10post.com\/en\/\" id=\"btn-en\" style=\"color:white;font-family:'Poppins',sans-serif;font-size:.82rem;font-weight:400;text-decoration:none;\">EN<\/a>\r\n<\/div>\r\n<\/nav>\r\n\r\n\r\n<section class=\"hero\" id=\"inicio\">\r\n <div class=\"hero-media\">\r\n <video playsinline autoplay muted loop preload=\"auto\" poster=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/project.jpg\" disablepictureinpicture disableremoteplayback x-webkit-airplay=\"deny\">\r\n <source src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/portafolio_2026_v09.mp4\" type=\"video\/mp4\">\r\n <\/video>\r\n <\/div>\r\n <div class=\"hero-overlay\"><\/div>\r\n <div class=\"hero-particles\">\r\n <span class=\"hp hp1\"><\/span>\r\n <span class=\"hp hp2\"><\/span>\r\n <span class=\"hp hp3\"><\/span>\r\n <\/div>\r\n <div class=\"hero-content\">\r\n <p class=\"hero-tagline\">\r\n <span class=\"word-where\">Donde las ideas se<\/span>\r\n <span class=\"word-render\">Renderizan<\/span>\r\n <\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<div class=\"wave-stack\">\r\n <div class=\"wl-main\"><\/div>\r\n <div class=\"wl-particles\">\r\n <span class=\"wp wp1\"><\/span><span class=\"wp wp2\"><\/span><span class=\"wp wp3\"><\/span>\r\n <span class=\"wp wp4\"><\/span><span class=\"wp wp5\"><\/span><span class=\"wp wp6\"><\/span>\r\n <span class=\"wp wp7\"><\/span><span class=\"wp wp8\"><\/span><span class=\"wp wp9\"><\/span>\r\n <span class=\"wp wp10\"><\/span><span class=\"wp wp11\"><\/span><span class=\"wp wp12\"><\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<span class=\"servicios-anchor\" id=\"servicios\"><\/span>\r\n\r\n\r\n<div class=\"services-section\">\r\n <p class=\"section-label\">Lo que hacemos<\/p>\r\n <h2 class=\"section-title\">Nuestros <span>Servicios<\/span><\/h2>\r\n <div class=\"cards-carousel-wrapper\">\r\n <button class=\"carousel-arrow carousel-arrow-left\" id=\"arrowLeft\" aria-label=\"Anterior\">\r\n <svg class=\"arrow-svg\" viewBox=\"0 0 24 24\"><polyline points=\"15 18 9 12 15 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <div class=\"cards-viewport\">\r\n <div class=\"cards-track\" id=\"cardsTrack\">\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/personajes\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/PortafolioImprimir_espanol_sinfuente.png\" alt=\"Personajes\"><\/div><div class=\"card-body\"><h3>Personajes<\/h3><p>Hacemos personajes vers\u00e1tiles desde el esculpido hasta el rig.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/entornos\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Composicion_Assets_v005-scaled.png\" alt=\"Entornos\"><\/div><div class=\"card-body\"><h3>Entornos<\/h3><p>Dise\u00f1o y producci\u00f3n de entornos con potencial de ser aplicados a cualquier producci\u00f3n 3D.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/integracion-3d\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Gemini_Generated_Image_qvbftwqvbftwqvbf.png\" alt=\"Integraci\u00f3n 3D\"><\/div><div class=\"card-body\"><h3>Integraci\u00f3n 3D<\/h3><p>Producci\u00f3n, post producci\u00f3n e integraci\u00f3n 3D con contenido live action.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/contenido-para-series-animadas\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/frame02_01525.png\" alt=\"Series animadas\"><\/div><div class=\"card-body\"><h3>Contenido para Series Animadas<\/h3><p>Desde personajes con rig y entornos detallados hasta piezas finalizadas con movimiento y personalidad.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-de-marketing\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CJ_Halloween_Test_v024-scaled.png\" alt=\"Marketing\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n de Marketing<\/h3><p>Con procesos de renderizado adaptados para acabados de alta calidad.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-para-videojuegos\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Dinosaur_Sequence.0012-scaled.jpg\" alt=\"Videojuegos\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n para Videojuegos<\/h3><p>Piezas 3D optimizadas seg\u00fan el est\u00e1ndar. Experiencia con Unity y Unreal Engine.<\/p><\/div><\/a>\r\n<a class=\"card\" href=\"https:\/\/digital10post.com\/produccion-webgl\/\"><div class=\"card-circle\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/WebGLCompo-1.png\" alt=\"WebGL\"><\/div><div class=\"card-body\"><h3>Producci\u00f3n WebGL<\/h3><p>Desarrollamos modelos optimizados para integraci\u00f3n Web de la mano de grandes marcas internacionales.<\/p><\/div><\/a>\r\n <\/div>\r\n <\/div>\r\n <button class=\"carousel-arrow carousel-arrow-right\" id=\"arrowRight\" aria-label=\"Siguiente\">\r\n <svg class=\"arrow-svg\" viewBox=\"0 0 24 24\"><polyline points=\"9 18 15 12 9 6\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n<\/div>\r\n\r\n\r\n<section class=\"showcase-container\" id=\"proyectos\">\r\n <h2>Nuestro <span>Showcase<\/span><\/h2>\r\n <div class=\"carousel-viewport-show\">\r\n <div class=\"carousel-track-show\" id=\"showcaseTrack\">\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CharactersCompo.png\" alt=\"P1\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Mad Hatter<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/DCHV_1131185538_EN_1080x1080_GEMS_JusticeLeague3D_v3-1-scaled.jpg\" alt=\"P2\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">DC<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/KC_Compo.jpg\" alt=\"P3\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Killer Klowns<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/HP_1241102860_EN_4320x1080_December2023CGBanners_MMHolidayParty-scaled.png\" alt=\"P4\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Emma<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/dddddd.png\" alt=\"P5\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Sancho Paisa<\/span><span class=\"ov-sub\">Cliente <span>Visualmente<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/2222-scaled.png\" alt=\"P6\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Panda pop<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Jam_City_KeyArt_Magic_Match.png\" alt=\"P7\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Magic Match<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yagu03.png\" alt=\"P8\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Yagu<\/span><span class=\"ov-sub\">Cliente <span>CVS Monteria<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/prime.png\" alt=\"P9\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Prime Time tactics<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/CharactersCompo.png\" alt=\"P1\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Mad Hatter<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/DCHV_1131185538_EN_1080x1080_GEMS_JusticeLeague3D_v3-1-scaled.jpg\" alt=\"P2\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">DC<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/KC_Compo.jpg\" alt=\"P3\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Killer Klowns<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/HP_1241102860_EN_4320x1080_December2023CGBanners_MMHolidayParty-scaled.png\" alt=\"P4\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Emma<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/dddddd.png\" alt=\"P5\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Sancho Paisa<\/span><span class=\"ov-sub\">Cliente <span>Visualmente<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/2222-scaled.png\" alt=\"P6\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Panda pop<\/span><span class=\"ov-sub\">Cliente <span>JamCity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/Jam_City_KeyArt_Magic_Match.png\" alt=\"P7\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Magic Match<\/span><span class=\"ov-sub\">Cliente <span>Jamcity<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yagu03.png\" alt=\"P8\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Yagu<\/span><span class=\"ov-sub\">Cliente <span>CVS Monteria<\/span><\/span><\/div><\/div>\r\n <div class=\"carousel-item\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/prime.png\" alt=\"P9\"><div class=\"carousel-item-overlay\"><span class=\"ov-title\">Prime Time tactis<\/span><span class=\"ov-sub\">Cliente <span>Katapix<\/span><\/span><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contacto\">\r\n <h2>\u00bfTienes un proyecto en mente?<\/h2>\r\n <p>Cu\u00e9ntanos tu idea y la llevamos al siguiente nivel.<\/p>\r\n <button class=\"cta-link\" id=\"openContactModal\">Escr\u00edbenos<\/button>\r\n<\/section>\r\n\r\n\r\n<div class=\"contact-modal-backdrop\" id=\"contactModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Formulario de contacto\">\r\n <div class=\"contact-modal-box\">\r\n <button class=\"contact-modal-close\" id=\"closeContactModal\" aria-label=\"Cerrar\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <p class=\"cm-label\">Hablemos<\/p>\r\n <h3 class=\"cm-title\">Cu\u00e9ntanos tu <span>proyecto<\/span><\/h3>\r\n <div class=\"cm-form\" id=\"cmForm\">\r\n <div class=\"cm-row\">\r\n <div class=\"cm-field\"><label for=\"cm-nombre\">Nombre<\/label><input type=\"text\" id=\"cm-nombre\" placeholder=\"Tu nombre completo\" autocomplete=\"name\"><\/div>\r\n <div class=\"cm-field\"><label for=\"cm-celular\">Celular<\/label><input type=\"tel\" id=\"cm-celular\" placeholder=\"+57 300 000 0000\" autocomplete=\"tel\"><\/div>\r\n <\/div>\r\n <div class=\"cm-field\"><label for=\"cm-correo\">Correo electr\u00f3nico<\/label><input type=\"email\" id=\"cm-correo\" placeholder=\"tu@correo.com\" autocomplete=\"email\"><\/div>\r\n <div class=\"cm-field\"><label for=\"cm-descripcion\">Descripci\u00f3n del proyecto<\/label><textarea id=\"cm-descripcion\" rows=\"5\" placeholder=\"Cu\u00e9ntanos qu\u00e9 necesitas, el tipo de producci\u00f3n, plazos, referencias\u2026\"><\/textarea><\/div>\r\n <button class=\"cm-send\" id=\"cmSend\">\r\n <span id=\"cmSendText\">Enviar mensaje<\/span>\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cm-success\" id=\"cmSuccess\">\r\n <div class=\"cm-success-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\r\n <h4>\u00a1Mensaje enviado!<\/h4>\r\n <p>Gracias, nos pondremos en contacto contigo pronto.<\/p>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<div class=\"social-container\">\r\n <a href=\"https:\/\/www.instagram.com\/digital10_post?igsh=bWFtc2x6M2h0Z203\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/ig.png\" alt=\"Instagram\"><\/a>\r\n <a href=\"https:\/\/youtube.com\/@digital10animacion-postpro7?si=bek2aPnSQrewPmWL\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/yutu.png\" alt=\"YouTube\"><\/a>\r\n <a href=\"https:\/\/wa.me\/573003041603\" target=\"_blank\" class=\"social-icon\"><img decoding=\"async\" src=\"https:\/\/digital10post.com\/wp-content\/uploads\/2026\/03\/wpp.png\" alt=\"WhatsApp\"><\/a>\r\n<\/div>\r\n\r\n<div class=\"footer\">\u00a9 2026 DIGITAL 10 - ESTUDIO CREATIVO 3D<br>BEYOND THE THIRD DIMENSION<\/div>\r\n\r\n<script>\r\n \/* \u2500\u2500 Fuerza autoplay del video \u2500\u2500 *\/\r\n (function(){\r\n const v = document.querySelector('.hero-media video');\r\n if (!v) return;\r\n const tryPlay = () => { v.play && v.play().catch(function(){}); };\r\n tryPlay();\r\n document.addEventListener('touchstart', function(){ tryPlay(); }, { once: true, passive: true });\r\n document.addEventListener('visibilitychange', function(){ if (!document.hidden) tryPlay(); });\r\n })();\r\n\r\n \/* \u2500\u2500 Detecta ancho de scrollbar \u2500\u2500 *\/\r\n (function(){\r\n const sb = window.innerWidth - document.documentElement.clientWidth;\r\n document.documentElement.style.setProperty('--sb-w', Math.max(0, sb) + 'px');\r\n })();\r\n window.addEventListener('resize', function(){\r\n const sb = window.innerWidth - document.documentElement.clientWidth;\r\n document.documentElement.style.setProperty('--sb-w', Math.max(0, sb) + 'px');\r\n });\r\n\r\n \/* \u2500\u2500 Bloqueo de scroll horizontal solo en t\u00e1ctil \u2500\u2500 *\/\r\n (function(){\r\n if (!('ontouchstart' in window) && !navigator.maxTouchPoints) return;\r\n let _sx = 0, _sy = 0, _blocked = false, _decided = false;\r\n document.addEventListener('touchstart', function(e){\r\n _sx = e.touches[0].clientX;\r\n _sy = e.touches[0].clientY;\r\n _blocked = false;\r\n _decided = false;\r\n }, { passive: true });\r\n document.addEventListener('touchmove', function(e){\r\n if (_decided) { if (_blocked) e.preventDefault(); return; }\r\n const dx = Math.abs(e.touches[0].clientX - _sx);\r\n const dy = Math.abs(e.touches[0].clientY - _sy);\r\n if (dx < 6 && dy < 6) return;\r\n _decided = true;\r\n _blocked = (dx > dy * 1.5);\r\n if (_blocked) e.preventDefault();\r\n }, { passive: false });\r\n document.addEventListener('touchend', function(){\r\n _blocked = false;\r\n _decided = false;\r\n }, { passive: true });\r\n })();\r\n\r\n \/* \u2500\u2500 Men\u00fa \u2500\u2500 *\/\r\n const menuBtn=document.querySelector('.menu-toggle'),navLinks=document.querySelector('.nav-links');\r\n function toggleMenu(f){const o=typeof f==='boolean'?f:!navLinks.classList.contains('active');navLinks.classList.toggle('active',o);menuBtn.classList.toggle('active',o);document.body.classList.toggle('menu-open',o);menuBtn.setAttribute('aria-expanded',String(o));}\r\n menuBtn.addEventListener('click',e=>{e.stopPropagation();toggleMenu();});\r\n menuBtn.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();toggleMenu();}});\r\n document.querySelectorAll('.nav-links a').forEach(l=>l.addEventListener('click',()=>toggleMenu(false)));\r\n document.addEventListener('click',e=>{if(navLinks.classList.contains('active')&&!navLinks.contains(e.target)&&!menuBtn.contains(e.target))toggleMenu(false);});\r\n\r\n \/* \u2500\u2500 Scroll suave \u2500\u2500 *\/\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(a=>{\r\n a.addEventListener('click',function(e){\r\n const t=document.getElementById(this.getAttribute('href').slice(1));\r\n if(!t)return; e.preventDefault();\r\n window.scrollTo({top:t.getBoundingClientRect().top+window.scrollY-document.querySelector('.navbar').offsetHeight-20,behavior:'smooth'});\r\n });\r\n });\r\n\r\n \/* \u2500\u2500 Active nav \u2500\u2500 *\/\r\n const secs=document.querySelectorAll('section[id],div[id],span[id]'),lks=document.querySelectorAll('.nav-links a');\r\n window.addEventListener('scroll',()=>{let cur='';secs.forEach(s=>{if(window.scrollY>=s.offsetTop-140)cur=s.id;});lks.forEach(l=>{l.classList.remove('active');if(l.getAttribute('href')==='#'+cur)l.classList.add('active');});},{passive:true});\r\n\r\n\/* \u2500\u2500 CARRUSEL SERVICIOS \u2500\u2500 *\/\r\n(function(){\r\n const track=document.getElementById('cardsTrack'),\r\n viewport=track.parentElement,\r\n arrowLeft=document.getElementById('arrowLeft'),\r\n arrowRight=document.getElementById('arrowRight'),\r\n dotsContainer=document.getElementById('carouselDots'),\r\n cards=Array.from(track.children),\r\n TOTAL=cards.length;\r\n let currentIndex=0;\r\n\r\n function getGap(){ return parseInt(getComputedStyle(track).gap)||12; }\r\n\r\n function fitAllCards(){\r\n const vw=viewport.clientWidth, gap=getGap();\r\n const idealW=Math.floor((vw-gap*(TOTAL-1))\/TOTAL);\r\n const minW=window.innerWidth<=400?100:window.innerWidth<=600?110:130;\r\n if(idealW>=minW){\r\n cards.forEach(c=>{c.style.flex=`0 0 ${idealW}px`;c.style.width=`${idealW}px`;});\r\n return;\r\n }\r\n const fw=window.innerWidth<=400?148:window.innerWidth<=600?162:window.innerWidth<=768?172:190;\r\n cards.forEach(c=>{c.style.flex=`0 0 ${fw}px`;c.style.width=`${fw}px`;});\r\n }\r\n\r\n \/\/ Offset en px del card i\r\n function getOffset(idx){\r\n const gap=getGap();\r\n let off=0;\r\n for(let i=0;i<idx;i++) off+=cards[i].offsetWidth+gap;\r\n return off;\r\n }\r\n\r\n \/\/ M\u00e1ximo scroll posible sin que quede espacio vac\u00edo\r\n function maxScrollPx(){\r\n const gap=getGap();\r\n let totalW=0;\r\n cards.forEach(c=>totalW+=c.offsetWidth+gap);\r\n totalW-=gap; \/\/ quitar el gap del \u00faltimo\r\n return Math.max(0, totalW-viewport.clientWidth+20);\r\n }\r\n\r\n \/\/ \u00daltimo \u00edndice navegable\r\n function maxIndex(){\r\n const mo=maxScrollPx();\r\n for(let i=TOTAL-1;i>0;i--){\r\n if(getOffset(i)<=mo) return i;\r\n }\r\n return 0;\r\n }\r\n\r\n function buildDots(){\r\n dotsContainer.innerHTML='';\r\n const mi=maxIndex();\r\n if(mi===0){dotsContainer.style.display='none';return;}\r\n dotsContainer.style.display='';\r\n for(let i=0;i<=mi;i++){\r\n const dot=document.createElement('button');\r\n dot.className='carousel-dot'+(i===0?' active':'');\r\n dot.setAttribute('aria-label','P\u00e1gina '+(i+1));\r\n dot.addEventListener('click',()=>{currentIndex=i;updateCarousel();});\r\n dotsContainer.appendChild(dot);\r\n }\r\n }\r\n\r\n function updateCarousel(){\r\n if (window.innerWidth > 900) return; \/\/ \u2190 agregar esta l\u00ednea\r\n const mi=maxIndex();\r\n if(currentIndex>mi) currentIndex=mi;\r\n\r\n \/\/ Offset real: si es el \u00faltimo paso, usar exactamente maxScrollPx\r\n let offset;\r\n if(currentIndex>=mi){\r\n offset=maxScrollPx(); \/\/ \u00faltimo card pegado al borde, sin hueco ni corte\r\n } else {\r\n offset=getOffset(currentIndex);\r\n }\r\n\r\n track.style.transform=`translateX(-${offset}px)`;\r\n arrowLeft.style.display=mi===0?'none':'';\r\n arrowRight.style.display=mi===0?'none':'';\r\n arrowLeft.classList.toggle('disabled',currentIndex===0);\r\n arrowRight.classList.toggle('disabled',currentIndex>=mi);\r\n dotsContainer.querySelectorAll('.carousel-dot')\r\n .forEach((d,i)=>d.classList.toggle('active',i===currentIndex));\r\n }\r\n\r\n arrowLeft.addEventListener('click',()=>{\r\n if(currentIndex>0){currentIndex--;updateCarousel();}\r\n });\r\n arrowRight.addEventListener('click',()=>{\r\n if(currentIndex<maxIndex()){currentIndex++;updateCarousel();}\r\n });\r\n\r\n \/\/ Touch\r\n let tx=0,ty=0,scrollLocked=false;\r\n viewport.addEventListener('touchstart',e=>{\r\n tx=e.touches[0].clientX; ty=e.touches[0].clientY; scrollLocked=false;\r\n },{passive:true});\r\n viewport.addEventListener('touchmove',e=>{\r\n const dx=Math.abs(e.touches[0].clientX-tx), dy=Math.abs(e.touches[0].clientY-ty);\r\n if(!scrollLocked){ if(dx>dy){scrollLocked=true; e.preventDefault();} }\r\n else { e.preventDefault(); }\r\n },{passive:false});\r\n viewport.addEventListener('touchend',e=>{\r\n const diff=tx-e.changedTouches[0].clientX;\r\n if(Math.abs(diff)>40){\r\n if(diff>0&¤tIndex<maxIndex()){currentIndex++;updateCarousel();}\r\n else if(diff<0&¤tIndex>0){currentIndex--;updateCarousel();}\r\n }\r\n scrollLocked=false;\r\n },{passive:true});\r\n\r\n function init(){\r\n fitAllCards();\r\n requestAnimationFrame(()=>{buildDots();updateCarousel();});\r\n }\r\n requestAnimationFrame(init);\r\n let rt;\r\n window.addEventListener('resize',()=>{\r\n clearTimeout(rt);\r\n rt=setTimeout(()=>{currentIndex=0;init();},200);\r\n });\r\n})();\r\n\r\n \/* \u2500\u2500 SHOWCASE \u2500\u2500 *\/\r\n (function(){\r\n const track=document.getElementById('showcaseTrack'),viewport=track.parentElement,items=Array.from(track.querySelectorAll('.carousel-item'));\r\n let leaveTimer=null;\r\n function pauseAll(){track.classList.add('paused');}\r\n function resumeAll(){track.classList.remove('paused');}\r\n function clearHover(){items.forEach(it=>it.classList.remove('hovered'));}\r\n items.forEach(item=>{\r\n item.addEventListener('mouseenter',()=>{clearTimeout(leaveTimer);pauseAll();clearHover();item.classList.add('hovered');});\r\n item.addEventListener('mouseleave',()=>{item.classList.remove('hovered');leaveTimer=setTimeout(()=>{clearHover();resumeAll();},120);});\r\n });\r\n viewport.addEventListener('mouseleave',()=>{clearTimeout(leaveTimer);clearHover();resumeAll();});\r\n items.forEach(item=>{item.addEventListener('touchstart',e=>{e.stopPropagation();const already=item.classList.contains('hovered');clearHover();resumeAll();if(!already){pauseAll();item.classList.add('hovered');}},{passive:true});});\r\n document.addEventListener('touchstart',e=>{if(!viewport.contains(e.target)){clearHover();resumeAll();}},{passive:true});\r\n })();\r\n\r\n \/* \u2500\u2500 MODAL CONTACTO \u2500\u2500 *\/\r\n\/* \u2500\u2500 Modal Contacto \u2014 WP Mail SMTP \u2500\u2500 *\/\r\n(function(){\r\n const WP_ENDPOINT = 'https:\/\/digital10post.com\/wp-json\/d10\/v1\/contact';\r\n\r\n const backdrop = document.getElementById('contactModal');\r\n const openBtn = document.getElementById('openContactModal');\r\n const closeBtn = document.getElementById('closeContactModal');\r\n const sendBtn = document.getElementById('cmSend');\r\n const sendText = document.getElementById('cmSendText');\r\n const formEl = document.getElementById('cmForm');\r\n const successEl = document.getElementById('cmSuccess');\r\n\r\n function openModal() {\r\n backdrop.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n setTimeout(() => document.getElementById('cm-nombre').focus(), 350);\r\n }\r\n function closeModal() {\r\n backdrop.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }\r\n\r\n openBtn.addEventListener('click', openModal);\r\n closeBtn.addEventListener('click', closeModal);\r\n backdrop.addEventListener('click', e => { if (e.target === backdrop) closeModal(); });\r\n document.addEventListener('keydown', e => {\r\n if (e.key === 'Escape' && backdrop.classList.contains('open')) closeModal();\r\n });\r\n\r\n sendBtn.addEventListener('click', async () => {\r\n const nombre = document.getElementById('cm-nombre').value.trim();\r\n const correo = document.getElementById('cm-correo').value.trim();\r\n const celular = document.getElementById('cm-celular').value.trim();\r\n const desc = document.getElementById('cm-descripcion').value.trim();\r\n\r\n if (!nombre || !correo || !desc) {\r\n shakeField(!nombre ? 'cm-nombre' : !correo ? 'cm-correo' : 'cm-descripcion');\r\n return;\r\n }\r\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(correo)) {\r\n shakeField('cm-correo'); return;\r\n }\r\n\r\n sendBtn.disabled = true;\r\n sendText.textContent = 'Enviando\u2026';\r\n\r\n try {\r\n const res = await fetch(WP_ENDPOINT, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify({\r\n from_name: nombre,\r\n from_email: correo,\r\n phone: celular || '\u2014',\r\n message: desc\r\n })\r\n });\r\n\r\n const data = await res.json();\r\n\r\n if (res.ok && data.success) {\r\n formEl.style.display = 'none';\r\n successEl.classList.add('show');\r\n setTimeout(closeModal, 3800);\r\n setTimeout(() => {\r\n formEl.style.display = '';\r\n successEl.classList.remove('show');\r\n ['cm-nombre','cm-correo','cm-celular','cm-descripcion']\r\n .forEach(id => document.getElementById(id).value = '');\r\n sendBtn.disabled = false;\r\n sendText.textContent = 'Enviar mensaje';\r\n }, 4400);\r\n } else {\r\n throw new Error(data.message || 'Error del servidor');\r\n }\r\n } catch(err) {\r\n sendText.textContent = 'Error \u2014 intenta de nuevo';\r\n sendBtn.disabled = false;\r\n setTimeout(() => { sendText.textContent = 'Enviar mensaje'; }, 3000);\r\n }\r\n });\r\n\r\n function shakeField(id) {\r\n const el = document.getElementById(id);\r\n el.style.borderColor = '#ff4488';\r\n el.style.boxShadow = '0 0 0 3px rgba(255,68,136,.2)';\r\n el.focus();\r\n setTimeout(() => { el.style.borderColor = ''; el.style.boxShadow = ''; }, 1800);\r\n }\r\n})();\r\n\r\n\r\n\/* LANG REDIRECT *\/\r\n(function(){\r\n var path = window.location.pathname;\r\n var isEN = path.indexOf('\/en\/') === 0 || path === '\/en';\r\n var saved = localStorage.getItem('d10lang');\r\n\r\n \/\/ Solo redirige si el idioma guardado no coincide con la p\u00e1gina actual\r\nif (saved === 'en' && !isEN) {\r\n localStorage.setItem('d10lang', 'en');\r\n document.documentElement.style.visibility = 'hidden';\r\n window.location.replace('\/en' + path);\r\n return;\r\n}\r\n if (saved === 'es' && isEN) {\r\n localStorage.setItem('d10lang', 'es');\r\n window.location.replace(path.replace(\/^\\\/en\/, ''));\r\n return;\r\n }\r\n\r\n \/\/ Si no hay preferencia guardada, guardar la actual\r\n if (!saved) {\r\n localStorage.setItem('d10lang', isEN ? 'en' : 'es');\r\n }\r\n\r\n \/\/ UI botones\r\n document.getElementById('btn-es').style.opacity = isEN ? '0.4' : '1';\r\n document.getElementById('btn-en').style.opacity = isEN ? '1' : '0.4';\r\n document.getElementById('btn-es').style.fontWeight = isEN ? '400' : '700';\r\n document.getElementById('btn-en').style.fontWeight = isEN ? '700' : '400';\r\n\r\ndocument.getElementById('btn-es').addEventListener('click', function(){\r\n localStorage.setItem('d10lang','es');\r\n window.location.href = 'https:\/\/digital10post.com\/';\r\n});\r\ndocument.getElementById('btn-en').addEventListener('click', function(){\r\n localStorage.setItem('d10lang','en');\r\n window.location.href = 'https:\/\/digital10post.com\/en\/';\r\n});\r\n})();\r\n\r\n<\/script>\r\n\r\n<style>\r\n.d10-chat-btn {\r\n position:fixed; bottom:28px; right:28px;\r\n width:58px; height:58px; border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;\r\n box-shadow:0 4px 24px rgba(212,0,168,.5);\r\n transition:transform .3s,box-shadow .3s; z-index:9999;\r\n animation:d10pulse 2.5s ease-in-out infinite;\r\n font-size: 0;\r\n}\r\n#d10BtnIcon {\r\n font-size: 26px;\r\n line-height: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-style: normal;\r\n color: white;\r\n font-weight: 900; \/* \u2190 agregar esto *\/\r\n}\r\n#d10BtnIcon img {\r\n width: 26px !important;\r\n height: 26px !important;\r\n min-width: 26px !important;\r\n min-height: 26px !important;\r\n}\r\n.d10-chat-btn:hover{transform:scale(1.1);box-shadow:0 6px 32px rgba(212,0,168,.7);}\r\n.d10-chat-btn svg{width:26px;height:26px;fill:white;}\r\n@keyframes d10pulse{\r\n 0%,100%{box-shadow:0 4px 24px rgba(212,0,168,.5);}\r\n 50%{box-shadow:0 4px 36px rgba(212,0,168,.85),0 0 0 8px rgba(212,0,168,.12);}\r\n}\r\n.d10-chat-box {\r\n position:fixed; bottom:100px; right:28px; width:320px;\r\n background:#12001c; border:1px solid rgba(212,0,168,.28); border-radius:20px;\r\n box-shadow:0 8px 48px rgba(0,0,0,.7); z-index:9998; overflow:hidden;\r\n transform:scale(.85) translateY(20px); opacity:0; pointer-events:none;\r\n transition:transform .35s cubic-bezier(.34,1.4,.64,1),opacity .3s;\r\n}\r\n.d10-chat-box.open{transform:scale(1) translateY(0);opacity:1;pointer-events:all;}\r\n.d10-chat-header{\r\n background:linear-gradient(135deg,#1a0028,#0e0018);\r\n padding:16px 18px; display:flex; align-items:center; gap:12px;\r\n border-bottom:1px solid rgba(212,0,168,.15);\r\n}\r\n.d10-avatar{\r\n width:38px;height:38px;border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n display:flex;align-items:center;justify-content:center;\r\n font-weight:700;font-size:14px;color:white;flex-shrink:0;\r\n}\r\n.d10-chat-header-info strong{display:block;font-size:13px;color:white;font-weight:600;}\r\n.d10-chat-header-info span{font-size:11px;color:#d400a8;}\r\n.d10-close{background:none;border:none;cursor:pointer;color:rgba(255,255,255,.4);padding:4px;display:flex;align-items:center;}\r\n.d10-close:hover{color:white;}\r\n.d10-messages{padding:16px;display:flex;flex-direction:column;gap:10px;}\r\n.d10-bubble{\r\n background:rgba(255,255,255,.06);border-radius:14px 14px 14px 4px;\r\n padding:11px 14px;font-size:13px;color:rgba(255,255,255,.88);\r\n line-height:1.55;border:1px solid rgba(212,0,168,.12);\r\n}\r\n.d10-form{padding:0 16px 16px;display:flex;flex-direction:column;gap:8px;}\r\n.d10-input{\r\n background:#1e002d !important;border:1px solid rgba(212,0,168,.2) !important;\r\n border-radius:10px;padding:10px 13px;color:white !important;\r\n font-family:'Poppins',sans-serif;font-size:13px;outline:none;\r\n transition:border-color .25s,box-shadow .25s;width:100%;box-sizing:border-box;\r\n}\r\n.d10-input::placeholder{color:rgba(255,255,255,.65) !important;}\r\n.d10-input:focus{border-color:#d400a8;box-shadow:0 0 0 3px rgba(212,0,168,.12);}\r\n.d10-send{\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n border:none;border-radius:10px;padding:11px;color:white;\r\n font-family:'Poppins',sans-serif;font-weight:600;font-size:13px;\r\n cursor:pointer;letter-spacing:.5px;transition:opacity .25s,transform .2s;\r\n}\r\n.d10-send:hover{opacity:.88;transform:translateY(-1px);}\r\n.d10-success{padding:16px;text-align:center;display:none;flex-direction:column;align-items:center;gap:8px;}\r\n.d10-success.show{display:flex;}\r\n.d10-success-icon{\r\n width:48px;height:48px;border-radius:50%;\r\n background:linear-gradient(135deg,#d400a8,#7a00aa);\r\n display:flex;align-items:center;justify-content:center;\r\n}\r\n.d10-success-icon svg{width:22px;height:22px;stroke:white;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}\r\n.d10-success p{color:rgba(255,255,255,.7);font-size:13px;margin:0;}\r\n.d10-success strong{color:white;font-size:15px;}\r\n.d10-notify{\r\n position:fixed;bottom:100px;right:96px;\r\n background:#1a0028;border:1px solid rgba(212,0,168,.3);\r\n border-radius:12px;padding:10px 14px;font-size:12.5px;\r\n color:rgba(255,255,255,.85);z-index:9997;max-width:200px;\r\n box-shadow:0 4px 20px rgba(0,0,0,.5);line-height:1.5;\r\n animation:d10fadeIn .4s ease;\r\n}\r\n@keyframes d10fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}\r\n<\/style>\r\n\r\n<div class=\"d10-notify\" id=\"d10Notify\" style=\"display:none\">\r\n \ud83d\udc4b \u00bfTe interesa alguno de nuestros servicios 3D?\r\n<\/div>\r\n\r\n<div class=\"d10-chat-box\" id=\"d10ChatBox\">\r\n <div class=\"d10-chat-header\">\r\n <div class=\"d10-avatar\">D10<\/div>\r\n <div class=\"d10-chat-header-info\">\r\n <strong>Digital 10<\/strong>\r\n <span>\u25cf En l\u00ednea<\/span>\r\n <\/div>\r\n <button class=\"d10-close\" id=\"d10Close\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <div class=\"d10-messages\">\r\n <div class=\"d10-bubble\">\ud83d\udc4b \u00a1Hola! \u00bfTe interesa alguno de nuestros servicios de modelado y render 3D?<br><br>D\u00e9janos tus datos y te contactamos pronto \ud83d\ude80<\/div>\r\n <\/div>\r\n<div class=\"d10-form\" id=\"d10Form\">\r\n <input class=\"d10-input\" id=\"d10Name\" placeholder=\"Nombre completo\" type=\"text\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <input class=\"d10-input\" id=\"d10Email\" placeholder=\"Correo electr\u00f3nico\" type=\"email\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <input class=\"d10-input\" id=\"d10Phone\" placeholder=\"N\u00famero de tel\u00e9fono\" type=\"tel\" inputmode=\"numeric\" pattern=\"[0-9]*\" oninput=\"this.value=this.value.replace(\/[^0-9+]\/g,'')\" style=\"background:#1e002d!important;color:white!important;border:1px solid rgba(212,0,168,.4)!important;font-size:11px!important;\">\r\n <button class=\"d10-send\" id=\"d10Send\">Enviar \u2192<\/button>\r\n<\/div>\r\n <div class=\"d10-success\" id=\"d10Success\">\r\n <div class=\"d10-success-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n <\/div>\r\n <strong>\u00a1Gracias!<\/strong>\r\n <p>Nos pondremos en contacto contigo muy pronto.<\/p>\r\n <\/div>\r\n<\/div>\r\n\r\n<button class=\"d10-chat-btn\" id=\"d10Btn\">\r\n <span id=\"d10BtnIcon\" translate=\"no\">💬<\/span>\r\n<\/button>\r\n\r\n<script>\r\n(function(){\r\n const btn=document.getElementById('d10Btn'),\r\n box=document.getElementById('d10ChatBox'),\r\n close=document.getElementById('d10Close'),\r\n send=document.getElementById('d10Send'),\r\n form=document.getElementById('d10Form'),\r\n success=document.getElementById('d10Success'),\r\n notify=document.getElementById('d10Notify');\r\n let isOpen=false;\r\n\r\n \/\/ Si ya envi\u00f3, no programar notificaciones pero s\u00ed dejar el bot\u00f3n activo\r\n const alreadySent = localStorage.getItem('d10sent')==='1';\r\n if(alreadySent) {\r\n btn.addEventListener('click',()=>toggle(!isOpen));\r\n close.addEventListener('click',()=>toggle(false));\r\n return;\r\n }\r\n\r\n \/\/ Tiempos: 1min \u2192 3min \u2192 5min \u2192 5min \u2192 ...\r\n const intervals=[60000,180000];\r\n const repeat=300000;\r\n\r\n \/\/ Leer estado persistente entre p\u00e1ginas\r\n let count=parseInt(localStorage.getItem('d10count')||'0');\r\n let lastTime=parseInt(localStorage.getItem('d10last')||'0');\r\n const now=Date.now();\r\n\r\n function showNotify(){\r\n if(isOpen) return;\r\n notify.style.display='block';\r\n count++;\r\n localStorage.setItem('d10count', count);\r\n localStorage.setItem('d10last', Date.now());\r\n }\r\n\r\n function schedule(){\r\n if(localStorage.getItem('d10sent')==='1') return;\r\n const delay=count<intervals.length?intervals[count]:repeat;\r\n \/\/ Si ya pas\u00f3 parte del tiempo en otra p\u00e1gina, descontar lo que falta\r\n const elapsed = lastTime ? Math.max(0, Date.now()-lastTime) : 0;\r\n const remaining = Math.max(0, delay - elapsed);\r\n setTimeout(()=>{\r\n if(localStorage.getItem('d10sent')==='1') return;\r\n showNotify();\r\n schedule();\r\n }, remaining);\r\n }\r\n\r\n schedule();\r\n\r\n function toggle(state){\r\n isOpen=state;\r\n box.classList.toggle('open',isOpen);\r\n notify.style.display='none';\r\n document.getElementById('d10BtnIcon').innerHTML = isOpen\r\n ? '<svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>'\r\n : String.fromCodePoint(0x1F4AC);\r\n }\r\n btn.addEventListener('click',()=>toggle(!isOpen));\r\n close.addEventListener('click',()=>toggle(false));\r\n\r\n send.addEventListener('click',async()=>{\r\n const name=document.getElementById('d10Name').value.trim();\r\n const email=document.getElementById('d10Email').value.trim();\r\n const phone=document.getElementById('d10Phone').value.trim();\r\n if(!name||!email) return;\r\n try {\r\n await fetch('https:\/\/digital10post.com\/wp-json\/d10\/v1\/contact',{\r\n method:'POST',\r\n headers:{'Content-Type':'application\/json'},\r\n body:JSON.stringify({from_name:name,from_email:email,phone:phone||'\u2014',message:'Lead desde chatbot'})\r\n });\r\n } catch(e){}\r\n localStorage.setItem('d10sent','1');\r\n form.style.display='none';\r\n success.classList.add('show');\r\n setTimeout(()=>toggle(false),3500);\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital 10 | Estudio 3D Inicio Servicios Proyectos Acerca Contacto ES | EN Donde las ideas se Renderizan Lo que […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-302","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia<\/title>\n<meta name=\"description\" content=\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digital10post.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia\" \/>\n<meta property=\"og:description\" content=\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digital10post.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital 10 | Estudio de Modelado y Render 3D\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-18T22:43:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"name\":\"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"datePublished\":\"2026-03-09T22:55:27+00:00\",\"dateModified\":\"2026-06-18T22:43:40+00:00\",\"description\":\"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/digital10post.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"contentUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/digital10post.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#website\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"name\":\"Digital 10 | Estudio de Modelado y Render 3D\",\"description\":\"Estudio especializado en modelado 3D, render y animaci\u00f3n para proyectos digitales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/digital10post.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#organization\",\"name\":\"Digital 10 | Estudio de Modelado y Render 3D\",\"url\":\"https:\\\/\\\/digital10post.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/digital10post.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"contentUrl\":\"https:\\\/\\\/digital10post.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/LOGOTIPO_DIGITAL_EDITABLE.png\",\"width\":2573,\"height\":858,\"caption\":\"Digital 10 | Estudio de Modelado y Render 3D\"},\"image\":{\"@id\":\"https:\\\/\\\/digital10post.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digital10post.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","og_description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","og_url":"https:\/\/digital10post.com\/en\/","og_site_name":"Digital 10 | Estudio de Modelado y Render 3D","article_modified_time":"2026-06-18T22:43:40+00:00","og_image":[{"url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/digital10post.com\/","url":"https:\/\/digital10post.com\/","name":"Digital 10 | Estudio de Modelado y Animaci\u00f3n 3D en Colombia","isPartOf":{"@id":"https:\/\/digital10post.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digital10post.com\/#primaryimage"},"image":{"@id":"https:\/\/digital10post.com\/#primaryimage"},"thumbnailUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","datePublished":"2026-03-09T22:55:27+00:00","dateModified":"2026-06-18T22:43:40+00:00","description":"Estudio 3D colombiano especializado en modelado de personajes, entornos, videojuegos y marketing. Cotiza tu proyecto.","breadcrumb":{"@id":"https:\/\/digital10post.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digital10post.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital10post.com\/#primaryimage","url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","contentUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png"},{"@type":"BreadcrumbList","@id":"https:\/\/digital10post.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digital10post.com\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/digital10post.com\/#website","url":"https:\/\/digital10post.com\/","name":"Digital 10 | Estudio de Modelado y Render 3D","description":"Estudio especializado en modelado 3D, render y animaci\u00f3n para proyectos digitales.","publisher":{"@id":"https:\/\/digital10post.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digital10post.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digital10post.com\/#organization","name":"Digital 10 | Estudio de Modelado y Render 3D","url":"https:\/\/digital10post.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digital10post.com\/#\/schema\/logo\/image\/","url":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","contentUrl":"https:\/\/digital10post.com\/wp-content\/uploads\/2025\/03\/LOGOTIPO_DIGITAL_EDITABLE.png","width":2573,"height":858,"caption":"Digital 10 | Estudio de Modelado y Render 3D"},"image":{"@id":"https:\/\/digital10post.com\/#\/schema\/logo\/image\/"}}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"17550pwpadmin","author_link":"https:\/\/digital10post.com\/en\/author\/17550pwpadmin\/"},"uagb_comment_info":0,"uagb_excerpt":"Digital 10 | Estudio 3D Inicio Servicios Proyectos Acerca Contacto ES | EN Donde las ideas se Renderizan Lo que […]","_links":{"self":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/comments?post=302"}],"version-history":[{"count":606,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302\/revisions"}],"predecessor-version":[{"id":2049,"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/pages\/302\/revisions\/2049"}],"wp:attachment":[{"href":"https:\/\/digital10post.com\/en\/wp-json\/wp\/v2\/media?parent=302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}