.pj-main{padding:0}
.pj-h{padding:calc(var(--bh,72px) + clamp(28px,4.4vw,64px)) var(--pad) clamp(30px,4vw,56px)}
.pj-h{position:relative}
.pj-h>*:not(.pj-gl-c){position:relative;z-index:1}
.pj-gl-c{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
html.ix .pj-h.pj-run:not(.pj-sweep):not(.pj-done) .pj-big>span{opacity:0;transition:opacity .2s ease}
html.ix .pj-h.pj-sweep:not(.pj-done) .pj-big>span{-webkit-mask-image:linear-gradient(90deg,#000 var(--fx,-200px),transparent calc(var(--fx,-200px) + 50px));mask-image:linear-gradient(90deg,#000 var(--fx,-200px),transparent calc(var(--fx,-200px) + 50px))}
.pj-gl-c{transition:opacity .7s var(--ease)}
.pj-h-t{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px}
.pj-h-t .ix-k{margin:0}
.pj-h-t::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--tx);transform-origin:0 50%;transition:transform 1.5s var(--expo,cubic-bezier(.76,0,.24,1)) .2s}
.pj-h h1{margin:0;font-size:1rem;line-height:1;font-weight:500;letter-spacing:0;max-width:none;text-transform:none}
.pj-h h1.rev,.pj-h .rev{opacity:1!important;transform:none!important;filter:none!important}
.pj-big{font:500 var(--t-pag-m)/.9 var(--serif);letter-spacing:-.05em;text-transform:uppercase;color:var(--tx)}
.pj-big.pj-r{color:var(--rojo)}
.pj-big:nth-child(2)>*{transition-delay:.12s}
.pj-big:nth-child(3)>*{transition-delay:.24s}
.pj-h-m{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);gap:clamp(24px,4vw,70px);align-items:end;margin-top:clamp(18px,2.6vw,40px)}
.pj-h-b{display:flex;flex-direction:column;gap:clamp(20px,2.4vw,34px);margin:0 0 .4em}
.pj-sub{margin:0;max-width:44ch;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.5;color:var(--gris)}
.pj-h .bx{margin:0;max-width:none;justify-self:stretch}
.pj-h .bx-c{border-bottom-color:var(--tx)}
.pj-h .bx-c:focus-within{border-bottom-color:var(--rojo)}
@media (min-width:981px){.pj-big{font-size:var(--t-pag)}}
@media (max-width:980px){.pj-h-m{grid-template-columns:1fr}}
.pj-s{padding:0 var(--pad) clamp(10px,2vw,30px);background:none;max-width:1760px;margin:0 auto}
#lista.pj-g{list-style:none;margin:0;padding:clamp(18px,2.6vw,40px) 0 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;column-gap:clamp(16px,1.7vw,28px);row-gap:clamp(56px,6.6vw,104px);align-items:start;--rd:14px}
.pj-g .mas-oc,.pj-g [hidden]{display:none!important}
.pj{display:block;position:relative;margin:0;padding:0;width:100%;max-width:calc(var(--w,700)*1px);justify-self:var(--js,start);min-width:0}
@media (min-width:761px){.pj{grid-column:var(--gc,auto);grid-row:var(--gr,auto);margin-top:var(--mt,0)}}
.pj>a{display:block;position:relative;color:inherit;text-decoration:none;outline:0;background:none;-webkit-tap-highlight-color:transparent}
.pj>a:focus-visible{outline:2px solid var(--rojo);outline-offset:8px}
.pj-im{display:block;position:relative;overflow:hidden;border-radius:var(--rd);aspect-ratio:var(--ar,1);background:var(--crema2);font-size:0;line-height:0}
.pj-im img{display:block;position:static;width:100%;height:auto;max-width:100%;transform:none;scale:1;transition:none}
.pj-im::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px circle at var(--mx,-80%) var(--my,-80%),rgba(255,255,255,calc(.16*var(--ga,0))),transparent 60%)}
.pj-m{display:block;padding:clamp(12px,1.2vw,18px) 0 12px;margin:0;border:0;position:relative}
.pj-m::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rojo);transform:scaleX(0);transform-origin:0 50%;transition:transform .9s var(--expo)}
@media (hover:hover){.pj:hover .pj-m::after{transform:scaleX(1)}}
.pj-n{display:block;max-width:100%;font:500 clamp(1.5rem,2.6vw,2.9rem)/1.02 var(--serif);letter-spacing:-.025em;text-transform:uppercase;color:var(--tx);text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.pj[data-nl=l] .pj-n{font-size:clamp(1.35rem,2.2vw,2.4rem)}
.pj[data-nl=xl] .pj-n{font-size:clamp(1.2rem,1.85vw,2rem)}
.pj-n::after{content:"\00a0→";display:inline-block;color:var(--rojo);font-family:var(--sans);font-weight:400;transition:transform .8s var(--ease)}
@media (hover:hover){.pj:hover .pj-n::after{transform:translateX(5px)}}
.ix .pj:not(.pj-in){visibility:hidden}
.ix .pj.pj-in .pj-im{animation:pjMu 1.35s var(--expo) var(--d,0ms) both}
.ix .pj.pj-in[data-d=l] .pj-im{animation-name:pjMl}
.ix .pj.pj-in[data-d=r] .pj-im{animation-name:pjMr}
.ix .pj.pj-in .pj-n{animation:pjNm 1.1s var(--expo) calc(var(--d,0ms) + 420ms) both}
@keyframes pjMu{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pjMl{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes pjMr{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes pjNm{from{clip-path:inset(0 0 100% 0);translate:0 .55em}to{clip-path:inset(-.4em -.4em -.4em -.4em);translate:0 0}}
.pj-s .descubrir{padding:clamp(48px,6.4vw,100px) 0 clamp(30px,4.4vw,64px)}
.pj-s .vacio{padding:70px 0}
@media (max-width:760px){#lista.pj-g{display:flex;flex-direction:column;row-gap:clamp(44px,12vw,64px)}.pj{max-width:min(100%,calc(var(--w,700)*1px))}.pj:nth-child(even){align-self:flex-end}.pj-n{font-size:clamp(1.5rem,7vw,2.1rem)}.pj[data-nl=l] .pj-n{font-size:clamp(1.35rem,6.2vw,1.9rem)}.pj[data-nl=xl] .pj-n{font-size:clamp(1.2rem,5.4vw,1.6rem)}}
@media (prefers-reduced-motion:reduce){.pj-h-t::after{transition:none}}
.pj-h .bx-in{font-size:1rem}
.ix-nativo .ix-cur{display:none!important}
.pj-h .ix .ix-m>*,html.ix .pj-h .ix-m>*{transform:none!important;transition:none!important}
