.cartel-container{padding:20px;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif}.cartel-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:30px;padding:20px;background-color:#f5f5f5;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.cartel-select-container{flex:1 1;min-width:300px}.cartel-select-container label{display:block;margin-bottom:8px;font-weight:700;color:#333}.cartel-select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;background-color:#fff;transition:border-color .3s}.cartel-select:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px rgba(76,175,80,.2)}.cartel-btn{padding:12px 25px;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.cartel-btn.descargar{background-color:#4caf50;color:#fff}.cartel-btn.descargar:hover:not(:disabled){background-color:#388e3c;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.cartel-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.canvas-container{position:relative;width:100%;display:flex;justify-content:center;background-color:#f0f0f0;padding:20px;border-radius:10px;box-shadow:inset 0 0 10px rgba(0,0,0,.1);min-height:600px}.cartel-canvas{max-width:100%;height:auto;box-shadow:0 4px 20px rgba(0,0,0,.15);border-radius:5px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:400px;font-size:18px;color:#666}@media (max-width:768px){.cartel-controls{flex-direction:column;align-items:stretch}.cartel-select-container{min-width:auto}.canvas-container{padding:10px}.cartel-canvas{width:100%}}