.mp-user-data{margin:20px 0;padding:20px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0}.mp-user-field{margin-bottom:15px}.mp-user-field:last-child{margin-bottom:0}.mp-user-field label{display:block;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.mp-user-field strong{font-size:16px;color:#333}.merchanpay-form{max-width:500px;margin:30px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.merchanpay-form label{display:block;font-weight:600;margin-bottom:8px;color:#333;font-size:14px}.merchanpay-form input[type=text],.merchanpay-form input[type=password]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;font-family:inherit;transition:border-color .3s ease;box-sizing:border-box}.merchanpay-form input[type=text]:focus,.merchanpay-form input[type=password]:focus{outline:none;border-color:#4caf50}.mp-card-input{position:relative;display:flex;align-items:center}.mp-card-input input{padding-right:80px !important}.mp-card-logo{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;background:#f0f0f0;color:#666;min-width:50px;text-align:center;transition:all .3s ease}.mp-card-logo.visa{background:#1a1f71;color:#fff}.mp-card-logo.mastercard{background:#eb001b;color:#fff}.mp-card-logo.amex{background:#006fcf;color:#fff}.mp-card-logo.diners{background:#0079be;color:#fff}.mp-card-logo.discover{background:#ff6000;color:#fff}.mp-card-logo.jcb{background:#0e4c96;color:#fff}.mp-hint{display:block;margin-top:6px;font-size:13px;color:#666;min-height:20px}.mp-hint:empty{display:none}.mp-row{display:flex;gap:15px;margin-top:20px}.mp-field{flex:1}.mp-expiration{flex:1.5}.mp-exp-group{display:flex;align-items:center;gap:8px}.mp-exp-group input{flex:1;text-align:center}.mp-exp-group span{font-size:20px;font-weight:600;color:#999}.mp-cvv-input{text-align:center;letter-spacing:2px;font-weight:600}.mp-submit-btn,.merchanpay-form input[type=button]{width:100%;padding:15px 30px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;margin-top:20px}.mp-submit-btn:hover,.merchanpay-form input[type=button]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 12px rgba(76,175,80,.3)}.mp-submit-btn:active,.merchanpay-form input[type=button]:active{transform:translateY(0)}.informacionsegura{margin-top:25px;padding:20px;background:#f0f9ff;border-radius:8px;border-left:4px solid #2196f3;text-align:center}.informacionsegura strong{display:block;font-size:16px;color:#1976d2;margin-bottom:10px}.informacionsegura p{font-size:13px;color:#555;line-height:1.6;margin:0}.informacionsegura img{max-width:100%;height:auto;margin-top:15px;border-radius:4px}#resultado-pago{margin-top:20px;padding:15px;border-radius:8px;font-size:14px;line-height:1.6}#resultado-pago:empty{display:none}.mp-error{padding:15px;background:#ffebee;border-left:4px solid #f44336;border-radius:4px;color:#c62828;margin:20px 0}.mp-success{padding:15px;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;margin:20px 0}@media (max-width:600px){.merchanpay-form{padding:20px;margin:20px 10px}.mp-row{flex-direction:column;gap:20px}.mp-expiration,.mp-field{flex:1}.mp-card-input input{padding-right:70px !important}.mp-card-logo{right:10px;font-size:10px;min-width:45px}}.merchanpay-form.loading{opacity:.6;pointer-events:none}.merchanpay-form.loading .mp-submit-btn:after{content:"...";animation:loading 1.5s infinite}@keyframes loading{0%,20%{content:"."}40%{content:".."}60%,100%{content:"..."}}.merchanpay-form input:focus{outline:2px solid #4caf50;outline-offset:2px}.merchanpay-form label{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}