@font-face{font-family:'PF Neon Stencil';src:url('assets/MKStencilsansBlack.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
.pf-hero{--pf-power:1;position:relative;isolation:isolate;background:#080808;animation:pf-circuit 9.6s linear infinite}
.pf-sign{position:relative;isolation:isolate;text-align:center;padding:52px 4% 48px;overflow:hidden;background:#080808}.pf-wall,.pf-wall-light{position:absolute;inset:0;z-index:-1;background:url('assets/ladrillos-neon.png') center 44%/cover;pointer-events:none}.pf-wall{opacity:.27;mask-image:linear-gradient(180deg,#000,#000 75%,transparent)}.pf-wall-light{filter:brightness(1.8);mask-image:radial-gradient(ellipse 62% 37% at 50% 46%,#000 15%,transparent 100%)}.pf-wall-title{opacity:calc(var(--pf-power)*.63)}.pf-wall-soda{opacity:calc(var(--pf-power)*.55);mask-image:radial-gradient(ellipse 20% 22% at 41% 77%,#000,transparent)}.pf-wall-cerati{opacity:calc(var(--pf-power)*.55);mask-image:radial-gradient(ellipse 23% 22% at 67% 77%,#000,transparent)}
.pf-eyebrow{margin:0 0 28px;font-size:11px;line-height:1.7;letter-spacing:3px;font-weight:600;color:#dbd5c7}.pf-hero h1{font:900 clamp(70px,14.7vw,232px)/1.04 'PF Neon Stencil',Impact,sans-serif;letter-spacing:-.015em;margin:0;white-space:nowrap}.pf-neon{position:relative;display:inline-block;color:#1d180f;-webkit-text-stroke:1.2px #eecb75;text-shadow:none}.pf-neon:after{content:attr(data-text) / "";position:absolute;inset:0;color:#fff2c6;-webkit-text-stroke:1.2px #fff3d1;text-shadow:none;pointer-events:none}.pf-title-tube:after{opacity:var(--pf-power)}.pf-legacy{position:relative;margin:25px auto 0;font-size:clamp(15px,1.45vw,23px);font-weight:500;line-height:1.7;letter-spacing:1px;color:#f6f4ed}.pf-legacy .pf-neon{font-weight:600;-webkit-text-stroke:.55px #e9c25b;color:#7d6528;white-space:nowrap}.pf-legacy .pf-neon:after{color:#f7d875;-webkit-text-stroke:.55px #ffe29c;text-shadow:none}.pf-soda-tube:after{opacity:var(--pf-power)}.pf-cerati-tube:after{opacity:var(--pf-power)}
.pf-content{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:clamp(48px,7vw,100px);align-items:center;max-width:1440px;margin:auto;padding:15px 6% 38px}.pf-story{min-width:0}.pf-kicker{color:#c8ac6c;letter-spacing:2.4px;font-size:10px;line-height:1.8;margin:0 0 20px}.pf-intro{font-size:16px;line-height:1.82;color:#bcbab5;margin:0}.pf-intro strong{font-weight:600;color:#f7f5ef}.pf-emotion{font-size:16px;line-height:1.75;color:#f7f5ef;margin:18px 0}.pf-manifesto{border-left:2px solid #d9b655;padding:9px 0 9px 15px;font-size:11px;letter-spacing:1.8px;color:#e2dfd6;margin:21px 0}.pf-manifesto strong{color:var(--pf-gold)}.pf-actions{display:flex;gap:12px;margin-top:23px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}.pf-actions a{padding:18px 22px;transition:background .2s}.pf-primary{color:#15120b;background:#e9c266;border:1px solid #e9c266}.pf-primary:hover{background:#f4d584}.pf-secondary{border:1px solid #ffffff38;background:#0c0c0c66}.pf-secondary:hover{background:#ffffff12}.pf-art{position:relative;width:100%;aspect-ratio:1;align-self:center;isolation:isolate}.pf-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;opacity:1}.pf-disc{z-index:0}.pf-silhouette{z-index:1}.pf-bottom{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:8px 6% 25px;color:#a99b7a;font-size:9px;letter-spacing:2px}.pf-bottom button{font:inherit;letter-spacing:1px;cursor:pointer;border:1px solid #ffffff28;background:transparent;color:#c9c6bd;padding:10px 14px}
@media(max-width:1050px){.pf-sign{padding-top:40px}.pf-legacy{max-width:660px}.pf-content{gap:38px;padding-inline:5%}.pf-intro,.pf-emotion{font-size:15px}.pf-actions a{padding:16px 15px}}
@media(max-width:760px){.pf-sign{padding:33px 15px 33px}.pf-eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:23px;max-width:270px;margin-inline:auto}.pf-hero h1{font-size:14.7vw;letter-spacing:-.02em}.pf-neon,.pf-neon:after{-webkit-text-stroke:.8px #ffe0a0}.pf-legacy{font-size:13px;line-height:1.9;letter-spacing:.5px;margin-top:22px;max-width:340px}.pf-wall-title{mask-image:radial-gradient(ellipse 65% 30% at 50% 45%,#000,transparent)}.pf-wall-soda{mask-image:radial-gradient(ellipse 40% 20% at 70% 71%,#000,transparent)}.pf-wall-cerati{mask-image:radial-gradient(ellipse 40% 20% at 41% 82%,#000,transparent)}.pf-content{display:flex;flex-direction:column;gap:32px;padding:0 24px 24px}.pf-art{order:-1;width:min(80vw,350px)}.pf-story{width:100%}.pf-kicker{font-size:9px;letter-spacing:1.8px;margin-bottom:16px}.pf-intro,.pf-emotion{font-size:15px;line-height:1.85}.pf-emotion{margin-top:18px}.pf-actions{gap:9px;font-size:9px;letter-spacing:.6px}.pf-actions a{padding:16px 13px}.pf-manifesto{font-size:10px;letter-spacing:1.2px}.pf-bottom{padding:0 24px 24px;font-size:7px;letter-spacing:1px}.pf-bottom button{font-size:9px;padding:9px 10px;letter-spacing:.5px}}
@media(prefers-reduced-motion:reduce){.pf-hero{animation:none;--pf-power:1}.pf-hero *{transition:none!important}}

/* A single electrical signal drives every illuminated face and brick reflection. */
@property --pf-power{syntax:"<number>";inherits:true;initial-value:1}
@keyframes pf-circuit{
  0%,2%{--pf-power:1}
  3.5%{--pf-power:.2}5%{--pf-power:1}
  9%{--pf-power:1}10.5%{--pf-power:.35}12%{--pf-power:1}
  34%{--pf-power:1}36%{--pf-power:.82}37%{--pf-power:1}
  40%{--pf-power:.28}42%{--pf-power:1}
  65%{--pf-power:1}67%{--pf-power:.18}69%{--pf-power:1}
  73%{--pf-power:1}74.5%{--pf-power:.5}76%{--pf-power:1}
  91%{--pf-power:1}94%{--pf-power:.85}97%,100%{--pf-power:1}
}
.pf-neon{isolation:isolate}
.pf-title-tube{
  color:#302519;-webkit-text-stroke:1.6px #f6d282;
  text-shadow:0 1px 0 #b58942,0 2px 0 #8b652f,0 3px 0 #664821,0 4px 0 #392a15,0 9px 7px #000b;
}
.pf-title-tube:before{
  content:attr(data-text) / "";position:absolute;inset:0;z-index:-1;
  color:#302216;-webkit-text-stroke:2px #856035;transform:translate(2px,5px);pointer-events:none;
}
.pf-title-tube:after{
  color:transparent;
  background:linear-gradient(180deg,#fffff4 0%,#fff7d1 26%,#ffe69d 56%,#f3c76c 83%,#fff0b8 100%);
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-stroke:1.5px #fffbea;text-shadow:none;
  opacity:var(--pf-power);
}
.pf-legacy .pf-neon{color:#a8873e;-webkit-text-stroke:.5px #f6d781;text-shadow:0 1px 0 #4b381a,0 2px 0 #18110a}
.pf-legacy .pf-neon:after{
  color:transparent;background:linear-gradient(180deg,#fff4be,#ffe58d 48%,#f0bd57);
  background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.45px #ffedac;
  text-shadow:none;opacity:var(--pf-power);
}
.pf-wall{opacity:.2}
.pf-wall-light{filter:brightness(2.15) contrast(1.08)}
.pf-wall-title{opacity:calc(var(--pf-power)*.8)}
.pf-wall-soda,.pf-wall-cerati{opacity:calc(var(--pf-power)*.6)}
.pf-wall-title:after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% 43%,#ffd77c36,transparent 68%);
  mix-blend-mode:screen;
}
.pf-legacy{color:rgba(247,245,239,calc(.6 + .4 * var(--pf-power)));-webkit-text-stroke:.15px #f6f4ed}
.pf-hero.pf-paused{animation:none;--pf-power:1}
@media(max-width:760px){
  .pf-title-tube{-webkit-text-stroke:1px #f6d282;text-shadow:0 1px 0 #8b652f,0 2px 0 #392a15,0 5px 4px #000b}
  .pf-title-tube:before{-webkit-text-stroke:1px #856035;transform:translate(1px,2px)}
  .pf-title-tube:after{-webkit-text-stroke:.8px #fffbea}
}
@media(prefers-reduced-motion:reduce){.pf-hero{animation:none;--pf-power:1}}
/* Version 4: the complete legacy line remains on one centered line. */
.pf-legacy{max-width:none;white-space:nowrap;font-size:clamp(18px,2.65vw,42px);letter-spacing:.2px;margin-top:30px}
@media(max-width:760px){.pf-legacy{font-size:2.5vw;letter-spacing:0;margin-top:23px;line-height:1.8}}
/* Version 5: tighter lockup, saturated yellow and one physical light signal. */
.pf-legacy{margin-top:-10px}
.pf-legacy .pf-neon{color:#b89c08;-webkit-text-stroke:.5px #ffe000}
.pf-legacy .pf-neon:after{background:linear-gradient(180deg,#fff57a 0%,#ffe000 40%,#ffd000 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:.4px #fff280}
.pf-hero{animation:none}
@media(max-width:760px){.pf-legacy{margin-top:0}}
/* Version 6: one vinyl-inspired gold palette for all illuminated lettering. */
.pf-hero{--pf-sign-gold:linear-gradient(180deg,#f4d474 0%,#eabb43 28%,#dca529 65%,#edbd47 100%);--pf-sign-edge:#f6d77b;--pf-sign-metal:#bd8626}
.pf-title-tube,.pf-legacy .pf-neon{color:var(--pf-sign-metal);-webkit-text-stroke-color:var(--pf-sign-edge)}
.pf-title-tube:after,.pf-legacy .pf-neon:after{background:var(--pf-sign-gold);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke-color:var(--pf-sign-edge)}
.pf-title-tube:before{-webkit-text-stroke-color:#8d5c1e;color:#533614}
.pf-wall-title:after{background:radial-gradient(ellipse at 50% 43%,#e6ad3238,transparent 68%)}
/* Version 7: glass-tube neon. Only the emitted light is diffuse; the tube core is crisp. */
.pf-title-tube,.pf-legacy .pf-neon{
  color:transparent;background:none;text-shadow:none;
  -webkit-text-stroke:2.6px #b98416;
}
.pf-title-tube:before,.pf-legacy .pf-neon:before{
  content:attr(data-text) / "";position:absolute;inset:0;z-index:-1;
  transform:none;color:transparent;background:none;text-shadow:none;
  -webkit-text-stroke:5px #ffbf19;
  filter:blur(2px) drop-shadow(0 0 7px #ffb900) drop-shadow(0 0 18px #ff9d0066);
  opacity:var(--pf-power);pointer-events:none;
}
.pf-title-tube:after,.pf-legacy .pf-neon:after{
  background:none;color:transparent;text-shadow:none;
  -webkit-text-stroke:1.35px #fff0a0;
  filter:none;opacity:calc(.25 + .75 * var(--pf-power));
}
.pf-title-tube{filter:drop-shadow(0 3px 1px #0009)}
.pf-legacy .pf-neon{-webkit-text-stroke:1.15px #c99219;font-weight:500}
.pf-legacy .pf-neon:before{-webkit-text-stroke:2px #ffc323;filter:blur(1px) drop-shadow(0 0 4px #ffb900) drop-shadow(0 0 10px #ffae0066)}
.pf-legacy .pf-neon:after{-webkit-text-stroke:.55px #fff0a0}
.pf-wall{opacity:.16}
.pf-wall-light{filter:brightness(1.5) sepia(.25) saturate(1.3)}
.pf-wall-title{opacity:calc(var(--pf-power)*.65)}
.pf-wall-title:after{background:radial-gradient(ellipse at 50% 46%,#ffb00050,transparent 70%)}
.pf-wall-soda,.pf-wall-cerati{opacity:calc(var(--pf-power)*.55)}
@media(max-width:760px){
  .pf-title-tube{-webkit-text-stroke:1.5px #b98416;filter:drop-shadow(0 2px 1px #0009)}
  .pf-title-tube:before{-webkit-text-stroke:2.5px #ffbf19;filter:blur(1px) drop-shadow(0 0 4px #ffb900) drop-shadow(0 0 9px #ff9d0055)}
  .pf-title-tube:after{-webkit-text-stroke:.8px #fff0a0}
  .pf-legacy .pf-neon{-webkit-text-stroke:.25px #c99219}
  .pf-legacy .pf-neon:before{-webkit-text-stroke:.5px #ffc323;filter:blur(.5px) drop-shadow(0 0 3px #ffb900)}
  .pf-legacy .pf-neon:after{color:#ffd34e;-webkit-text-stroke:.15px #fff0a0}
}
/* Version 8: cast shadows separate the neon tubes and slogan from the masonry. */
.pf-title-tube{filter:drop-shadow(2px 5px 1px #000e) drop-shadow(5px 12px 5px #000c)}
.pf-legacy{filter:drop-shadow(1px 3px 1px #000f) drop-shadow(3px 7px 3px #000d)}
@media(max-width:760px){
  .pf-title-tube{filter:drop-shadow(1px 3px 1px #000e) drop-shadow(3px 6px 3px #000c)}
  .pf-legacy{filter:drop-shadow(1px 2px 1px #000f) drop-shadow(2px 4px 2px #000d)}
}
/* Version 9: sharper tube core and a restrained near-field halo. */
.pf-title-tube:before{-webkit-text-stroke:3.6px #ffbf19;filter:blur(.8px) drop-shadow(0 0 5px #ffb900b3) drop-shadow(0 0 14px #ff9d004d)}
.pf-title-tube:after{-webkit-text-stroke:1.65px #fff0a0;filter:none}
@media(max-width:760px){
  .pf-title-tube:before{-webkit-text-stroke:2px #ffbf19;filter:blur(.45px) drop-shadow(0 0 3px #ffb900a6) drop-shadow(0 0 7px #ff9d0044)}
  .pf-title-tube:after{-webkit-text-stroke:.95px #fff0a0}
}
/* Version 10: restore the original slow record rotation; portrait stays fixed. */
.pf-disc{animation:pf-vinyl-spin 18s linear infinite;transform-origin:50% 50%;will-change:transform}
@keyframes pf-vinyl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.pf-disc{animation:none;will-change:auto}}

/* Production integration: scoped to the new hero, below the existing header. */
#inicio.pf-hero{--pf-gold:#efc85b;--pf-white:#f7f5ef;color:var(--pf-white);font-family:Arial,Helvetica,sans-serif;padding-top:88px;scroll-margin-top:0}
.pf-hero,.pf-hero *,.pf-hero *::before,.pf-hero *::after{box-sizing:border-box}
.pf-hero a{color:inherit;text-decoration:none}
.pf-hero a:focus-visible,.pf-hero button:focus-visible{outline:2px solid var(--pf-gold);outline-offset:7px}
#inicio.pf-hero h1{font:900 clamp(70px,14.7vw,232px)/1.04 'PF Neon Stencil',Impact,sans-serif!important;letter-spacing:-.015em;white-space:nowrap;max-width:none;margin:0!important;color:inherit;background:none;filter:none;text-shadow:none;opacity:1;animation:none}
.pf-hero .pf-primary{color:#15120b}
.pf-hero .pf-intro{text-align:justify;text-align-last:left;hyphens:auto;text-wrap:wrap}
.pf-hero .pf-actions a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px}
.pf-hero .pf-bottom button{min-height:44px}
.pf-hero .pf-art{overflow:hidden}
@media(max-width:760px){#inicio.pf-hero h1{font-size:14.7vw!important;letter-spacing:-.02em}.pf-hero .pf-actions{flex-wrap:wrap}.pf-hero .pf-actions a{flex:1 1 135px}}
@media(max-width:640px){#inicio.pf-hero{padding-top:76px}}