:root{--ph-ink:#0b0a0d;--ph-night:#121019;--ph-midnight:#18202d;--ph-silver:#a8acb6;--ph-parch:#e9dfc8;--ph-parch-dim:#bfb49c;--ph-gold:#c9a45c;--ph-gold-hi:#f0d79c;--ph-gold-lo:#8a6a32;--ph-wax:#8f1c1c;--ph-line:#c9a45c52;--ph-gutter:clamp(16px, 4vw, 40px);--ph-caps:var(--font-caps), "Cinzel", "Trajan Pro", serif;--ph-script:var(--font-script), "Pinyon Script", cursive;--ph-serif:var(--font-disp), "Cormorant Garamond", Georgia, serif;--ph-fell:var(--font-fell), "IM Fell English", Georgia, serif}html{background:var(--ph-ink);scroll-behavior:smooth}body{background:var(--ph-ink);margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ph{background:var(--ph-ink);min-height:100vh;color:var(--ph-parch);font-family:var(--ph-serif);-webkit-font-smoothing:antialiased;font-size:clamp(18px,1.2vw + 12px,20px);line-height:1.6;overflow-x:clip}.ph *,.ph :before,.ph :after{box-sizing:border-box}.ph img,.ph video{max-width:100%;height:auto;display:block}.ph a{color:var(--ph-gold-hi);text-underline-offset:3px}.ph p{margin:0 0 1em}.ph ::selection{background:var(--ph-wax);color:var(--ph-parch)}.ph :focus-visible{outline:2px solid var(--ph-gold-hi);outline-offset:3px}.ph-wrap{width:100%;max-width:1180px;padding:0 var(--ph-gutter);margin:0 auto;position:relative}.ph-narrow{max-width:820px}.ph-center{text-align:center}.ph-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.ph-gold,.ph-title-caps,.ph-h2,.ph-final-title,.ph-count{background:linear-gradient(180deg, var(--ph-gold-hi) 0%, var(--ph-gold) 48%, var(--ph-gold-lo) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.ph-kicker{font-family:var(--ph-caps);letter-spacing:.32em;text-transform:uppercase;color:var(--ph-gold);margin-bottom:1.1em;font-size:.72em}.ph-label{font-family:var(--ph-caps);letter-spacing:.26em;text-transform:uppercase;color:var(--ph-silver);margin-bottom:.7em;font-size:.7em}.ph-h2{font-family:var(--ph-caps);letter-spacing:.08em;margin:0 0 .6em;font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:400;line-height:1.1}.ph-lead{font-family:var(--ph-fell);color:var(--ph-parch);font-size:1.32em;font-style:italic;line-height:1.45}.ph-sub{color:var(--ph-parch-dim);margin-top:-.6em}.ph-bar{z-index:20;padding:14px var(--ph-gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0a0dd1;border-bottom:1px solid #c9a45c1f;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.ph-bar-name{font-family:var(--ph-caps);letter-spacing:.3em;text-transform:uppercase;color:var(--ph-parch-dim);font-size:.68rem}.ph-bar-cta{font-family:var(--ph-caps);letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--ph-line);background:#0b0a0d80;padding:9px 14px;font-size:.66rem;text-decoration:none;transition:border-color .25s,background .25s;color:var(--ph-gold-hi)!important}.ph-bar-cta:hover{border-color:var(--ph-gold);background:#8f1c1c40}.ph-bar{flex-wrap:wrap;row-gap:8px}.ph-ribbon{text-align:center;font-family:var(--ph-fell);border-top:1px solid #c9a45c24;flex-basis:100%;padding-top:8px;font-size:.98rem;font-style:italic;line-height:1.25;text-decoration:none;color:var(--ph-gold-hi)!important}.ph-ribbon:hover{color:var(--ph-parch)!important}.ph-read-link{font-family:var(--ph-caps);letter-spacing:.2em;text-transform:uppercase;margin-top:6px;font-size:.72rem;display:inline-block}.ph-dialog{width:min(100% - 32px,460px);max-height:calc(100dvh - 32px);color:var(--ph-parch);font-family:var(--ph-serif);border:1px solid var(--ph-gold);background:linear-gradient(#18202d,#0e0d13);padding:clamp(22px,5vw,32px);font-size:1.15rem;line-height:1.5;position:fixed;box-shadow:0 40px 90px #000000b3,inset 0 0 0 4px #0b0a0d99,inset 0 0 0 5px #c9a45c2e}.ph-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#060508c7}.ph-dialog-x{cursor:pointer;color:var(--ph-parch-dim);background:0 0;border:0;padding:4px 10px;font-size:1.6rem;line-height:1;position:absolute;top:8px;right:10px}.ph-dialog-x:hover{color:var(--ph-gold-hi)}.ph .ph-dialog-x:focus-visible{color:var(--ph-gold-hi);outline-color:#0000}.ph-popup{text-align:center}.ph-popup .ph-seal{margin-bottom:14px}.ph .ph-popup .ph-kicker{margin-bottom:.7em}.ph .ph-popup-title{font-family:var(--ph-fell);text-wrap:balance;margin:0 0 1.1em;font-size:clamp(1.35rem,4.5vw,1.6rem);font-style:italic;line-height:1.3}.ph-popup .ph-form-done{text-align:left}.ph-hero{isolation:isolate;align-items:center;min-height:100svh;padding:132px 0 72px;display:flex;position:relative;overflow:hidden}.ph-hero-bg{z-index:-2;background:radial-gradient(ellipse 60% 50% at 70% 40%, #f0be6e1a, transparent 70%), linear-gradient(90deg, #0b0a0df5 0%, #0b0a0dd1 42%, #0b0a0d8c 100%), linear-gradient(0deg, var(--ph-ink) 0%, transparent 30%), url(/novela/ventanas.webp) center 35% / cover no-repeat;filter:saturate(.9);position:absolute;inset:0}.ph-hero canvas{z-index:-1;pointer-events:none;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.ph-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.ph-hero-copy{container-type:inline-size}.ph-title{margin:0;font-weight:400;line-height:.9}.ph-title-caps{font-family:var(--ph-caps);letter-spacing:.06em;filter:drop-shadow(0 2px 18px #c9a45c40);font-size:min(15.5cqi,6.4rem);font-weight:600;display:block}.ph-title-script{font-family:var(--ph-script);color:var(--ph-parch);text-shadow:0 2px 24px #0009;margin:-.12em 0 0 .9em;font-size:min(17cqi,7.2rem);line-height:1;display:block}.ph-by{font-family:var(--ph-caps);letter-spacing:.3em;text-transform:uppercase;color:var(--ph-silver);margin:1.4em 0 1.6em;font-size:.74em}.ph-hook{font-family:var(--ph-fell);max-width:30em;color:var(--ph-parch);font-size:clamp(1.2rem,2vw,1.5rem);font-style:italic;line-height:1.45}.ph-scroll{font-size:1.2rem;text-decoration:none;animation:2.4s ease-in-out infinite ph-bob;position:absolute;bottom:18px;left:50%;transform:translate(-50%);color:var(--ph-gold)!important}@keyframes ph-bob{50%{transform:translate(-50%,6px)}}.ph-card{border:1px solid var(--ph-line);background:linear-gradient(#18202dd1,#0c0b10e6);max-width:520px;margin-top:2em;padding:clamp(18px,3vw,26px);scroll-margin-top:90px;position:relative;box-shadow:0 30px 60px #00000073,inset 0 0 0 4px #0b0a0d99,inset 0 0 0 5px #c9a45c24}.ph-card-center{text-align:left;margin:2em auto 0}.ph-card-title{font-family:var(--ph-caps);letter-spacing:.22em;text-transform:uppercase;color:var(--ph-gold-hi);margin-bottom:.4em;font-size:.9em}.ph-card-text{color:var(--ph-parch-dim);font-size:.92em}.ph-form{gap:10px;display:grid}.ph-form input{width:100%;font:inherit;color:var(--ph-parch);background:#0b0a0db3;border:1px solid #a8acb647;border-radius:0;padding:13px 14px;font-size:1rem;transition:border-color .2s}.ph-form input::placeholder{color:#7f7869}.ph-form input:focus{border-color:var(--ph-gold);outline:none}.ph-form button{font-family:var(--ph-caps);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;color:var(--ph-parch);background:linear-gradient(#9d2424,#6e1414);border:1px solid #b33a3a;padding:15px 18px;font-size:.78rem;transition:filter .2s,transform .2s;box-shadow:inset 0 1px #ffdcc82e}.ph-form button:hover{filter:brightness(1.15)}.ph-form button:active{transform:translateY(1px)}.ph-form button:disabled{opacity:.7;cursor:wait}.ph-form-err{color:#f0a49b;margin:2px 0 0;font-size:.9em}.ph-hp{position:absolute;left:-9999px}.ph-form-done{align-items:center;gap:14px;display:flex}.ph-form-done p{font-family:var(--ph-fell);margin:0;font-size:1.1em;font-style:italic}.ph-seal{width:46px;height:46px;font-family:var(--ph-caps);color:#ffd7c8bf;background:radial-gradient(circle at 35% 30%,#c43a3a,#8f1c1c 55%,#5a0f0f);border-radius:50%;flex:none;place-items:center;font-size:1.1rem;font-weight:600;display:inline-grid;box-shadow:0 0 0 3px #8f1c1c59,0 6px 16px #00000080,inset 0 -3px 6px #00000059}.ph-seal-lg{width:72px;height:72px;font-size:1.7rem}.ph-video{justify-self:center;width:min(100%,400px);margin:0}.ph-video-frame{aspect-ratio:9/16;border:1px solid var(--ph-gold);background:var(--ph-ink);max-height:76svh;box-shadow:0 0 0 6px var(--ph-ink), 0 0 0 7px var(--ph-line), 0 40px 80px #0009, 0 0 120px #c9a45c1f;margin:0 auto;padding:10px;position:relative}.ph-video-frame video{object-fit:cover;background:#000;width:100%;height:100%}.ph-play{cursor:pointer;color:var(--ph-parch);background:linear-gradient(#0000 45%,#0b0a0dbf);border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;padding-bottom:14%;display:flex;position:absolute;inset:10px}.ph-play-ring{width:74px;height:74px;color:var(--ph-ink);background:radial-gradient(circle at 35% 30%, var(--ph-gold-hi), var(--ph-gold) 60%, var(--ph-gold-lo));border-radius:50%;place-items:center;transition:transform .25s;display:grid;box-shadow:0 0 0 6px #c9a45c38,0 10px 30px #00000080}.ph-play:hover .ph-play-ring{transform:scale(1.07)}.ph-play-ring svg{margin-left:4px}.ph-play-label{font-family:var(--ph-caps);letter-spacing:.26em;text-transform:uppercase;font-size:.7rem}.ph-video figcaption{text-align:center;color:var(--ph-parch-dim);margin-top:16px;font-size:.9em;font-style:italic}.ph-section{padding:clamp(72px,10vw,128px) 0;position:relative}.ph-section-dark{background:linear-gradient(180deg, var(--ph-ink), var(--ph-night) 20%, var(--ph-night) 80%, var(--ph-ink))}.ph-section:before{content:"✦";color:var(--ph-gold);letter-spacing:1em;font-size:.9rem;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.ph-split{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:clamp(36px,6vw,88px);display:grid}.ph-split-top{align-items:start}.ph-arch{border:1px solid var(--ph-gold);background:var(--ph-ink);box-shadow:0 0 0 5px var(--ph-ink), 0 0 0 6px var(--ph-line), 0 30px 60px #0000008c;border-radius:999px 999px 4px 4px;margin:0;padding:8px;position:relative;overflow:hidden}.ph-arch img{aspect-ratio:3/4.4;object-fit:cover;filter:saturate(.92)contrast(1.03);border-radius:999px 999px 2px 2px;width:100%}.ph-motto{border-top:1px solid var(--ph-line);margin-top:2em;padding-top:1.4em}.ph-motto span{font-family:var(--ph-caps);letter-spacing:.3em;color:var(--ph-gold-hi);font-size:1.05em;display:block}.ph-motto small{color:var(--ph-parch-dim);margin-top:4px;font-size:.85em;font-style:italic;display:block}.ph-classes{isolation:isolate;padding:clamp(80px,12vw,150px) 0;position:relative;overflow:hidden}.ph-classes-bg{z-index:-1;background:linear-gradient(180deg, var(--ph-ink), #0b0a0db3 30%, #0b0a0db3 70%, var(--ph-ink)), url(/novela/dos-clases.webp) center 40% / cover no-repeat;position:absolute;inset:0}.ph-classes-grid{grid-template-columns:1fr auto 1fr;align-items:start;gap:clamp(20px,4vw,48px);max-width:900px;margin:0 auto;display:grid}.ph-classes-grid p{color:var(--ph-parch);text-shadow:0 1px 12px #000c}.ph-class-name{font-family:var(--ph-caps);letter-spacing:.14em;font-size:1.3em;color:var(--ph-gold-hi)!important;margin-bottom:.5em!important}.ph-classes-sep{color:var(--ph-gold);padding-top:.2em;font-size:1.4rem}.ph-rules{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:2.4em 0 0;padding:0;list-style:none;display:grid}.ph-rule{text-align:center;border:1px solid var(--ph-line);background:linear-gradient(#18202d8c,#121019e6);padding:28px 22px 24px;position:relative;overflow:hidden}.ph-rule-n{font-family:var(--ph-caps);color:var(--ph-gold);margin-bottom:.3em;font-size:1.6rem;display:block}.ph-rule h3{font-family:var(--ph-caps);letter-spacing:.16em;text-transform:uppercase;color:var(--ph-parch);margin:0 0 .7em;font-size:.86em;font-weight:400}.ph-rule p{color:var(--ph-parch-dim);margin:0;font-size:.95em}.ph-rule-secret{background:linear-gradient(#8f1c1c38,#121019f2);border-color:#b33a3a80}.ph-rule-secret p{filter:none}.ph-rule-secret{padding-bottom:54px}.ph-rule-secret .ph-seal{opacity:.85;position:absolute;bottom:-18px;right:-16px;transform:rotate(-12deg)}.ph-cast{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px);margin-top:2.6em;display:grid}.ph-person h3{font-family:var(--ph-caps);letter-spacing:.1em;color:var(--ph-gold-hi);margin:1.1em 0 .15em;font-size:1.3em;font-weight:400}.ph-person h3 span{color:var(--ph-silver);font-size:.75em}.ph-person-role{color:var(--ph-silver);font-style:italic;margin-bottom:.7em!important}.ph-person p{font-size:.97em}.ph-offer{text-align:center;isolation:isolate;padding:clamp(96px,14vw,170px) 0;position:relative;overflow:hidden}.ph-offer-bg{z-index:-1;background:radial-gradient(ellipse at center, #0b0a0d8c, var(--ph-ink) 78%), url(/novela/oferta.webp) center 30% / cover no-repeat;position:absolute;inset:0}.ph-offer blockquote{font-family:var(--ph-fell);color:var(--ph-parch);text-shadow:0 2px 20px #000c;margin:0;font-size:clamp(1.4rem,3vw,2.15rem);font-style:italic;line-height:1.4}.ph-offer-then{color:var(--ph-parch-dim);margin-top:2em!important}.ph-question{font-family:var(--ph-script);color:var(--ph-gold-hi);font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.2;margin-top:.4em!important}.ph-bridge{background:radial-gradient(ellipse 70% 60% at 50% 45%, #18202dd9, var(--ph-ink) 75%)}.ph-bridge-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:clamp(24px,3.5vw,48px);margin-top:2.6em;display:grid}.ph-bridge-text{text-align:center}.ph-bridge-lead{font-family:var(--ph-fell);color:var(--ph-parch);font-size:1.35em;font-style:italic;line-height:1.4}.ph-bridge-beats{font-family:var(--ph-caps);letter-spacing:.24em;text-transform:uppercase;color:var(--ph-gold-hi);line-height:2.1;margin:1.2em 0!important}.ph-bridge-text p:not([class]){color:var(--ph-parch-dim)}.ph-bridge-eyes{font-family:var(--ph-script);color:var(--ph-parch);font-size:1.9em;line-height:1.25;margin-top:.8em!important}.ph-bridge .ph-question{margin-top:1.6em!important}.ph-ficha{margin:1.4em 0 0}.ph-ficha div{border-bottom:1px solid #c9a45c29;grid-template-columns:9em 1fr;gap:16px;padding:12px 0;display:grid}.ph-ficha dt{font-family:var(--ph-caps);letter-spacing:.2em;text-transform:uppercase;color:var(--ph-silver);padding-top:.35em;font-size:.7em}.ph-ficha dd{margin:0}.ph-chips{flex-wrap:wrap;gap:8px;margin:0 0 2em;padding:0;list-style:none;display:flex}.ph-chips li{border:1px solid var(--ph-line);color:var(--ph-parch);background:#18202d73;padding:6px 12px;font-size:.88em}.ph-comps{font-family:var(--ph-fell);font-size:1.12em;font-style:italic}.ph-warning{color:var(--ph-parch-dim);border-left:2px solid var(--ph-wax);margin-top:2em;padding-left:12px;font-size:.85em}.ph-progress{border:1px solid var(--ph-line);background:#0b0a0d80;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,32px);max-width:760px;margin:2.6em auto 0;padding:26px;display:grid}.ph-count{font-family:var(--ph-caps);margin-bottom:.5em;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1}.ph-count small{-webkit-text-fill-color:var(--ph-silver);font-size:.5em}.ph-bar-track{background:#a8acb62e;height:4px;position:relative;overflow:hidden}.ph-bar-track span{background:linear-gradient(90deg, var(--ph-gold-lo), var(--ph-gold-hi));min-width:4px;position:absolute;inset:0 auto 0 0}.ph-final{isolation:isolate;padding:clamp(100px,14vw,170px) 0;position:relative;overflow:hidden}.ph-final-bg{z-index:-1;background:radial-gradient(ellipse at center 40%, #0b0a0d73, var(--ph-ink) 75%), url(/novela/ojos-visor.webp) center 28% / cover no-repeat;position:absolute;inset:0}.ph-final .ph-seal{margin-bottom:1.4em}.ph-final-title{font-family:var(--ph-caps);letter-spacing:.06em;margin:0;font-size:clamp(1.9rem,4.6vw,3.4rem);font-weight:400;line-height:1.15}.ph-final-sub{font-family:var(--ph-script);color:var(--ph-parch);font-size:clamp(2rem,4vw,3rem);margin:.2em 0 0!important}.ph-footer{color:var(--ph-parch-dim);border-top:1px solid #c9a45c2e;padding:32px 0 40px;font-size:.86em}.ph-footer-grid{flex-wrap:wrap;justify-content:space-between;gap:12px 28px;display:flex}.ph-footer p{margin:0}.ph-footer-name{font-family:var(--ph-caps);letter-spacing:.22em;text-transform:uppercase;color:var(--ph-parch);margin-bottom:4px;font-size:.85em;display:block}.ph-reveal{transition:opacity .9s,transform .9s}.ph-reveal.ph-pre{opacity:0;transform:translateY(26px)}.ph-reveal.ph-pre.ph-in{opacity:1;transform:none}.ph-page{padding:120px 0 80px}.ph-page h1{font-family:var(--ph-caps);letter-spacing:.08em;margin:0 0 1em;font-size:clamp(1.9rem,4vw,2.8rem);font-weight:400}.ph-page h2{font-family:var(--ph-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--ph-gold-hi);margin:2em 0 .6em;font-size:.9em;font-weight:400}@media (max-width:960px){.ph-hero-grid,.ph-split{grid-template-columns:minmax(0,1fr)}.ph-hero{padding-top:136px}.ph-video{width:min(100%,360px)}.ph-cast{grid-template-columns:minmax(0,1fr);max-width:440px;margin-left:auto;margin-right:auto}.ph-progress{grid-template-columns:minmax(0,1fr)}.ph-split>.ph-arch{max-width:420px;margin:0 auto}.ph-bridge-grid{grid-template-columns:minmax(0,1fr);max-width:440px;margin-left:auto;margin-right:auto}}@media (max-width:640px){.ph-bar-name{letter-spacing:.2em;font-size:.58rem}.ph-classes-grid{text-align:center;grid-template-columns:minmax(0,1fr)}.ph-title-script{margin-left:.5em}.ph-ficha div{grid-template-columns:minmax(0,1fr);gap:2px}.ph-scroll{display:none}}
