.theme-pec{--c-bg:#0a0d09;--c-deep:#16201a;--c-accent:#e0bb55;--c-ink:#efe8d2;--c-muted:#b4b09c;--c-line:#efe8d229;--f-display:var(--font-cormorant), Georgia, serif}html:has(.theme-pec){background:#0a0d09}.theme-pec :where(h1,h2,h3){font-family:var(--f-display);font-weight:500}.pec-hero{padding:clamp(1.25rem, 4vw, 3rem) var(--mf-gutter) clamp(2rem, 6vw, 4rem);gap:1.5rem;display:grid}.pec-hero__fig{justify-self:center;gap:.6rem;max-width:100%;margin:0;display:grid}.pec-hero__img{width:min(100%,77.4194svh);height:auto;display:block;box-shadow:0 0 5rem #e0bb551f}.pec-hero figcaption{color:var(--c-muted);text-align:center;font-size:.8125rem}.pec-hero__texto{justify-items:start;gap:1rem;max-width:34rem;display:grid}.pec-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--c-accent);margin:0;font-size:.8125rem}.pec-hero h1{text-wrap:balance;margin:0;font-size:clamp(2rem,1.2rem + 3.6vw,3.8rem);line-height:1.02}.pec-lede{color:var(--c-muted);margin:0;font-size:clamp(1.05rem,1rem + .4vw,1.25rem);line-height:1.5}.pec-datos{gap:.4rem;width:100%;margin:0;display:grid}.pec-datos div{border-top:1px solid var(--c-line);grid-template-columns:6rem 1fr;gap:.75rem;padding:.45rem 0;font-size:.9rem;display:grid}.pec-datos dt{color:var(--c-muted)}.pec-datos dd{color:var(--c-ink);margin:0}@media (min-width:56rem){.pec-hero{grid-template-columns:minmax(0,1fr) 24rem;align-items:center;gap:clamp(2rem,4vw,4rem);min-height:calc(100svh - 5rem)}.pec-hero__img{width:min(100%,93.8416svh)}.pec-hero__fig{justify-self:stretch;justify-items:center}}@media (prefers-reduced-motion:reduce){.theme-pec *,.theme-pec :before{transition:none!important}}
.oj-sala{--oj-sombra:#070605;--oj-marfil:#efe6d2;--oj-marfil-2:#c9bea6;--oj-bronce:#b08d57;--oj-bronce-luz:#d9bb82;--oj-bronce-osc:#5e4422;--oj-linea:#d9bb8238;--oj-bisel:conic-gradient(from 30deg, #5e4422, #d9bb82, #7a5a30, #ecd29b, #4f391c, #c9a466, #6b4f2a, #e0c38b, #5e4422);border-top:1px solid var(--oj-linea);color:var(--oj-marfil);background:radial-gradient(60% 55% at 50% 52%, #b08d5724, transparent 70%), radial-gradient(120% 100% at 50% 0%, #120e09, var(--oj-sombra) 70%);padding:clamp(2rem,6vw,4rem) 0 clamp(2rem,5vw,3.5rem);position:relative}.oj-cabeza{padding:0 var(--mf-gutter) clamp(1.25rem, 3vw, 2rem);text-align:center;justify-items:center;gap:.4rem;display:grid}.oj-ante{letter-spacing:.26em;text-transform:uppercase;color:var(--oj-bronce-luz);margin:0;font-size:.6875rem}.oj-ante:before,.oj-ante:after{content:"—";color:var(--oj-bronce);margin-inline:.6em}@media (max-width:22.5rem){.oj-ante:before,.oj-ante:after{content:none}}.oj-cabeza h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(2.3rem,1.3rem + 4.4vw,4.8rem);font-style:italic;font-weight:500;line-height:.95}.oj-banco{grid-template-columns:minmax(0,1fr);grid-template-areas:"vista""perillas""cartela";gap:clamp(1rem,3vw,1.5rem);display:grid}.oj-vista{aspect-ratio:1;touch-action:manipulation;background:radial-gradient(closest-side, #17110b, var(--oj-sombra));outline:none;grid-area:vista;justify-self:center;width:min(100%,72svh);position:relative;overflow:hidden}.oj-sala[data-lupa=true] .oj-vista{touch-action:none;cursor:none}.oj-vista:focus-visible{box-shadow:inset 0 0 0 2px var(--oj-marfil)}.oj-lienzo{transform-origin:0 0;position:absolute;top:0;left:0}.oj-lienzo img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.oj-lienzo svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.oj-zona{fill:#0000;stroke:#0000;stroke-width:1.25px;vector-effect:non-scaling-stroke;cursor:pointer;outline:none;transition:fill .35s,stroke .35s}.oj-zona[data-visto=true]{stroke:#d9bb8261;stroke-dasharray:2 5}.oj-zona[data-bajo=true],.oj-zona:focus-visible{fill:#d9bb821f;stroke:var(--oj-marfil);stroke-dasharray:none}.oj-zona:focus-visible{stroke-width:2.5px}.oj-sala[data-ocular=true] .oj-zona,.oj-sala[data-lupa=true] .oj-zona{pointer-events:none}.oj-rayos line{stroke:#ecd29bd9;stroke-width:1.5px;stroke-dasharray:7 5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1.5px #000000f2)}.oj-rayos{transition:opacity .5s}.oj-sala[data-ocular=true] .oj-rayos{opacity:0}.oj-rayos circle{fill:var(--oj-bronce-luz);stroke:#000000b3;stroke-width:1px;vector-effect:non-scaling-stroke}.oj-iris{fill:var(--oj-sombra);opacity:0;pointer-events:none;transition:opacity .8s}.oj-sala[data-ocular=true] .oj-iris{opacity:.55}.oj-ocular{width:var(--d,90%);height:var(--d,90%);pointer-events:none;border-radius:50%;transition:scale 1s cubic-bezier(.65,0,.35,1),box-shadow 1s;position:absolute;top:50%;left:50%;translate:-50% -50%;scale:1.6;box-shadow:0 0 0 100vmax #07060500,inset 0 0 3rem #0000}.oj-ocular:before{content:"";background:var(--oj-bisel);opacity:0;border-radius:50%;transition:opacity .8s;position:absolute;inset:-9px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.oj-ocular svg{opacity:0;width:100%;height:100%;transition:opacity .8s .2s;position:absolute;inset:0}.oj-ocular line{stroke:#d9bb82cc;stroke-width:.35px}.oj-ocular__aro{fill:none;stroke:#0009;stroke-width:1.4px}.oj-sala[data-ocular=true] .oj-ocular{scale:1;box-shadow:0 0 0 100vmax #070605f7,inset 0 0 3rem #000000b3}.oj-sala[data-ocular=true] .oj-ocular:before,.oj-sala[data-ocular=true] .oj-ocular svg{opacity:1}.oj-lupa{z-index:2;aspect-ratio:1;pointer-events:none;border-radius:50%;width:clamp(7.5rem,26vw,10rem);display:none;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 1.2rem 2.4rem #000000b3,inset 0 0 1.2rem #0000008c}.oj-lupa[data-on=true]{display:block}.oj-lupa img{max-width:none;position:absolute;top:0;left:0}.oj-lupa:after{content:"";background:var(--oj-bisel);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px));mask:radial-gradient(farthest-side,#0000 calc(100% - 7px),#000 calc(100% - 6px))}.oj-placa{z-index:3;white-space:nowrap;font-family:var(--f-display);letter-spacing:.04em;color:#1b130a;pointer-events:none;background:linear-gradient(#e3c58e,#a9844d 55%,#8b6a39);border-radius:2px;margin:0;padding:.25rem 1rem .3rem;font-size:1.05rem;font-style:italic;font-weight:500;position:absolute;bottom:.7rem;left:50%;translate:-50%;box-shadow:inset 0 1px #fff0c899,0 2px 6px #0009}.oj-cartela{padding:0 var(--mf-gutter);grid-area:cartela;align-content:start;gap:.6rem;max-width:40rem;display:grid}.oj-pos{letter-spacing:.2em;text-transform:uppercase;color:var(--oj-bronce-luz);margin:0;font-size:.6875rem}.oj-cartela h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-size:clamp(2rem,1.4rem + 2vw,3rem);font-weight:500;line-height:1}.oj-rotulo{color:var(--oj-bronce-luz);white-space:nowrap;font-size:.7em;font-style:italic;font-weight:400}.oj-cartela p:not(.oj-pos){color:var(--oj-marfil-2);text-wrap:pretty;margin:0;font-size:.9688rem;line-height:1.55}.oj-cartela b{color:var(--oj-marfil);font-weight:600}.oj-cartela .oj-int{border-top:1px solid var(--oj-linea);padding-top:.6rem;font-style:italic}.oj-cartela .oj-int b{font-style:normal}.oj-cartela .oj-nota{color:#c9bea6d9;font-size:.8125rem}.oj-cartela .oj-cierre{color:var(--oj-marfil);border-left:2px solid var(--oj-bronce);padding-left:.8rem}.oj-cartela .oj-cuenta{color:var(--oj-marfil-2);font-size:.8125rem}.oj-cuenta span{letter-spacing:.25em;color:var(--oj-bronce-luz)}.oj-perillas{padding:0 var(--mf-gutter);flex-wrap:wrap;grid-area:perillas;justify-content:center;gap:.6rem;display:flex}.oj-perillas button{min-width:48px;height:48px;color:var(--oj-marfil);font:inherit;cursor:pointer;background:radial-gradient(circle at 40% 35%,#2a1f14,#120d08 75%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:0;font-size:.9rem;display:inline-flex;position:relative;box-shadow:0 4px 12px #0000008c}.oj-perillas button:before{content:"";border-radius:inherit;background:var(--oj-bisel);pointer-events:none;padding:2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.oj-perillas .oj-texto-b{padding:0 1.15rem}.oj-perillas button[aria-pressed=true]{color:#1b130a;background:radial-gradient(circle at 40% 35%,#d9bb82,#8b6a39 75%);font-weight:600}.oj-perillas svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (hover:hover){.oj-perillas button:not([aria-pressed=true]):hover{background:radial-gradient(circle at 40% 35%,#3a2a19,#17110a 75%)}}.oj-perillas button:focus-visible{outline:2px solid var(--oj-marfil);outline-offset:3px}@media (min-width:56rem){.oj-banco{grid-template-columns:auto minmax(18rem,26rem);grid-template-areas:"vista cartela""vista perillas";justify-content:center;align-items:start;column-gap:clamp(2rem,4vw,3rem)}.oj-vista{width:min(74svh,46rem)}.oj-cartela{align-self:end;padding:0}.oj-perillas{justify-content:flex-start;padding:0}}@media (min-width:80rem){.oj-banco{padding-inline:var(--mf-gutter);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"cartela vista perillas";align-items:center;column-gap:clamp(2rem,3.5vw,4rem)}.oj-vista{width:min(76svh,50rem)}.oj-cartela{text-align:right;place-self:center end;max-width:24rem}.oj-cartela .oj-cierre{border-left:0;border-right:2px solid var(--oj-bronce);padding:0 .8rem 0 0}.oj-perillas{flex-direction:column;justify-content:center;align-items:flex-start}}@media (orientation:landscape) and (max-height:32rem){.oj-vista{width:min(100%,86svh)}}.oj-nojs,html:not(.js) .oj-banco{display:none}html:not(.js) .oj-nojs{padding:0 var(--mf-gutter) 0 calc(var(--mf-gutter) + 1.2rem);max-width:48rem;color:var(--oj-marfil-2);gap:.6rem;margin:0;line-height:1.5;display:grid}.oj-nojs strong{color:var(--oj-marfil)}@media (prefers-reduced-motion:reduce){.oj-sala *,.oj-sala :before,.oj-sala :after{transition:none!important}}