* {box-sizing: border-box;margin: 0;padding: 0;font-family: "Montserrat", sans-serif;}body {color: #333;}.error {color: red;}.checkout-container {display: flex;justify-content: center;padding: 20px;gap: 20px;}.checkout-left {border-radius: 8px;max-width: 600px;flex: 1;}.topo {display: flex;align-items: center;margin-bottom: 12px;}.topo img, .topo video {width: 120px;margin-right: 12px;border-radius: 8px;}.topo .titulo {font-size: 1.2rem;font-weight: bold;}.payment-form {background-color: #fff;padding: 20px;border-radius: 8px;}.payment-form label {display: block;font-weight: bold;margin-top: 15px;}.payment-form input, .pay-button {width: 100%;padding: 10px;margin-top: 5px;border-radius: 5px;border: 1px solid #ddd;margin-bottom: 15px;}.title-method {margin-bottom: 16px;}.payment-options {display: flex;justify-content: space-evenly;margin: 20px 0;}.payment-method {position: relative;display: inline-block;width: 86px;}.payment-method input[type="radio"] {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;cursor: pointer;z-index: 2;}.payment-method label {display: flex;align-items: center;justify-content: center;padding: 10px;border: 2px solid #ccc;border-radius: 50%;background-color: #fff;cursor: pointer;transition: all 0.3s ease;}.buttonCompra {width: 100%;display: block;text-decoration: none;text-align: center;}.loading-spinner {display: flex;align-items: center;gap: 10px;justify-content: center;}.loading-spinner .spinner {display: inline-block;width: 20px;height: 20px;border: 3px solid #fff;border-radius: 50%;border-top: 3px solid transparent;animation: spin 1s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.logo-mp {position: relative;left: 50%;transform: translateX(-50%);margin: 16px 0;}.payment-method input[type="radio"]:checked + label {border-color: #d3d6d4;}.img-checkout {max-width: 100%;height: auto;display: block;}.credit-card-info {display: flex;gap: 10px;flex-wrap: wrap;}.credit-card-info input {flex: 1;}.save-data {display: flex;align-items: center;}.special-offer {background-color: #e0f7fa;border: 1px solid #00acc1;padding: 10px;margin-top: 15px;text-align: center;}.pay-button {background-color: #28a745;color: #fff;font-size: 18px;border: none;cursor: pointer;transition: 0.5s ease;}.pay-button:hover {scale: 0.98;}.disclaimer {font-size: 12px;margin-top: 10px;text-align: center;}.disclaimer a {color: #007bff;text-decoration: none;}.checkout-right {max-width: 300px;display: flex;flex-direction: column;gap: 10px;flex: 0.5;}.benefit {background-color: #fff;border-radius: 8px;padding: 15px;display: flex;flex-direction: column;align-items: center;gap: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);text-align: center;}.benefit .icon {font-size: 2rem;}#installment-options {margin-top: 20px;}#installment-options label {font-size: 16px;font-weight: bold;margin-right: 10px;}#installments {padding: 10px;border: 1px solid #ccc;border-radius: 5px;font-size: 16px;width: 100%;margin: 12px 0;}.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(5px);z-index: 1000;align-items: center;justify-content: center;}.modal-content {display: flex;flex-direction: column;background-color: #fff;padding: 20px;width: 90%;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);text-align: left;position: relative;animation: fadeIn 0.3s ease-in-out;max-height: 80vh;}.modal-body {overflow-y: scroll;}#openModal {text-decoration: none;}.close-modal {position: absolute;top: 10px;right: 15px;font-size: 25px;color: #555;cursor: pointer;transition: color 0.2s;}.close-modal:hover {color: #000;}.modal-footer {padding: 10px;text-align: center;border-top: 1px solid #ccc;background-color: #f9f9f9;position: sticky;bottom: 0;}#btnOk {background-color: #ccc;color: white;padding: 10px 20px;border: none;border-radius: 5px;cursor: not-allowed;font-size: 16px;transition: background-color 0.3s;}#btnOk:enabled {cursor: pointer;}@keyframes fadeIn {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}}@media (max-width: 468px) {.payment-method {width: 67px;}}@media (max-width: 600px) {.modal-content {padding: 15px;font-size: 14px;}}@media (max-width: 768px) {.checkout-container {flex-direction: column;}.checkout-right {max-width: 90%;margin: 0 auto;}.checkout-left {max-width: 100%;margin: 0 auto;}.topo img {width: 86px;}}