/* =========================================================
   POPUP BIENVENIDA V2 - PAPIRO ANIMADO
   ========================================================= */

.welcome-popup{position:fixed;inset:0;z-index:9999}
.welcome-popup__backdrop{position:absolute;inset:0;background:rgba(5,22,25,.72);backdrop-filter:blur(4px)}
.welcome-popup__dialog{position:relative;z-index:2;width:min(92vw,780px);max-height:90vh;margin:4vh auto 0;overflow:auto;animation:popupArrival .65s cubic-bezier(.22,1,.36,1)}
.welcome-popup__close{position:absolute;top:18px;right:18px;z-index:4;width:42px;height:42px;display:grid;place-items:center;color:#5d3c23;background:rgba(255,248,231,.94);border:1px solid rgba(123,87,44,.25);border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:pointer}

.welcome-popup__paper{
  position:relative;
  overflow:hidden;
  padding:44px 38px 36px;
  background:
    linear-gradient(90deg,rgba(99,60,23,.08),transparent 8%,transparent 92%,rgba(99,60,23,.08)),
    radial-gradient(circle at 20% 14%,rgba(132,89,36,.11),transparent 12rem),
    radial-gradient(circle at 82% 85%,rgba(132,89,36,.10),transparent 14rem),
    linear-gradient(180deg,#f8efd8 0%,#f0ddb0 100%);
  border:1px solid #cfa86d;
  border-radius:30px 26px 32px 24px;
  clip-path:polygon(1.2% 3%,4% 1.2%,9% 2.4%,14% .7%,20% 2%,27% .9%,35% 1.8%,43% .7%,52% 1.6%,61% .8%,70% 2%,78% .8%,86% 1.9%,94% .7%,98.8% 3.2%,98% 10%,99.2% 18%,98.2% 27%,99% 36%,98.4% 46%,99.1% 56%,98% 65%,99% 75%,98.2% 85%,98.8% 96%,95% 98.7%,87% 97.4%,78% 99%,69% 97.6%,60% 99.1%,51% 97.8%,42% 99%,33% 97.5%,24% 99.1%,15% 97.6%,7% 98.8%,1.4% 96%,2.2% 87%,.8% 77%,1.9% 67%,.7% 57%,1.8% 47%,.7% 37%,1.9% 27%,.8% 17%);
  box-shadow:inset 0 0 75px rgba(106,67,25,.12),0 26px 60px rgba(0,0,0,.28);
  animation:paperFloat 5s ease-in-out infinite;
}

.welcome-popup__paper::before,
.welcome-popup__paper::after{
  content:"";
  position:absolute;
  pointer-events:none;
}

.welcome-popup__paper::before{
  inset:0;
  opacity:.22;
  background-image:
    radial-gradient(circle at 25% 20%,rgba(94,56,21,.3) 0 1px,transparent 1.4px),
    radial-gradient(circle at 70% 60%,rgba(94,56,21,.25) 0 1px,transparent 1.4px);
  background-size:38px 42px,52px 58px;
  mix-blend-mode:multiply;
}

.welcome-popup__paper::after{
  inset:10px;
  border:1px solid rgba(112,72,29,.18);
  border-radius:24px 20px 26px 19px;
}

.welcome-popup__paper--preview{animation:none;clip-path:none;border-radius:22px}

.welcome-popup__ornament{position:relative;z-index:2;display:block;color:#8e1b2b;font-size:1.3rem;text-align:center}
.welcome-popup__ornament--top{margin-bottom:6px}
.welcome-popup__ornament--bottom{margin-top:16px}

.welcome-popup__eyebrow{position:relative;z-index:2;display:block;margin-bottom:8px;color:#8e1b2b;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;text-align:center}

.welcome-popup h2{
  position:relative;
  z-index:2;
  margin:0 0 18px;
  color:#3d2415;
  font-family:"Great Vibes","Brush Script MT","Segoe Script",cursive;
  font-size:clamp(4.6rem,10vw,8rem);
  font-weight:400;
  line-height:.84;
  text-align:center;
  text-shadow:2px 2px 0 rgba(255,255,255,.45),3px 4px 0 rgba(142,27,43,.22);
}

.welcome-popup__image{position:relative;z-index:2;margin:0 auto 20px;max-width:100%;overflow:hidden;border:1px solid rgba(98,62,23,.18);border-radius:18px;box-shadow:0 14px 28px rgba(51,28,10,.13)}
.welcome-popup__image img{display:block;width:100%;max-height:320px;object-fit:cover}

.welcome-popup__text{position:relative;z-index:2;color:#553826;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.22rem;font-weight:600;line-height:1.75;text-align:center}

.welcome-popup__footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.welcome-popup__button,.welcome-popup__secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;border-radius:999px;font-size:.9rem;font-weight:800}
.welcome-popup__button{color:#fff;background:linear-gradient(135deg,#9d1d2d,#741322);box-shadow:0 10px 18px rgba(116,19,34,.16)}
.welcome-popup__secondary{color:#5b402c;background:rgba(255,249,236,.82);border:1px solid rgba(141,102,58,.24);cursor:pointer}

@keyframes popupArrival{
  from{opacity:0;transform:translateY(28px) scale(.95) rotateX(5deg)}
  to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}
}

@keyframes paperFloat{
  0%,100%{transform:translateY(0) rotate(-.15deg)}
  50%{transform:translateY(-5px) rotate(.15deg)}
}

@media(max-width:640px){
  .welcome-popup__dialog{width:min(94vw,780px);margin:2.5vh auto 0;max-height:94vh}
  .welcome-popup__paper{padding:34px 20px 28px;animation:none}
  .welcome-popup__close{top:12px;right:12px}
  .welcome-popup h2{font-size:clamp(3.8rem,18vw,6rem)}
  .welcome-popup__text{font-size:1.05rem}
  .welcome-popup__button,.welcome-popup__secondary{width:100%}
}