Presentación

@import url(‘https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;600;700&family=Sora:wght@300;400;600;700;800&display=swap’); html,body{background:#060606!important;margin:0!important;padding:0!important;overflow-x:hidden!important;color:#fff;font-family:’Sora’,sans-serif;} body.admin-bar #slp-nav{top:32px!important;}@media screen and (max-width:782px){body.admin-bar #slp-nav{top:46px!important;}} .entry-content,.ast-container,.site-content{max-width:100%!important;padding:0!important;margin:0!important;} #ast-scroll-top,.ast-breadcrumbs-wrapper,.post-navigation,.page-links{display:none!important;} #slp-grain{position:fixed;inset:0;z-index:9000;pointer-events:none;background-image:url(«data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’%3E%3Cfilter id=’n’%3E%3CfeTurbulence type=’fractalNoise’ baseFrequency=’0.85′ numOctaves=’4′ stitchTiles=’stitch’/%3E%3C/filter%3E%3Crect width=’100%25′ height=’100%25′ filter=’url(%23n)’ opacity=’1’/%3E%3C/svg%3E»);opacity:0.045;} #slp-page{overflow-x:hidden;} .t-outline{-webkit-text-stroke:2px #fff;color:transparent;} #slp-nav{position:fixed;top:0;left:0;right:0;z-index:5000;padding:20px 56px;display:flex;justify-content:space-between;align-items:center;transition:background .3s,backdrop-filter .3s;} #slp-nav a{text-decoration:none;} .slp-logo{font-family:’Oswald’,sans-serif;font-size:20px;letter-spacing:.2em;text-transform:uppercase;color:#fff;} .slp-logo span{color:#ff003c;} .slp-nav-links{display:flex;gap:36px;font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.25em;} .slp-nav-links a{color:#666;transition:color .2s;} .slp-nav-links a:hover{color:#fff;} .slp-nav-cta{font-family:’Oswald’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.3em;padding:12px 24px;border:1px solid #ff003c;color:#ff003c;transition:all .3s;} .slp-nav-cta:hover{background:#ff003c;color:#fff;} @media(max-width:768px){#slp-nav{padding:16px 24px;}.slp-nav-links{display:none;}} #slp-hero{position:relative;display:flex;min-height:100vh;overflow:hidden;background:#060606;} .slp-hero-left{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;padding:128px 64px 80px;background:#060606;width:58%;flex-shrink:0;clip-path:polygon(0 0,100% 0,93% 100%,0 100%);} .slp-panels{display:flex;gap:6px;position:absolute;right:0;top:0;bottom:0;width:45%;overflow:hidden;background:#0a0a0a;padding:6px;} .slp-panel{flex:1;overflow:hidden;position:relative;} .slp-panel img{width:100%;height:115%;object-fit:cover;display:block;} .slp-panel-2{margin-top:64px;} .slp-p3-ov{position:absolute;inset:0;background:rgba(255,0,60,.15);mix-blend-mode:multiply;} .slp-panel-fl{position:absolute;left:0;top:0;bottom:0;width:64px;background:linear-gradient(to right,#060606,transparent);z-index:10;pointer-events:none;} .slp-hero-fade{position:absolute;bottom:0;left:0;right:0;height:112px;background:linear-gradient(to top,#060606,transparent);z-index:20;pointer-events:none;} #slp-h-eye{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.45em;color:#ff003c;margin-bottom:32px;opacity:0;} .slp-h1{font-family:’Oswald’,sans-serif;font-size:clamp(72px,9.5vw,155px);line-height:.88;text-transform:uppercase;font-weight:700;margin:0;padding:0;} .slp-h1-line{display:block;overflow:hidden;} .slp-h1-line span{display:inline-block;} #slp-h-sub{font-family:’Sora’,sans-serif;font-size:17px;color:#777;max-width:290px;margin-top:40px;line-height:1.7;opacity:0;} #slp-h-cta{margin-top:40px;opacity:0;} #slp-h-cta a{display:inline-block;font-family:’Oswald’,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.3em;background:#ff003c;color:#fff;padding:16px 48px;font-weight:600;text-decoration:none;transition:all .3s;} #slp-h-cta a:hover{background:#fff;color:#000;} #slp-h-stats{margin-top:64px;display:flex;gap:56px;opacity:0;} .slp-stat-num{font-family:’Oswald’,sans-serif;font-size:40px;font-weight:700;line-height:1;color:#fff;} .slp-stat-red{color:#ff003c!important;} .slp-stat-label{font-family:’Sora’,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#555;margin-top:6px;} .slp-scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;} .slp-scroll-cue span{font-family:’Sora’,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.5em;color:#888;} .slp-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#888,transparent);} @media(max-width:768px){.slp-hero-left{width:100%;padding:100px 24px 80px;clip-path:none;}.slp-panels{display:none;}} #slp-marquee{padding:20px 0;background:#ff003c;overflow:hidden;user-select:none;} .slp-marquee-wrap{overflow:hidden;} .slp-marquee-track{display:flex;width:max-content;} .slp-m-inner{display:flex;align-items:center;} .slp-mitem{font-family:’Oswald’,sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#000;white-space:nowrap;padding:0 56px;} .slp-msep{font-family:’Oswald’,sans-serif;font-size:20px;color:rgba(0,0,0,.28);padding:0 12px;} .slp-mstat{font-family:’Oswald’,sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#fff;background:#000;white-space:nowrap;padding:4px 40px;} #slp-spotlight{padding:112px 64px;background:#060606;position:relative;overflow:hidden;} #slp-spotlight-inner{max-width:1280px;margin:0 auto;} .slp-s-eye{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.45em;color:#ff003c;margin-bottom:64px;opacity:0;} .slp-spotlight-wrap{display:flex;gap:64px;} .slp-tabs-col{flex-shrink:0;width:256px;} .slp-tab{font-family:’Oswald’,sans-serif;font-size:32px;text-transform:uppercase;font-weight:700;cursor:pointer;display:flex;align-items:center;margin-bottom:32px;background:none;border:none;color:#555;transition:color .3s;padding:0;} .slp-tab.active{color:#ff003c;} .slp-tab-dash{display:none;width:18px;height:2px;background:#ff003c;margin-right:10px;flex-shrink:0;} .slp-tab.active .slp-tab-dash{display:inline-block;} .slp-tab-divider{width:40px;height:1px;background:#ff003c;margin:40px 0 20px;} #slp-tab-desc{font-family:’Sora’,sans-serif;font-size:14px;color:#666;line-height:1.8;max-width:260px;} .slp-stage{flex:1;position:relative;min-height:520px;overflow:hidden;} .slp-content{position:absolute;inset:0;} .slp-content img{width:100%;height:100%;object-fit:cover;display:block;} .slp-content-grad{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,6,6,.75),rgba(6,6,6,.2),transparent);} .slp-content-label{position:absolute;bottom:32px;left:32px;font-family:’Oswald’,sans-serif;font-size:90px;font-weight:700;color:rgba(255,255,255,.07);text-transform:uppercase;line-height:1;user-select:none;} .slp-stage-bar{position:absolute;top:0;left:0;width:4px;height:100%;background:#ff003c;z-index:10;} @media(max-width:768px){#slp-spotlight{padding:80px 24px;}.slp-spotlight-wrap{flex-direction:column;}.slp-tabs-col{width:100%;}.slp-stage{min-height:320px;}} #slp-proceso{background:#070707;} .slp-tl-header{padding:80px 64px 0;max-width:1280px;margin:0 auto;} .slp-tl-eye{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.45em;color:#ff003c;margin-bottom:16px;opacity:0;} .slp-tl-h2{font-family:’Oswald’,sans-serif;font-size:clamp(48px,6vw,96px);text-transform:uppercase;font-weight:700;line-height:.9;opacity:0;color:#fff;margin:0;} #slp-tl-outer{overflow:hidden;margin-top:48px;} #slp-tl-inner{display:flex;} .slp-step{flex-shrink:0;min-width:35vw;padding:80px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;border-right:1px solid #1a1a1a;} .slp-step:last-child{border-right:none;} .slp-step-icon{margin-bottom:48px;} .slp-step-big{font-family:’Oswald’,sans-serif;font-size:130px;font-weight:700;color:rgba(255,255,255,.06);line-height:1;position:absolute;top:24px;right:24px;user-select:none;} .slp-step h3{font-family:’Oswald’,sans-serif;font-size:38px;text-transform:uppercase;font-weight:700;color:#fff;margin-bottom:16px;margin-top:0;} .slp-step p{font-family:’Sora’,sans-serif;font-size:14px;color:#555;line-height:1.8;max-width:260px;margin:0;} .slp-step-cta{margin-top:40px;font-family:’Oswald’,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.3em;border:1px solid #ff003c;color:#ff003c;padding:12px 28px;display:inline-block;text-decoration:none;transition:all .3s;} .slp-step-cta:hover{background:#ff003c;color:#fff;} .slp-rings{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;} .slp-ring-dot{width:14px;height:14px;background:#ff003c;border-radius:50%;position:relative;z-index:2;flex-shrink:0;} .slp-ring-anim{position:absolute;border-radius:50%;border:1.5px solid #ff003c;top:50%;left:50%;transform:translate(-50%,-50%);} @keyframes slpRingExpand{0%{width:14px;height:14px;opacity:.9;}100%{width:76px;height:76px;opacity:0;}} .slp-ring-anim{animation:slpRingExpand 2s ease-out infinite;} .slp-ring-anim.d1{animation-delay:0s;}.slp-ring-anim.d2{animation-delay:.6s;}.slp-ring-anim.d3{animation-delay:1.2s;} .slp-scanline{width:80px;height:80px;border:1px solid rgba(255,0,60,.4);position:relative;overflow:hidden;} .slp-scanline::before{content:»;position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 5px,rgba(255,0,60,.12) 5px,rgba(255,0,60,.12) 6px);} .slp-scanline-h{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,0,60,.6);} .slp-scanline-v{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,0,60,.6);} .slp-wave-wrap{display:flex;align-items:flex-end;gap:4px;height:80px;width:80px;} .slp-wbar{width:8px;background:#ff003c;border-radius:2px;flex-shrink:0;transform-origin:center bottom;} @keyframes slpWave{0%,100%{transform:scaleY(.4);}50%{transform:scaleY(1);}} .slp-wbar{animation:slpWave 1.2s ease-in-out infinite;} .slp-wbar.h1{height:12px;animation-delay:0s;}.slp-wbar.h2{height:20px;animation-delay:.1s;}.slp-wbar.h3{height:36px;animation-delay:.2s;}.slp-wbar.h4{height:56px;animation-delay:.3s;}.slp-wbar.h5{height:64px;animation-delay:.4s;}.slp-wbar.h6{height:48px;animation-delay:.5s;}.slp-wbar.h7{height:28px;animation-delay:.6s;}.slp-wbar.h8{height:16px;animation-delay:.7s;} .slp-diamond-wrap{width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center;} .slp-diamond-outer{position:absolute;width:64px;height:64px;border:1.5px solid #ff003c;transform:rotate(45deg);} .slp-diamond-inner{width:28px;height:28px;background:#ff003c;transform:rotate(45deg);} @media(max-width:768px){#slp-tl-inner{flex-direction:column;}.slp-step{min-width:100%;border-right:none;border-bottom:1px solid #1a1a1a;padding:56px 24px;}.slp-tl-header{padding:56px 24px 0;}} #slp-wall{padding:112px 64px;background:#060606;} #slp-wall-inner{max-width:1280px;margin:0 auto;} .slp-w-eye{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.45em;color:#ff003c;margin-bottom:16px;opacity:0;} .slp-w-h2{font-family:’Oswald’,sans-serif;font-size:clamp(48px,6vw,96px);text-transform:uppercase;font-weight:700;line-height:.9;margin-bottom:64px;opacity:0;color:#fff;margin-top:0;} #slp-proof-grid{columns:1;gap:16px;} @media(min-width:768px){#slp-proof-grid{columns:2;}} @media(min-width:1024px){#slp-proof-grid{columns:3;}} .slp-tile{break-inside:avoid;margin-bottom:16px;padding:32px;transition:transform .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s;opacity:0;} .slp-tile:hover{transform:rotate(-1.5deg) translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,.6);} .slp-tile-dark{background:#111;border:1px solid #1f1f1f;} .slp-tile-dark:hover{border-color:rgba(255,0,60,.45);} .slp-tile-red{background:#ff003c;} .slp-tile-meta{background:#0d0d0d;border:1px solid rgba(255,255,255,.07);} .slp-quote{font-family:’Oswald’,sans-serif;font-size:48px;color:#ff003c;line-height:1;margin-bottom:16px;} .slp-tile-text{font-family:’Sora’,sans-serif;font-size:15px;color:#bbb;line-height:1.75;margin-bottom:24px;} .slp-author{display:flex;align-items:center;gap:12px;} .slp-author-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,0,60,.15);display:flex;align-items:center;justify-content:center;font-family:’Oswald’,sans-serif;font-weight:700;color:#ff003c;font-size:14px;flex-shrink:0;} .slp-author-name{font-family:’Oswald’,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff;} .slp-author-role{font-family:’Sora’,sans-serif;font-size:11px;color:#444;margin-top:2px;} .slp-stat-big{font-family:’Oswald’,sans-serif;font-size:80px;font-weight:700;color:#fff;line-height:1;} .slp-stat-sub{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.35em;color:rgba(255,255,255,.5);margin-top:8px;} .slp-tags-title{font-family:’Sora’,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.4em;color:#ff003c;margin-bottom:20px;} .slp-tags{display:flex;flex-wrap:wrap;gap:8px;} .slp-tag{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #2a2a2a;color:#555;padding:6px 12px;cursor:default;transition:all .3s;} .slp-tag:hover{border-color:#ff003c;color:#fff;} @media(max-width:768px){#slp-wall{padding:80px 24px;}} #slp-cta{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;} .slp-cta-bg{position:absolute;inset:0;background:#030303;} .slp-cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 50%,rgba(255,0,60,.18) 0%,transparent 55%),radial-gradient(ellipse at 75% 50%,rgba(255,0,60,.10) 0%,transparent 50%);} @keyframes slpSweep{0%{transform:translateX(-200%) skewX(-20deg);}100%{transform:translateX(500%) skewX(-20deg);}} .slp-sweep{position:absolute;top:0;bottom:0;width:112px;background:linear-gradient(to right,transparent,rgba(255,255,255,.06),transparent);animation:slpSweep 5s ease-in-out infinite 1s;pointer-events:none;} .slp-cta-content{position:relative;z-index:10;text-align:center;padding:0 24px;max-width:900px;} .slp-cta-eye{font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.5em;color:#ff003c;margin-bottom:40px;opacity:0;} .slp-cta-h2{font-family:’Oswald’,sans-serif;font-size:clamp(52px,8.5vw,128px);text-transform:uppercase;font-weight:700;line-height:.88;opacity:0;color:#fff;margin:0;} .slp-cta-sub{font-family:’Sora’,sans-serif;font-size:18px;color:#555;margin:40px auto 56px;max-width:340px;line-height:1.7;opacity:0;} .slp-cta-btn{opacity:0;} .slp-cta-btn a{display:inline-block;font-family:’Oswald’,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.35em;background:#ff003c;color:#fff;padding:20px 64px;font-weight:700;text-decoration:none;transition:all .3s;} .slp-cta-btn a:hover{background:#fff;color:#000;} #slp-footer{padding:32px 64px;border-top:1px solid rgba(255,255,255,.06);background:#030303;} #slp-footer-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;} .slp-f-logo{font-family:’Oswald’,sans-serif;font-size:16px;letter-spacing:.25em;text-transform:uppercase;color:#fff;} .slp-f-logo span{color:#ff003c;} .slp-f-links{display:flex;gap:32px;font-family:’Sora’,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.25em;} .slp-f-links a{color:#444;text-decoration:none;transition:color .2s;} .slp-f-links a:hover{color:#fff;} .slp-f-status{display:flex;align-items:center;gap:8px;font-family:’Sora’,sans-serif;font-size:11px;color:#444;} @keyframes slpStatusPulse{0%,100%{opacity:1;}50%{opacity:.3;}} .slp-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:slpStatusPulse 2s ease-in-out infinite;} @media(max-width:768px){#slp-footer{padding:24px;}}
Fotografía de Autor · Buenos Aires

CAPTURA LA ESENCIA

Fotografía que va más allá de la imagen.
Autenticidad, emoción y detalle en cada disparo.

+120
Proyectos
8
Años
Historias
Portrait
Portrait
Camera
Scroll
AUTENTICIDAD EMOCIÓN DETALLE +120 PROYECTOS CADA DISPARO IMPORTA FOTOGRAFÍA DE AUTOR AUTENTICIDAD EMOCIÓN DETALLE +120 PROYECTOS CADA DISPARO IMPORTA FOTOGRAFÍA DE AUTOR
Mi enfoque

Capturo la verdad de cada momento. Sin poses forzadas, sin artificios. Solo luz, sujeto y el instante exacto que nunca volverá.

Autenticidad
Emoción
Detalle
El proceso

Cómo
Trabajamos

01

El Encuentro

Nos conocemos, hablamos de tu historia, tus ideas, tu visión. El trabajo comienza antes de levantar la cámara.

02

La Captura

En el campo, en el estudio, en la calle. Donde sea que viva tu historia, ahí estamos — atentos a cada instante real.

03

El Proceso

Cada imagen pasa por una edición personalizada. Color, contraste, atmósfera. El detalle que transforma una foto en arte.

04

La Entrega

Galería privada en alta resolución. Tu historia, lista para vivir siempre. Entregada en 7 días hábiles.

Empezar →
Lo que dicen

Voces
Reales

Santi tiene una manera de hacer que te olvides de la cámara. Las fotos de mi boda son absolutamente mágicas. No podría haber pedido más.

M
María G.
Sesión de boda · 2024
+120
proyectos completados

Las fotos corporativas que hizo para nuestra empresa superaron todas las expectativas. Profesionalismo total y una mirada artística única.

C
Carlos R.
Fotografía corporativa · 2024

Nuestra sesión de familia fue una experiencia increíble. Natural, divertida. Y las fotos son exactamente cómo somos nosotros.

A
Ana & Pablo S.
Sesión familiar · 2023
Especialidades
BodasRetratosCorporativoEditorialFamiliaProducto

Lo contraté para mi portafolio como modelo y fue exactamente lo que necesitaba. Sabe dirigir y capturar a la vez. Talento puro.

L
Laura V.
Sesión de moda · 2024
Tu historia espera

TU HISTORIA
MERECE SER
CONTADA

Cada imagen tiene el poder de parar el tiempo.
Trabajemos juntos.

(function(){ function slpInit(){ if(typeof gsap === ‘undefined’){ setTimeout(slpInit,100); return; } if(typeof ScrollTrigger === ‘undefined’){ setTimeout(slpInit,100); return; } gsap.registerPlugin(ScrollTrigger); var ctx = gsap.context(function(){ ScrollTrigger.create({ start:’80px top’, onEnter:function(){ gsap.to(‘#slp-nav’,{backgroundColor:’rgba(6,6,6,.96)’,backdropFilter:’blur(12px)’,duration:.4}); }, onLeaveBack:function(){ gsap.to(‘#slp-nav’,{backgroundColor:’transparent’,backdropFilter:’blur(0px)’,duration:.4}); } }); var heroTl = gsap.timeline({delay:.2}); heroTl .to(‘#slp-h-eye’,{opacity:1,duration:.6,ease:’power3.out’},0) .from(‘.slp-h1-line span’,{y:’110%’,duration:.9,stagger:.1,ease:’power4.out’},0.15) .to(‘#slp-h-sub’,{opacity:1,duration:.6,ease:’power2.out’},.7) .to(‘#slp-h-cta’,{opacity:1,duration:.5,ease:’back.out(2)’},.85) .to(‘#slp-h-stats’,{opacity:1,duration:.5,ease:’power2.out’},1.0); gsap.from(‘.slp-panel’,{x:90,opacity:0,duration:1.1,stagger:.14,ease:’power4.out’,delay:.3}); gsap.utils.toArray(‘.slp-panel’).forEach(function(el,i){ gsap.to(el,{y:(i+1)*-50,ease:’none’,scrollTrigger:{trigger:’#slp-hero’,start:’top top’,end:’bottom top’,scrub:true}}); }); var mTween = gsap.to(‘#slp-marquee-track’,{x:’-50%’,duration:28,ease:’none’,repeat:-1}); var mt = document.getElementById(‘slp-marquee-track’); if(mt){ mt.addEventListener(‘mouseenter’,function(){ gsap.to(mTween,{timeScale:0,duration:.5,overwrite:true}); }); mt.addEventListener(‘mouseleave’,function(){ gsap.to(mTween,{timeScale:1,duration:.5,overwrite:true}); }); } gsap.from(‘.slp-s-eye’,{scrollTrigger:{trigger:’#slp-spotlight’,start:’top 82%’},y:16,opacity:0,duration:.5}); gsap.from(‘.slp-tab’,{scrollTrigger:{trigger:’#slp-spotlight’,start:’top 78%’},x:-24,opacity:0,duration:.6,stagger:.08,ease:’power3.out’}); gsap.from(‘#slp-stage’,{scrollTrigger:{trigger:’#slp-spotlight’,start:’top 72%’},x:36,opacity:0,duration:.9,ease:’power3.out’}); var tabDescs=[ ‘Capturo la verdad de cada momento. Sin poses forzadas, sin artificios. Solo luz, sujeto y el instante exacto que nunca volveru00e1.’, ‘La fotografu00eda que te hace sentir. Un beso, una lu00e1grima de alegru00eda, la carcajada espontu00e1nea. Las emociones mu00e1s reales son las que no se ensayan.’, ‘El rizo de cabello, la textura de la tela, el reflejo en los ojos. En los pequeu00f1os detalles estu00e1 el alma de cada imagen.’ ]; document.querySelectorAll(‘.slp-tab’).forEach(function(tab){ tab.addEventListener(‘click’,function(){ var t=parseInt(tab.dataset.tab); document.querySelectorAll(‘.slp-tab’).forEach(function(x){ x.classList.remove(‘active’); }); tab.classList.add(‘active’); var d=document.getElementById(‘slp-tab-desc’); if(d) d.textContent=tabDescs[t]; document.querySelectorAll(‘.slp-content’).forEach(function(el){ gsap.to(el,{opacity:0,duration:.25,ease:’power2.in’}); }); var next=document.querySelector(‘.slp-content[data-content=»‘+t+'»]’); if(next) gsap.fromTo(next,{opacity:0,clipPath:’inset(0 100% 0 0)’},{opacity:1,clipPath:’inset(0 0% 0 0)’,duration:.55,ease:’power3.out’,delay:.2}); }); }); gsap.from(‘.slp-tl-eye’,{scrollTrigger:{trigger:’#slp-proceso’,start:’top 82%’},y:16,opacity:0,duration:.5}); gsap.from(‘.slp-tl-h2′,{scrollTrigger:{trigger:’#slp-proceso’,start:’top 78%’},y:40,opacity:0,duration:.75,ease:’power4.out’}); if(window.innerWidth > 767){ var inner=document.getElementById(‘slp-tl-inner’); var outer=document.getElementById(‘slp-tl-outer’); if(inner){ if(outer){ var shift=inner.scrollWidth – window.innerWidth; if(shift > 0){ gsap.to(inner,{x:-shift,ease:’none’,scrollTrigger:{trigger:outer,start:’top top’,end:’+=’+shift,pin:true,scrub:1,anticipatePin:1,invalidateOnRefresh:true}}); } } } } gsap.from(‘.slp-w-eye’,{scrollTrigger:{trigger:’#slp-wall’,start:’top 85%’},y:16,opacity:0,duration:.5}); gsap.from(‘.slp-w-h2′,{scrollTrigger:{trigger:’#slp-wall’,start:’top 82%’},y:36,opacity:0,duration:.7,ease:’power4.out’}); gsap.from(‘.slp-tile’,{scrollTrigger:{trigger:’#slp-proof-grid’,start:’top 80%’},y:56,opacity:0,duration:.65,stagger:.09,ease:’power3.out’}); gsap.from(‘.slp-cta-eye’,{scrollTrigger:{trigger:’#slp-cta’,start:’top 82%’},y:16,opacity:0,duration:.5}); gsap.from(‘.slp-cta-h2′,{scrollTrigger:{trigger:’#slp-cta’,start:’top 78%’},y:60,opacity:0,duration:.9,ease:’power4.out’}); gsap.from(‘.slp-cta-sub’,{scrollTrigger:{trigger:’#slp-cta’,start:’top 72%’},y:20,opacity:0,duration:.6,delay:.15}); gsap.from(‘.slp-cta-btn’,{scrollTrigger:{trigger:’#slp-cta’,start:’top 68%’},scale:.94,opacity:0,duration:.5,ease:’back.out(2)’,delay:.25}); }, ‘#slp-page’); window.addEventListener(‘load’,function(){ ScrollTrigger.refresh(); }); window.addEventListener(‘beforeunload’,function(){ ctx.revert(); }); } if(document.readyState === ‘loading’){ document.addEventListener(‘DOMContentLoaded’, slpInit); } else { slpInit(); } })();
Scroll al inicio