@import url(https://fonts.googleapis.com/css2?family=Spectral+SC:wght@400;700&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--primary:#854eff;--primary-light:#631eff;--gold:#FFD700;--radius:12px;--padding:1.5rem;--max-width:640px;--text-font:"Spectral",serif;--title-font:"Spectral SC",serif;--space-md:10px}.gold{color:var(--gold) !important}/* Elementos */*{margin:0;padding:0;box-sizing:border-box}html{overflow:hidden}img{max-width:100%}body{font-family:"Spectral",serif;color:#f5f5f5;position:relative;overflow:hidden;margin:0;padding:0;font-size:18px;min-height:100dvh;width:100dvw;background:#01075a;transition:background-color 0.6s}body.menu-open{background-color:#000114}body.modal-open{background-color:#000114}button{cursor:pointer}/* MAIN */main{display:flex;width:100dvw;height:100dvh;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0}main section{transition:all 0.6s;opacity:0;pointer-events:none;display:flex;position:absolute;top:0;left:0;right:0;bottom:0;scale:0.9;align-items:center;justify-content:center}main section.active{opacity:100;pointer-events:all;scale:1}main .section-inner{max-width:630px;display:flex;flex-direction:column;align-items:center;justify-content:center}/* HELPERS */.mt{margin-top:20px}.mb{margin-top:20px}/* https://codepen.io/tonkotsuboy/pen/zJbKNN */#background{background-image:url(/images/bg.jpg);position:absolute;top:-10px;left:-10px;bottom:0;right:-10px;background-size:cover;background-position:center;z-index:-1;overflow:hidden;filter:blur(5px)}.circle-container{position:absolute;transform:translateY(-10vh);animation-iteration-count:infinite;animation-timing-function:linear}.circle-container .circle{width:100%;height:100%;border-radius:50%;mix-blend-mode:screen;background-color:rgba(255, 255, 255, 0.2);transition:background-color 0.6s;animation:fadein-frames 200ms infinite,scale-frames 6s infinite}@keyframes fade-frames{0%{opacity:1}50%{opacity:0.7}100%{opacity:1}}@keyframes scale-frames{0%{transform:scale3d(0.4, 0.4, 1)}50%{transform:scale3d(2.2, 2.2, 1)}100%{transform:scale3d(0.4, 0.4, 1)}}.circle-container:nth-child(1){width:7px;height:7px;animation-name:move-frames-1;animation-duration:29133ms;animation-delay:2072ms}@keyframes move-frames-1{from{transform:translate3d(24vw, 105vh, 0)}to{transform:translate3d(11vw, -128vh, 0)}}.circle-container:nth-child(1) .circle{animation-delay:3446ms}.circle-container:nth-child(2){width:8px;height:8px;animation-name:move-frames-2;animation-duration:28336ms;animation-delay:26202ms}@keyframes move-frames-2{from{transform:translate3d(95vw, 104vh, 0)}to{transform:translate3d(100vw, -118vh, 0)}}.circle-container:nth-child(2) .circle{animation-delay:3149ms}.circle-container:nth-child(3){width:2px;height:2px;animation-name:move-frames-3;animation-duration:34555ms;animation-delay:8540ms}@keyframes move-frames-3{from{transform:translate3d(95vw, 105vh, 0)}to{transform:translate3d(74vw, -127vh, 0)}}.circle-container:nth-child(3) .circle{animation-delay:262ms}.circle-container:nth-child(4){width:7px;height:7px;animation-name:move-frames-4;animation-duration:28419ms;animation-delay:17468ms}@keyframes move-frames-4{from{transform:translate3d(72vw, 103vh, 0)}to{transform:translate3d(45vw, -122vh, 0)}}.circle-container:nth-child(4) .circle{animation-delay:3557ms}.circle-container:nth-child(5){width:8px;height:8px;animation-name:move-frames-5;animation-duration:33671ms;animation-delay:5500ms}@keyframes move-frames-5{from{transform:translate3d(89vw, 110vh, 0)}to{transform:translate3d(76vw, -118vh, 0)}}.circle-container:nth-child(5) .circle{animation-delay:173ms}.circle-container:nth-child(6){width:8px;height:8px;animation-name:move-frames-6;animation-duration:33047ms;animation-delay:31943ms}@keyframes move-frames-6{from{transform:translate3d(19vw, 109vh, 0)}to{transform:translate3d(30vw, -115vh, 0)}}.circle-container:nth-child(6) .circle{animation-delay:2773ms}.circle-container:nth-child(7){width:1px;height:1px;animation-name:move-frames-7;animation-duration:34630ms;animation-delay:23336ms}@keyframes move-frames-7{from{transform:translate3d(77vw, 106vh, 0)}to{transform:translate3d(17vw, -108vh, 0)}}.circle-container:nth-child(7) .circle{animation-delay:2485ms}.circle-container:nth-child(8){width:1px;height:1px;animation-name:move-frames-8;animation-duration:33818ms;animation-delay:21975ms}@keyframes move-frames-8{from{transform:translate3d(96vw, 109vh, 0)}to{transform:translate3d(44vw, -123vh, 0)}}.circle-container:nth-child(8) .circle{animation-delay:768ms}.circle-container:nth-child(9){width:4px;height:4px;animation-name:move-frames-9;animation-duration:36210ms;animation-delay:26426ms}@keyframes move-frames-9{from{transform:translate3d(2vw, 106vh, 0)}to{transform:translate3d(71vw, -119vh, 0)}}.circle-container:nth-child(9) .circle{animation-delay:1938ms}.circle-container:nth-child(10){width:8px;height:8px;animation-name:move-frames-10;animation-duration:35879ms;animation-delay:11301ms}@keyframes move-frames-10{from{transform:translate3d(67vw, 101vh, 0)}to{transform:translate3d(57vw, -123vh, 0)}}.circle-container:nth-child(10) .circle{animation-delay:1309ms}.circle-container:nth-child(11){width:3px;height:3px;animation-name:move-frames-11;animation-duration:34223ms;animation-delay:11020ms}@keyframes move-frames-11{from{transform:translate3d(67vw, 103vh, 0)}to{transform:translate3d(14vw, -132vh, 0)}}.circle-container:nth-child(11) .circle{animation-delay:2417ms}.circle-container:nth-child(12){width:7px;height:7px;animation-name:move-frames-12;animation-duration:35473ms;animation-delay:20266ms}@keyframes move-frames-12{from{transform:translate3d(24vw, 108vh, 0)}to{transform:translate3d(53vw, -134vh, 0)}}.circle-container:nth-child(12) .circle{animation-delay:2042ms}.circle-container:nth-child(13){width:6px;height:6px;animation-name:move-frames-13;animation-duration:31935ms;animation-delay:32018ms}@keyframes move-frames-13{from{transform:translate3d(93vw, 106vh, 0)}to{transform:translate3d(85vw, -126vh, 0)}}.circle-container:nth-child(13) .circle{animation-delay:1647ms}.circle-container:nth-child(14){width:2px;height:2px;animation-name:move-frames-14;animation-duration:31589ms;animation-delay:19012ms}@keyframes move-frames-14{from{transform:translate3d(15vw, 107vh, 0)}to{transform:translate3d(1vw, -134vh, 0)}}.circle-container:nth-child(14) .circle{animation-delay:2477ms}.circle-container:nth-child(15){width:5px;height:5px;animation-name:move-frames-15;animation-duration:35636ms;animation-delay:31147ms}@keyframes move-frames-15{from{transform:translate3d(14vw, 104vh, 0)}to{transform:translate3d(7vw, -121vh, 0)}}.circle-container:nth-child(15) .circle{animation-delay:3385ms}.circle-container:nth-child(16){width:1px;height:1px;animation-name:move-frames-16;animation-duration:32833ms;animation-delay:27896ms}@keyframes move-frames-16{from{transform:translate3d(43vw, 104vh, 0)}to{transform:translate3d(70vw, -130vh, 0)}}.circle-container:nth-child(16) .circle{animation-delay:3630ms}.circle-container:nth-child(17){width:4px;height:4px;animation-name:move-frames-17;animation-duration:31051ms;animation-delay:32192ms}@keyframes move-frames-17{from{transform:translate3d(72vw, 103vh, 0)}to{transform:translate3d(68vw, -119vh, 0)}}.circle-container:nth-child(17) .circle{animation-delay:850ms}.circle-container:nth-child(18){width:8px;height:8px;animation-name:move-frames-18;animation-duration:34855ms;animation-delay:5222ms}@keyframes move-frames-18{from{transform:translate3d(18vw, 105vh, 0)}to{transform:translate3d(89vw, -128vh, 0)}}.circle-container:nth-child(18) .circle{animation-delay:1106ms}.circle-container:nth-child(19){width:5px;height:5px;animation-name:move-frames-19;animation-duration:36155ms;animation-delay:34427ms}@keyframes move-frames-19{from{transform:translate3d(77vw, 108vh, 0)}to{transform:translate3d(91vw, -118vh, 0)}}.circle-container:nth-child(19) .circle{animation-delay:1046ms}.circle-container:nth-child(20){width:2px;height:2px;animation-name:move-frames-20;animation-duration:33121ms;animation-delay:1672ms}@keyframes move-frames-20{from{transform:translate3d(93vw, 106vh, 0)}to{transform:translate3d(92vw, -108vh, 0)}}.circle-container:nth-child(20) .circle{animation-delay:2520ms}.circle-container:nth-child(21){width:2px;height:2px;animation-name:move-frames-21;animation-duration:36527ms;animation-delay:27541ms}@keyframes move-frames-21{from{transform:translate3d(74vw, 110vh, 0)}to{transform:translate3d(79vw, -129vh, 0)}}.circle-container:nth-child(21) .circle{animation-delay:2666ms}.circle-container:nth-child(22){width:4px;height:4px;animation-name:move-frames-22;animation-duration:30734ms;animation-delay:15209ms}@keyframes move-frames-22{from{transform:translate3d(7vw, 101vh, 0)}to{transform:translate3d(69vw, -114vh, 0)}}.circle-container:nth-child(22) .circle{animation-delay:3629ms}.circle-container:nth-child(23){width:4px;height:4px;animation-name:move-frames-23;animation-duration:35914ms;animation-delay:15788ms}@keyframes move-frames-23{from{transform:translate3d(56vw, 104vh, 0)}to{transform:translate3d(12vw, -134vh, 0)}}.circle-container:nth-child(23) .circle{animation-delay:3980ms}.circle-container:nth-child(24){width:2px;height:2px;animation-name:move-frames-24;animation-duration:34460ms;animation-delay:3278ms}@keyframes move-frames-24{from{transform:translate3d(12vw, 108vh, 0)}to{transform:translate3d(69vw, -138vh, 0)}}.circle-container:nth-child(24) .circle{animation-delay:3564ms}.circle-container:nth-child(25){width:5px;height:5px;animation-name:move-frames-25;animation-duration:28568ms;animation-delay:3347ms}@keyframes move-frames-25{from{transform:translate3d(17vw, 108vh, 0)}to{transform:translate3d(96vw, -123vh, 0)}}.circle-container:nth-child(25) .circle{animation-delay:3142ms}.circle-container:nth-child(26){width:8px;height:8px;animation-name:move-frames-26;animation-duration:36186ms;animation-delay:33182ms}@keyframes move-frames-26{from{transform:translate3d(83vw, 105vh, 0)}to{transform:translate3d(5vw, -122vh, 0)}}.circle-container:nth-child(26) .circle{animation-delay:1954ms}.circle-container:nth-child(27){width:2px;height:2px;animation-name:move-frames-27;animation-duration:31339ms;animation-delay:7994ms}@keyframes move-frames-27{from{transform:translate3d(24vw, 110vh, 0)}to{transform:translate3d(63vw, -121vh, 0)}}.circle-container:nth-child(27) .circle{animation-delay:1768ms}.circle-container:nth-child(28){width:2px;height:2px;animation-name:move-frames-28;animation-duration:30137ms;animation-delay:27268ms}@keyframes move-frames-28{from{transform:translate3d(59vw, 108vh, 0)}to{transform:translate3d(64vw, -138vh, 0)}}.circle-container:nth-child(28) .circle{animation-delay:2537ms}.circle-container:nth-child(29){width:7px;height:7px;animation-name:move-frames-29;animation-duration:30163ms;animation-delay:804ms}@keyframes move-frames-29{from{transform:translate3d(22vw, 109vh, 0)}to{transform:translate3d(55vw, -133vh, 0)}}.circle-container:nth-child(29) .circle{animation-delay:16ms}.circle-container:nth-child(30){width:8px;height:8px;animation-name:move-frames-30;animation-duration:36941ms;animation-delay:34258ms}@keyframes move-frames-30{from{transform:translate3d(27vw, 107vh, 0)}to{transform:translate3d(91vw, -121vh, 0)}}.circle-container:nth-child(30) .circle{animation-delay:1258ms}.circle-container:nth-child(31){width:3px;height:3px;animation-name:move-frames-31;animation-duration:29208ms;animation-delay:182ms}@keyframes move-frames-31{from{transform:translate3d(97vw, 101vh, 0)}to{transform:translate3d(79vw, -113vh, 0)}}.circle-container:nth-child(31) .circle{animation-delay:3620ms}.circle-container:nth-child(32){width:3px;height:3px;animation-name:move-frames-32;animation-duration:28543ms;animation-delay:36341ms}@keyframes move-frames-32{from{transform:translate3d(16vw, 102vh, 0)}to{transform:translate3d(59vw, -114vh, 0)}}.circle-container:nth-child(32) .circle{animation-delay:1263ms}.circle-container:nth-child(33){width:7px;height:7px;animation-name:move-frames-33;animation-duration:32769ms;animation-delay:18572ms}@keyframes move-frames-33{from{transform:translate3d(38vw, 102vh, 0)}to{transform:translate3d(9vw, -129vh, 0)}}.circle-container:nth-child(33) .circle{animation-delay:3924ms}.circle-container:nth-child(34){width:8px;height:8px;animation-name:move-frames-34;animation-duration:35130ms;animation-delay:10189ms}@keyframes move-frames-34{from{transform:translate3d(25vw, 109vh, 0)}to{transform:translate3d(16vw, -136vh, 0)}}.circle-container:nth-child(34) .circle{animation-delay:2594ms}.circle-container:nth-child(35){width:5px;height:5px;animation-name:move-frames-35;animation-duration:29525ms;animation-delay:35943ms}@keyframes move-frames-35{from{transform:translate3d(41vw, 106vh, 0)}to{transform:translate3d(43vw, -111vh, 0)}}.circle-container:nth-child(35) .circle{animation-delay:2923ms}.circle-container:nth-child(36){width:7px;height:7px;animation-name:move-frames-36;animation-duration:36186ms;animation-delay:24109ms}@keyframes move-frames-36{from{transform:translate3d(71vw, 108vh, 0)}to{transform:translate3d(56vw, -114vh, 0)}}.circle-container:nth-child(36) .circle{animation-delay:3765ms}.circle-container:nth-child(37){width:3px;height:3px;animation-name:move-frames-37;animation-duration:29959ms;animation-delay:33691ms}@keyframes move-frames-37{from{transform:translate3d(41vw, 108vh, 0)}to{transform:translate3d(51vw, -117vh, 0)}}.circle-container:nth-child(37) .circle{animation-delay:687ms}.circle-container:nth-child(38){width:6px;height:6px;animation-name:move-frames-38;animation-duration:31561ms;animation-delay:34043ms}@keyframes move-frames-38{from{transform:translate3d(81vw, 110vh, 0)}to{transform:translate3d(10vw, -129vh, 0)}}.circle-container:nth-child(38) .circle{animation-delay:3458ms}.circle-container:nth-child(39){width:3px;height:3px;animation-name:move-frames-39;animation-duration:33979ms;animation-delay:26738ms}@keyframes move-frames-39{from{transform:translate3d(27vw, 108vh, 0)}to{transform:translate3d(96vw, -119vh, 0)}}.circle-container:nth-child(39) .circle{animation-delay:88ms}.circle-container:nth-child(40){width:1px;height:1px;animation-name:move-frames-40;animation-duration:34716ms;animation-delay:20188ms}@keyframes move-frames-40{from{transform:translate3d(82vw, 101vh, 0)}to{transform:translate3d(58vw, -127vh, 0)}}.circle-container:nth-child(40) .circle{animation-delay:1853ms}.circle-container:nth-child(41){width:3px;height:3px;animation-name:move-frames-41;animation-duration:32728ms;animation-delay:22138ms}@keyframes move-frames-41{from{transform:translate3d(18vw, 105vh, 0)}to{transform:translate3d(69vw, -124vh, 0)}}.circle-container:nth-child(41) .circle{animation-delay:1910ms}.circle-container:nth-child(42){width:4px;height:4px;animation-name:move-frames-42;animation-duration:35390ms;animation-delay:35467ms}@keyframes move-frames-42{from{transform:translate3d(80vw, 110vh, 0)}to{transform:translate3d(29vw, -128vh, 0)}}.circle-container:nth-child(42) .circle{animation-delay:1907ms}.circle-container:nth-child(43){width:2px;height:2px;animation-name:move-frames-43;animation-duration:35238ms;animation-delay:15820ms}@keyframes move-frames-43{from{transform:translate3d(22vw, 105vh, 0)}to{transform:translate3d(24vw, -133vh, 0)}}.circle-container:nth-child(43) .circle{animation-delay:1904ms}.circle-container:nth-child(44){width:6px;height:6px;animation-name:move-frames-44;animation-duration:34366ms;animation-delay:4547ms}@keyframes move-frames-44{from{transform:translate3d(19vw, 107vh, 0)}to{transform:translate3d(52vw, -128vh, 0)}}.circle-container:nth-child(44) .circle{animation-delay:2546ms}.circle-container:nth-child(45){width:6px;height:6px;animation-name:move-frames-45;animation-duration:30970ms;animation-delay:9428ms}@keyframes move-frames-45{from{transform:translate3d(26vw, 105vh, 0)}to{transform:translate3d(94vw, -106vh, 0)}}.circle-container:nth-child(45) .circle{animation-delay:233ms}.circle-container:nth-child(46){width:4px;height:4px;animation-name:move-frames-46;animation-duration:33357ms;animation-delay:31855ms}@keyframes move-frames-46{from{transform:translate3d(71vw, 106vh, 0)}to{transform:translate3d(70vw, -114vh, 0)}}.circle-container:nth-child(46) .circle{animation-delay:1930ms}.circle-container:nth-child(47){width:8px;height:8px;animation-name:move-frames-47;animation-duration:31341ms;animation-delay:32124ms}@keyframes move-frames-47{from{transform:translate3d(83vw, 103vh, 0)}to{transform:translate3d(81vw, -104vh, 0)}}.circle-container:nth-child(47) .circle{animation-delay:2351ms}.circle-container:nth-child(48){width:2px;height:2px;animation-name:move-frames-48;animation-duration:36358ms;animation-delay:1899ms}@keyframes move-frames-48{from{transform:translate3d(97vw, 109vh, 0)}to{transform:translate3d(90vw, -115vh, 0)}}.circle-container:nth-child(48) .circle{animation-delay:2784ms}.circle-container:nth-child(49){width:5px;height:5px;animation-name:move-frames-49;animation-duration:36549ms;animation-delay:9446ms}@keyframes move-frames-49{from{transform:translate3d(34vw, 105vh, 0)}to{transform:translate3d(64vw, -108vh, 0)}}.circle-container:nth-child(49) .circle{animation-delay:393ms}.circle-container:nth-child(50){width:7px;height:7px;animation-name:move-frames-50;animation-duration:31496ms;animation-delay:11536ms}@keyframes move-frames-50{from{transform:translate3d(53vw, 105vh, 0)}to{transform:translate3d(92vw, -107vh, 0)}}.circle-container:nth-child(50) .circle{animation-delay:29ms}body.bg-gold .circle-container .circle{background-color:rgba(255, 217, 0, 0.3)}.button{position:relative;background:var(--primary);text-decoration:none;padding:0 30px;border-radius:var(--radius);overflow:hidden;transition:all 0.6s ease;font-size:18px;font-family:"Spectral",serif;font-weight:700;font-style:normal;text-transform:uppercase;text-shadow:0 0 10px #fff;color:white;border:none;cursor:pointer;z-index:1;height:60px}.button img{filter:drop-shadow(0 0 10px #fff)}.button:disabled{opacity:0.5;pointer-events:none}.button:disabled::before{opacity:0}.button::after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--primary-light);padding:12px 32px;border-radius:calc(var(--radius) - 2px);box-shadow:0 0 6px var(--primary-light);transition:all 0.2s ease;z-index:-1;filter:blur(2px)}.button::before{content:"";position:absolute;top:calc(50% - 20px);left:50%;width:90%;height:40px;animation:shinebright 8s linear infinite;transition:all 0.4s ease;background-image:url(../images/button-shine.png);z-index:-1;right:25%;transform-origin:left;filter:blur(11px);background-size:100% 100%}.button:hover{box-shadow:0 0 20px rgba(255, 255, 255, 0.3450980392)}@keyframes shinebright{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cards{display:flex;justify-content:center;gap:40px;z-index:10}.card{width:100%;height:100%;perspective:500px;position:relative;transform:translate(0px, 180px);opacity:0}#cards-container.showcards .card{transform:translate(0);opacity:1;transition:all 1s}#cards-container.showcards .tarot-card-result:nth-child(1) .card{transition-delay:0.5s}#cards-container.showcards .tarot-card-result:nth-child(2) .card{transition-delay:1s}#cards-container.showcards .tarot-card-result:nth-child(3) .card{transition-delay:1.5s}#cards-container.showcards .tarot-card-result:nth-child(4) .card{transition-delay:2s}#cards-container.showcards .tarot-card-result:nth-child(5) .card{transition-delay:2.5s}.card-content{position:absolute;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s;box-shadow:0 10px 15px rgba(0, 0, 0, 0.2705882353)}.card.open .card-content{transform:rotateY(180deg);pointer-events:none}.card img{width:100%;height:100%}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:3px;overflow:hidden}.card-back{transform:rotateY(180deg)}/* COMPONENTS */.title{font-family:"Spectral SC",serif;font-weight:700;font-style:normal;font-size:42px;text-align:center;line-height:1em;margin-bottom:10px;letter-spacing:-0.05em}.title.small{font-size:28px}.subtitle{font-weight:500;font-style:normal;font-size:20px;text-align:center;line-height:1em}.subtitle.small{font-size:18px}#loader{opacity:0;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0, 0, 0, 0.75);z-index:9999;transition:all 0.2s;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}#loader::after{content:".";animation:loader-dots 1s infinite}body.loading{pointer-events:none}body.loading #loader{opacity:100;pointer-events:all}@keyframes loader-dots{0%{content:"."}25%{content:".."}50%{content:"..."}75%{content:".."}100%{content:"."}}#drawing #drawing-options{display:grid;width:100%;margin:20px 0 0;grid-template-columns:1fr 1fr 1fr;justify-content:center;align-items:center}#drawing #drawing-options [data-draw]{border:0;background-color:transparent;width:100%;position:relative;display:block;transition:all 0.6s;top:0;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}#drawing #drawing-options [data-draw] b{color:#fff;font-size:16px;font-family:var(--text-font)}#drawing #drawing-options [data-draw] img{width:100%}#drawing #drawing-options [data-draw]:hover{top:-10px}#drawing #drawing-options [data-draw].selected{top:-20px;filter:drop-shadow(0 0 10px var(--gold))}#drawing #drawing-about{height:50px;text-align:center;margin:20px 0 0}#logo{width:160px;margin:0 0 10px}#home-footer{position:absolute;bottom:0;font-size:15px;padding:20px;cursor:pointer;text-align:center;line-height:14px;opacity:0.7}.modal{display:flex;pointer-events:none;opacity:0;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0, 0, 0, 0.7);align-items:center;justify-content:center;backdrop-filter:blur(9px);transition:all 0.6s;flex-direction:column}.modal.is-open{opacity:100;pointer-events:all}.modal.is-open .modal-content{transform:translateY(0)}.modal .modal-content{background-color:#ffffff;padding:20px;border:0;margin:-40px 20px 0;max-width:720px;border-radius:8px;transform:translateY(100px);transition:all 0.6s;max-height:calc(100dvh - 80px);overflow:auto;width:100%;color:#222}.modal h2{color:var(--primary);margin-top:0;text-align:center;margin-bottom:20px;font-family:var(--title-font)}.modal p{margin-bottom:20px}.modal .close-modal{position:absolute;bottom:0px;background:transparent;color:#fff;border:0;padding:20px;text-transform:uppercase;font-family:var(--text-font)}#modal-pix .modal-content{background:#fff;color:#000;line-height:1em}#modal-pix p{font-size:16px;margin:0}#modal-pix #pix-copy-code{width:100%;word-wrap:break-word;background:#e1e1e1;color:#000;padding:10px;border-radius:10px;font-size:16px;margin-bottom:0;line-height:1em}#modal-pix #pix-copy-code-btn,#modal-pix #cancel-payment{background:transparent;color:#fff;border:0;font-family:var(--text-font);text-transform:uppercase;color:var(--primary);width:100%;text-align:center;margin-bottom:10px}#modal-pix #qr-code{max-width:170px;display:block;margin:10px auto 0}#modal-pix #payment-status{text-align:center;margin:10px 0 20px}#modal-pix .modal-pix-price{margin:10px 0 0;text-align:center}#modal-pix .modal-pix-title{text-align:center;margin-bottom:20px}#modal-pix #payment-amount{display:block;font-size:18px;font-weight:bold}#modal-pix #logo-mercadopago{height:30px;margin:0 auto 20px;display:block}[data-modal-target]{cursor:pointer}@charset "UTF-8";.app-header{z-index:100;position:relative;padding:9px;display:flex;justify-content:space-between}#menu-btn{font-size:1.5rem;background:none;border:none;color:white;cursor:pointer}.header-button{background:transparent;border:0;padding:6px 5px 0;margin:0;opacity:0.4;transition:opacity 1s}.header-button.active{opacity:1}.sidebar{position:fixed;top:0;left:-100dvw;width:100dvw;height:100dvh;background:rgba(0, 0, 0, 0.7882352941);color:white;display:flex;transition:left 0.7s;z-index:99;backdrop-filter:blur(10px);flex-direction:column;align-items:center}.sidebar h3{text-align:center;width:100%;padding:18px 0 14px;text-transform:uppercase;border-bottom:1px dashed rgba(255, 255, 255, 0.2196078431);margin-bottom:var(--space-md);font-family:"Spectral SC",serif}.sidebar ul{list-style:none;width:100%}.sidebar button{color:white;text-decoration:none;display:flex;font-size:16px;text-align:center;text-transform:uppercase;padding:var(--space-md);justify-content:center;align-items:center;flex-direction:column;background:transparent;border:0;width:100%}.sidebar button img{width:24px;margin-bottom:6px}.sidebar hr{border:0;margin:var(--space-md) 0;border-bottom:1px dashed rgba(255, 255, 255, 0.2196078431)}.sidebar div h3{font-size:19px;margin-bottom:8px}.sidebar p{margin-top:auto;padding:10px}.sidebar p small{display:block;text-align:center;font-size:12px;opacity:0.5}.sidebar.active{left:0}.sidebar.active + .sidebar-overlay{opacity:1;visibility:visible}/* --- Variáveis para controle --- */.hamburger-button{background:none;border:none;cursor:pointer;padding:10px;z-index:1000;display:flex;flex-direction:column;justify-content:space-around;height:40px;/* Altura total do ícone */width:40px/* Largura total do ícone */}.hamburger-button .line{display:block;height:3px;width:100%;background:#ffffff;border-radius:3px;transition:transform 0.6s ease,opacity 0.6s ease;transform-origin:center}/* --- Estado Ativo (O "X") --- */.hamburger-button.active .line--top{transform:translateY(calc(3px + 4px)) rotate(45deg)}.hamburger-button.active .line--middle{opacity:0}.hamburger-button.active .line--bottom{transform:translateY(calc(-3px - 3px)) rotate(-45deg)}@charset "UTF-8";#user-question,#question-suggestions{background:rgba(0, 0, 0, 0.4901960784);color:#fff;border:0;border-radius:10px;padding:20px;font-family:var(--text-font);box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.2588235294);resize:none}#user-question{font-size:20px;margin:20px 0 0;margin-bottom:0;width:100%;min-height:100px;max-height:calc(100dvh - 350px)}#char-count{width:100%;text-align:right;font-size:14px;padding:0 10px;margin-bottom:10px;height:20px;opacity:0.7}#question-suggestions{font-size:14px;margin:0;width:100%;padding:10px;text-align:left;display:flex;justify-content:space-between}#question-suggestions::after{content:"";background-image:url("../images/select_arrow.svg");display:block;width:20px;height:20px;background-position:center}#modal-suggestions .modal-content{container-type:inline-size;/* obrigatório para container queries */container-name:suggestions;/* nomeia o container (útil para debug) */background-color:transparent}#modal-suggestions-list{display:grid;grid-template-columns:repeat(2, 1fr);gap:10px}#modal-suggestions-list button{padding:20px;background-color:var(--primary);border:0;border-radius:10px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}#modal-suggestions-list button img{display:block;width:40px;height:40px;margin:0 0 6px}#modal-suggestions-list button:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--primary-light);padding:12px 32px;border-radius:calc(var(--radius) - 2px);box-shadow:0 0 6px var(--primary-light);transition:all 0.2s ease;z-index:-1;filter:blur(2px)}/* query aplicando-se ao container nomeado */@container suggestions (min-width: 400px){#modal-suggestions-list {
    grid-template-columns:repeat(3, 1fr)}}
@container suggestions (min-width: 600px){#modal-suggestions-list {
    grid-template-columns:repeat(4, 1fr)}}
#result{display:flex;justify-content:center;flex-direction:column;align-items:center}body.show-banner #interpretation-banner{bottom:0;opacity:100}#card-title{text-align:center;margin-top:-33px;height:30px}#card-info{text-align:center;height:30px;padding:0 20px}#interpretation-banner{position:absolute;bottom:-140px;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;background:rgba(0, 0, 0, 0.5294117647);height:140px;border-radius:10px 10px 0 0;transition:all 0.7s;opacity:0}#interpretation-banner p{margin:0 0 13px 0;line-height:1.1em;font-size:18px}#result-content{margin-top:-100px}#result #cards-container[data-num="1"] .tarot-card-result.actived{--rotation:0 !important;z-index:22 !important;scale:1.6 !important;transform-origin:center 97% !important}#result #cards-container[data-num="3"] .tarot-card-result.actived{--rotation:0 !important;z-index:22 !important;scale:1.8 !important;transform-origin:center 97% !important}#result #cards-container[data-num="5"] .tarot-card-result.actived{--rotation:0 !important;z-index:22 !important;scale:2.2 !important;transform-origin:center 97% !important}/* --- RESULTADO / 3 CARTAS --- */#cards-container{position:relative;height:300px;display:flex;justify-content:center;align-items:center;margin-top:-30px}#cards-container .tarot-card-result{position:absolute;display:flex;align-items:center;justify-content:center;transform:rotate(var(--rotation, 0deg));border:0;transition:all 0.6s}#cards-container .tarot-card-result.selected{z-index:100;transform:rotate(var(--rotation)) translateY(-30px);box-shadow:0px 0px 20px rgba(255, 215, 0, 0.4)}#cards-container[data-num="1"]{height:350px}#cards-container[data-num="1"] .tarot-card-result{width:154px;height:250px;transform-origin:center 260%}#cards-container[data-num="3"]{height:300px}#cards-container[data-num="3"] .tarot-card-result{width:130px;height:210px;transform-origin:center 260%}#cards-container[data-num="3"] .tarot-card-result:nth-child(1){--rotation:-12.6666666667deg;z-index:0}#cards-container[data-num="3"] .tarot-card-result:nth-child(2){--rotation:0deg;z-index:1}#cards-container[data-num="3"] .tarot-card-result:nth-child(3){--rotation:12.6666666667deg;z-index:2}#cards-container[data-num="5"]{height:260px}#cards-container[data-num="5"] .tarot-card-result{width:100px;height:162px;transform-origin:center 320%}#cards-container[data-num="5"] .tarot-card-result:nth-child(1){--rotation:-15.2deg;z-index:0}#cards-container[data-num="5"] .tarot-card-result:nth-child(2){--rotation:-7.6deg;z-index:1}#cards-container[data-num="5"] .tarot-card-result:nth-child(3){--rotation:0deg;z-index:2}#cards-container[data-num="5"] .tarot-card-result:nth-child(4){--rotation:7.6deg;z-index:3}#cards-container[data-num="5"] .tarot-card-result:nth-child(5){--rotation:15.2deg;z-index:4}#ai-interpretation-container{display:none}#ai-interpretation-container #user-question-text{font-family:var(--title-font);font-size:24px;margin:10px 0 20px;line-height:1em}#ai-interpretation-container h3{display:block;font-family:var(--title-font);line-height:1.1em;text-align:center;font-size:18px;margin:0 0 20px}#ai-interpretation-container img{max-height:80dvh;display:block;margin:0 auto;border-radius:1dvh}#ai-interpretation-container h4{font-family:var(--title-font);font-size:24px;margin:10px 0}#ai-interpretation-container p{margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed hsla(0, 0%, 100%, 0.3)}#ai-interpretation-container #donwload-pdf,#ai-interpretation-container #new-consult,#ai-interpretation-container #whatsapp-final{margin:20px auto;display:flex;align-items:center;justify-content:center;width:300px}#ai-interpretation-container #donwload-pdf img,#ai-interpretation-container #new-consult img,#ai-interpretation-container #whatsapp-final img{margin:0 6px 0 0}body.pix-ok #result-content{margin-top:0;overflow:auto;padding-top:70px}body.pix-ok #ai-interpretation-container{display:block;background:rgba(0, 0, 0, 0.5803921569);padding:20px;margin-top:50px}.cards-selection{position:relative;height:260px;display:flex;justify-content:center;align-items:center;padding:0 0 60px 0}.cards-selection .tarot-selection-card{position:absolute;width:80px;height:120px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;box-shadow:-2px 2px 8px rgba(0, 0, 0, 0.4);transform-origin:center 300%;transform:rotate(var(--rotation, 0deg));cursor:pointer;background-image:url(../images/cartas/capa.jpg);background-size:cover;border:0;background-color:transparent;transition:all 0.6s}.cards-selection .tarot-selection-card.selected{z-index:100;transform:rotate(var(--rotation)) translateY(-30px);box-shadow:0px 0px 20px rgba(255, 215, 0, 0.4)}.cards-selection .tarot-selection-card:nth-child(1){--rotation:-52.5deg;z-index:0}.cards-selection .tarot-selection-card:nth-child(2){--rotation:-47.5deg;z-index:1}.cards-selection .tarot-selection-card:nth-child(3){--rotation:-42.5deg;z-index:2}.cards-selection .tarot-selection-card:nth-child(4){--rotation:-37.5deg;z-index:3}.cards-selection .tarot-selection-card:nth-child(5){--rotation:-32.5deg;z-index:4}.cards-selection .tarot-selection-card:nth-child(6){--rotation:-27.5deg;z-index:5}.cards-selection .tarot-selection-card:nth-child(7){--rotation:-22.5deg;z-index:6}.cards-selection .tarot-selection-card:nth-child(8){--rotation:-17.5deg;z-index:7}.cards-selection .tarot-selection-card:nth-child(9){--rotation:-12.5deg;z-index:8}.cards-selection .tarot-selection-card:nth-child(10){--rotation:-7.5deg;z-index:9}.cards-selection .tarot-selection-card:nth-child(11){--rotation:-2.5deg;z-index:10}.cards-selection .tarot-selection-card:nth-child(12){--rotation:2.5deg;z-index:11}.cards-selection .tarot-selection-card:nth-child(13){--rotation:7.5deg;z-index:12}.cards-selection .tarot-selection-card:nth-child(14){--rotation:12.5deg;z-index:13}.cards-selection .tarot-selection-card:nth-child(15){--rotation:17.5deg;z-index:14}.cards-selection .tarot-selection-card:nth-child(16){--rotation:22.5deg;z-index:15}.cards-selection .tarot-selection-card:nth-child(17){--rotation:27.5deg;z-index:16}.cards-selection .tarot-selection-card:nth-child(18){--rotation:32.5deg;z-index:17}.cards-selection .tarot-selection-card:nth-child(19){--rotation:37.5deg;z-index:18}.cards-selection .tarot-selection-card:nth-child(20){--rotation:42.5deg;z-index:19}.cards-selection .tarot-selection-card:nth-child(21){--rotation:47.5deg;z-index:20}.cards-selection .tarot-selection-card:nth-child(22){--rotation:52.5deg;z-index:21}/* --- SECTIONS --- */.back-btn{position:absolute;bottom:0px;background:transparent;color:#fff;border:0;padding:20px;text-transform:uppercase;font-family:var(--text-font)}#home,#question,#drawing,#thinking{align-items:center;justify-content:center;flex-direction:column;padding:0 1rem 2rem}/* THINKING */#thinking{--card-width:75px;--card-height:123px}#thinking #selection-status{margin:1rem;text-align:center}#thinking .breathing div{background:#fff;border-radius:100%;position:absolute;filter:blur(4px);top:50%;left:50%;transform:translate(-50%, -50%);animation:breathe 8s infinite alternate ease-in-out;opacity:0.09}#thinking .breathing div:nth-child(1){width:100px;height:100px;animation-delay:0s}#thinking .breathing div:nth-child(2){width:146px;height:146px;animation-delay:1s}@keyframes breathe{0%{transform:translate(-50%, -50%) scale(1)/* Initial size */}50%{transform:translate(-50%, -50%) scale(2)/* Expanded size */}100%{transform:translate(-50%, -50%) scale(1)/* Returns to initial size */}}@media (min-width: 768px){#home,#question,#drawing{padding:0 4rem 6rem}}#thinking .title{margin:33px 0 0 0;text-shadow:0 0 15px var(--gold)}#thinking-footer{position:absolute;bottom:0;padding:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#thinking-footer .subtitle{margin-bottom:20px}