@font-face{font-family:tarot-pixel;src:url(nokiafc22.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.tarot-popup{--tarot-pink: #e85d9c;--tarot-pink-dark: #c23f7c;--tarot-bg: #0b0b0d;--tarot-text: #f5f5f0;--tarot-text-secondary: #d0ccc4;--tarot-overlay-rgba: rgba(11, 11, 13, .55);--tarot-border: rgba(232, 93, 156, .4);--tarot-border-light: rgba(232, 93, 156, .15);--tarot-font-pixel: "tarot-pixel", monospace}.tarot-popup [hidden]{display:none!important}.tarot-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:999;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-left))}.tarot-popup[data-open]{display:flex}.tarot-popup__star{position:absolute;width:44px;height:auto;top:90px;opacity:.6;pointer-events:none;z-index:0}.tarot-popup__star img{display:block;width:100%;height:auto}.tarot-popup__star--left{left:0}.tarot-popup__star--right{right:0}@media only screen and (min-width:768px){.tarot-popup__star{width:56px;top:120px}}@media(prefers-reduced-motion:no-preference){.tarot-popup__star{animation:tarot-star-twinkle 3.5s ease-in-out infinite}.tarot-popup__star--right{animation-delay:1.2s}}@keyframes tarot-star-twinkle{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.tarot-popup__panel{position:relative;z-index:1;width:100%;max-width:460px;max-height:90vh;overflow:hidden auto;-webkit-overflow-scrolling:touch;background-image:linear-gradient(var(--tarot-overlay-rgba),var(--tarot-overlay-rgba)),url(tarot-fondo.jpg);background-size:cover;background-position:center;border:1px solid var(--tarot-border);border-radius:8px;padding:28px 20px;color:var(--tarot-text)}.tarot-popup__panel>div[data-tarot-screen]{display:none;position:relative;z-index:1}.tarot-popup__panel>div[data-tarot-screen]:focus{outline:none}.tarot-popup__panel>div[data-tarot-screen]:not([hidden]){display:flex;flex-direction:column;align-items:center;gap:16px}@media only screen and (min-width:768px){.tarot-popup__panel{padding:40px;border-radius:12px}}.tarot-popup__heading{margin:0;font-family:var(--tarot-font-pixel);font-size:1.5rem;line-height:1.3;font-weight:400;color:var(--tarot-pink);text-align:center}@media only screen and (min-width:768px){.tarot-popup__heading{font-size:1.85rem}}.tarot-popup__subheading{margin:0;font-size:1rem;font-weight:400;color:var(--tarot-text-secondary);text-align:center}.tarot-popup__body{margin:0;font-size:.95rem;line-height:1.6;color:var(--tarot-text-secondary);text-align:center}.tarot-popup__hero{width:100%;display:flex;justify-content:center}.tarot-popup__hero-image{width:100%;max-width:480px;height:auto;display:block}.tarot-popup__tagline{margin:0;font-style:italic;font-weight:600;letter-spacing:.05em;color:var(--tarot-pink);text-align:center}.tarot-popup__subtagline{margin:0;font-size:.85rem;color:var(--tarot-text-secondary);opacity:.8;text-align:center}.tarot-popup__cards{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:12px;width:100%;margin:8px 0}@media only screen and (max-width:480px){.tarot-popup__cards{gap:6px}.tarot-card__choice{padding:8px 4px;font-size:.6rem;letter-spacing:.02em;white-space:nowrap}}.tarot-card{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1 1 0;min-width:0;max-width:140px}.tarot-card__image{width:100%;height:auto;aspect-ratio:608 / 900;border-radius:8px;border:1px solid var(--tarot-border);box-shadow:0 4px 14px #00000073;object-fit:contain;background-color:#ffffff08;display:block}@media(prefers-reduced-motion:no-preference){.tarot-card__image{transition:transform .25s ease,box-shadow .25s ease}.tarot-card:hover .tarot-card__image,.tarot-card:focus-within .tarot-card__image{transform:translateY(-4px);box-shadow:0 8px 20px #e85d9c59}}.tarot-card__choice{width:100%;padding:8px 10px;min-height:40px;font-size:.7rem;font-weight:600;border:2px solid var(--tarot-pink);border-radius:24px;background:transparent;color:var(--tarot-pink);cursor:pointer;-webkit-appearance:none;appearance:none;text-transform:uppercase;letter-spacing:.04em;outline:none}.tarot-card__choice:hover,.tarot-card__choice:focus{background:var(--tarot-pink);color:var(--tarot-bg);outline:none}@media(prefers-reduced-motion:no-preference){.tarot-card__choice{transition:background .25s ease,color .25s ease}}.tarot-popup__card-enlarged{display:flex;justify-content:center;width:100%}.tarot-popup__card-enlarged-image{max-height:320px;width:auto;max-width:100%;border-radius:10px;border:1px solid var(--tarot-border);box-shadow:0 6px 20px #00000080;display:block}.tarot-popup__cta{align-self:center;padding:12px 32px;min-height:48px;font-size:1rem;font-weight:600;border:2px solid var(--tarot-pink);border-radius:24px;background:transparent;color:var(--tarot-pink);cursor:pointer;-webkit-appearance:none;appearance:none;text-transform:uppercase;letter-spacing:.05em;outline:none}.tarot-popup__cta:hover,.tarot-popup__cta:focus{background:var(--tarot-pink);color:var(--tarot-bg);outline:none}.tarot-popup__cta:active{transform:scale(.98)}@media(prefers-reduced-motion:no-preference){.tarot-popup__cta{transition:background .3s ease,color .3s ease,transform .2s ease}}.tarot-popup__form{display:flex;flex-direction:column;gap:16px;width:100%}.tarot-popup__email-row{display:flex;align-items:center;gap:8px;width:100%;border:1px solid var(--tarot-border);border-radius:28px;padding:4px 4px 4px 16px;background:#ffffff0d}.tarot-popup__email-row input{flex:1;border:none;background:transparent;color:var(--tarot-text);font-size:.95rem;font-family:inherit;letter-spacing:.03em;outline:none;padding:10px 0}.tarot-popup__email-row input::placeholder{color:var(--tarot-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.tarot-popup__submit-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:none;background:var(--tarot-pink);color:var(--tarot-bg);font-size:1.1rem;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;outline:none}.tarot-popup__submit-arrow:hover,.tarot-popup__submit-arrow:focus{background:var(--tarot-pink-dark);outline:none}.tarot-popup__submit-arrow:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:no-preference){.tarot-popup__submit-arrow{transition:background .25s ease}}.tarot-popup__field,.tarot-popup__consent{display:flex;flex-direction:column;gap:6px;width:100%}.tarot-popup__field>span,.tarot-popup__consent>span{font-size:.875rem;font-weight:500;color:var(--tarot-text);display:block}.tarot-popup__field input{padding:12px;border:1px solid var(--tarot-border);border-radius:6px;background:#ffffff0d;color:var(--tarot-text);font-size:1rem;font-family:inherit;outline:none}.tarot-popup__field input::placeholder{color:var(--tarot-text-secondary)}.tarot-popup__field input:focus{border-color:var(--tarot-pink);background:#ffffff14;outline:2px solid transparent;outline-offset:0}@media(prefers-reduced-motion:no-preference){.tarot-popup__field input{transition:border-color .3s ease,background-color .3s ease}}.tarot-popup__field-error{margin-top:-2px;font-size:.8125rem;line-height:1.4;color:#ff6b6b}.tarot-popup__consent{flex-direction:row;gap:12px;align-items:flex-start}.tarot-popup__consent>span{font-size:.875rem;margin:0}.tarot-popup__consent input[type=checkbox]{flex-shrink:0;margin-top:2px;width:20px;height:20px;cursor:pointer;accent-color:var(--tarot-pink)}.tarot-popup__consent a{color:var(--tarot-pink);text-decoration:none;border-bottom:1px solid var(--tarot-border-light)}.tarot-popup__consent a:hover{text-decoration:underline}.tarot-popup[data-loading]{pointer-events:none}.tarot-popup[data-loading] div[data-tarot-screen]:not([hidden]){opacity:.6}.tarot-popup[data-loading] .tarot-popup__cta{opacity:.6;cursor:not-allowed;pointer-events:none}.tarot-popup[data-error] .tarot-popup__panel{border-color:#dc262680}[data-tarot-state]{display:none;width:100%;padding:16px;border-radius:6px;text-align:center;font-size:.95rem}[data-tarot-state]:not([hidden]){display:block}[data-tarot-state=loading]{background:#e85d9c1a;border:1px solid var(--tarot-border);color:var(--tarot-pink)}[data-tarot-state=success]{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}[data-tarot-state=error]{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#dc2626}.tarot-popup__retry{margin-top:12px}.tarot-teaser{display:none;position:fixed;bottom:80px;right:20px;padding:12px 20px;min-height:48px;font-size:.875rem;font-weight:600;border:2px solid var(--tarot-pink, #e85d9c);border-radius:24px;background:#e85d9c;color:#0b0b0d;cursor:pointer;-webkit-appearance:none;appearance:none;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 12px #e85d9c4d;z-index:998;outline:none}.tarot-teaser:not([hidden]){display:flex;align-items:center;justify-content:center}.tarot-teaser:hover,.tarot-teaser:focus{background:#c23f7c;box-shadow:0 6px 16px #e85d9c66;outline:none}.tarot-teaser:active{transform:scale(.96)}@media(prefers-reduced-motion:no-preference){.tarot-teaser{transition:background .3s ease,box-shadow .3s ease,transform .2s ease}}@media only screen and (min-width:768px){.tarot-teaser{bottom:96px;right:32px}}@media(prefers-reduced-motion:reduce){.tarot-popup,.tarot-popup__panel,.tarot-popup__panel>div[data-tarot-screen],.tarot-popup__star,.tarot-card__image,.tarot-card__choice,.tarot-popup__cta,.tarot-popup__submit-arrow,.tarot-popup__field input,.tarot-teaser{transition:none!important;animation:none!important}.tarot-card:hover .tarot-card__image,.tarot-card:focus-within .tarot-card__image{transform:none}.tarot-popup__cta:active,.tarot-teaser:active{transform:none}}.tarot-popup__cta:focus-visible,.tarot-teaser:focus-visible,.tarot-card__choice:focus-visible,.tarot-popup__submit-arrow:focus-visible,.tarot-popup__field input:focus-visible{outline:2px solid var(--tarot-pink);outline-offset:2px}.tarot-popup__email-row:focus-within{border-color:var(--tarot-pink);box-shadow:0 0 0 2px var(--tarot-pink)}@supports (padding: max(0px)){.tarot-popup{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/tarot-popup.css.map */