@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--cream:#f6eee5;--ink:#2d2222;--wine:#5e3037;--coral:#d97961;--gold:#e4b66f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#201719;color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}body::selection{background:#e4b66f;color:#271b1c}
#loader{position:fixed;inset:0;z-index:100;display:grid;place-content:center;text-align:center;background:#f7efe6;color:#493132;transition:1s}#loader.hide{opacity:0;visibility:hidden}#loader img{width:210px;margin:auto}#loader p{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase}
#wind{position:fixed;inset:0;z-index:20;pointer-events:none;mix-blend-mode:screen;opacity:.72}
header{position:fixed;z-index:30;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;transition:.4s}header.scrolled{background:rgba(30,21,23,.65);backdrop-filter:blur(14px)}header a{color:#fff;text-decoration:none;font-size:.82rem}.brand{display:flex;align-items:center;gap:10px}.brand img{width:60px}.brand b{font-family:"Italiana",serif;font-size:1.18rem}
.scene{position:relative;min-height:100vh;overflow:hidden}.photo{position:absolute;inset:0;background-size:cover;background-position:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,15,16,.86),rgba(24,15,16,.35) 55%,rgba(24,15,16,.25))}
.hero{min-height:120vh}.hero-photo{background-image:url('assets/hero.jpg');background-position:center 36%}.copy{position:relative;z-index:3}.hero-copy{max-width:760px;padding:25vh 0 10vh 7vw}.copy>span,.flow-copy>span,.app-copy>span,.final-copy>span{font-size:.68rem;letter-spacing:.23em;color:#efb293;font-weight:600}.hero h1,h2{font-family:"Italiana",serif;font-weight:400;line-height:.92;letter-spacing:-.045em;margin:25px 0}.hero h1{font-size:clamp(4.5rem,9vw,10.5rem)}em{color:#eda184;font-style:normal}.hero p,.copy p,.app-copy p{font-size:1.05rem;line-height:1.75;max-width:560px;color:rgba(255,255,255,.72)}.discover{display:inline-flex;align-items:center;gap:15px;margin-top:25px;color:#fff;text-decoration:none}.discover i{width:64px;height:1px;background:#fff;position:relative}.discover i:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(-45deg)}
.rai{position:absolute;pointer-events:none;filter:drop-shadow(0 20px 45px rgba(255,255,255,.1))}.rai-hero{right:-5%;top:8%;width:72vw;opacity:.58;animation:float 10s ease-in-out infinite}@keyframes float{50%{transform:translate(-28px,-20px) scale(1.025)}}
.dark{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#875955 0,#4b3034 45%,#211719 100%);text-align:center;padding:120px 6vw}.center{z-index:3;max-width:1050px}.whisper{font-family:"Italiana",serif;font-size:1.2rem;color:#d9c9c1}.question h2{font-size:clamp(4rem,9vw,10rem)}.question p{color:#d8c2b8}.choices{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:38px}.choices button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.07);color:#fff;padding:14px 22px;border-radius:99px;font:500 1rem "DM Sans";cursor:pointer;transition:.3s}.choices button:hover,.choices button.active{background:#fff;color:#4b3034;transform:translateY(-4px)}.rai-question{width:92vw;left:4%;top:5%;opacity:.25}
.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:#e8c2aa;color:#342424}.split .photo{position:relative;min-height:100vh}.album-photo{background-image:url('assets/album.jpg')}.split .copy{padding:10vw 7vw}.split h2{font-size:clamp(3.8rem,7vw,8rem)}.split .copy p{color:#6d5148}.split .copy>span{color:#9e4f41}
.cinematic{min-height:120vh;display:flex;align-items:flex-end}.family-photo{background-image:url('assets/family.jpg');background-position:center}.cinematic .shade{background:linear-gradient(0deg,rgba(25,16,16,.9),rgba(25,16,16,.08) 70%)}.giant{position:relative;z-index:3;padding:0 7vw 9vh}.giant p{font-size:1.2rem}.giant h2{font-size:clamp(5rem,11vw,13rem);margin:10px 0}
.flow{min-height:160vh;background:linear-gradient(180deg,#24191b,#63363c 55%,#d08169);padding:14vh 7vw}.flow-copy{position:sticky;top:20vh;width:45%;z-index:3}.flow-copy h2{font-size:clamp(4.5rem,8vw,9rem)}.steps{margin-left:55%;display:grid;gap:26vh;padding-top:15vh;padding-bottom:25vh;position:relative;z-index:3}.steps article{border-top:1px solid rgba(255,255,255,.25);padding-top:24px}.steps b{color:#e8a487;font-size:.75rem}.steps h3{font-family:"Italiana",serif;font-size:3rem;margin:12px 0}.steps p{color:#e1c8bf;line-height:1.65}.rai-flow{width:120vw;left:-15%;top:22%;opacity:.24}
.gift-scene{min-height:120vh;display:flex;align-items:center}.gift-photo{background-image:url('assets/gift.jpg')}.gift-scene .copy{padding-left:7vw;max-width:850px}.gift-scene h2{font-size:clamp(4rem,8vw,9rem)}
.app{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:15vh 8vw;background:radial-gradient(circle at 72% 35%,#f0b69c,#cf816d 45%,#63353b);min-height:120vh}.app-copy h2{font-size:clamp(4rem,7vw,8rem)}.phone{width:min(520px,90vw);margin:auto;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);backdrop-filter:blur(22px);border-radius:38px;padding:28px;box-shadow:0 50px 100px rgba(25,15,16,.34)}.phone-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:20px}.phone-top img{width:90px}.chat{padding:35px 0;display:flex;flex-direction:column;gap:18px}.chat p{padding:17px 19px;border-radius:19px;max-width:82%;line-height:1.55;margin:0}.rai-msg{background:#f8eee7;color:#4c3333;border-bottom-left-radius:4px}.user-msg{background:#563039;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.typing{display:flex;gap:6px}.typing i{width:7px;height:7px;background:#fff;border-radius:50%;animation:dot 1s infinite alternate}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes dot{to{transform:translateY(-7px);opacity:.3}}
.finale{min-height:125vh;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 42%,#b76e60,#63333a 38%,#1d1517 78%)}.door{position:absolute;width:420px;height:82vh;top:7%;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#ffe8bf,white,#ffe8bf,transparent);clip-path:polygon(34% 100%,66% 100%,58% 0,42% 0);filter:blur(14px);opacity:.42}.rai-final{width:100vw;left:0;top:4%;opacity:.3}.final-copy{z-index:3}.final-copy>img{display:block;width:280px;margin:35px auto 10px;filter:brightness(0) invert(1)}.final-copy h2{font-size:clamp(5rem,10vw,11rem);margin:0}.final-copy p{font-family:"Italiana",serif;font-size:1.5rem;color:#efd0c5}.final-copy a{display:inline-block;margin-top:28px;background:#fff3e7;color:#5d3036;text-decoration:none;padding:16px 25px;border-radius:99px;font-weight:600}
footer{display:flex;justify-content:space-between;align-items:flex-end;padding:55px 6vw;background:#181113;color:#bcaeaa;font-size:.78rem}footer>div{display:flex;flex-direction:column;gap:8px}footer b{font-family:"Italiana",serif;font-size:1.4rem;color:#fff}.signature{text-align:right}.signature img{width:210px}.reveal{opacity:0;transform:translateY(45px);transition:1.1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.split,.app{grid-template-columns:1fr}.split .photo{min-height:70vh}.flow-copy{position:relative;top:auto;width:100%}.steps{margin-left:0;padding-top:12vh;gap:10vh}.rai-hero{width:120vw;right:-55%;opacity:.35}.app{padding:12vh 6vw}.hero-copy{padding:22vh 6vw}.gift-scene .copy{padding:8vw}.signature{text-align:left}footer{align-items:flex-start;flex-direction:column;gap:35px}}
@media(max-width:600px){header{padding:14px 18px}.brand b{display:none}.hero h1{font-size:4.4rem}.hero{min-height:105vh}.question h2,.split h2,.gift-scene h2,.app-copy h2{font-size:3.8rem}.giant h2{font-size:5rem}.flow-copy h2{font-size:4.5rem}.steps h3{font-size:2.4rem}.copy p,.hero p,.app-copy p{font-size:.95rem}.phone{padding:20px}.final-copy h2{font-size:5rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}#wind{display:none}}
.brand img,.brand-logo{width:64px;height:auto;object-fit:contain}
.final-mark.official,.final-copy>img{filter:none!important}
.rduende-logo{background:transparent!important;padding:0!important;width:220px!important;height:auto}


/* Recorrido visual de Rai */
.flow-visual{
  min-height:auto;
  padding:14vh 6vw 18vh;
  background:
    radial-gradient(circle at 20% 15%,rgba(220,129,105,.22),transparent 28%),
    linear-gradient(180deg,#24191b 0%,#4c2c31 42%,#7d4546 72%,#d08169 100%);
}
.flow-intro{
  position:relative;
  z-index:4;
  max-width:980px;
  margin:0 auto 12vh;
  text-align:center;
}
.flow-intro>span{
  font-size:.68rem;
  letter-spacing:.23em;
  color:#efb293;
  font-weight:600;
}
.flow-intro h2{
  font-size:clamp(4rem,8vw,9rem);
  margin:28px 0 22px;
}
.flow-intro p{
  max-width:680px;
  margin:0 auto;
  color:#e0c8c0;
  line-height:1.75;
  font-size:1.05rem;
}
.visual-steps{
  position:relative;
  z-index:4;
  display:grid;
  gap:15vh;
  max-width:1380px;
  margin:0 auto;
}
.visual-step{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  align-items:center;
  gap:7vw;
}
.visual-step.reverse{
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
}
.visual-step.reverse .step-image{order:2}
.visual-step.reverse .step-copy{order:1}
.step-image{
  position:relative;
  min-height:500px;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 45px 100px rgba(25,12,15,.36);
}
.step-image::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.19);
  border-radius:inherit;
  pointer-events:none;
}
.step-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:500px;
  object-fit:cover;
  transition:transform 1.2s cubic-bezier(.2,.7,.2,1);
}
.visual-step:hover .step-image img{transform:scale(1.025)}
.step-copy{
  position:relative;
  padding:4vh 0;
}
.step-copy b{
  display:block;
  color:#efa285;
  font-size:.75rem;
  letter-spacing:.16em;
  margin-bottom:16px;
}
.step-copy h3{
  font-family:"Italiana",serif;
  font-size:clamp(3.4rem,6vw,6.5rem);
  line-height:.95;
  font-weight:400;
  margin:0 0 24px;
}
.step-copy p{
  color:#e4cbc2;
  line-height:1.8;
  font-size:1.05rem;
  max-width:500px;
}
.flow-visual .rai-flow{
  width:125vw;
  left:-18vw;
  top:8%;
  opacity:.17;
  z-index:2;
}
@media(max-width:900px){
  .flow-visual{padding:12vh 5vw}
  .flow-intro{text-align:left;margin-bottom:9vh}
  .flow-intro p{margin:0}
  .visual-steps{gap:10vh}
  .visual-step,
  .visual-step.reverse{
    grid-template-columns:1fr;
    gap:34px;
  }
  .visual-step.reverse .step-image,
  .visual-step.reverse .step-copy{order:initial}
  .step-image,
  .step-image img{min-height:420px}
  .step-copy{padding:0 10px}
}
@media(max-width:600px){
  .flow-intro h2{font-size:3.9rem}
  .step-image,
  .step-image img{min-height:320px;border-radius:22px}
  .step-copy h3{font-size:3.4rem}
  .step-copy p{font-size:.96rem}
}


/* Corrección: mostrar completas las imágenes del recorrido de Rai */
.flow-visual .step-image{
  aspect-ratio: 3 / 2;
  min-height: 0;
  background: #211719;
}
.flow-visual .step-image img{
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
}
@media(max-width:900px){
  .flow-visual .step-image,
  .flow-visual .step-image img{
    min-height:0;
  }
}
@media(max-width:600px){
  .flow-visual .step-image,
  .flow-visual .step-image img{
    min-height:0;
  }
}