:root{color-scheme:dark;--night:#081122;--navy:#111e36;--panel:#101b31;--ivory:#f4efe7;--muted:#c4cde1;--gold:#d9b773;--lightgold:#f4d9a1;--aqua:#a2dce8;--stroke:rgba(216,181,114,.24);--radius:20px;--max:1270px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ivory);background:radial-gradient(ellipse at 8% 13%,#152d55 0,transparent 30%),radial-gradient(ellipse at 85% 34%,#0e3a51 0,transparent 31%),linear-gradient(150deg,#060e20,#111d37 55%,#080e1e);min-width:280px;line-height:1.65}a{color:var(--lightgold);text-underline-offset:4px}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}.skip-link{position:fixed;top:-100px;left:16px;padding:12px;color:#050f22;background:#fff;z-index:100}.skip-link:focus{top:12px}.site-shell{max-width:1600px;margin:auto}.topbar{position:sticky;top:0;z-index:30;background:#071021ed;backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke);padding:13px clamp(16px,4vw,65px);display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{color:var(--lightgold);font-family:Georgia,serif;font-weight:700;font-size:1.08rem;text-decoration:none;letter-spacing:.025em}.topbar nav{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,24px)}.topbar nav a{color:#e5e5df;text-decoration:none;font-size:.88rem}.topbar nav a:hover,.brand:hover{color:white}.section{max-width:var(--max);padding:clamp(46px,7vw,98px) clamp(18px,4vw,40px);margin:auto}.eyebrow{text-transform:uppercase;font-weight:700;font-size:.72rem;letter-spacing:.20em;color:var(--aqua);margin:0 0 10px}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;line-height:1.18;margin-top:0}h2{font-size:clamp(1.95rem,3.6vw,3.1rem);color:var(--lightgold);margin:10px 0 15px}h3{font-size:clamp(1.35rem,2.3vw,1.9rem);color:var(--lightgold)}h4{color:var(--gold);font-size:1.05rem}.section-heading{max-width:850px;margin:0 auto 35px;text-align:center}.section-heading p:not(.eyebrow){color:var(--muted);font-size:1.02rem}.hero{max-width:var(--max);margin:auto;padding:clamp(38px,6vw,80px) clamp(18px,4vw,40px);display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(30px,6vw,85px);align-items:center}.hero-text h1{font-size:clamp(3.3rem,7vw,6.1rem);letter-spacing:.014em;color:#f5dfa8;line-height:1.06;margin:8px 0 20px}.hero-text h1 em{color:#d4aa60;font-style:normal}.hero-kicker{font-size:clamp(1.22rem,2vw,1.65rem);color:#f0e4d0;font-family:Georgia,serif;line-height:1.4}.hero-quote{border-left:3px solid var(--gold);padding:6px 0 6px 17px;color:var(--lightgold);font-size:1.08rem}.hero-text>p:not(.hero-quote):not(.hero-kicker):not(.byline){color:var(--muted);max-width:620px}.hero-art{margin:auto;max-width:460px;position:relative}.hero-art img{border-radius:8px;box-shadow:0 30px 60px #03050ab3;border:1px solid #ccae69a0}.cover-caption{position:absolute;bottom:10px;right:10px;padding:2px 9px;border-radius:20px;background:#000b;font-size:.65rem;color:#e8ddc4}.byline{font-size:.78rem;letter-spacing:.11em;text-transform:uppercase;color:#b5a782;margin-top:19px}.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #efd5a1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:11px 21px;border-radius:9px;background:linear-gradient(125deg,#f7e0a6,#ceaa63);color:#071225;font-weight:750;line-height:1.25;text-decoration:none;box-shadow:0 8px 20px #05091050;transition:transform .18s,filter .18s}.btn:hover{filter:brightness(1.09);transform:translateY(-2px)}.btn-ghost{background:transparent;color:#f0d7a6;box-shadow:none}.btn-ghost:hover{background:#d9b7731b}.story-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:55px;align-items:center}.story-copy p{font-size:1.075rem;color:#e3e8f1}.story-copy strong{color:var(--lightgold)}figure{margin:0}figure>img{width:100%;object-fit:cover;border-radius:13px;border:1px solid var(--stroke);box-shadow:0 15px 30px #050a1750}figcaption{font-size:.8rem;color:#aebfd1;text-align:center;padding:10px 0}.story-grid figure{max-width:430px;justify-self:center}.scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scene-grid img{width:100%;height:360px;object-fit:cover}.tarot-section{max-width:1450px}.reading-setup{max-width:1180px;margin:auto;background:linear-gradient(135deg,#112139f2,#0a1729fa);border:1px solid var(--stroke);border-radius:var(--radius);padding:clamp(18px,2.7vw,31px);box-shadow:0 16px 45px #0107127a}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-weight:750;color:#f3eee2}.field small{color:#afbdd0;font-size:.81rem}.field select,.field textarea{color:#f4f6fc;border:1px solid #5c6a87;background:#1a2942;border-radius:9px;min-height:49px;width:100%;padding:11px 14px;outline-offset:2px}.field textarea{resize:vertical;min-height:85px}.field select{font-size:16px}.question-field{grid-column:1/-1}.setup-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.topic-hint{color:#bdc9da;font-size:.9rem;max-width:620px;margin:0}.reading-note{max-width:850px;margin:20px auto;text-align:center;border-left:2px solid var(--gold);padding:10px 14px;background:#111f358c;color:#dfdfeb;border-radius:8px}.reading-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:32px}.reading-container[data-count="1"]{grid-template-columns:minmax(0,620px);justify-content:center}.reading-container[data-count="2"]{grid-template-columns:repeat(2,minmax(0,550px));justify-content:center}.card-display{background:linear-gradient(160deg,#13243b,#0a162b);padding:clamp(17px,2.5vw,26px);border-radius:var(--radius);border:1px solid var(--stroke);min-width:0;box-shadow:0 13px 35px #02040a66}.card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--stroke);padding-bottom:10px;margin-bottom:17px}.position{font-weight:750;color:var(--aqua);margin:0;font-size:.9rem}.orientation{font-size:.82rem;border:1px solid #ffffff35;border-radius:30px;padding:2px 10px;color:#f8e0b0;margin:0}.card-image{margin:0 auto 17px;width:min(100%,220px);display:block;border-radius:7px;box-shadow:0 14px 28px #0008;border:1px solid #d3b67a66}.card-image.reversed{transform:rotate(180deg)}.card-info h3{text-align:center;font-size:1.6rem;margin:4px 0}.letter{text-align:center;color:var(--muted);margin:4px 0 18px}.keyword-list{list-style:none;display:flex;gap:5px;flex-wrap:wrap;justify-content:center;padding:0;margin:0 0 18px}.keyword-list li{padding:5px 9px;border:1px solid #7f90a15e;border-radius:24px;color:#f2ddb3;background:#172840;font-size:.79rem}.reading-copy{padding:12px 0;border-top:1px solid var(--stroke)}.reading-copy h4{font-family:system-ui,sans-serif;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.reading-copy p{margin:0;color:#e0e5ee;line-height:1.7;font-size:.95rem}.reading-copy.question h4{color:var(--aqua)}.reading-copy.question p{font-weight:650;color:#f1f4f5}.novel-teaching{border:1px solid #b38c4b72;border-radius:10px;margin-top:13px;background:#302c2345;padding:12px 15px}.novel-teaching summary{cursor:pointer;font-weight:750;color:#ebd196}.novel-teaching p{white-space:pre-line;margin:10px 0 3px;color:#e3e3e5;font-size:.92rem;line-height:1.72}.novel-teaching .teaching-meta{font-size:.78rem;color:#c0c9d6}.chapter-bridge{margin-top:16px;border-top:1px solid var(--stroke);padding-top:13px}.chapter-bridge p{font-size:.89rem;color:#d4dbe5;margin:8px 0}.chapter-bridge a{font-size:.93rem;font-weight:700}.chapter-bridge .tiny{font-size:.76rem;color:#b9c7d6}.reading-tools{padding:26px 0 12px;display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.tools-feedback{width:100%;text-align:center;min-height:1em;color:var(--aqua);font-size:.87rem}.book-grid{display:grid;grid-template-columns:.77fr 1.1fr .75fr;gap:24px;align-items:center}.book-grid figure img{max-height:565px;object-fit:contain}.book-info p{color:var(--muted)}.buy-panel{background:#0c1a2f;border:1px solid var(--stroke);padding:20px;margin-top:25px;border-radius:14px}.coming-soon{border:1px solid #7a694a;padding:12px;border-radius:10px;font-size:.84rem;color:#c3b38f}.promo-section{display:grid;grid-template-columns:1.05fr .75fr;gap:55px;align-items:center;background:linear-gradient(120deg,#102540,#09172b);max-width:calc(var(--max) - 35px);border:1px solid var(--stroke);border-radius:24px;margin-top:35px;margin-bottom:30px}.promo-copy>p:not(.eyebrow){color:var(--muted)}.promo-visual{max-width:350px;margin:auto}.promo-visual img{border-radius:9px;box-shadow:0 12px 30px #0007}.site-footer{padding:36px 18px 42px;text-align:center;border-top:1px solid var(--stroke);margin-top:65px}.site-footer p{font-size:.85rem;color:#aebed0;max-width:900px;margin:7px auto}.chapter-nav{max-width:1100px;margin:auto;padding:20px;display:flex;justify-content:space-between;gap:15px;align-items:center}.chapter-shell{max-width:820px;padding:20px clamp(18px,5vw,50px) 80px;margin:auto}.chapter-shell>h1{text-align:center;font-size:clamp(2.1rem,4vw,3.5rem);color:var(--lightgold)}.chapter-shell>.intro{text-align:center;color:var(--muted)}.chapter-shell>.eyebrow{text-align:center}.chapter-hero{width:min(100%,410px);margin:25px auto 50px;border-radius:11px}.chapter-text{background:#10203688;border:1px solid var(--stroke);padding:clamp(18px,5vw,53px);border-radius:18px}.chapter-text p{font-family:Georgia,serif;font-size:1.09rem;line-height:1.85;margin:0 0 1.2em}.chapter-text h2{font-family:Georgia,serif;font-size:1.35rem;color:var(--gold);padding-top:25px}.book-cta{margin:36px auto;background:#17253d;border:1px solid var(--stroke);padding:25px;text-align:center;border-radius:15px}.book-cta .btn{margin:5px}.mobile-soft{display:none}[hidden]{display:none!important}
@media(max-width:1000px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-grid img{height:320px}.book-grid{grid-template-columns:.75fr 1fr}.book-grid .backcover{grid-column:1/-1;max-width:320px;margin:auto}.reading-container{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-container[data-count="5"] .card-display:last-child{grid-column:1/-1;max-width:530px;justify-self:center}.promo-section{margin-left:18px;margin-right:18px}}
@media(max-width:720px){.topbar{align-items:flex-start;flex-direction:column;padding:13px 17px}.topbar nav{width:100%;justify-content:space-between;gap:8px}.topbar nav a{font-size:.77rem}.hero,.story-grid,.book-grid,.promo-section{grid-template-columns:1fr}.hero{padding-top:45px;gap:25px}.hero-art{max-width:360px}.hero-text h1{font-size:clamp(2.9rem,13vw,4.4rem)}.hero-text>p{max-width:650px}.story-grid{gap:21px}.story-grid figure{max-width:400px}.book-grid figure img{max-height:430px}.book-grid .backcover{grid-column:auto}.book-grid .backcover img{max-height:400px}.promo-section{gap:20px}.setup-grid{grid-template-columns:1fr}.question-field{grid-column:auto}.setup-actions{flex-direction:column;align-items:stretch}.setup-actions button{width:100%}.reading-container,.reading-container[data-count="1"],.reading-container[data-count="2"],.reading-container[data-count="3"],.reading-container[data-count="5"]{grid-template-columns:1fr}.reading-container[data-count="5"] .card-display:last-child{grid-column:auto;max-width:none}.card-image{width:min(78%,245px)}.scene-grid img{height:270px}.section{padding-top:48px;padding-bottom:48px}.chapter-nav .btn{font-size:.78rem}.reading-tools .btn{width:100%}}
@media(max-width:390px){.scene-grid{grid-template-columns:1fr}.scene-grid img{height:300px}.hero-text h1{font-size:2.85rem}.cta-row .btn{width:100%}.card-display{padding:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}

/* Video de La extracción y enlaces para redes (octubre 2026) */
.scene-video{min-width:0}.scene-video video{display:block;width:100%;height:360px;object-fit:contain;background:#020814;border:1px solid var(--stroke);border-radius:13px;box-shadow:0 15px 30px #050a1750}
.scene-video figcaption strong{color:#f0d397}.scene-video figcaption a{display:inline-block;color:#b9e4f4;text-decoration:underline;text-underline-offset:3px}
.promo-section .cta-row{align-items:stretch}.promo-section .cta-row .btn{flex:1 1 215px}.promo-section .cta-row .text-link{align-self:center;display:inline-flex;padding:10px 12px;color:#b9e4f4;text-decoration:underline;text-underline-offset:3px}
.social-profiles{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.social-profiles .btn{font-size:.9rem}.social-help{color:#aebfd1;font-size:.83rem;line-height:1.55}.social-help code{font-family:monospace;color:#f0d397}
@media(max-width:1000px){.scene-video video{height:320px}}
@media(max-width:720px){.scene-video video{height:320px;max-height:70vh}.promo-section .cta-row .btn{flex-basis:100%}}
@media(max-width:390px){.scene-video video{height:auto;max-height:75vh;aspect-ratio:9 / 16}}

.social-direct-links{margin-top:14px;color:#d8dfeb;font-size:.95rem;line-height:1.6}.social-direct-links a{color:#f3d7a0;text-decoration:none;border-bottom:1px dashed rgba(243,215,160,.4)}.social-direct-links a:hover{text-decoration:underline}

/* Portal unido · Carta del Día y Cuatro Pilares · octubre 2026 */
.hero-daily-link{font-size:.9rem;color:#b9e4f4;align-self:center;padding:10px}
.daily-controls{max-width:950px;display:flex;align-items:flex-end;gap:22px;justify-content:space-between;flex-wrap:wrap}
.daily-controls .field{flex:1 1 290px}.daily-actions{flex:1 1 265px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.daily-actions .topic-hint{line-height:1.45}.daily-card-display{max-width:740px;margin:auto;width:100%}
.daily-card-display .card-image{width:min(100%,270px)}.daily-card-display .card-info{max-width:650px;margin:auto}
.four-pillars-section{max-width:1420px}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 32px}
.pillar-card{border:1px solid var(--stroke);border-radius:16px;padding:22px;background:linear-gradient(145deg,#102742e8,#0c182cdb)}
.pillar-card h3{font-size:1.35rem;margin:5px 0 10px}.pillar-card p{color:#c4d0e0;font-size:.94rem;margin:0}
.pillar-index{display:inline-block;color:#9ed7e5;font-size:.83rem;letter-spacing:.12em;font-weight:750}
.integrated-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#10233d;border:1px solid var(--stroke);padding:20px 24px;border-radius:16px 16px 0 0}
.integrated-intro h3{font-size:1.5rem;margin:0 0 8px}.integrated-intro p{color:#d0dceb;margin:0;max-width:800px}
.integrated-intro a{flex-shrink:0}
.calculator-frame-shell{position:relative;background:#081322;border:1px solid var(--stroke);border-top:0;border-radius:0 0 16px 16px;overflow:hidden;min-height:760px}
.calculator-loading{position:absolute;inset:15px auto auto 15px;z-index:2;padding:8px 14px;border-radius:8px;background:#182840;color:#c5d5e6;font-size:.9rem}
#four-pillars-frame{display:block;width:100%;height:1150px;border:0;min-height:760px;background:#081322}
.four-disclaimer{text-align:center;color:#adbfd0;font-size:.82rem;margin:15px auto;max-width:1000px}
@media(max-width:1000px){.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integrated-intro{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.pillar-grid{gap:9px}.pillar-card{padding:16px}.pillar-card h3{font-size:1.17rem}.pillar-card p{font-size:.83rem}.daily-controls{padding:19px}.topbar nav{justify-content:flex-start;row-gap:9px}.integrated-intro{padding:18px}.integrated-intro a{width:100%}}

/* Carta del Día de Arcanos Menores: orientación física de la imagen y lectura legible. */
#daily-card .card-image.reversed{transform:rotate(180deg)}
#daily-card .card-image{max-height:680px;object-fit:contain;max-width:100%;margin:auto;display:block}
#daily-card .reading-copy{line-height:1.65}
@media(max-width:680px){#daily-card .card-image{max-height:530px}}

/* Venta del Tarot físico */
#tarot-fisico{scroll-margin-top:95px}.tarot-sale{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(24px,5vw,76px);padding:clamp(28px,5vw,64px);margin-top:24px;border:1px solid #d3af674d;border-radius:24px;background:radial-gradient(ellipse at 90% 20%,#24436b66,transparent 65%),linear-gradient(135deg,#081225,#101f36);overflow:hidden}.tarot-sale-copy{min-width:0}.tarot-sale h2{font-size:clamp(32px,4.5vw,62px);line-height:1.08;margin:16px 0;color:#f4dfae}.tarot-sale h2 em{font-style:normal}.tarot-sale-subtitle{font-size:clamp(18px,2vw,23px);color:#f4dfae}.tarot-sale-copy>p{max-width:56ch}.tarot-sale-call{font:italic 32px Georgia,serif;color:#f4dfae;margin:24px 0 16px}.tarot-sale-note{font-size:13px;opacity:.8;margin-top:14px}.tarot-sale-domain{color:#e8cf99;text-underline-offset:4px}.tarot-sale-art{margin:0;min-width:0;text-align:center}.tarot-sale-art a{display:block}.tarot-sale-art img{display:block;width:auto;max-width:100%;height:auto;max-height:610px;margin:auto;object-fit:contain;border-radius:12px;box-shadow:0 16px 50px #0006}.tarot-sale .btn{white-space:normal;text-align:center}.tarot-sale a:focus-visible{outline:3px solid #f4dfae;outline-offset:5px}@media(max-width:700px){.tarot-sale{grid-template-columns:1fr;padding:24px 18px;gap:24px}.tarot-sale-art img{max-height:520px}.tarot-sale .btn{width:100%;box-sizing:border-box}.tarot-sale h2{font-size:38px}.topbar nav{flex-wrap:wrap}}