.quiz-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.quiz-app{position:relative;min-height:600px}.quiz-screen{display:none;opacity:0;transition:opacity .3s ease}.quiz-screen.active{display:block;opacity:1;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-start{text-align:center;max-width:600px;margin:0 auto;padding:3rem 1rem}.loteria-card-back{max-width:400px;margin:0 auto 2rem}.loteria-card-back img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00000026}.quiz-start h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700}.quiz-start p{font-size:1.25rem;color:#666;margin-bottom:2rem}.quiz-progress{margin-bottom:2rem;padding:1rem 0}.quiz-progress__bar{height:8px;background:linear-gradient(90deg,#c60f7d,#c06c84);border-radius:10px;width:0%;transition:width .4s ease}.quiz-progress__text{display:block;text-align:center;margin-top:.5rem;font-weight:600;color:#666}.quiz-question{max-width:800px;margin:0 auto;padding:2rem 1rem}.quiz-question__text{font-size:1.75rem;text-align:center;margin-bottom:2rem;font-weight:600}.quiz-answers{display:grid;gap:1rem}.quiz-answer{background:#fff;border:2px solid #E0E0E0;border-radius:999px;padding:1.25rem 1.5rem;font-size:1.1rem;text-align:left;cursor:pointer;transition:all .2s ease;font-weight:500}.quiz-answer:hover{border-color:#c60f7d;background:#fff5f8;transform:translate(8px)}.quiz-answer.selected{background:#c60f7d;color:#fff;border-color:#c60f7d}.quiz-results{max-width:1200px;margin:0 auto}.archetype-reveal{text-align:center;padding:3rem 1rem;margin-bottom:.5rem}.loteria-card{max-width:500px;margin:0 auto 2rem;perspective:1000px}.loteria-card__image{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #0003}.loteria-card.card-reveal .loteria-card__image{animation:cardFlip .8s ease}@keyframes cardFlip{0%{transform:rotateY(180deg) scale(.8);opacity:0}50%{transform:rotateY(90deg) scale(.9)}to{transform:rotateY(0) scale(1);opacity:1}}.archetype-info{max-width:700px;margin:0 auto}.archetype-name{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:linear-gradient(135deg,#c60f7d,#c06c84);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.archetype-description{font-size:1.5rem;line-height:1.6;color:#fff}.quiz-primary-cta{text-align:center;margin:2.5rem 0}.btn--large{padding:1.5rem 3rem;font-size:1.25rem;font-weight:700;box-shadow:0 4px 20px #ff6b9d66}.btn--large:hover{transform:translateY(-3px);box-shadow:0 8px 28px #ff6b9d80}.language-toggle{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.lang-btn{padding:.75rem 2rem;border:2px solid #E0E0E0;background:#fff;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-btn:hover{border-color:#c60f7d}.lang-btn.active{background:#c60f7d;color:#fff;border-color:#c60f7d}.content-filter-toggle{display:flex;justify-content:center;align-items:center;gap:.75rem;margin:1.5rem 0 2rem;padding:1rem;border-radius:12px}.content-filter-toggle__label{font-size:1rem;font-weight:600;color:#fff}.filter-btn{padding:.5rem 1.25rem;border:2px solid #E0E0E0;background:#fff;border-radius:25px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#666}.filter-btn:hover{border-color:#c60f7d}.filter-btn.active{background:#c60f7d;border-color:#c60f7d;color:#fff}.design-section{margin-bottom:1rem;padding:0 1rem}.design-section h3{font-size:2rem;font-weight:700;text-align:center;margin-bottom:1rem}.design-section__subtitle{text-align:center;font-size:1.4rem;color:#fff;margin-bottom:2rem;font-style:italic}.design-section--opposite{background:#000;padding:3rem 1rem;border-radius:16px}.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.design-card{background:#0000aaa;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.design-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.design-card__image{width:100%;aspect-ratio:1;overflow:hidden;background:linear-gradient(180deg,#ff77e8,#f1fe39 30%,#70ffde 63%,#7f60c7)}.design-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.design-card:hover .design-card__image img{transform:scale(1.05)}.design-card__content{padding:1.5rem}.design-card__name{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;text-align:center}.design-card__description{font-size:.95rem;color:#666;margin-bottom:1rem;line-height:1.5}.no-designs{text-align:center;padding:3rem;color:#999;font-style:italic}.btn{display:inline-block;padding:1rem 2.5rem;border:none;border-radius:999px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.btn--primary{background:linear-gradient(135deg,#c60f7d,#c06c84);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #ff6b9d4d}.btn--secondary{background:#fff;color:#c60f7d;border:2px solid #C60F7D}.btn--secondary:hover{background:#c60f7d;color:#fff}.btn--small{padding:.75rem 1.5rem;font-size:1rem;width:100%}.btn--share{background:#1da1f2;color:#fff}.btn--share:hover{background:#0c85d0}.quiz-actions{display:flex;justify-content:center;gap:1rem;margin-top:3rem;margin-bottom:2rem;flex-wrap:wrap}.share-section{text-align:center;padding:2rem 1rem;margin-top:1rem;border-top:2px solid #F0F0F0}.share-section__title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#fff}.share-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;max-width:700px;margin:0 auto}.share-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:2px solid #E0E0E0;background:#fff;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;color:#333}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.share-btn svg{width:20px;height:20px}.share-btn--facebook{border-color:#1877f2;color:#1877f2}.share-btn--facebook:hover{background:#1877f2;color:#fff}.share-btn--twitter{border-color:#000;color:#000}.share-btn--twitter:hover{background:#000;color:#fff}.share-btn--reddit{border-color:#ff4500;color:#ff4500}.share-btn--reddit:hover{background:#ff4500;color:#fff}.share-btn--whatsapp{border-color:#25d366;color:#25d366}.share-btn--whatsapp:hover{background:#25d366;color:#fff}.share-btn--copy{border-color:#666;color:#666}.share-btn--copy:hover{background:#666;color:#fff}.share-btn--copy.copied{background:#4caf50;border-color:#4caf50;color:#fff}@media(max-width:768px){.quiz-start h1,.archetype-name{font-size:2rem}.quiz-question__text{font-size:1.4rem}.design-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column}.share-buttons{flex-direction:column;gap:.75rem}.share-btn{width:100%;justify-content:center;border-radius:999px}.btn{width:100%}}@media(max-width:480px){.quiz-container{padding:1rem .5rem}.quiz-answer{padding:1rem;font-size:1rem;border-radius:999px}}.fade-in{animation:fadeIn .4s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.design-card{animation:slideUp .5s ease;animation-fill-mode:both}.design-card:nth-child(1){animation-delay:.1s}.design-card:nth-child(2){animation-delay:.2s}.design-card:nth-child(3){animation-delay:.3s}
/*# sourceMappingURL=/cdn/shop/t/5/assets/quiz-app.css.map */