/* Automatic 2.7s tear and readable package cards. Shared buttons come from the Home. */
#listino.prices { padding-bottom: 100px; }
#listino .section-intro { position: relative; z-index: 2; }
.pl-package-zone { position: relative; isolation: isolate; max-width: 1200px; margin: 0 auto; }
.pl-deck { position: relative; z-index: 2; width: calc(100% - 200px); margin: 0 auto; }
.pl-card-slot { position: relative; padding-bottom: 50px; }
.pl-card-slot:last-child { padding-bottom: 0; }
.pl-package-card { display: grid; grid-template-columns: 44% 56%; min-height: 535px; position: relative; z-index: calc(2 + var(--pl-index)); color: #0a2430; background: linear-gradient(145deg, #fffaf4, #f7f3e9); border: 1px solid #fff7e5b0; border-radius: 32px; box-shadow: 0 24px 65px #00151ca6; overflow: hidden; transform-origin: center 80px; will-change: transform; scroll-margin-top: 90px; }
.pl-package-preview { margin: 0; padding: 22px 0 22px 22px; display: flex; flex-direction: column; gap: 12px; min-width: 0; align-self: stretch; }
.pl-package-preview > img { width: 100%; min-height: 0; flex: 1; max-height: 410px; object-fit: cover; object-position: center top; border-radius: 18px; background: #0a2532; }
.pl-package-preview figcaption { color: #4e626a; font: 500 10px/1.5 Manrope,sans-serif; }
.pl-preview-action { display: inline-flex; align-items: center; gap: 12px; color: #1645e6; font: 750 12px/1.5 Manrope,sans-serif; padding-bottom: 3px; align-self: flex-start; border-bottom: 1px solid #1645e650; }
.pl-preview-action:hover { border-bottom-color: currentColor; }
.pl-package-copy { padding: 32px 30px; min-width: 0; }
.pl-package-copy .eyebrow { font: 750 9px/1.5 Manrope,sans-serif; color: #4b6169; letter-spacing: .09em; }
.pl-package-copy h3 { font-family: Gesture,sans-serif; text-transform: uppercase; font-size: clamp(27px,2.8vw,39px); line-height: 1.12; margin: 11px 0 8px; letter-spacing: -.025em; }
.pl-package-price { color: #2454ff; font: 850 clamp(43px,4.5vw,59px)/1.15 Manrope,sans-serif; letter-spacing: -.055em; white-space: nowrap; }
.pl-once { font: 500 10px/1.5 Manrope,sans-serif; margin-top: 2px; color: #4a6068; }
.pl-package-pages { padding-top: 16px; margin-top: 17px; border-top: 1px solid #162e3d22; display: flex; flex-direction: column; gap: 4px; font: 500 11px/1.5 Manrope,sans-serif; }
.pl-package-pages strong { font-size: 14px; font-weight: 800; }
.pl-package-description { font: 500 12px/1.6 Manrope,sans-serif; margin-top: 14px; }
.pl-package-copy ul { margin: 16px 0 14px; padding-left: 15px; color: #213f49; font: 500 11px/1.65 Manrope,sans-serif; }
.pl-package-copy li + li { margin-top: 5px; }
.pl-package-copy li::marker { color: #2454ff; }
.pl-common { font: 600 10px/1.5 Manrope,sans-serif; color: #48616a; margin-bottom: 20px; }
.pl-proposal.button { width: 100%; font-size: 11px; padding: 14px 15px; min-height: 44px; }
.pl-presenters { position: absolute; inset: 0 0 auto; height: 535px; z-index: 3; pointer-events: none; opacity: 0; }
[data-reveal-state="done"] .pl-presenters { opacity: 1; }
.pl-presenter-marco { position: absolute; width: 190px; left: -35px; bottom: 0; filter: drop-shadow(0 15px 25px #00121c88); }
.pl-presenter-sherlock { position: absolute; height: 290px; right: -15px; bottom: 0; filter: drop-shadow(0 15px 25px #00121c66); }
.pl-comparison { position: relative; z-index: 8; margin-top: 55px; padding: 45px 25px 32px; text-align: center; border-top: 1px solid #e3f5ee40; background: linear-gradient(180deg,#05252dc9,#05252d80); border-radius: 28px; }
.pl-comparison > .eyebrow { color: #b5d5ce; margin-bottom: 14px; font-size: 9px; }
.pl-comparison h3 { font-family: Gesture,sans-serif; text-transform: uppercase; font-size: clamp(27px,3vw,38px); max-width: 600px; margin: 0 auto; }
.pl-comparison-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-top: 30px; }
.pl-comparison-grid a { display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 8px; border: 1px solid #e2f7ef70; border-radius: 19px; padding: 20px 16px; color: #fffaf1; background: #133c44c4; transition: background .2s,transform .2s; }
.pl-comparison-grid a:hover { background: #1a4a51; transform: translateY(-4px); }
.pl-comparison-grid a > span { font: 750 12px/1.4 Manrope,sans-serif; }
.pl-comparison-grid strong { font: 850 clamp(22px,2.3vw,31px)/1.1 Manrope,sans-serif; letter-spacing: -.05em; color: #ffda27; }
.pl-comparison-grid small { font: 500 10px/1.5 Manrope,sans-serif; min-height: 30px; color: #d8e9e8; }
.pl-comparison-grid b { font: 700 9px/1.5 Manrope,sans-serif; margin-top: 8px; }
.pl-conditions { position: relative; z-index: 8; max-width: 880px; text-align: center; margin: 28px auto 0; color: #c9e1dc; font: 500 11px/1.7 Manrope,sans-serif; }
.pl-conditions a { text-decoration: underline; text-underline-offset: 4px; color: #fffaf1; }
.pl-curtain { position: absolute; inset: 0; z-index: 20; background: #082929; pointer-events: none; overflow: hidden; }
.pl-reveal-stage { position: absolute; top: 0; left: 0; width: 100%; height: min(760px,100svh); overflow: hidden; isolation: isolate; }
.pl-flap { position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg,#092b2d22,#031e27b8),url('/assets/home-20261105/media/ambiente/foresta-reale-v1.webp') center/cover no-repeat; backface-visibility: hidden; }
.pl-flap-left { clip-path: polygon(0 0,54% 0,49% 13%,54% 25%,47% 40%,53% 55%,46% 72%,52% 88%,49% 100%,0 100%); transform-origin: 0 50%; }
.pl-flap-right { clip-path: polygon(54% 0,100% 0,100% 100%,49% 100%,52% 88%,46% 72%,53% 55%,47% 40%,54% 25%,49% 13%); transform-origin: 100% 50%; }
.pl-reveal-caption { position: absolute; z-index: 4; top: 10%; left: 8%; right: 8%; text-align: center; text-shadow: 0 5px 20px #00131a; }
.pl-reveal-caption > span { display: block; font: 750 10px/1.5 Manrope,sans-serif; letter-spacing: .18em; color: #e3eee6; margin-bottom: 12px; }
.pl-reveal-caption strong { font: 400 clamp(32px,5.4vw,63px)/1.08 Gesture,sans-serif; color: #ffda27; }
.pl-reveal-bear { position: absolute; z-index: 6; top: 16%; left: 8%; width: 84%; height: 83%; object-fit: contain; object-position: center; opacity: 0; transform: translate3d(0,22%,0) scale(.82); filter: drop-shadow(0 24px 30px #000b); mask-image: radial-gradient(ellipse at 48% 50%,#000 40%,#000b 63%,transparent 77%); }
.pl-bear-claw { position: absolute; z-index: 8; top: 48%; left: 17%; width: 42%; height: 44%; background: url('/assets/home-20261105/media/ambiente/grizzly-prezzi-v1.webp') 27% 82%/280% auto no-repeat; opacity: 0; transform: rotate(-18deg) scale(.8); transform-origin: 80% 60%; mask-image: radial-gradient(ellipse at 52% 58%,#000 24%,#000d 40%,transparent 64%); filter: drop-shadow(0 10px 13px #0008); }
.pl-slashes { position: absolute; z-index: 5; top: 28%; left: 38%; width: 25%; height: 55%; opacity: 0; transform: rotate(17deg); }
.pl-slashes i { position: absolute; height: 100%; width: 9px; background: linear-gradient(180deg,transparent,#fff3cf 25%,#ffe5a3 60%,transparent); clip-path: polygon(45% 0,100% 30%,66% 100%,0 80%); box-shadow: 0 0 20px #ffd378; }
.pl-slashes i:nth-child(2) { left: 30%; top: 4%; }
.pl-slashes i:nth-child(3) { left: 63%; top: 8%; }
.pl-paper-edge { position: absolute; inset: 0; z-index: 3; opacity: 0; pointer-events: none; background: #eadcc0; }
.pl-paper-edge-left { clip-path: polygon(49.4% 0,50.2% 0,50% 14%,51% 27%,48.5% 41%,50% 56%,47.5% 72%,49.5% 89%,49% 100%,48.4% 100%,48.8% 89%,46.9% 72%,49.3% 56%,47.8% 41%,50.3% 27%,49.3% 14%); }
.pl-paper-edge-right { clip-path: polygon(50.4% 0,51% 0,50.7% 14%,51.7% 27%,49.2% 41%,50.7% 56%,48.2% 72%,50.2% 89%,49.7% 100%,49.1% 100%,49.5% 89%,47.6% 72%,50% 56%,48.5% 41%,51% 27%,50% 14%); }
[data-reveal-state="opening"] .pl-curtain { animation: plCurtain 2.7s both; }
[data-reveal-state="opening"] .pl-flap-left { animation: plTearLeft 2.7s cubic-bezier(.2,.65,.15,1) both; }
[data-reveal-state="opening"] .pl-flap-right { animation: plTearRight 2.7s cubic-bezier(.2,.65,.15,1) both; }
[data-reveal-state="opening"] .pl-reveal-caption { animation: plCaption 2.7s both; }
[data-reveal-state="opening"] .pl-reveal-bear { animation: plBear 2.7s cubic-bezier(.18,.65,.2,1) both; }
[data-reveal-state="opening"] .pl-bear-claw { animation: plClaw 2.7s cubic-bezier(.35,0,.12,1) both; }
[data-reveal-state="opening"] .pl-slashes { animation: plSlash 2.7s both; }
[data-reveal-state="opening"] .pl-paper-edge-left { animation: plEdgeLeft 2.7s both; }
[data-reveal-state="opening"] .pl-paper-edge-right { animation: plEdgeRight 2.7s both; }
[data-reveal-state="opening"] .pl-presenters { animation: plPresenters 2.7s both; }
.pl-frame-proof .pl-curtain, .pl-frame-proof .pl-flap, .pl-frame-proof .pl-reveal-caption, .pl-frame-proof .pl-reveal-bear, .pl-frame-proof .pl-bear-claw, .pl-frame-proof .pl-slashes, .pl-frame-proof .pl-paper-edge, .pl-frame-proof .pl-presenters { animation-play-state: paused !important; animation-delay: var(--pl-proof-delay,0ms) !important; }
.pl-frame-proof .pl-presenters { transition: none !important; }
.pl-flap {background:repeating-linear-gradient(45deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(135deg,#123c3c,#031c28);}
@keyframes plCurtain { 0%,40%{background:#082929} 41%,100%{background:transparent} }
@keyframes plTearLeft { 0%,40%{transform:translate3d(0,0,0) rotateY(0)} 67%{transform:translate3d(-64%,0,0) rotateY(28deg) rotate(-4deg)} 100%{transform:translate3d(-110%,0,0) rotateY(45deg) rotate(-8deg)} }
@keyframes plTearRight { 0%,40%{transform:translate3d(0,0,0) rotateY(0)} 67%{transform:translate3d(64%,0,0) rotateY(-28deg) rotate(4deg)} 100%{transform:translate3d(110%,0,0) rotateY(-45deg) rotate(8deg)} }
@keyframes plBear { 0%,4%{opacity:0;transform:translate3d(0,22%,0) scale(.82)} 17%,34%{opacity:1;transform:translate3d(0,0,0) scale(1)} 45%{opacity:1;transform:translate3d(1%,0,0) scale(1.09)} 65%{opacity:1;transform:translate3d(0,3%,0) scale(.96)} 90%,100%{opacity:0;transform:translate3d(0,28%,0) scale(.78)} }
@keyframes plClaw { 0%,26%{opacity:0;transform:translate3d(-18%,-10%,0) rotate(-18deg) scale(.8)} 32%{opacity:1;transform:translate3d(-9%,-16%,0) rotate(-13deg) scale(1.03)} 40%,46%{opacity:1;transform:translate3d(26%,18%,0) rotate(15deg) scale(1.12)} 55%,100%{opacity:0;transform:translate3d(38%,30%,0) rotate(24deg) scale(.95)} }
@keyframes plSlash { 0%,34%{opacity:0;clip-path:inset(0 0 100% 0)} 40%{opacity:1;clip-path:inset(0)} 48%{opacity:.8} 58%,100%{opacity:0;clip-path:inset(0)} }
@keyframes plCaption { 0%,14%{opacity:1;transform:translateY(0)} 30%,100%{opacity:0;transform:translateY(-16px)} }
@keyframes plPresenters { 0%,77%{opacity:0} 100%{opacity:1} }
@keyframes plEdgeLeft { 0%,38%{opacity:0;transform:translateX(0)} 42%{opacity:1;transform:translateX(0)} 70%{opacity:.7;transform:translateX(-64%)} 100%{opacity:0;transform:translateX(-110%)} }
@keyframes plEdgeRight { 0%,38%{opacity:0;transform:translateX(0)} 42%{opacity:1;transform:translateX(0)} 70%{opacity:.7;transform:translateX(64%)} 100%{opacity:0;transform:translateX(110%)} }
@media(max-width:1100px) and (min-width:901px) { .pl-deck{width:calc(100% - 120px)}.pl-presenter-marco{width:135px;left:-15px}.pl-presenter-sherlock{height:230px;right:-14px}.pl-package-copy{padding:25px 24px} }
@media(max-width:900px) { .pl-deck{width:100%}.pl-presenters{position:relative;height:170px;margin-bottom:20px}.pl-presenter-marco{height:185px;width:auto;left:calc(50% - 135px);bottom:0}.pl-presenter-sherlock{height:155px;width:85px;right:calc(50% - 115px);bottom:0}.pl-package-card{min-height:0}.pl-package-copy{padding:28px 24px}.pl-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pl-reveal-caption{top:8%}.pl-reveal-bear{width:110%;left:-5%;height:90%;top:14%}.pl-bear-claw{left:5%;top:47%;width:55%;height:45%} }
@media(max-width:600px) { #listino.prices{padding-bottom:70px}.pl-card-slot{padding-bottom:28px}.pl-package-card{display:flex;flex-direction:column;border-radius:26px}.pl-package-preview{padding:13px 13px 0;gap:7px;flex:none}.pl-package-preview>img{height:150px;max-height:150px;min-height:150px;flex:none;object-position:center 12%;border-radius:16px}.pl-package-preview figcaption{font-size:8px;margin-left:3px}.pl-preview-action{position:absolute;top:124px;right:23px;z-index:2;background:#fffaf1;color:#1638b2;border:none;border-radius:30px;padding:8px 12px;font-size:9px}.pl-package-copy{padding:21px 21px 24px}.pl-package-copy .eyebrow{font-size:8px}.pl-package-copy h3{font-size:31px;margin:8px 0 6px}.pl-package-price{font-size:43px}.pl-once{font-size:9px}.pl-package-pages{padding-top:11px;margin-top:12px;gap:2px;font-size:9px}.pl-package-pages strong{font-size:12px}.pl-package-description{font-size:11px;margin-top:11px}.pl-package-copy ul{font-size:10px;margin:12px 0;line-height:1.6}.pl-package-copy li+li{margin-top:4px}.pl-common{font-size:9px;margin-bottom:16px}.pl-proposal.button{font-size:10px;min-height:42px}.pl-presenters{height:145px;margin-bottom:13px}.pl-presenter-marco{height:160px;left:calc(50% - 113px)}.pl-presenter-sherlock{height:135px;width:74px;right:calc(50% - 100px)}.pl-comparison{margin-top:35px;padding:30px 15px 20px;border-radius:22px}.pl-comparison> .eyebrow{font-size:8px}.pl-comparison h3{font-size:29px}.pl-comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:23px}.pl-comparison-grid a{padding:16px 12px;border-radius:16px;gap:6px}.pl-comparison-grid a>span{font-size:10px}.pl-comparison-grid strong{font-size:26px}.pl-comparison-grid small{font-size:9px;min-height:27px}.pl-comparison-grid b{font-size:8px}.pl-conditions{font-size:9px;margin-top:22px}.pl-reveal-caption{top:12%;left:5%;right:5%}.pl-reveal-caption strong{font-size:39px}.pl-reveal-caption>span{font-size:8px}.pl-reveal-bear{top:23%;height:66%;width:140%;left:-20%}.pl-bear-claw{top:50%;left:-5%;width:70%;height:35%}.pl-slashes{left:33%;top:37%;width:40%;height:40%}.pl-slashes i{width:7px} }
@media(prefers-reduced-motion:reduce) { .pl-curtain{display:none!important}.pl-presenters{opacity:1;transition:none}.pl-package-card{transform:none!important;filter:none!important;will-change:auto}.pl-comparison-grid a{transition:none} }
@media(max-width:600px) { .pl-reveal-bear{top:12%;height:auto;width:140%;left:-10%;} }