.interactua-container{background-color:#f8f8f8;flex-direction:column;align-items:center;gap:40px;min-height:100vh;padding:100px 20px 60px;display:flex}.interactua-header{text-align:center;max-width:600px}.interactua-header h1{color:#6e5ea5;margin-bottom:15px;font-size:2.5rem}.interactua-header p{color:#666;font-size:1.1rem;line-height:1.6}.card-scene{perspective:1500px;cursor:pointer;width:300px;height:450px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;background-color:#fff;border:8px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 10px 30px #0000001a}.card-front{background-color:#eee;overflow:hidden}.card-logo-back{object-fit:cover;opacity:.8;width:100%;height:100%}.tap-hint{color:#6e5ea5;background-color:#ffffffe6;border-radius:30px;padding:8px 16px;font-size:.9rem;font-weight:600;animation:2s infinite pulse;position:absolute;bottom:20px;box-shadow:0 4px 10px #0000001a}.card-back{text-align:center;background-color:#fff9f0;justify-content:space-between;padding:30px;transform:rotateY(180deg)}.card-content{flex-grow:1;justify-content:center;align-items:center;display:flex}.phrase-text{color:#333;font-size:1.6rem;font-style:italic;font-weight:700;line-height:1.4}.card-footer-logo{color:var(--orange-color,#f39200);letter-spacing:2px;font-size:.9rem;font-weight:800}.interactua-controls{justify-content:center;width:100%;display:flex}.btn-draw{color:#fff;cursor:pointer;background-color:#6e5ea5;border:none;border-radius:50px;padding:15px 35px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #6e5ea54d}.btn-draw:hover{background-color:#7b6ab4;transform:translateY(-5px);box-shadow:0 15px 25px #6e5ea566}.interactua-info{text-align:center;color:#888;max-width:500px;font-size:.9rem}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.card-scene{width:260px;height:400px}.interactua-header h1{font-size:2rem}.phrase-text{font-size:1.3rem}}