@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;}}
SANTILLANO
Contacto
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.
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
Autenticidad
Emoción
Detalle
Capturo la verdad de cada momento. Sin poses forzadas, sin artificios. Solo luz, sujeto y el instante exacto que nunca volverá.
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
VocesReales
“
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
“
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 HISTORIAMERECE 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();
}
})();