.modal,.modal-venta{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.98);z-index:9999;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.modal-content,.modal-venta-content{background:#1a1a1a;padding:3rem;max-width:500px;width:90%;border-radius:30px;border:3px solid #7fff00;text-align:center;animation:modalAppear 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px rgba(127,255,0,0.3)}.modal-venta-content{border-color:#ff4500;box-shadow:0 0 50px rgba(255,69,0,0.3)}@keyframes modalAppear{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.close,.close-venta{position:absolute;top:20px;right:20px;font-size:2rem;cursor:pointer;color:#7fff00;transition:transform 0.3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#2a2a2a;border-radius:50%;border:1px solid #7fff00}.close-venta{color:#ff4500;border-color:#ff4500}.close:hover,.close-venta:hover{transform:rotate(90deg);background:#3a3a3a}.modal h2{color:#7fff00;margin-bottom:1.5rem;font-size:2.2rem;font-weight:bold;text-shadow:0 0 10px rgba(127,255,0,0.3)}.genero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.genero-btn{background:#2a2a2a;border:2px solid transparent;color:white;padding:2rem;border-radius:30px;cursor:pointer;font-size:3.5rem;transition:all 0.3s;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.genero-btn span{font-size:1rem;color:#888}.genero-btn:hover{border-color:#7fff00;transform:scale(1.05);box-shadow:0 0 30px rgba(127,255,0,0.3)}.genero-btn.mujer:hover{background:#4a2a4a}.genero-btn.hombre:hover{background:#2a4a4a}.reacciones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.reaccion-opcion{background:#2a2a2a;border:2px solid transparent;color:white;padding:1.5rem;border-radius:20px;cursor:pointer;font-size:2.5rem;transition:all 0.2s;display:flex;flex-direction:column;align-items:center;gap:0.5rem}.reaccion-opcion span{font-size:0.8rem;color:#888}.reaccion-opcion:hover{transform:scale(1.1);background:#3a3a3a;border-color:#7fff00}.reaccion-opcion.seleccionada{background:#7fff00;color:#1a1a1a;border-color:white;transform:scale(1.1);box-shadow:0 0 30px #7fff00}.reaccion-opcion.seleccionada span{color:#1a1a1a}.explicacion-box{background:#2a2a2a;padding:2rem;border-radius:20px;margin:2rem 0;text-align:left;border-left:4px solid #7fff00;font-size:1.1rem;line-height:1.8;color:#ddd;max-height:300px;overflow-y:auto}.registro-form{margin:2rem 0}.registro-input{width:100%;padding:1rem;background:#2a2a2a;border:2px solid #7fff00;color:white;border-radius:10px;font-size:1rem;margin-bottom:1.5rem;transition:all 0.3s}.registro-input:focus{outline:none;box-shadow:0 0 20px #7fff00}.registro-radio-group{display:flex;gap:2rem;justify-content:center;margin:1.5rem 0}.registro-radio-label{color:white;display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:1.1rem}.registro-radio-label input[type="radio"]{accent-color:#7fff00;width:18px;height:18px}.modal-btn{background:transparent;border:2px solid #7fff00;color:#7fff00;padding:1rem 2rem;border-radius:60px;cursor:pointer;width:100%;font-size:1.2rem;margin-top:1rem;transition:all 0.3s;font-weight:bold}.modal-btn:hover{background:#7fff00;color:#1a1a1a;transform:scale(1.02);box-shadow:0 0 20px #7fff00}.modal-btn-venta{background:#7fff00;color:#1a1a1a;border:none;padding:1.2rem;border-radius:30px;font-weight:bold;cursor:pointer;transition:all 0.3s;font-size:1.2rem;width:100%}.modal-btn-venta:hover{background:#9fff00;transform:scale(1.05);box-shadow:0 0 30px #7fff00}.modal-btn-ver{background:transparent;border:2px solid #7fff00;color:#7fff00;padding:1.2rem;border-radius:30px;cursor:pointer;font-weight:bold;font-size:1.2rem;width:100%;transition:all 0.3s}.modal-btn-ver:hover{background:#7fff00;color:#1a1a1a}.precio-tag{font-size:2.5rem;color:#7fff00;margin:1rem 0;font-weight:bold}.venta-icono{font-size:5rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.modal-content{padding:1.5rem}.modal h2{font-size:1.8rem}.genero-grid{grid-template-columns:1fr}.reacciones-grid{grid-template-columns:repeat(2,1fr)}.genero-btn{padding:1.5rem;font-size:2.5rem}}