@font-face{font-family:'Autumn School';src:url('../assets/fonts/autumn-school.otf') format('opentype');font-display:swap}
@font-face{font-family:'Keepsmile';src:url('../assets/fonts/keepsmile.otf') format('opentype');font-display:swap}
@font-face{font-family:'Montserrat';src:url('../assets/fonts/montserrat-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Myriad Pro';src:url('../assets/fonts/myriad-pro-regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('../assets/fonts/roboto-condensed.ttf') format('truetype');font-display:swap}

:root{
  --parmalat-blue:#0754b8;
  --parmalat-blue-2:#03479f;
  --parmalat-dark-blue:#112d65;
  --parmalat-darkest:#0a2455;
  --parmalat-cyan:#26b7e8;
  --parmalat-cyan-soft:#a5e4f5;
  --parmalat-yellow:#ffd018;
  --white:#fff;
  --ink:#1e1e1e;
  --panel-radius:46px;
  --shadow:0 18px 38px rgba(2,24,75,.34);
  --content:1180px;
}
img {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--parmalat-blue)}
body.parmalat-landing-body{margin:0;min-width:320px;color:#fff;font-family:'Montserrat',Arial,sans-serif;overflow-x:hidden}
.parmalat-page{position:relative;isolation:isolate;overflow:hidden;background:url('../assets/images/landing/bg-complete.webp') center top/cover no-repeat;}
.parmalat-page::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 15% 15%,rgba(255,255,255,.12) 0 1px,transparent 2px);background-size:38px 38px;mix-blend-mode:soft-light}
.pl-section{position:relative;padding-inline:clamp(18px,4vw,60px)}
.pl-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* HERO */
.pl-hero{position:relative;background:#0755b8;overflow:hidden}
.pl-hero__picture{display:block;width:min(100%,1920px);margin:0 auto;line-height:0}
.pl-hero__art{display:block;width:100%;height:auto;max-width:none}

/* VIDEO / STORY */
.pl-story{padding-top:clamp(12px,2.5vw,40px);padding-bottom:clamp(88px,10vw,0px)}
.pl-story__panel{width:min(100%,1550px);margin:0 auto;background:url('../assets/images/landing/bg-video.webp') center top/cover no-repeat;;border-radius:120px;box-shadow:var(--shadow);padding:clamp(22px,3vw,46px) clamp(20px,3vw,42px) clamp(40px,4vw,60px);position:relative}
.pl-video{position:relative;width:85%;aspect-ratio:1600/900;border:clamp(10px,1.4vw,50px) solid #48b5e3;border-radius:clamp(26px,3vw,60px);overflow:hidden;background:#0c2557;box-shadow:inset 0 0 0 3px rgba(255,255,255,.32); margin: 0 auto;}
.pl-video::after{content:"";position:absolute;inset:10px;border:2px dashed rgba(255,255,255,.52);border-radius:calc(clamp(26px,3vw,38px) - 10px);pointer-events:none}
.pl-video>img{display:block;width:100%;height:100%;object-fit:cover}
.pl-video__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(58px,7vw,92px);aspect-ratio:1;border:0;border-radius:50%;background:rgba(38,183,232,.01);cursor:pointer;z-index:3}
.pl-video__play span{display:none}
.pl-video__play:focus-visible{outline:4px solid #fff;outline-offset:5px}
.pl-video__notice{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:rgba(7,31,77,.88);font-family:'Montserrat',sans-serif}
.pl-video__notice[hidden]{display:none}
.pl-video__notice strong{font-family:'Autumn School',sans-serif;font-size:clamp(28px,4vw,52px);letter-spacing:.02em}
.pl-video__notice span{max-width:540px;margin-top:12px;font-size:clamp(14px,1.6vw,19px);line-height:1.45}
.pl-story__copy{text-align:center;margin-top:clamp(28px,3.4vw,48px)}
.pl-display-title{margin:0;font-family:'Autumn School','Montserrat',sans-serif;font-size:clamp(38px,5.2vw,85px);font-weight:400;line-height:.92;letter-spacing:.025em;color:#fff;text-shadow:0 4px 0 rgba(9,33,79,.32)}
.pl-display-title span{color:var(--parmalat-yellow)}
.pl-story__copy p{max-width:800px;margin:22px auto 0;font-family:'Roboto Condensed','Montserrat',sans-serif;font-size:clamp(17px,1.75vw,35px);line-height:1.2;color:#fff}

/* MANADA */
.pl-pack{padding-top:clamp(34px,3vw,60px);padding-bottom:clamp(105px,11vw,170px);min-height:720px}
.pl-pack::before{content:"";position:absolute;left:50%;top:34%;width:min(760px,78vw);height:min(760px,78vw);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.34) 0 1px,transparent 2px) 0 0/34px 34px,radial-gradient(circle,rgba(86,202,255,.25),transparent 57%);filter:blur(.2px);opacity:.66;pointer-events:none}
.pl-sparkles{position:absolute;left:50%;top:44%;width:min(780px,78vw);aspect-ratio:1;transform:translate(-50%,-50%);background:radial-gradient(circle at 45% 34%,#fff 0 2px,transparent 3px),radial-gradient(circle at 70% 55%,#fff 0 1.5px,transparent 3px),radial-gradient(circle at 33% 69%,#86d9ff 0 2px,transparent 4px);filter:drop-shadow(0 0 7px #c5efff);opacity:.85;pointer-events:none}
.pl-pack__title{position:relative;z-index:2;width:min(100%,1550px);margin:0 auto clamp(34px,4.3vw,65px);text-align:center;font-family:'Autumn School','Montserrat',sans-serif;font-size:clamp(48px,7.2vw,95px);font-weight:400;line-height:.86;letter-spacing:-.015em;color:#fff;-webkit-text-stroke:clamp(5px,.65vw,10px) #15275e;paint-order:stroke fill;text-shadow:0 8px 0 #15275e,0 15px 22px rgba(2,30,89,.28);transform:rotate(-1deg)}
.pl-pack__title span{color:#4ab9e9}
.pl-cards{position:relative;z-index:3;width:min(100%,1550px);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(14px,1.5vw,24px);align-items:end}
.pl-character-card{appearance:none;border:0;padding:0;background:transparent;border-radius:24px;cursor:pointer;filter:drop-shadow(0 12px 18px rgba(2,30,84,.22));transition:transform .22s ease,filter .22s ease;min-width:0}
.pl-character-card img{display:block;width:100%;height:auto;border-radius:clamp(16px,1.5vw,24px)}
.pl-character-card:focus-visible{outline:4px solid var(--parmalat-yellow);outline-offset:7px}
@media (hover:hover) and (pointer:fine){.pl-character-card:hover{transform:translateY(-10px) scale(1.025);filter:drop-shadow(0 18px 24px rgba(2,25,77,.42))}}


/* EXCHANGE */
.pl-exchange{background:linear-gradient(180deg,rgba(9,47,108,.92),rgba(7,51,118,.98));padding-top:clamp(70px,7vw,110px);padding-bottom:clamp(120px,12vw,120px);box-shadow:inset 0 16px 32px rgba(5,36,89,.18)}
.pl-exchange__head{width:min(100%,1550px);margin:0 auto clamp(32px,4vw,52px);display:flex;align-items:center;justify-content:center;gap:clamp(24px,4vw,54px)}
.pl-display-title--exchange{font-size:clamp(40px,5.5vw,85px);line-height:.95;text-align:right;white-space:nowrap}
.pl-exchange__head img{width:clamp(150px,15vw,155px);height:auto;border-radius:12px}
.pl-table-shell{width:min(100%,1550px);margin:0 auto;background:#fff;border:clamp(10px,1.3vw,17px) solid #102f68;border-radius:42px;padding:10px 8px 10px 12px;box-shadow:0 14px 28px rgba(1,27,74,.22)}
.pl-table-scroll{max-height:450px;overflow:auto;border-radius:27px;scrollbar-color:#0aaee6 #fff;scrollbar-width:thin;overscroll-behavior:contain}
.pl-table-scroll:focus-visible{outline:4px solid var(--parmalat-cyan);outline-offset:3px}
.pl-table-scroll::-webkit-scrollbar{width:14px;height:14px}.pl-table-scroll::-webkit-scrollbar-track{background:#fff;border-radius:10px}.pl-table-scroll::-webkit-scrollbar-thumb{background:#08afe7;border:4px solid #fff;border-radius:10px}
.pl-exchange-table{width:100%;min-width:930px;border-collapse:separate;border-spacing:0;color:#272727;font-family:'Montserrat',Arial,sans-serif;font-size:22px;background:#fff}
.pl-exchange-table th,.pl-exchange-table td{padding:18px 15px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;text-align:left;vertical-align:top;white-space:normal}
.pl-exchange-table th{position:sticky;top:0;z-index:2;background:#fff;font-weight:800;font-size:30px;line-height:1.15;min-height:96px;height:96px}
.pl-exchange-table tbody tr{height:72px}
.pl-exchange-table th:first-child,.pl-exchange-table td:first-child{text-align:center;width:70px;font-weight:800}.pl-exchange-table td:nth-child(6){white-space:nowrap;text-align:center}

/* TERMS */
button.anexos{grid-template-columns: 100px 1fr!important;}
.pl-terms{padding-top:clamp(110px,11vw,170px);padding-bottom:clamp(78px,8vw,118px)}
.pl-terms__transition{position:absolute;left:0;top:-12px;width:100%;height:auto;pointer-events:none;user-select:none;z-index:0}
.pl-terms__wrap{position:relative;width:min(100%,1550px);margin:0 auto;padding-top:55px}
.pl-terms__badge{position:absolute;z-index:4;left:-12px;top:0;margin:0;background:var(--parmalat-dark-blue);border-radius:0 0 34px 0;padding:28px 55px 25px 58px;min-width:400px;font-family:'Autumn School','Montserrat',sans-serif;font-size:clamp(35px,4.2vw,65px);font-weight:400;line-height:.92;letter-spacing:.025em;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.15)}
.pl-terms__badge span{color:var(--parmalat-cyan)}
.pl-terms__panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.92fr);height:560px;min-height:780px;background:#fff;border:clamp(10px,1.25vw,16px) solid #112d65;border-radius:0 42px 42px 42px;box-shadow:var(--shadow);overflow:hidden;color:#565656;padding-top:70px}
.pl-terms__nav{grid-column:2;grid-row:1;padding:0 26px 28px 34px;border-left:5px solid #0b4eae;min-width:0}
.pl-terms__nav h3{margin:0 0 22px;color:#111;font-family:'Montserrat',sans-serif;font-size:clamp(23px,2.2vw,31px);font-weight:800}.pl-terms__nav h3 span{color:var(--parmalat-cyan);margin-right:8px}
.pl-terms__buttons{display:flex;flex-direction:column;gap:2px;max-height:700px;overflow:auto;padding-right:3px}
.pl-terms__buttons button{appearance:none;border:0;background:transparent;color:#6c6c6c;display:grid;grid-template-columns:44px 1fr;gap:5px;width:100%;text-align:left;padding:5px 10px 5px 8px;font:500 clamp(14px,1.50vw,28px)/1.08 'Montserrat',sans-serif;cursor:pointer;border-radius:2px;transition:background-color .15s ease,color .15s ease}.pl-terms__buttons button>span{min-width:0}.pl-terms__buttons button::first-letter{font-weight:800;color:#000}
.pl-terms__buttons button:hover,.pl-terms__buttons button:focus-visible{background:#d9f5fd;color:#333;outline:none}.pl-terms__buttons button.is-active{background:#a8e6f6;color:#3b3b3b}
.pl-terms__content{grid-column:1;grid-row:1;padding:52px 55px 42px 54px;max-height:650px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#0aade5 #fff;scrollbar-width:thin;font-family:'Montserrat',sans-serif;font-size:clamp(14px,1.35vw,24px);line-height:1.72}
.pl-terms__content h3{margin:0 0 25px;color:#111;font-size:clamp(22px,2.3vw,40px);line-height:1.2}.pl-terms__content p{margin:0 0 12px;text-align: justify;}
.pl-terms__content:focus-visible{outline:4px solid var(--parmalat-cyan);outline-offset:-5px}
.pl-terms__content::-webkit-scrollbar{width:10px}.pl-terms__content::-webkit-scrollbar-thumb{background:#09afe7;border-radius:999px}.pl-terms__content::-webkit-scrollbar-track{background:#f7f7f7}
.pl-legal-placeholder{max-width:650px;padding:22px;border:2px dashed #b6dfea;border-radius:15px;background:#f5fcfe;color:#4d646b}

/* FOOTER */
.pl-footer{position:relative;min-height:210px;display:flex;align-items:center;justify-content:center;padding:45px 22px 64px;}
.pl-footer::before,.pl-footer::after{content:"";position:absolute;bottom:26px;width:190px;height:82px;background:radial-gradient(ellipse at bottom,#1398e6 0 45%,transparent 47%);opacity:.45}.pl-footer::before{left:10%}.pl-footer::after{right:10%;filter:brightness(.45)}
.pl-instagram{position:relative;z-index:2;display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:#55c6ed;font:800 clamp(26px,3vw,60px)/1 'Roboto',sans-serif;transition:transform .18s ease,color .18s ease}.pl-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}.pl-instagram__dot{fill:currentColor;stroke:none}.pl-instagram:hover{transform:scale(1.03);color:#8addf6}.pl-instagram:focus-visible{outline:3px solid var(--parmalat-yellow);outline-offset:7px;border-radius:9px}

/* MODAL */
.pl-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.pl-modal.is-open{opacity:1;visibility:visible}.pl-modal__backdrop{position:absolute;inset:0;background:rgba(4,20,54,.76);backdrop-filter:blur(5px)}
.pl-modal__dialog{position:relative;z-index:2;width:min(92vw,1120px);max-height:90vh;display:grid;place-items:center;transform:scale(.94) translateY(8px);transition:transform .2s ease;outline:none}.pl-modal.is-open .pl-modal__dialog{transform:scale(1) translateY(0)}
.pl-modal__image{display:block;max-width:100%;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:22px;box-shadow:0 24px 65px rgba(0,0,0,.4)}
.pl-modal__close{position:absolute;z-index:999;right:-10px;top:-12px;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:#102f68;color:#fff;font:400 34px/38px Arial,sans-serif;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.3)}.pl-modal__close:focus-visible{outline:4px solid var(--parmalat-yellow);outline-offset:3px}
body.pl-modal-open{overflow:hidden}

/* ENTRANCE ANIMATIONS */
.js .pl-reveal{opacity:0}.js .pl-fade-up{transform:translateY(35px)}.js .pl-scale-in{transform:scale(.97)}.js .pl-card-in{transform:translateY(30px) scale(.98)}
.js .pl-reveal.is-visible{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.3,1)}
.js .pl-cards .pl-reveal:nth-child(2){transition-delay:.08s}.js .pl-cards .pl-reveal:nth-child(3){transition-delay:.16s}.js .pl-cards .pl-reveal:nth-child(4){transition-delay:.24s}.js .pl-cards .pl-reveal:nth-child(5){transition-delay:.32s}

@media (max-width:1050px){
  .pl-pack__title{font-size:clamp(45px,8vw,76px)}
  .pl-cards{grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px}.pl-cards .pl-character-card:nth-child(4){grid-column:1/2}.pl-cards .pl-character-card:nth-child(5){grid-column:2/3}
  .pl-exchange__head{flex-direction:column;gap:20px}.pl-display-title--exchange{white-space:normal}.pl-exchange__head img{width:230px}
  .pl-terms__panel{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr)}.pl-terms__content{padding-inline:38px}.pl-terms__nav{padding-right:18px;padding-left:24px}
  .tomarma_top{width:80px!important;}
}

@media (max-width:760px){
  :root{--panel-radius:32px}
  .pl-story{padding-inline:14px}.pl-story__panel{padding:16px 14px 34px}.pl-video{border-width:8px}.pl-video::after{inset:6px}
  .pl-story__copy p br{display:none}
  .pl-pack{padding-inline:16px}.pl-pack__title{font-size:clamp(40px,10vw,64px);line-height:.92;-webkit-text-stroke:5px #15275e;text-shadow:0 5px 0 #15275e,0 10px 18px rgba(2,30,89,.24)}
  .pl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:520px}.pl-cards .pl-character-card:nth-child(4){grid-column:auto}.pl-cards .pl-character-card.pl-character-card--last{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
    .pl-exchange{padding-inline:13px}.pl-table-shell{border-width:8px;border-radius:30px;padding:6px}.pl-table-scroll{max-height:285px;border-radius:20px}.pl-exchange-table{font-size:13px;min-width:900px}.pl-exchange-table th,.pl-exchange-table td{padding:14px 12px;font-size: 17px;min-height: 55px;height: 55px;}
    .pl-exchange-table td{font-size: 15px!important;}
  .pl-terms{padding-inline:12px}.pl-terms__wrap{padding-top:80px}.pl-terms__badge{left:8px;right:8px;top:0;min-width:0;border-radius:24px;padding:20px 24px 19px;text-align:center;font-size:clamp(33px,9vw,48px)}
  .pl-terms__panel{display:flex;flex-direction:column;padding-top:75px;border-radius:32px;border-width:8px;height:auto;min-height:0}.pl-terms__nav{order:1;border-left:0;border-bottom:4px solid #0b4eae;padding:0 18px 18px}.pl-terms__nav h3{margin-bottom:14px}.pl-terms__buttons{max-height:180px}.pl-terms__buttons button{font-size:15px;grid-template-columns:34px 1fr;padding:6px 8px}.pl-terms__content{order:2;max-height:390px;padding:28px 24px 32px;font-size:14px;line-height:1.6}  .pl-footer{min-height:160px;padding: 0px 22px 80px;}.pl-instagram{gap:10px}.pl-instagram svg{width:34px;height:34px}
  .pl-modal__dialog{width:94vw;max-height:88vh}.pl-modal__image{max-height:84vh;border-radius:14px}.pl-modal__close{right:4px;top:-18px}
  .tomarma_top{width:50px!important;}
}

.pl-terms-table--annex {
    min-width: 820px;
}

.pl-terms-table--annex th:nth-child(1),
.pl-terms-table--annex td:nth-child(1) {
    width: 55px;
    text-align: center;
}

.pl-terms-table--annex th:nth-child(2) {
    width: 190px;
}

.pl-terms-table--annex th:nth-child(3) {
    min-width: 280px;
}

.pl-terms-table--annex th:nth-child(4) {
    width: 160px;
}

.pl-terms-table--annex th:nth-child(5),
.pl-terms-table--annex td:nth-child(5) {
    width: 120px;
    text-align: center;
}

.pl-terms-table--annex thead th {
    background: #17386f;
    color: #fff;
}

.pl-terms-table--annex tbody tr:nth-child(even) {
    background: #f7f7f7;
}

@media (max-width:480px){
  .pl-hero__picture{width:100%}.pl-hero__art{width:100%;min-height:0;object-fit:contain}
  .pl-story{padding-top:8px;padding-bottom:20px;margin-top: 20%!important;}.pl-story__panel{border-radius:26px}.pl-display-title{font-size:36px}.pl-story__copy p{font-size:16px;line-height:1.2}
  .pl-pack{padding-bottom:90px}.pl-pack__title{font-size:40px;margin-bottom:26px}.pl-cards{gap:12px}.pl-character-card img{border-radius:15px}  .pl-exchange{padding-top:56px;padding-bottom:112px}.pl-display-title--exchange{font-size:30px;text-align: center;}.pl-exchange__head img{width:110px}.pl-table-scroll{max-height:248px}
  .pl-terms{padding-top:100px;padding-bottom:62px}.pl-terms__panel{padding-top:50px}.pl-terms__content{max-height:340px}
  .pl-footer::before,.pl-footer::after{width:100px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}.js .pl-reveal,.js .pl-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}.pl-character-card,.pl-instagram,.pl-modal,.pl-modal__dialog{transition:none!important}
}



/* =========================================================
   AJUSTES SOLICITADOS - 2026-09-15
   Se preserva la composición de la landing original.
   ========================================================= */

@font-face{
  font-family:'Roboto';
  src:url('../assets/fonts/roboto-condensed.ttf') format('truetype');
  font-display:swap
}

/* Tipografías solicitadas */
body.parmalat-landing-body{font-family:'Roboto',Arial,sans-serif}
.pl-display-title,
.pl-pack__title,
.pl-terms__badge,
.pl-video__notice strong,
.pl-sheet__name,
.pl-sheet__traits,
.pl-sheet__message h3{font-family:'Keepsmile',sans-serif}
.pl-story__copy p,
.pl-exchange-table,
.pl-terms__nav,
.pl-terms__content,
.pl-instagram,
.pl-sheet__message p{font-family:'Roboto',Arial,sans-serif}

/* Fondo continuo: HERO + VIDEO/STORY + MANADA */
.pl-main-universe{
  position:relative;
  overflow:hidden;
}
.pl-main-universe .pl-story,
.pl-main-universe .pl-pack{background:transparent}

/* HERO reconstruido por capas independientes */
.pl-hero{
  background:transparent;
  overflow:visible;
  z-index:2
}
.pl-hero__stage{
  position:relative;
  width:min(100%,1920px);
  margin:0 auto;
  aspect-ratio:1.64/1.1;
  background:url('../assets/images/landing/bg-hero-01.png') center top/cover no-repeat;
}
.pl-hero__logo,
.pl-hero__title-main,
.pl-hero__title-secondary,
.pl-hero__plushes{
  position:absolute;
  z-index:3;
  display:block;
  height:auto;
  filter:drop-shadow(0 8px 10px rgba(0,17,63,.13))
}
.pl-hero__logo{
  width:21%;
  left:15.5%;
  top:6.5%;
  animation:pl-hero-float 6.2s ease-in-out infinite
}
.pl-hero__title-main{
  width:21%;
  left:38.2%;
  top:7.2%;
  animation:pl-hero-float 5.4s ease-in-out .15s infinite
}
.pl-hero__title-secondary{
  width:45%;
  right:13.7%;
  top:10.8%;
  animation:pl-hero-float 6.4s ease-in-out .35s infinite
}
.pl-hero__plushes{
  width:52%;
  left:50%;
  bottom:4.5%;
  transform:translateX(-50%);
  animation:pl-plush-float 5.8s ease-in-out .2s infinite;
  filter:drop-shadow(0 16px 18px rgba(0,17,63,.18))
}
.pl-deco{
  position:absolute;
  z-index:2;
  pointer-events:none;
  user-select:none;
  height:auto
}
.pl-deco--hero-light{
  width: 20%;
  left: 13.5%;
  top: -13.8%;
}
.pl-deco--hero-dark{
  width:21%;
  right:7.5%;
  bottom:18%
}
.pl-deco--story-dark{
  width: clamp(120px,23vw,450px);
  left: 0%;
  bottom: 13%;
  opacity: .96;
}
@keyframes pl-hero-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes pl-plush-float{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-8px)}
}

.pl-story{
  padding-top:0;
  z-index:3;
  margin-top: -8%;
}
.pl-story__panel{margin-top:clamp(-18px,-1.5vw,-4px)}
.pl-display-title{font-family:'Keepsmile',sans-serif}
.pl-story__copy p{font-family:'Roboto',Arial,sans-serif}

.pl-pack::before{display:none}
.pl-sparkles{
  position:absolute;
  left:50%;
  top:39%;
  width:min(900px,82vw);
  height:auto;
  aspect-ratio:auto;
  transform:translate(-50%,-50%);
  background:none;
  filter:none;
  opacity:1;
  object-fit:contain;
  pointer-events:none
}
.pl-pack__title{
  position:relative;
  z-index:3;
  width:min(100%,1550px);
  margin:0 auto clamp(34px,4.3vw,65px);
  height:auto;
  min-height:clamp(100px,13vw,170px);
  transform:none;
  -webkit-text-stroke:0;
  text-shadow:none;
  color:#fff
}
.pl-pack__title>img{
  display:block;
  width:100%;
  height:auto
}
.pl-pack__title>span{
  position:absolute;
  left:47.5%;
  top:31%;
  width:47%;
  text-align:center;
  color:#fff;
  font-family:'Keepsmile',sans-serif;
  font-size:clamp(42px,6.2vw,82px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.01em;
  -webkit-text-stroke:clamp(4px,.55vw,8px) #15275e;
  paint-order:stroke fill;
  text-shadow:0 7px 0 #15275e,0 12px 18px rgba(2,30,89,.25);
  transform:rotate(1deg)
}

/* Tarjetas: click abre popup; hover solo flota */
@keyframes pl-card-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@media (hover:hover) and (pointer:fine){
  .pl-character-card:hover{
    animation:pl-card-float 2.4s ease-in-out infinite;
    filter:drop-shadow(0 18px 24px rgba(2,25,77,.34))
  }
}

/* Puntos de cambio: mismo contenedor del diseño, datos oficiales del Excel */
.pl-exchange-table{
  min-width:760px;
  font-family:'Roboto',Arial,sans-serif
}
.pl-exchange-table th{
  font-family:'Roboto',Arial,sans-serif;
  font-weight:700
}
.pl-exchange-table th:first-child,
.pl-exchange-table td:first-child{
  width:auto;
  text-align:left
}
.pl-exchange-table td:nth-child(3){min-width: 170px;
  width: 100px;}
.pl-exchange-table td:nth-child(2){min-width: 100px;
  width: 100px;}
.pl-exchange-table td:first-child{min-width: 170px;
  width: 80px;}

.pl-terms__badge{font-family:'Keepsmile',sans-serif}
.pl-terms__nav,
.pl-terms__buttons button,
.pl-terms__content{font-family:'Roboto',Arial,sans-serif}
.pl-terms__transition{
  left:50%;
  top:-150px;
  width:clamp(150px,35vw,450px);
  transform:translateX(-50%);
  z-index:2;
  filter:drop-shadow(0 12px 18px rgba(2,31,84,.2))
}
.pl-terms__content ul,
.pl-terms__content ol{padding-left:1.3rem}
.pl-terms__content li{margin-bottom:7px}

/* Footer con los assets decorativos entregados */
.pl-footer::before,
.pl-footer::after{display:none}
.pl-footer__deco{
  position:absolute;
  bottom:26px;
  width:clamp(120px,18vw,400px);
  height:auto;
  pointer-events:none
}
.pl-footer__deco--light{left:10%}
.pl-footer__deco--dark{right:10%}
.pl-instagram{font-family:'Roboto',Arial,sans-serif}

/* POPUP HTML RESPONSIVE: réplica visual sin usar el JPG completo */
.pl-modal__dialog{
  width:min(94vw,1280px);
  max-height:94vh;
  overflow:auto;
  display:block
}
.pl-modal__close{
  position:sticky;
  float:right;
  right:10px;
  top:10px;
  margin:8px 8px -48px 0
}
.pl-character-sheet{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);
  gap:clamp(18px,2vw,30px);
  width:100%;
  min-height:min(720px,84vh);
  padding:clamp(28px,3vw,42px);
  background:#f3ede2;
  background:url('../assets/images/landing/bg-marco.webp') center top/cover no-repeat;
  border-radius:clamp(22px,5.4vw,63px);
  box-shadow:0 24px 65px rgba(0,0,0,.4);
  overflow:hidden;
  color:#0d47ae
}
.pl-character-sheet::before{
  content:"";
  position:absolute;
  top:68px;
  bottom:55px;
  left:50%;
  width:4px;
  background:#0e4ab0;
  transform:translateX(-50%);
  z-index:1;
}
.pl-character-sheet::after{
  content:"";
  position:absolute;
  top:31px;
  left:7%;
  right:7%;
  height:4px;
  background:#0e4ab0;
  z-index:1;
  display: none;
}
.pl-sheet__corner{
  position:absolute;
  z-index:2;
  width:clamp(110px,13vw,190px);
  height:auto;
  pointer-events:none
}
.pl-sheet__corner--tl{left:0;top:0}
.pl-sheet__corner--tr{right:0;top:0}
.pl-sheet__corner--bl{left:0;bottom:0}
.pl-sheet__corner--br{right:0;bottom:0}
.pl-sheet__left,
.pl-sheet__right{
  position:relative;
  z-index:3;
  min-width:0
}
.pl-sheet__left{
  display:flex;
  flex-direction:column;
  gap: 20px;
  align-items:center;
  justify-content:start;
  padding:35px 12px 5px
}
.pl-sheet__figure{
  display:block;
  width:min(100%,500px);
  max-height:440px;
  object-fit:contain;
  mix-blend-mode:multiply
}
.pl-sheet__name{
  margin:4px 0 6px;
  color:#0b49ae;
  font-family:'Keepsmile',sans-serif;
  font-size:clamp(60px,7vw,104px);
  line-height:.84;
  font-weight:400;
  text-align:center
}
.pl-sheet__parts{
  display:block;
  width:min(100%,460px);
  max-height:125px;
  object-fit:contain;
  mix-blend-mode:multiply
}
.pl-sheet__right{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:38px 12px 20px
}
.pl-sheet__brand{
  display:block;
  width:min(38%,245px);
  height:auto;
  margin:0 auto 12px
}
.pl-sheet__heads{
  display:grid;
  grid-template-columns:repeat(1,minmax(0,1fr));
  align-items:end;
  gap:10px;
  width:min(100%,560px);
  margin:0 auto
}
.pl-sheet__heads img{
  display:block;
  width:100%;
  max-height:145px;
  object-fit:contain;
  mix-blend-mode:multiply
}
.pl-sheet__traits{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  margin:5px 0 20px;
  color:#0b49ae;
  font-family:'Keepsmile',sans-serif;
  font-size:clamp(24px,2.5vw,40px);
  line-height:1;
  text-align:center
}
.pl-sheet__traits .dot{
  color:#2eb4e9;
  font-family:Arial,sans-serif;
  font-size:.7em
}
.pl-sheet__message{
  width:100%;
  max-width:620px;
  margin-top:auto;
  padding:clamp(20px,2.2vw,30px) clamp(20px,2.8vw,36px);
  background:#45afe4;
  color:#fff;
  border-radius:34px 44px 32px 42px;
  box-shadow:8px 7px 0 #0590ca
}
.pl-sheet__message h3{
  margin:0 0 14px;
  color:#0b49ae;
  font-family:'Keepsmile',sans-serif;
  font-size:clamp(32px,3.8vw,58px);
  line-height:.92;
  text-align:center;
  font-weight:400
}
.pl-sheet__message p{
  margin:0;
  color:#fff;
  font-family:'Roboto',Arial,sans-serif;
  font-size:clamp(16px,1.65vw,23px);
  font-weight:700;
  line-height:1.15;
  text-align:center
}

/* Responsive fino conservando la composición */
@media (max-width:1050px){
  .pl-hero__stage{aspect-ratio:1.48/1}
  .pl-hero__logo{width:23%;left:12.5%}
  .pl-hero__title-main{width:33%;left:36%}
  .pl-hero__title-secondary{width:26%;right:9%}
  .pl-hero__plushes{width:63%;bottom:-3%}
  .pl-pack__title>span{font-size:clamp(40px,6.7vw,72px)}
}
@media (max-width:760px){
    button.anexos {
  grid-template-columns: 60px 1fr !important;
}
  .pl-hero__stage{aspect-ratio:1.43/1}
  .pl-deco--story-dark{width:120px;left: 0px;
    bottom: -5%;}
  .pl-pack__title{
    width:min(100%,720px);
    min-height:90px
  }
  .pl-pack__title>span{
    left:46%;
    top:32%;
    width:48%;
    font-size:clamp(34px,7.5vw,56px);
    -webkit-text-stroke:4px #15275e;
    text-shadow:0 5px 0 #15275e
  }
  .pl-exchange-table{min-width:700px}
  .pl-terms__transition{top: -105px;
    width: 290px;}
  .pl-character-sheet{
    grid-template-columns:1fr;
    padding:24px 18px 30px
  }
  .pl-character-sheet::before{display:none}
  .pl-character-sheet::after{top:22px;left:10%;right:10%}
  .pl-sheet__left{padding-top:32px}
  .pl-sheet__figure{max-height:220px}
  .pl-sheet__parts{max-height:95px}
  .pl-sheet__right{padding-top:10px}
  .pl-sheet__brand{width:min(42%,200px);display: none;}
  .pl-sheet__heads{max-width:470px}
  .pl-sheet__message{max-width:560px}
}
@media (max-width:480px){
  .pl-hero__stage{aspect-ratio:1.25/1}
  .pl-hero__logo{width:32%;left:8%;top:6%}
  .pl-hero__title-main{width:35%;left:34%;top:7%}
  .pl-hero__title-secondary{width:50%;right:4.5%;top:13%}
  .pl-hero__plushes{width:90%;bottom:-30%}
  .pl-deco--hero-light{width:38%;left:4%}
  .pl-deco--hero-dark{width:20%;right:3%}
  .pl-story__panel{margin-top:-6px}
  .pl-pack__title{
    min-height:78px;
    margin-bottom:22px
  }
  .pl-pack__title>span{
    left:44%;
    top:35%;
    width:52%;
    font-size:clamp(29px,8.6vw,42px)
  }
  .pl-footer__deco{width:110px;bottom:18px}
  .pl-footer__deco--light{left:2%}
  .pl-footer__deco--dark{right:2%}
  .pl-sheet__corner{width:105px}
  .pl-sheet__name{font-size:clamp(52px,13vw,78px)}
  .pl-sheet__message p{font-weight:500;}
  .pl-sheet__traits{font-size:clamp(21px,7vw,30px)}
  .pl-sheet__message h3{font-size:clamp(28px,9vw,42px)}
}
@media (prefers-reduced-motion:reduce){
  .pl-hero__logo,
  .pl-hero__title-main,
  .pl-hero__title-secondary,
  .pl-hero__plushes,
  .pl-character-card:hover{animation:none!important}
}

.pl-terms-table-wrap{width:100%;overflow-x:auto;margin:16px 0}
.pl-terms-table{width:100%;min-width:460px;border-collapse:collapse;color:#565656;font-family:'Roboto',Arial,sans-serif;font-size:.92em}
.pl-terms-table th,.pl-terms-table td{padding:10px 12px;border:1px solid #dbe6ef;text-align:left}
.pl-terms-table th{background:#eef9fc;color:#17365f;font-weight:700}

@media only screen and (min-width: 1024px) and (max-width: 1450px)  {
    .pl-deco--hero-light {
      width: 20%;
      left: 5.5%;
      top: -11.8%;
    }
    .pl-deco--story-dark {
  width: clamp(120px,23vw,260px);}
  .pl-modal__dialog{
    width: min(94vw,1100px);
    max-height: 105vh;
    border-radius: 50px;
  }
  .pl-sheet__figure{max-height:310px;}
  .pl-sheet__traits{font-size: clamp(24px,1vw,40px);}
  .pl-sheet__name{font-size:5vw;}
  .pl-sheet__message h3{font-size:2.8vw;}
  .pl-character-sheet{padding:2.5vw;}
  .pl-sheet__parts,.pl-sheet__heads img{max-height:90px;}
  .pl-sheet__message p{font-size:1.3vw;font-weight:500;}
  .pl-sheet__message{margin-top:0px;}
  .pl-sheet__brand{width: min(25%,234px);}
  button.anexos{grid-template-columns: 80px 1fr!important;}
  .pl-terms__panel{min-height:630px;}
}
.floating-contact {
    position: fixed;

    right: 22px;
    bottom: 24px;

    z-index: 999;

    display: flex;
    flex-direction: column;
    gap: 12px;

    align-items: flex-start;
}


/* BOTÓN */

.floating-contact__btn {
    position: relative;

    width: 56px;
    height: 56px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #ffffff;

    text-decoration: none;

    box-shadow:
        0 8px 20px rgba(0,0,0,.22);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;

    -webkit-tap-highlight-color: transparent;
}


/* SVG */

.floating-contact__btn svg {
    width: 29px;
    height: 29px;

    display: block;

    transition:
        transform .25s ease;
}


/* WHATSAPP */

.floating-contact__btn--whatsapp {
    background: #25D366;
}


/* E-MAIL */

.floating-contact__btn--email {
    background: #18afe5;
}


/* HOVER */

.floating-contact__btn:hover {
    transform:
        translateY(-4px)
        scale(1.08);

    box-shadow:
        0 13px 28px rgba(0,0,0,.28);
}


.floating-contact__btn:hover svg {
    transform: scale(1.12);
}

.floating-contact__btn--whatsapp {
    animation:
        contact-pulse 3s ease-in-out infinite;
}


@keyframes contact-pulse {

    0%,
    100% {
        box-shadow:
            0 8px 20px rgba(0,0,0,.22);
    }

    50% {
        box-shadow:
            0 8px 20px rgba(0,0,0,.22),
            0 0 0 9px rgba(37,211,102,.13);
    }

}

.floating-contact__tooltip {

    position: absolute;

    left: calc(100% + 12px);
    top: 50%;

    transform:
        translateY(-50%)
        translateX(-5px);

    background: #102f68;

    color: #ffffff;

    padding:
        8px 12px;

    border-radius:
        8px;

    font-family:
        'Roboto',
        Arial,
        sans-serif;

    font-size:
        14px;

    line-height:
        1;

    white-space:
        nowrap;

    opacity: 0;

    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .2s ease,
        transform .2s ease,
        visibility .2s ease;
}


.floating-contact__btn:hover
.floating-contact__tooltip {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(-50%)
        translateX(0);
}
.floating-contact__btn:focus-visible {

    outline:
        3px solid #ffd104;

    outline-offset:
        4px;
}

@media (max-width: 760px) {

    .floating-contact {

        right: 14px;
        bottom: 18px;

        gap: 9px;
    }


    .floating-contact__btn {

        width: 50px;
        height: 50px;
    }


    .floating-contact__btn svg {

        width: 25px;
        height: 25px;
    }

    .floating-contact__tooltip {

        display: none;
    }

}


@media (max-width: 480px) {

    .floating-contact {

        right: 12px;
        bottom: 14px;
    }


    .floating-contact__btn {

        width: 46px;
        height: 46px;
    }


    .floating-contact__btn svg {

        width: 23px;
        height: 23px;
    }

}
@media (prefers-reduced-motion: reduce) {

    .floating-contact__btn,
    .floating-contact__btn svg {

        animation: none;
        transition: none;
    }

}
.tomarma {
  position: absolute;
  width: 45px !important;
  bottom: 30%;
  left: 3%;
}

.tomarma_top{
    position: absolute;
  width: 120px;
  top: 1%;
  right: 1%;
}

/* ====================================
   VIDEO YOUTUBE
==================================== */

.pl-video__media {
    position: relative;
    overflow: hidden;
}

/* La portada actual queda intacta */
.pl-video__poster {
    display: block;
    width: 100%;
    height: auto;
}

/* Contenedor del iframe */
.pl-video__youtube {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.35s ease,
        visibility 0.35s ease;
    
    z-index: 5;
}

/* Cuando se reproduce */
.pl-video__youtube.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* YouTube ocupa todo el espacio */
.pl-video__youtube iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* El botón mantiene su diseño actual */
.pl-video__play {
    position: absolute;
    z-index: 10;
}

/* Se desvanece cuando comienza el video */
.pl-video__play.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* =====================================
   MODAL VIDEO PARMALAT
===================================== */

.pl-video-modal {
    position: fixed;
    inset: 0;
    z-index: 999999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 30px;

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.3s ease,
        visibility 0.3s ease;
}

.pl-video-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* Fondo oscuro */
.pl-video-modal__backdrop {
    position: absolute;
    inset: 0;

    background: rgba(0, 20, 60, 0.88);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

/* Ventana */
.pl-video-modal__dialog {
    position: relative;
    z-index: 2;

    width: min(1100px, 92vw);

    background: #000;

    border-radius: 22px;

    box-shadow:
        0 25px 80px rgba(0, 0, 0, 0.45);

    overflow: visible;

    transform: scale(0.94) translateY(15px);

    transition: transform 0.3s ease;
}

.pl-video-modal.is-open .pl-video-modal__dialog {
    transform: scale(1) translateY(0);
}

/* Mantiene proporción 16:9 */
.pl-video-modal__player {
    position: relative;

    width: 100%;
    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #000;

    border-radius: 22px;
}

.pl-video-modal__player iframe {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

/* Botón cerrar */
.pl-video-modal__close {
    position: absolute;

    top: -18px;
    right: -18px;

    z-index: 5;

    width: 46px;
    height: 46px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #ffffff;
    color: #064eb7;

    font-family: Arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;

    cursor: pointer;

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.25);

    transition:
        transform 0.2s ease,
        background 0.2s ease;
}

.pl-video-modal__close:hover {
    transform: scale(1.08);
    background: #f1f5ff;
}

/* Bloquear scroll */
body.pl-video-open {
    overflow: hidden;
}

/* =====================================
   TABLET / MOBILE
===================================== */

@media (max-width: 767px) {

    .pl-video-modal {
        padding: 16px;
    }

    .pl-video-modal__dialog {
        width: 100%;
        border-radius: 14px;
    }

    .pl-video-modal__player {
        border-radius: 14px;
    }

    .pl-video-modal__close {
        top: -15px;
        right: -5px;

        width: 42px;
        height: 42px;

        font-size: 29px;
    }
}