.form-card{background:white;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,0.1);max-width:700px;margin:0 auto;overflow:hidden}.form-header{background:#2c3e50;color:white;padding:30px;text-align:center}.form-header h1{margin:0;border-bottom:none;color:white;font-size:1.8rem}.form-header p{margin:10px 0 0;opacity:0.8;font-size:0.9rem}.bonos-form{padding:30px}.bonos-form .form-section{margin-bottom:30px}.bonos-form .form-section label{display:block;font-weight:bold;margin-bottom:15px;color:#2c3e50}.bonos-form .type-selector{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:10px}.bonos-form .type-selector .type-radio{display:none}.bonos-form .type-selector .type-label{display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #eee;border-radius:10px;cursor:pointer;transition:all 0.2s}.bonos-form .type-selector .type-label:hover{background:#f9f9f9;border-color:#ddd}.bonos-form .type-selector .type-label .type-icon{font-size:1.5rem;margin-bottom:5px}.bonos-form .type-selector .type-label .type-text{font-size:0.85rem;font-weight:bold}.bonos-form .type-selector .type-radio:checked+.type-label{border-color:#ffcc00;background:#fff5cc;box-shadow:0 0 0 1px #ffcc00}.bonos-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}@media (max-width: 500px){.bonos-form .form-row{grid-template-columns:1fr}}.bonos-form .form-group.form-group.full-width{grid-column:1 / -1}.bonos-form .form-group.form-group.full-width input{font-size:1.1rem}.bonos-form .form-group label{display:block;font-weight:bold;margin-bottom:8px}.bonos-form .form-group .form-input{box-sizing:border-box;width:100%;padding:12px;border:2px solid #eee;border-left:4px solid #ffcc00;border-radius:8px;font-size:1rem}.bonos-form .form-group .form-input:focus{border-color:#007bff;outline:none}.bonos-form .form-group .disabled-input{background:#f5f5f5;color:#888;cursor:not-allowed}.bonos-form .form-group .text-muted{color:#777;font-size:0.85rem;display:block;margin-top:4px}.bonos-form .form-group small{color:#999;display:block;margin-top:5px}.bonos-form .form-group input[type="datetime-local"]{font-family:inherit;color:#333;cursor:pointer}.bonos-form .form-group input[type="datetime-local"]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:0.6;filter:invert(0.5)}.bonos-form .form-group input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{opacity:1}.bonos-form .slider{width:100%;margin:20px 0 10px 0;cursor:pointer}.bonos-form .slider-labels{display:flex;justify-content:space-between;padding:0 5px;color:#888;font-weight:bold}.bonos-form .price-display{background:#f8f8f8;padding:20px;border-radius:8px;margin-top:20px;border:1px solid #ddd;margin-bottom:30px}.bonos-form .price-total{font-size:1.5em;font-weight:bold;color:#910091;border-top:1px solid #ccc;margin-top:10px;padding-top:10px}.bonos-form .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:20px;border-top:1px solid #eee;padding-top:20px}.bonos-form .form-actions .btn.large{padding:15px 30px;font-size:1.1rem}body{background-color:#f8f9fa;color:#333;line-height:1.5;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin:0;padding:20px}body{max-width:1200px;margin:0 auto;padding:20px}h1{font-weight:800;color:#2c3e50;border-bottom:3px solid #ffcc00;display:inline-block;margin-bottom:1.5rem}.btn{display:inline-block;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:bold;font-size:0.9rem;transition:transform 0.1s;border:none;cursor:pointer}.btn:active{transform:scale(0.95)}.btn.primary{background:#007bff;color:white}.btn.success{background:#28a745;color:white}.btn.warning{background:#ffcc00;color:#333}.btn.danger{background:#dc3545;color:white}