/* Mariaclara 10.7.2 — pagine nuove "Premium": sfondo dedicato con parallax (fiori, filamenti dorati, scintille),
   carte in vetro con bordo oro e comparsa dolce allo scorrimento. Tema "emerald" = come Gestione coupon, tema "rose" = madreperla. */
@font-face{font-family:'MC Cormorant';font-weight:600;font-style:normal;font-display:swap;src:url('../fonts/cormorant-600.woff') format('woff')}
@font-face{font-family:'MC Cormorant';font-weight:500;font-style:italic;font-display:swap;src:url('../fonts/cormorant-500i.woff') format('woff')}
html body[data-pp]{--pp-gold:#e9c991;--pp-gold-d:#b9822f;--pp-ink:#04363c;position:relative}
html body[data-pp="emerald"]{background:radial-gradient(ellipse at 72% -12%,#2a7378 0,transparent 52%),radial-gradient(ellipse at 8% 108%,#1b4f5a 0,transparent 46%),linear-gradient(#062f33,#041f24 60%,#05252a)}
html body[data-pp="rose"]{background:linear-gradient(160deg,#fffdfa 0,#fcebf2 34%,#efe3f5 66%,#fff7ea 100%)}
/* strati dello sfondo */
.pp-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
.pp-l{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;will-change:transform;
  transform:translate3d(calc(var(--px,0) * var(--d,1) * 1px),calc(var(--sy,0) * var(--k,0) * 1px + var(--py,0) * var(--d,1) * 1px),0) rotate(var(--r,0deg))}
.pp-s{position:absolute;width:var(--z,5px);height:var(--z,5px);border-radius:50%;left:var(--x);top:var(--y);background:radial-gradient(circle,#fff6d6 0,#f1cf88 45%,rgba(241,207,136,0) 70%);opacity:.0;
  transform:translate3d(0,calc(var(--sy,0) * var(--k,0) * 1px),0);animation:pp-tw var(--t,6s) ease-in-out var(--dl,0s) infinite}
@keyframes pp-tw{0%,100%{opacity:0;scale:.6}50%{opacity:.95;scale:1.15}}
body[data-pp="emerald"] .pp-c1{background-image:url('../admin-deco/corner.svg');width:clamp(230px,36vw,500px);aspect-ratio:1;right:-2vw;top:-3vh;--k:-.05;--d:-.8}
body[data-pp="emerald"] .pp-c2{background-image:url('../admin-deco/corner.svg');width:clamp(210px,32vw,460px);aspect-ratio:1;left:-2vw;bottom:-3vh;--r:180deg;--k:.05;--d:.9;opacity:.82}
body[data-pp="emerald"] .pp-fil{background-image:url('../decor/mc-gold-filaments.svg');width:120vw;aspect-ratio:620/360;left:-10vw;top:26vh;--k:-.11;--d:1.4;opacity:.5}
body[data-pp="emerald"] .pp-orb{width:60vmax;aspect-ratio:1;border-radius:50%;left:-18vmax;top:-26vmax;background:radial-gradient(circle,rgba(233,201,145,.2),transparent 62%);--k:.08}
body[data-pp="rose"] .pp-c1{background-image:url('../decor/pearl-aurora-top.svg');width:100vw;aspect-ratio:1600/480;left:0;top:0;--k:-.03;opacity:.95;background-size:100% auto}
body[data-pp="rose"] .pp-c2{background-image:url('../decor/pearl-aurora-bottom.svg');width:100vw;aspect-ratio:1600/480;left:0;bottom:0;--k:.03;background-size:100% auto;background-position:bottom}
body[data-pp="rose"] .pp-fl1{background-image:url('../decor/mc-floral-1050.svg');width:clamp(190px,26vw,380px);aspect-ratio:1;right:-1vw;top:12vh;--k:-.07;--d:-1;--r:8deg;opacity:.75}
body[data-pp="rose"] .pp-fl2{background-image:url('../decor/mc-floral-1050.svg');width:clamp(170px,23vw,340px);aspect-ratio:1;left:-2vw;bottom:2vh;--k:.06;--d:1.2;--r:188deg;opacity:.62}
body[data-pp="rose"] .pp-fil{background-image:url('../decor/mc-gold-filaments.svg');width:120vw;aspect-ratio:620/360;left:-10vw;top:34vh;--k:-.1;--d:1.4;opacity:.55}
body[data-pp="rose"] .pp-orb{width:55vmax;aspect-ratio:1;border-radius:50%;right:-16vmax;top:30vh;background:radial-gradient(circle,rgba(241,199,221,.45),transparent 62%);--k:.07}
/* il contenuto lascia vedere lo sfondo */
body[data-pp] main{position:relative;z-index:1}
body[data-pp] .xt-sec,body[data-pp] .pl-sec{background:transparent!important}
body[data-pp="rose"] .pl-hero{background:transparent!important;border-bottom:0}
body[data-pp="rose"] .pl-sec--rose{background:linear-gradient(180deg,rgba(255,247,250,.55),rgba(251,234,241,.6))!important;border-block:1px solid rgba(201,155,86,.22);backdrop-filter:blur(2px)}
body[data-pp="emerald"] .lx-hero{background:linear-gradient(180deg,rgba(3,43,50,.55),rgba(3,43,50,0)) !important;border-bottom:0;position:relative}
body[data-pp] .lx-hero::before{display:none}
/* titolo e testi */
body[data-pp] .lx-hero h1,body[data-pp] .pl-hero h1{font-family:'MC Cormorant',Georgia,serif;font-weight:600;letter-spacing:-.01em;line-height:1.04;font-size:clamp(2.7rem,7vw,5rem)}
body[data-pp="emerald"] .lx-hero h1{color:#fff3dd;text-shadow:0 4px 30px rgba(0,0,0,.35)}
body[data-pp] .lx-hero .eyebrow,body[data-pp] .pl-hero .pl-eyebrow{letter-spacing:.34em;text-transform:uppercase;font-size:.78rem;color:var(--pp-gold-d)}
body[data-pp="emerald"] .lx-hero .eyebrow{color:#e9c991}
body[data-pp] .lx-hero .inner-hero__grid>div,body[data-pp] .pl-hero .pl-in{transform:translate3d(0,calc(var(--pp-hy,0) * .14px),0);opacity:calc(1 - var(--pp-hy,0) / 900)}
body[data-pp] .lx-hero::after,body[data-pp="rose"] .pl-hero::after{content:"";position:absolute;left:50%;bottom:0;translate:-50% 50%;width:min(560px,70%);height:14px;background:linear-gradient(90deg,transparent,#c99b56 30%,#f3dc9b 50%,#c99b56 70%,transparent) center/100% 1px no-repeat;pointer-events:none}
body[data-pp] .lx-hero::after{display:block}
body[data-pp="emerald"] .xt-sec{color:#f3e7cf}
body[data-pp="emerald"] .xt-sec>.xt-in>.xt-h2,body[data-pp="emerald"] .xt-sec .xt-lead,body[data-pp="emerald"] .xt-sec .xt-eyebrow{color:#f3e2bd}
body[data-pp="emerald"] .xt-note,body[data-pp="emerald"] .xt-sec>div>p{color:#cfe0dc}
body[data-pp="emerald"] .xt-sec>div>p a,body[data-pp="emerald"] .xt-note a{color:#f1d595}
body[data-pp="emerald"] .xt-sec>div>.xt-h2,body[data-pp="emerald"] .xt-sec>div>h2{font-family:'MC Cormorant',Georgia,serif;font-weight:600;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;color:#fff3dd;text-shadow:0 3px 24px rgba(0,0,0,.3)}
body[data-pp="emerald"] .xt-sec>div>.xt-eyebrow{color:#e9c991;letter-spacing:.3em}
/* carte premium: vetro + bordo oro + fiore */
body[data-pp] .xt-card,body[data-pp] .xt-quiz,body[data-pp] .pl-faq details,body[data-pp] .gift-idea,body[data-pp] .ts-card,body[data-pp] .inv-card,body[data-pp] .gift-form,body[data-pp] .rv-card{
  position:relative;border:1px solid transparent;border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(255,251,246,.94)) padding-box,linear-gradient(135deg,#f3dc9b,#c18b3a 38%,#f8e6ae 62%,#b57f2f) border-box;
  box-shadow:0 18px 46px rgba(3,30,34,.16),0 2px 0 rgba(255,255,255,.7) inset;color:#132b2c;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
body[data-pp] a.xt-card:hover,body[data-pp] .xt-card:hover,body[data-pp] .gift-idea:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(3,30,34,.24),0 2px 0 rgba(255,255,255,.7) inset}
body[data-pp] .xt-card::after{content:"";position:absolute;top:-13px;right:12px;width:38px;height:38px;background:url('../admin-deco/flower.svg') no-repeat center/contain;filter:drop-shadow(0 3px 5px rgba(0,0,0,.28));transform:rotate(14deg);pointer-events:none;transition:transform .6s}
body[data-pp] .xt-card:hover::after{transform:rotate(74deg) scale(1.08)}
body[data-pp] .xt-card h3,body[data-pp] .xt-card .xt-h2{font-family:'MC Cormorant',Georgia,serif;font-weight:600;font-size:1.5rem;line-height:1.15;color:#04363c}
body[data-pp] .xt-card p,body[data-pp] .xt-card li{color:#41585a}
body[data-pp] .xt-card .xt-eyebrow{color:#a87427}
body[data-pp] .xt-quiz .xt-q{font-family:'MC Cormorant',Georgia,serif;font-size:1.7rem}
/* comparsa allo scorrimento */
html.pp-js [data-pp] .pp-rv{opacity:0;transform:translate3d(0,26px,0);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}
html.pp-js [data-pp] .pp-rv.pp-in{opacity:1;transform:none}
html.pp-js [data-pp] a.xt-card.pp-rv.pp-in:hover{transform:translateY(-5px)}
@media (max-width:700px){
  body[data-pp="emerald"] .pp-fil{top:40vh;width:200vw}
  body[data-pp] .xt-card::after{width:32px;height:32px;right:10px}
  .pp-s:nth-child(n+9){display:none}
}
@media (prefers-reduced-motion:reduce){
  .pp-l,.pp-s{transform:none!important;animation:none!important}.pp-s{opacity:.7}
  html.pp-js [data-pp] .pp-rv{opacity:1;transform:none;transition:none}
  body[data-pp] .lx-hero .inner-hero__grid>div,body[data-pp] .pl-hero .pl-in{transform:none;opacity:1}
}
@media print{.pp-bg{display:none}}

/* 10.7.2 — tutte le pagine in madreperla: i testi restano quelli di sempre (scuri), anche negli "inner-hero" */
body[data-pp="rose"] .lx-hero{background:transparent!important;border-bottom:0;position:relative}
body[data-pp="rose"] .lx-hero h1{color:#49384d;text-shadow:none}
body[data-pp="rose"] .lx-hero .eyebrow{color:#b9822f}
body[data-pp="rose"] .lx-hero .lx-lead{color:#4b4150}
body[data-pp="rose"] .xt-sec>.xt-in>.xt-h2,body[data-pp="rose"] .xt-sec>div>.xt-h2,body[data-pp="rose"] .xt-sec>div>h2{font-family:'MC Cormorant',Georgia,serif;font-weight:600;font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;color:#49384d}
body[data-pp="rose"] .xt-sec>div>.xt-eyebrow{color:#b9822f;letter-spacing:.3em}
body[data-pp="rose"] .xt-sec>div>p,body[data-pp="rose"] .xt-note{color:#4b4150}
body[data-pp="rose"] .xt-sec>div>p a,body[data-pp="rose"] .xt-note a{color:#8a5a1c;text-decoration:underline}
