/* Tambalú · Regala Tambalú
   Un cielo de estrellas que amanece mientras bajas, con una estela que te sigue. */

.pagina-regalar{background:var(--crema)}

/* Cielo de estrellas */
.cielo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.capa{position:absolute;left:0;right:0;top:-25%;height:150%;translate:0 var(--sy,0px);will-change:translate}
.capa--1{opacity:.55;background-size:223px 211px;background-image:
  radial-gradient(1.2px 1.2px at 23px 41px,#fff 60%,transparent 70%),
  radial-gradient(1px 1px at 141px 97px,#FFF1D2 60%,transparent 70%),
  radial-gradient(1.3px 1.3px at 77px 173px,#fff 60%,transparent 70%),
  radial-gradient(1px 1px at 196px 15px,#fff 60%,transparent 70%),
  radial-gradient(1.1px 1.1px at 171px 158px,#FFF1D2 60%,transparent 70%)}
.capa--2{opacity:.8;background-size:347px 331px;background-image:
  radial-gradient(1.8px 1.8px at 51px 83px,#fff 55%,transparent 70%),
  radial-gradient(1.6px 1.6px at 263px 201px,#FFE9B8 55%,transparent 70%),
  radial-gradient(2px 2px at 172px 297px,#fff 55%,transparent 70%),
  radial-gradient(1.5px 1.5px at 318px 40px,#FFE9B8 55%,transparent 70%)}
.capa--3{background-size:509px 467px;animation:titila 3.4s ease-in-out infinite;background-image:
  radial-gradient(2.6px 2.6px at 97px 121px,#FFDE78 50%,transparent 70%),
  radial-gradient(2.2px 2.2px at 401px 307px,#fff 50%,transparent 70%),
  radial-gradient(2.8px 2.8px at 243px 431px,#FFDE78 50%,transparent 70%),
  radial-gradient(2px 2px at 470px 60px,#fff 50%,transparent 70%)}
@keyframes titila{0%,100%{opacity:1}50%{opacity:.35}}

/* Estrellas fugaces */
.fugaz{position:absolute;top:var(--t);left:var(--l);width:190px;height:2.5px;border-radius:3px;opacity:0;
  background:linear-gradient(90deg,#fff 0%,#FFDE78 18%,rgba(255,222,120,0) 100%);
  transform:rotate(-32deg) translateX(0);animation:fugaz var(--dur,9s) ease-in infinite;animation-delay:var(--del,0s)}
@keyframes fugaz{
  0%,84%{opacity:0;transform:rotate(-32deg) translateX(0)}
  86%{opacity:1}
  96%,100%{opacity:0;transform:rotate(-32deg) translateX(-560px)}}

/* Portada */
.r-hero{overflow:hidden;min-height:min(94vh,940px);display:flex;align-items:center;padding:90px 0 120px;
  background:radial-gradient(ellipse at 72% 18%,#4A5A90 0%,#2E3A5E 46%,#1C2441 100%)}
.r-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;width:100%}
.r-hero .h1{color:var(--crema-2)}
.r-hero .subrayado{background-image:linear-gradient(rgba(226,170,53,.85),rgba(226,170,53,.85))}
.r-hero .hero__texto{color:var(--noche-texto)}
.r-hero .chip-hero{background:rgba(255,248,238,.12);color:var(--crema-2);border:1.5px solid rgba(255,222,120,.35)}
.r-hero .etiqueta{color:var(--crema-2)}
.r-hero .micro{color:var(--noche-suave)}
.r-para{max-width:460px;margin-bottom:22px}
.r-botones{display:flex;flex-wrap:wrap;gap:12px}

/* Escena: postales en abanico y el cartel con su nombre */
.r-escena{position:relative;aspect-ratio:1/1;width:100%;max-width:600px;margin-left:auto}
.r-carta{position:absolute;animation:entra-carta 1.1s var(--muelle) both}
.r-carta img{width:100%;border-radius:20px;box-shadow:0 34px 60px -30px rgba(0,0,0,.85)}
.r-carta--1{width:64%;left:0;top:4%;rotate:-11deg;animation-delay:.15s}
.r-carta--2{width:64%;right:0;top:0;rotate:9deg;animation-delay:.3s}
.r-carta--3{width:66%;left:17%;bottom:0;rotate:-2.5deg;animation-delay:.5s}
.r-carta--1 img{animation:flota 7s ease-in-out infinite}
.r-carta--2 img{animation:flota 6.2s ease-in-out infinite -2s}
.r-carta--3 > .r-media{animation:flota 6.6s ease-in-out infinite -1s}
@keyframes entra-carta{from{opacity:0;transform:translateY(80px) scale(.85)}to{opacity:1;transform:none}}
.r-media{position:relative;aspect-ratio:1100/1000;overflow:hidden;container-type:inline-size;border-radius:28px;border:10px solid var(--crema-2);background:var(--crema-2);box-shadow:0 40px 70px -30px rgba(0,0,0,.9)}
.r-media img{position:absolute;left:0;top:-6%;width:100%;height:137.6%;object-fit:cover}
.r-media .cartel span{transition:transform .25s var(--muelle),opacity .25s ease}
.r-media .cartel span.cambia{opacity:0;transform:scale(.8) rotate(-3deg)}

/* Viaje con estela */
.r-viaje{position:relative;isolation:isolate}
.r-viaje .wrap{position:relative;z-index:2}
.estela{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:visible}
.estela path[data-estela-camino]{filter:drop-shadow(0 0 6px rgba(255,222,120,.7))}
.estela__estrella{position:absolute;left:0;top:0;width:58px;z-index:1;pointer-events:none;opacity:0;
  filter:drop-shadow(0 0 18px rgba(255,222,120,.9)) drop-shadow(0 10px 10px rgba(0,0,0,.25));will-change:transform;transition:opacity .4s ease}
.estela__estrella.visible{opacity:1}

/* Postales */
.r-postales{overflow:hidden;padding-bottom:90px;background:linear-gradient(180deg,#1C2441 0%,#2E3A5E 45%,#3A3D72 100%)}
.r-postales .wrap{position:relative;z-index:2}
.postales{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 56px;margin-top:60px}
.postal{opacity:0;translate:0 90px;rotate:var(--r0,0deg);transition:opacity .8s ease,translate 1.1s var(--muelle),rotate 1.1s var(--muelle)}
.postal.dentro{opacity:1;translate:0 0;rotate:var(--r1,0deg)}
.postal:nth-child(2n).dentro{transition-delay:.12s}
.postal__inclina{perspective:1600px;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--muelle);transform-style:preserve-3d}
.postal__giro{position:relative;aspect-ratio:1000/709;transform-style:preserve-3d;transition:transform .9s var(--muelle);cursor:pointer}
.postal.girada .postal__giro{transform:rotateY(180deg)}
.postal__cara{position:absolute;inset:0;width:100%;height:100%;border-radius:20px;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  box-shadow:0 36px 60px -30px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.06)}
.postal__cara--dorso{transform:rotateY(180deg)}
.postal__pie{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:22px}
.postal__pie h3{font-weight:600;font-size:26px;color:var(--crema-2)}
.postal__pie small{font-size:14px;font-weight:700;color:var(--noche-suave)}
.postal__acciones{display:flex;gap:10px;flex-wrap:wrap}
.btn--peque{min-height:46px;padding:0 20px;font-size:16px}
.r-nota{margin-top:44px;font-size:15px;font-weight:700;color:var(--noche-suave)}

/* Horizonte: amanece */
.r-horizonte{position:relative;height:clamp(280px,34vw,460px);overflow:hidden;
  background:linear-gradient(180deg,#3A3D72 0%,#6E5A92 24%,#C9809A 46%,#F2A983 64%,#FFD9A8 80%,var(--crema) 100%)}
.r-sol{position:absolute;left:50%;bottom:0;width:clamp(150px,17vw,250px);translate:-50% var(--sube,70%);will-change:translate;
  filter:drop-shadow(0 0 40px rgba(255,214,120,.85)) drop-shadow(0 14px 14px rgba(94,58,44,.25))}
.r-horizonte .deco img{filter:drop-shadow(0 14px 14px rgba(94,58,44,.18))}

/* Dos formas */
.planes--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:940px;margin-left:auto;margin-right:auto}
.r-para-quien{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--caramelo);margin-bottom:6px}
.r-forma__titulo{font-size:30px!important}

/* Precios */
.r-precios .plan__precio[data-precio]{font-size:38px}

/* Avísame */
.r-avisame{overflow:hidden;background:radial-gradient(ellipse at 30% 10%,#46568A 0%,#2E3A5E 50%,#1C2441 100%)}
.r-avisame .wrap{position:relative;z-index:2}
.r-form{max-width:640px;margin:0 auto;padding:40px 40px 36px;color:var(--cacao)}
.r-form .h2{color:var(--cacao);font-size:clamp(28px,3vw,40px)}
.r-form .eyebrow{color:var(--caramelo)}
.r-form__texto{font-size:17px;color:var(--cacao-2);margin-bottom:8px}
.elige{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.elige label{position:relative;display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border-radius:999px;border:2px solid var(--borde);background:#fff;font-weight:800;font-size:15px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.elige input{position:absolute;opacity:0;width:1px;height:1px}
.elige label:has(input:checked){background:var(--cacao);border-color:var(--cacao);color:var(--crema-2)}
.elige label:has(input:focus-visible){outline:3px solid var(--tur-tinta);outline-offset:2px}
#r-email{font-family:var(--texto)}
.r-ok__img{width:90px;margin:0 auto 12px;animation:flota 5s ease-in-out infinite}
.r-form .estado{padding:20px 0}

/* Responsive */
@media (max-width:1000px){
  .r-hero__grid{grid-template-columns:minmax(0,1fr);gap:40px}
  .r-escena{margin:0 auto;max-width:520px}
}
@media (max-width:900px){
  .planes--2{grid-template-columns:minmax(0,1fr)}
  .postales{grid-template-columns:minmax(0,1fr);gap:56px}
}
@media (max-width:640px){
  .r-hero{padding:40px 0 90px;min-height:0}
  .r-hero .deco{display:none}
  .r-form{padding:28px 20px 26px}
  .estela__estrella{width:42px}
  .r-botones .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){
  .postal{opacity:1;translate:none;rotate:var(--r1,0deg)}
  .r-carta{animation:none}
  .capa--3,.fugaz{animation:none}
  .fugaz{display:none}
}