/* PowerUp AI v6 · estilo fresco pixel (marfil, carbón, dorado) */
@font-face{font-family:Cinzel;src:url(/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Px;src:url(/fonts/pixel.woff2) format("woff2");font-display:swap}
:root{--iv:#F4EFE4;--iv2:#EAE2D2;--ch:#16120C;--ch2:#221B12;--ink:#1A1712;--mut:#4A4237;--g:#FFC93C;--g2:#FFD45A;--gd:#7A5A12;--ln:#D8CDB6;--stair:polygon(0 100%,0 75%,2.5% 75%,2.5% 50%,5% 50%,5% 25%,7.5% 25%,7.5% 75%,10% 75%,10% 50%,12.5% 50%,12.5% 25%,15% 25%,15% 75%,17.5% 75%,17.5% 50%,20% 50%,20% 25%,22.5% 25%,22.5% 75%,25% 75%,25% 50%,27.5% 50%,27.5% 25%,30% 25%,30% 75%,32.5% 75%,32.5% 50%,35% 50%,35% 25%,37.5% 25%,37.5% 75%,40% 75%,40% 50%,42.5% 50%,42.5% 25%,45% 25%,45% 75%,47.5% 75%,47.5% 50%,50% 50%,50% 25%,52.5% 25%,52.5% 75%,55% 75%,55% 50%,57.5% 50%,57.5% 25%,60% 25%,60% 75%,62.5% 75%,62.5% 50%,65% 50%,65% 25%,67.5% 25%,67.5% 75%,70% 75%,70% 50%,72.5% 50%,72.5% 25%,75% 25%,75% 75%,77.5% 75%,77.5% 50%,80% 50%,80% 25%,82.5% 25%,82.5% 75%,85% 75%,85% 50%,87.5% 50%,87.5% 25%,90% 25%,90% 75%,92.5% 75%,92.5% 50%,95% 50%,95% 25%,97.5% 25%,97.5% 75%,100% 75%,100% 100%);
--px:polygon(0 12px,6px 12px,6px 6px,12px 6px,12px 0,calc(100% - 12px) 0,calc(100% - 12px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 6px) calc(100% - 12px),calc(100% - 6px) calc(100% - 6px),calc(100% - 12px) calc(100% - 6px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 12px),0 calc(100% - 12px));
--px4:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px))}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--iv);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.w{width:min(1180px,92vw);margin:0 auto}
.skip{position:absolute;left:-999px;z-index:99}.skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px 12px}
:focus-visible{outline:3px solid var(--g);outline-offset:3px;box-shadow:0 0 0 6px var(--ch)}
[id]{scroll-margin-top:96px}
h1,h2,h3{font-family:Cinzel,Georgia,serif;line-height:1.08;margin:0 0 .5em;letter-spacing:.01em}
h2{font-weight:700;text-transform:uppercase;font-size:clamp(1.7rem,3.2vw,2.8rem);max-width:920px}
h3{font-weight:700;font-size:1.08rem;letter-spacing:.04em;text-transform:uppercase}
em{font-family:Georgia,serif;font-style:italic;text-transform:none}
.lead{font-size:1.08rem;color:var(--mut);max-width:720px}
.small{font-size:.86rem;color:var(--mut)}
/* header */
header{position:fixed;inset:14px 0 auto;z-index:50;pointer-events:none}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav>*{pointer-events:auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:Cinzel,serif;font-weight:700;letter-spacing:.12em;font-size:.95rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);white-space:nowrap}
.logo img{width:38px;height:38px;border-radius:50%;box-shadow:0 0 0 2px var(--g)}
.logo .lv{margin-left:.35em}
.nav nav ul{display:flex;gap:2px;list-style:none;margin:0;padding:6px;border-radius:999px;background:rgba(22,18,12,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18)}
.nav nav a{display:block;text-decoration:none;color:#F4EFE4;font-size:.8rem;padding:7px 12px;border-radius:999px}
.nav nav a:hover,.nav nav a[aria-current]{background:rgba(255,201,60,.18);color:#fff}
.nav-r{display:flex;gap:8px}
/* botones */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 .98rem/1.3 Inter,system-ui,sans-serif;padding:14px 22px;border:0;cursor:pointer;background:var(--ch);color:var(--iv);clip-path:var(--px4);transition:background .2s,color .2s}
.btn:after{content:"→"}.btn:hover{background:var(--g);color:var(--ch)}
.btn.g{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn.g:after{content:none}
header .btn{background:rgba(244,239,228,.94);color:var(--ch);padding:11px 16px;font-size:.85rem}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
/* hero home (fresco) */
.hero{position:relative;height:100svh;min-height:640px;overflow:hidden;color:#fff;background:#2a1f10}
.hero picture,.hero .bg{position:absolute;inset:0;width:100%;height:100%}.hero .bg{object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 75% at 92% 90%,rgba(14,8,0,.88),rgba(14,8,0,.55) 45%,transparent 78%),radial-gradient(50% 55% at 6% 94%,rgba(14,8,0,.88),rgba(14,8,0,.5) 50%,transparent 80%),linear-gradient(180deg,rgba(14,8,0,.45),transparent 22%)}
.sp{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.gl{position:absolute;left:0;top:0;width:288px;height:288px;display:grid;grid-template-columns:repeat(3,1fr);z-index:2;pointer-events:none;will-change:transform;display:none;opacity:0;transition:opacity .3s}
.gl i{image-rendering:pixelated;box-shadow:inset 0 0 0 1px rgba(255,201,60,.35)}
.gl i:nth-child(5){background:none!important;box-shadow:inset 0 0 0 2px var(--g),0 0 0 4px rgba(20,10,0,.25)}
.hero .tl{position:absolute;left:clamp(20px,4vw,56px);bottom:clamp(40px,7vh,72px);z-index:3;max-width:340px;font-size:.92rem}
.hero .tr{position:absolute;right:clamp(20px,4vw,56px);bottom:clamp(40px,7vh,72px);z-index:3;max-width:min(780px,60vw);text-align:right}
.seal{display:inline-block;font-family:Px,monospace;font-size:.74rem;letter-spacing:.08em;padding:6px 12px;margin:0 0 12px;background:rgba(14,8,0,.6);border:2px solid var(--g);color:#fff;clip-path:var(--px4)}
.hero .eb{font-family:Px,monospace;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--g2);margin:0 0 8px}
.hero .tl p{text-shadow:0 1px 6px rgba(0,0,0,.85);margin:0}
.hero h1{font-weight:700;text-transform:uppercase;font-size:clamp(2.2rem,5.2vw,4.9rem);line-height:.98;margin:0 0 22px;color:#FFF9EC;text-shadow:0 2px 2px rgba(20,10,0,.55),0 6px 40px rgba(20,10,0,.75)}
.hero h1 em{font-weight:700;color:var(--g)}
.hero .btn{background:rgba(22,13,0,.55);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);clip-path:none;border-radius:999px;padding:15px 24px}
.hero .btn:hover{background:var(--g);color:var(--ch)}
.hero .small{color:#FFF3D6;text-shadow:0 1px 6px rgba(0,0,0,.8);margin:12px 0 0;font-size:.82rem}
.stair{position:absolute;left:0;right:0;bottom:-1px;height:24px;z-index:4;background:var(--iv);clip-path:var(--stair)}
@media(pointer:fine) and (min-width:901px){.gl{display:grid}}
/* encabezado interno: banda de fresco */
.band{position:relative;overflow:hidden;color:#fff;background:#2a1f10 url(/img/fresco1b-1600.webp) 60% 30%/cover;padding:120px 0 64px}
.band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,8,0,.9),rgba(14,8,0,.72) 55%,rgba(14,8,0,.45)),linear-gradient(0deg,rgba(14,8,0,.55),transparent 50%)}
.band>*{position:relative;z-index:2}.band>.sp{position:absolute;z-index:1}.band>.stair{position:absolute;z-index:4}
.band h1{font-weight:700;text-transform:uppercase;font-size:clamp(1.9rem,4vw,3.4rem);max-width:900px;color:#FFF9EC;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.band .lead{color:#F4EFE4;text-shadow:0 1px 6px rgba(0,0,0,.7)}
.band .btn{background:var(--g);color:var(--ch)}.band .btn:hover{background:#fff}
.band .sp{z-index:1}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 18px;padding:0;font-family:Px,monospace;font-size:.78rem;letter-spacing:.06em;color:var(--g2)}
.crumbs li+li:before{content:"▸ ";color:#F4EFE4}.crumbs a{color:#F4EFE4}
/* secciones */
main section{padding:96px 0;position:relative}
main section+section{border-top:0}
main section>.w>.eb{display:inline-block;font-family:Px,monospace;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;margin:0 0 6px;border:2px solid var(--ink);color:var(--ink)}
.pxr{height:8px;width:min(420px,70%);margin:18px 0 18px;background:linear-gradient(90deg,var(--gd) 50%,transparent 0) 0 0/16px 4px repeat-x,linear-gradient(90deg,transparent 50%,var(--gd) 0) 0 4px/16px 4px repeat-x}
.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{padding:26px;background:#FBF8F1;border:0;box-shadow:inset 0 0 0 1px var(--ln);clip-path:var(--px);transition:transform .4s}
.card:hover{transform:translateY(-4px)}
.card p{margin:.4em 0 0;color:var(--mut)}.card h3 a{text-decoration:none;border-bottom:2px solid var(--gd)}
.num{font-family:Px,monospace;color:var(--gd)}
.big{font-family:Px,monospace;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;margin:0;color:var(--ink)}
.lvl{height:10px;background:var(--ln);margin:10px 0;overflow:hidden}.lvl i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--gd) 0 8px,transparent 8px 10px);transition:width 1.2s steps(12)}.lvl.on i{width:var(--v)}
.tag{display:inline-block;font-family:Px,monospace;font-size:.7rem;padding:2px 8px;margin:6px 6px 0 0;background:var(--iv2);color:var(--ink)}
.card.ag{box-shadow:inset 0 0 0 2px var(--gd)}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.links a{font-weight:600;text-decoration:none;padding:10px 14px;background:var(--iv2);clip-path:var(--px4)}.links a:after{content:" →"}.links a:hover{background:var(--ch);color:var(--iv)}
ul.lead li{margin:.3em 0}
.pk .p{font-family:Px,monospace;font-size:1.4rem;color:var(--gd);margin:0}
details{background:#FBF8F1;box-shadow:inset 0 0 0 1px var(--ln);padding:16px 22px;margin:10px 0;clip-path:var(--px4)}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary h3{display:inline;font-size:1rem}summary:before{content:"+ ";font-family:Px,monospace;color:var(--gd)}details[open] summary:before{content:"– "}
label{display:block;font-weight:600;margin:14px 0 6px}
input,select,textarea{width:100%;font:inherit;padding:12px;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:0}
input[type=range]{padding:0;accent-color:var(--gd)}
.res{font-family:Px,monospace;font-size:3.4rem;line-height:1;margin:.2em 0;color:var(--gd)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.filters button{font:600 .85rem Inter,system-ui,sans-serif;padding:8px 14px;border:2px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.filters button.on{background:var(--ink);color:var(--iv)}
/* secciones oscuras */
.vib{background:var(--ch);color:var(--iv)}
.vib:before,footer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:24px;background:var(--iv);clip-path:var(--stair);transform:scaleY(-1)}
.vib>.w>.eb{border-color:var(--g)!important;color:var(--g)!important}
.vib h2{color:#FFF9EC}.vib .lead,.vib .small,.vib label{color:#E4DAC6}
.vib .pxr{background:linear-gradient(90deg,var(--g) 50%,transparent 0) 0 0/16px 4px repeat-x,linear-gradient(90deg,transparent 50%,var(--g) 0) 0 4px/16px 4px repeat-x}
.vib .card,.vib .panel{background:var(--ch2);box-shadow:inset 0 0 0 1px #3a2f1f;color:var(--iv)}.vib .card p{color:#E4DAC6}
.vib .res{color:var(--g)}.vib .num{color:var(--g)}
.vib input,.vib select{background:#0f0c08;color:var(--iv);border-color:#6b5a3a}
.vib .btn{background:var(--g);color:var(--ch)}.vib .btn:hover{background:#fff}.vib .btn.g{background:transparent;color:var(--iv);box-shadow:inset 0 0 0 2px var(--iv)}
.vib .tag{background:#3a2f1f;color:var(--iv)}.vib .card.ag{box-shadow:inset 0 0 0 2px var(--g)}
.vib .filters button{border-color:var(--iv);color:var(--iv)}.vib .filters button.on{background:var(--g);color:var(--ch);border-color:var(--g)}
.vib .links a{background:#2e2518;color:var(--iv)}.vib .links a:hover{background:var(--g);color:var(--ch)}
.vib .card a{color:var(--g2)}
.panel{padding:26px;clip-path:var(--px)}
.demo{display:inline-block;font-family:Px,monospace;font-size:.72rem;background:var(--g);color:var(--ch);padding:3px 8px;margin-bottom:10px}
.lane{margin:14px 0}.bar{height:14px;background:#0f0c08;margin:6px 0;overflow:hidden}.bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--g) 0 10px,transparent 10px 12px)}
.qs{display:flex;gap:6px;margin:6px 0}.qs span{width:18px;height:18px;background:#3a2f1f}.qs span.on{background:var(--g)}
.conf{background:var(--ch)!important;color:var(--iv);text-align:center;padding:48px 28px!important;box-shadow:none!important}.conf h2{margin-left:auto;margin-right:auto;color:#FFF9EC}.conf p{color:#E4DAC6!important}.conf .cta{justify-content:center}.conf .btn{background:var(--g);color:var(--ch)}
/* footer */
footer{position:relative;background:var(--ch);color:#D9CFBB;padding:80px 0 40px;font-size:.88rem}
footer .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:30px}footer b{font-family:Cinzel,serif;color:var(--g);letter-spacing:.08em}
footer ul{list-style:none;padding:0;margin:10px 0 0}footer li{margin:6px 0}footer a{color:#F4EFE4;text-decoration:none}footer a:hover{color:var(--g)}
.rv{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
.ap{opacity:0;transform:translateY(18px);animation:ap .9s cubic-bezier(.2,.8,.2,1) forwards}.ap2{animation-delay:.15s}.ap3{animation-delay:.3s}.ap4{animation-delay:.45s}
@keyframes ap{to{opacity:1;transform:none}}
@media(max-width:900px){.nav nav{display:none}.g3,.g4{grid-template-columns:1fr 1fr}footer .cols{grid-template-columns:1fr 1fr}
.hero{height:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:90px 20px 40px}.hero .tl,.hero .tr{position:relative;inset:auto;max-width:none;text-align:left}.hero .tr{order:-1}.hero .tl{margin-top:18px}
.hero:after{background:linear-gradient(180deg,rgba(14,8,0,.45),rgba(14,8,0,.15) 18%,rgba(14,8,0,.7) 40%,rgba(14,8,0,.93) 100%)}main section{padding:72px 0}}
@media(max-width:767px){
.hero{justify-content:flex-start;padding:calc(34svh + 24px) 20px 44px;background:#0d0905}
.hero picture{bottom:auto;height:auto}.hero .bg{position:relative;height:auto;object-fit:initial}
.hero:after{background:linear-gradient(180deg,rgba(14,8,0,.35) 0,transparent 12%,transparent 30%,rgba(14,8,0,.55) 42%,rgba(14,8,0,.88) 64%,rgba(14,8,0,.92) 100%)}
.hero h1{font-size:clamp(1.7rem,8.2vw,2.15rem);line-height:1.06;margin:0 0 22px}
.hero .btn{display:flex;width:100%;justify-content:space-between;padding:16px 20px;font-size:.95rem;border-radius:14px}
.hero .tl{margin-top:36px;padding-top:24px;border-top:1px solid rgba(255,201,60,.35)}
.stair,.vib:before,footer:before{height:16px}
.band{background-image:url(/img/fresco-movil.webp);background-position:50% 8%;padding:104px 0 52px}
.band:before{background:linear-gradient(180deg,rgba(14,8,0,.55),rgba(14,8,0,.85) 55%,rgba(14,8,0,.92))}}
@media(max-width:600px){.g2,.g3,.g4{grid-template-columns:1fr}}
@media(max-width:400px){.logo{font-size:.78rem;letter-spacing:.08em}.logo img{width:34px;height:34px}header .btn{padding:10px 13px;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ap,.rv{opacity:1;transform:none}}